@media only screen and (min-width: 768px) {
    /* For Tamplates with mini width 768px: */

    .col-t1 {width: 8.3333%;}
    .col-t2 {width: 16.6666%;}
    .col-t3 {width: 25%;}
    .col-t4 {width: 33.3333%;}
    .col-t5 {width: 41.6666%;}
    .col-t6 {width: 50%;}
    .col-t7 {width: 58.3333%;}
    .col-t8 {width: 66.6666%;}
    .col-t9 {width: 75%;}
    .col-t10 {width: 83.3333%;}
    .col-t11 {width: 91.6666%;}
    .col-t12 {width: 100%;}
    .col-t20 {width: 20%;}
    .col-t30 {width: 30%;}
    .col-t40 {width: 40%;}
    .col-t50 {width: 50%;}
    .col-t60 {width: 60%;}
    .col-t70 {width: 70%;}
    .col-t80 {width: 80%;}

	#logo .row .col-6:first-child {text-align:left;}
	#logo .row .col-6:first-child img {margin-left:0 !important; margin-right:auto;}
	#logo .row .col-6:last-child {text-align: right;}

	#main .row .col-12,
	#main .row .col-9,
	#main .row .col-8,
	#main .row .col-6 {
	    padding: 10px;
	}
	#main .row .col-4,
	#main .row .col-2,
	#main .row .col-3 {
	    padding: 10px;
	}
	#main .noPadding {padding: 0 !important;}

	/*To increase the width of slider and ads spacer reverse the above padding */
	#main .increaseMargins {
	    margin-left: 0;
	    margin-right: 0;
	}

	#footer .col-2 {text-align: left;}
	#footer .row .col-2:last-child {text-align: right;}

	#promotionProducts .tabLayer > .row,
	#promotion > .row {padding: 0 1%;}

	.table {display: table; margin: 10px auto;}
	.cell {display: table-cell; padding: 10px 20px; text-align: left;}
}
 
@media only screen and (min-width: 1024px) {
    /* For Desktops with mini width 1024px: */
    .col-1 {width: 8.3333%;}
    .col-2 {width: 16.6666%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.3333%;}
    .col-5 {width: 41.6666%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.3333%;}
    .col-8 {width: 66.6666%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.3333%;}
    .col-11 {width: 91.6666%;}
    .col-12 {width: 100%;}
    .col-20 {width: 20%;}
    .col-30 {width: 30%;}
    .col-40 {width: 40%;}
    .col-50 {width: 50%;}
    .col-60 {width: 60%;}
    .col-70 {width: 70%;}
    .col-80 {width: 80%;}

	#main .row > .col-12,
	#main .row > .col-9,
	#main .row > .col-8,
	#main .row > .col-6 {
	    padding: 10px 40px;
	}
	#main .row > .col-4,
	#main .row > .col-3,
	#main .row > .col-2 {
	    padding: 10px;
	}

	#main .noPadding {padding: 0 !important;}

	/*To increase the width of slider and ads spacer reverse the above padding */
	#main .increaseMargins {
	    margin-left: 0;
	    margin-right: 0;
	}


	#footer .col-3 {text-align: left;}
	#footer .row .col-3:last-child {text-align: right;}

	#promotionProducts .tabLayer > .row,
	#promotion > .row {padding: 0 2%;}

}

@media only screen and (min-width: 1025px) {
	#main {width: 94%; margin: 0 auto;} 
	.textPadding {padding: 0 5%}
}
@media only screen and (min-width: 1365px) {
	#main {width: 90%; margin: 0 auto;}
	.textPadding {padding: 0 7.5%}
}

@media only screen and (min-width: 1441px) {
	#main {width: 80%; margin: 0 auto;} 
	.textPadding {padding: 0 10%}
}
@media only screen and (min-width: 1601px) {
	html, body {font-size: 18px;}
}
@media only screen and (min-width: 1901px) {
	html, body {font-size: 19px;}
}

@media only screen and (max-width: 768px) {
	#top {padding: 10px;}
	#main {margin: 0 5px;} 
	.adsHeader {display: none;}
}

/*	END
	*/