@media only screen and (max-width: 790px) {
/* For mobile phones: */
	[class*="col-"] {
		width: 100%;
	}
	.col-m-90{width: 90%;}
	.col-m-50{width: 50%;}
	.col-m-30{width: 30%;}
	.col-m-25{width: 25%;}
	.col-m-10{width: 10%;}
	.c-m-0 {width:0px; height:0px; overflow:hidden;}
	.c-m-logo img{width:100px; height:160px;}
	#menu a.col-menuitem{ float:left;display:block; height:auto;  overflow:hidden; position:relative; background-color:#FFF; padding:0px; }
	#menu a img{ position:absolute; top:-10px; left:0px; right:0px; bottom:0px; text-align:center; margin:auto }
	.m-hidden{display:none;}
	#box a.col-menuitem{width:100%;  padding:0px;}
	#menu {display:block;height:auto;  float:left; background-image:none; background-color:#FFF; padding-top:0px;}
	#left{	background-image:url(../images/elementBorder1.png);  background-position:top ;
	padding:0px; min-width:350px;}
	#comicBox {	display:inline-block;	}
}
@media only screen and (max-width: 999px) and (min-width:791px) {
/* For mobile phones: */
	
	/*.col-menu{padding-top:0px; }*/
	
	.c-t-0 {width:0px; height:0px; overflow:hidden;}
	.col-t-3{width:3%;}
    .col-t-5 {width: 5%;}
    .col-t-10 {width: 10%;}
    .col-t-15 {width: 15%;}
    .col-t-20 {width: 20%;}
    .col-t-25 {width: 25%;}
    .col-t-30 {width: 30%;}
    .col-t-31 {width: 31.3%;}
    .col-t-35 {width: 35%;}
    .col-t-40 {width: 40%;}
    .col-t-45 {width: 45%;}
    .col-t-48 {width: 48.5%;}
    .col-t-50 {width: 50%;}
    .col-t-55 {width: 55%;}
    .col-t-60 {width: 60%;}
    .col-t-65 {width: 65%;}
    .col-t-70 {width: 70%;}
    .col-t-75 {width: 75%;}
    .col-t-80 {width: 80%;}
    .col-t-85 {width: 85%;}
    .col-t-90 {width: 90%;}
    .col-t-95 {width: 95%;}
    .col-t-100 {width: 100%;}
	#box.t-show{width:3%; background-image:none; padding:0px; margin:0px;}
	.t-hidden{display:none;}
	#menu {height:50px; background-image:none; background-color:#FFF; padding-top:0px}
	#left{	background-image:url(../images/elementBorder2.png); background-position:-93px 0px; padding-left:20px;	 	min-width:457px;}
	.cb1{	margin-right:auto; margin-left:auto;}
	.cb2{	margin-right:auto; margin-left:auto;}
		#comicBox { float:left;	 margin:0px 0px 0px 0px; padding:0px; max-height:444px;	}
			#spacer {	float:left;	 margin:0px; padding:0px;	}
}
@media only screen and (min-width: 1000px) {
/* For mobile phones: */
    /* For desktop: */
	
	.col-logo{width:200px;}
	.col-menu{width:760px; padding-top:119px; }
	.col-user{width:760px; }
	.c-0 {width:0px; height:0px; overflow:hidden;}
	.col-3{width:3%;}
    .col-5 {width: 5%;}
    .col-10 {width: 10%;}
    .col-15 {width: 15%;}
    .col-20 {width: 20%;}
    .col-25 {width: 25%;}
    .col-30 {width: 30%;}
    .col-35 {width: 35%;}
    .col-40 {width: 40%;}
    .col-45 {width: 45%;}
    .col-50 {width: 50%;}
    .col-55 {width: 55%;}
    .col-60 {width: 60%;}
    .col-65 {width: 65%;}
    .col-70 {width: 70%;}
    .col-75 {width: 75%;}
    .col-80 {width: 80%;}
    .col-85 {width: 85%;}
    .col-90 {width: 90%;}
    .col-95 {width: 95%;}
    .col-100 {width: 100%;}
	.d-hidden{display:none;}
	#left{	background-image:url(../images/elementBorder3.png);
	background-position: top; padding:0px 20px 0px 20px;
	max-width:667px;}
	.cb1{	margin-right:0px;}
	.cb2{	margin-right:11px; margin-left:11px;}
	#comicBox {	float:left;	}
	#spacer{float:left;}
}