/* Extra small devices (phones, 599px and down) */
@media only screen and (min-width: 320px)and (max-width:639px) {
	.\35 grid-layout {width: 100%!important;}
	#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%;}
	
	.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%;}
	
	#col-text1 {width: 90%!important;  float:none;  padding-top: 1em; padding-left: 0.5em;}
	#col-text4 {width: 90%!important;  float:none;  margin-left: 0.5em;}
	#col-sub1a {width: 90%!important; float:none;  padding-left: 1em; }
	#col-sub {width: 90%!important; }
	#main section {margin-left: 0.5em;padding-right: 1em;	}
	#col-subR {	width: 90%!important;	float: none!important;	padding-left: 1em; margin-bottom: 0.5em;background-color:#EEE;	padding-top: 1em; margin-top: 0em;}
	
	#sidebar-footer box1 {float: none!important;width: 100%!important;}
	#sidebar-footer box2 {float: none!important;width: 100%!important;}
	#sidebar-footer box3 {float: none!important;width: 100%!important;}
	#sidebar-footer box4 {float: none!important;width: 100%!important;}
	
.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  (min-width: 640px) and (max-width:767px){
	.\35 grid-layout {width: 100%!important;}
	#header nav {font-size: 1em!important;}
	#header nav a {padding-left: 13px!important;padding-right: 13px!important;}
	#col-text1 {width: 85%!important;  float:none;  padding-top: 1em;}
	#col-text4 {width: 90%!important;  float:none;  padding-left: 0em; margin-left: 0em;}
	#col-sub1a {width: 90%!important; float:none;  padding-left: 1em; }
	#col-sub {width: 90%!important; }
	#main .main-row {width: 80%!important;}
	#main section {margin-left: 0.5em;padding-right: 1em;	}
	#col-new {width:40% !important;}
	#col-subR {	width: 90%;	float: none;	padding-left: 1em; margin-bottom: 0.5em;background-color:#EEE;	padding-top: 1em; margin-top: 0em;}
	
	.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%; padding-right: 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;}
	
	#sidebar-footer box1 {float: none;width: 50%;}
	#sidebar-footer box2 {float: none;width: 50%;}
	#sidebar-footer box3 {float: none;width: 50%;}
	#sidebar-footer box4 {float: none;width: 50%;}
	
.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) and (max-width: 1024px) {
	.\35 grid-layout {width: 100%!important;}
	.main-body {width: 100%}
	#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;padding-right: 1%;}
	
	.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: 1025px)  {

	.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:none; border-top:none;margin-top: 1%;padding-bottom: 1%;    display: inline-block;}
	
	.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;}
}