

/* Extra small devices (phones, 599px and down) */
@media only screen and (max-width: 599px) {
	#col-new {width:40% !important;}
	.colum2a {float: none!important;width: 90%!important;padding-left: 1%;}
	.colum2b {float: none!important;width: 85%!important;padding-left: 4%!important;}
	
	.column1 {float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;}
	.column2 {float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;}
	.column3 {float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%; }
	.column4 {float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;}
	
	.col3 {float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;padding-bottom: 2%;}
	.col4 {float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;padding-bottom: 2%;}
	.col-IE2 {float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;padding-bottom: 2%;clear: both;}
	
	.col5{float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;padding-bottom: 2%;}
	.col6{float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;padding-bottom: 2%;}
	.col-IE3{float: none!important;width: 95%!important; border-top:none;margin-top: 1%;padding-left: 1%;padding-bottom: 2%;}
	
.scroll-top-wrapper {
    width: 50px;
	height: 48px;
	line-height: 48px;
	right: 2em;
	bottom: 2em;}	
}
	

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and  (max-width:767px){
	#col-new {width:40% !important;}
	.col3{float: left; width: 33%; border-top:none;margin-top: 1%;padding-right: 1%;padding-left: 1%;}
	.col4{float: left; width: 30%; border-top:none;margin-top: 1%;padding-right: 1%;padding-bottom: 2%;}
	.col-IE2 {float: none;width: 75%; border-top:none;margin-top: 1%; padding-bottom: 1%;clear: both;}
	
	.col5{float: left;width: 33%; border-top: thin;margin-top: 1%; padding-bottom: 1%;padding-left: 1%;}
	.col6{float: left;width: 33%; border-top:thin;margin-top: 1%; padding-bottom: 1%;}
	.col-IE3{float: none;width: 75%; border-top:thin;margin-top: 1%; padding-bottom: 1%; padding-left: 1%;}
	
	.column1 { float: left; width: 33%; border-top:none;margin-top: 1%;padding-right: 1%;padding-left: 1%;}
	.column2 { float: left; width: 30%; border-top:none;margin-top: 1%;padding-right: 1%;}
	.column3 { float: left; width: 33%; border-top:none;margin-top: 1%;padding-right: 1%;padding-left: 1%;}
	.column4 { float: left; width: 30%; border-top:none;margin-top: 1%;padding-right: 1%;}
	
	.colum2a {float: none;width: 75%;}
	.colum2b {float: none;width: 55%;padding-left: 4%;}
	h2head{font-size: 19px!important;}
	
.scroll-top-wrapper {
    width: 50px;
	height: 48px;
	line-height: 48px;
	right: 2em;
	bottom: 2em;}	
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px)  {
	#col-new {width:40% !important;}
	
	.colum2a {float: none;width: 98%!important;padding-left: 1%;}
	.colum2b {float: none;width: 60%!important;padding-left: 3%;padding-left: 5%;}
	
	.column1 { float: left; width: 45%; border-top:none;margin-top: 1%;padding-right: 1%;padding-left: 1%;}
	.column2 { float: left; width: 45%; border-top:none;margin-top: 1%;padding-right: 1%;}
	.column3 { float: left; width: 45%; border-top:none;margin-top: 1%;padding-right: 1%;padding-left: 1%;}
	.column4 { float: left; width: 45%; border-top:none;margin-top: 1%;padding-right: 1%;}
	
	.col3{float: left;width: 33%; border-top:none;margin-top: 1%; padding-left: 1%;}
	.col4{float: left;width: 33%; border-top:none;margin-top: 1%; padding-left: 0%; padding-bottom: 1%;}
	.col-IE2 {padding-left: 0%!important;margin-top: 1%;clear: both;}
	
	.col5{float: left;width: 45%; border-top:none;margin-top: 1%; padding-bottom: 1%;padding-left: 1%;}
	.col6{float: left;width: 45%; border-top:none;margin-top: 1%; padding-bottom: 1%;}
	.col-IE3{float: left;width: 30%; border-top:none;margin-top: 1%; padding-bottom: 1%;}
	
	h2head{font-size: 19px!important;}
	/* Clear floats after the columns */

.scroll-top-wrapper {
    width: 50px;
	height: 48px;
	line-height: 48px;
	right: 2em;
	bottom: 2em;}	
}


/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px)  {
.colum2a {float: left!important; width: 50%!important;padding-left: 1%;}
	.colum2b {float: right!important;width: 45%!important; padding-left: 0%;}
	
	.column1 { float: left;width: 22%; border-top:none;margin-top: 1%;padding-right: 2%;padding-left: 1%;}
	.column2 { float: left;width: 22%; border-top:none;margin-top: 1%;padding-right: 2%;}
	.column3 { float: left;width: 22%; border-top:none;margin-top: 1%;padding-right: 2%;}
	.column4 { float: left;width: 22%; border-top:none;margin-top: 1%;padding-right: 2%;}
	
	.col3{float: left;width: 33%; border-top:none;margin-top: 1%; padding-bottom: 1%;padding-left: 1%;padding-right: 1%;}
	.col4{float: left;width: 33%; border-top:none;margin-top: 1%; padding-bottom: 1%;padding-right: 1%;}
	.col-IE2 {width:30%; float:right; border-top:none;margin-top: 1%;padding-bottom: 1%;}
	
	.col5{float: left;width: 33%; border-top:none;margin-top: 1%; padding-bottom: 1%;padding-left: 1%;}
	.col6{float: left;width: 33%; border-top:none;margin-top: 1%; padding-bottom: 1%;}
	.col-IE3{float: left;width: 33%; border-top:none;margin-top: 1%; padding-bottom: 1%;}
	
	/* Clear floats after the columns */
.row:after {
    content: "";
    display: table; 
    clear: both;}
.scroll-top-wrapper {
    width: 47px;
	height: 47px;
	line-height: 47px;
	right: 2em;
	bottom: 2em;}
}