/**************************************************/
/******************* RESPONSIVE *******************/
/**************************************************/

@media only screen and (min-width: 781px) and (max-width: 1020px) {

	.show-tablet {display: block !important;}
	.hide-tablet {display: none !important;}

	body,
	#sub-content { background:none;  }
	
	#wrap { width:100%; overflow:hidden; }
	
	header { background-image:url(../images/mobile-wrap-bg.jpg); background-repeat:repeat-x; background-color:#080808; }
	.head-right-col { width:100%; }
	
	.head-bottom-row { width:100%; }
	header #top-search { padding-left:100px; }
	header .shopcart { padding-right:10px; }
	
	.main-nav { height:auto; }
	.main-nav ul { height:auto; overflow:hidden; }
	
	.wrap-sub-content { padding:0 10px; } 
	
	
	.flex-container { max-width:940px; margin:auto; }
	
	.home-promos { padding-left:10px; padding-right:10px; }
	.home-promos .fluid33 { width:31%; padding-left:1%; padding-right:1%; }

	.sign-up-row .text19 { font-size:14px; padding-left:14px; }
	.sign-up-row p { padding-top:5px; padding-left:14px; font-size:12px; }
	.sign-up-row .textbox { width:90px; }
	
	.product-info .green-plus-btn { float:none; display:block; margin:10px 0 0 0; }
	.product-info .like-btn { float:none; display:block; margin:10px 0 0 0; }
	
	
	/*
	------------ GRID ------------
	*/
	
		.home-grid { width:auto; }
		.home-grid .struct .frame {  height:325px; }
		.grid .struct .image { height:136px; }
		
		aside { }
		
		.grid .wrap {
			vertical-align: top;
			width: 25%;
			display: inline-block;
		}
		
		.grid .struct {
			float: none;
			width: auto;
			height: auto;
			margin:5px;
			text-align: center;	
		}
		.grid .struct .ribbon-sale,
		.grid .struct .ribbon-new,
		.grid .struct .ribbon-bargain  { width: 71px; height: 71px; background-image: url('../images/ribbon-new-small.png'); }
		.grid .struct .ribbon-sale {background-image: url('../images/ribbon-sale-small.png');}
		.grid .struct .ribbon-hot {  background-image: url('../images/ribbon-hot-small.png');	}
		.grid .struct .ribbon-bargain { background-image:url('../images/ribbon-bargain-small.png'); } 
		
		.grid .struct .price .old, .grid .struct .price .new  { display:block; }
		
		.grid .struct .white-grad-btn {display: none;}
		.grid .struct .blue-grad-btn { float:none!important; display:inline-block; margin:auto; }
		.grid .struct .buttons { text-align:center; }
		
		/*
		------------ SIDE ------------
		*/
		
		aside .grid .struct {text-align: left;}
		
		
	/*
	------------ FOOTER ------------
	*/
		
		.footer-green-inner { width:auto; padding-left:10px; padding-right:10px; }
		.footer-blue-wrap { width:100%; }
		.footer-blue-inner { width:100%; float:left;  }
		.footer-blue-inner ul { width:150px; padding-left:10px; float:left; }
		.footer-blue-inner .foot-right-col { padding-right:10px; float:right; }
			


}







@media only screen and (max-width: 780px) {

	.show-phone {display: block !important;}
	.hide-phone {display: none !important;}

	body, #sub-content { background:none; padding:20px 10px;  }
	
	.logo-mobile { width:163px; height:70px; float:none; display:block;  margin:20px auto 0 auto; background-image:url(../images/logo-cx-computers-mobile.jpg); background-repeat:no-repeat; position:relative; z-index:10; }
	
	#wrap { width:100%; overflow:hidden; -moz-box-shadow: 0 0 2px #7d7c7c; -webkit-box-shadow: 0 0 2px #7d7c7c; box-shadow: 0 0 2px #7d7c7c; }
	
	header { height:195px; background-image:url(../images/mobile-wrap-bg.jpg); background-repeat:repeat-x; background-color:#080808; margin-bottom:10px; }
	.head-right-col { width:100%; }
	.head-bottom-row { width:100%; margin-bottom:10px; }
	
	.wrap-sub-content { padding:0 10px; } 
	
	.home-promos { padding-left:10px; padding-right:10px; }
	.home-promos .fluid33 { width:31%; padding-left:1%; padding-right:1%; }
	
	
	/*
	------------ LAYOUT ------------
	*/
	
		#content {padding: 0px 0px; }
	
		#content-right,
		#content-left {
			display: none;
		}
		#content-left + #content-right + #content-center, #content-left + #content-center {margin-left: 0px;}
		#content-right + #content-center {margin-right: 0px;}
		
		.column4 {width: auto;}
		.fluid50 {
			width: auto;
			float: none;
			margin-bottom: 30px;
		}


	/*
	------------ GRID ------------
	*/
	
		.home-grid { width:auto; margin-bottom:20px; overflow:hidden; }
		.grid .wrap {
			vertical-align: top;
			width: 50%;
			display: inline-block;
		}
		.grid .struct {
			float: none;
			width: auto;
			height: auto;
			margin:5px;
			text-align: center;	
		}
		.grid .struct .ribbon-sale,
		.grid .struct .ribbon-new,
		.grid .struct .ribbon-bargain,
		.grid .struct .ribbon-hot {
			width: 71px;
			height: 71px;
			background-image: url('../images/ribbon-new-small.png');
		}
		.grid .struct .ribbon-sale {background-image: url('../images/ribbon-sale-small.png');}
		.grid .struct .ribbon-hot {  background-image: url('../images/ribbon-hot-small.png');	}
		.grid .struct .ribbon-bargain { background-image:url('../images/ribbon-bargain-small.png'); } 
		
		
		.grid .struct .button-icon {display: none;}
	
	
	
	
	#cart { display: block; float: none; position: relative; height: auto; right: auto; top: auto; margin-right:10px; margin-left:10px; 	}
	#cart .drop-content {width: 100%;}
	#cart .cart-total {
		font-size: 16px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-left: 2px;
		background-image:url(../images/blue-grad-h40.jpg);
		background-repeat:repeat-x;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);	
	}
	
	.sign-up-row { margin-left:10px; margin-right:10px; }
	.sign-up-row .text19 { font-size:13px; padding-left:8px; padding-right:22px; }
	.sign-up-row p { padding-top:4px; padding-left:14px; font-size:12px; }
	.sign-up-row .textbox { width:90px; }

	/*
	------------ TABLE ------------
	*/
	
		.table td,
		.table th {
			padding: 6px 8px;
		}
		
	/*
	------------ ROWS ------------
	*/
	
		.rows .image img {
			width: 100px;	
		}
		
	/*
	------------ PRODUCT INFO ------------
	*/
		
		.product-info {margin: 0px 0;}
		.product-info .left {
			float: none;
			margin-bottom: 10px;
			overflow: hidden;
			text-align: center;
		}
		.product-info .right {margin: 0 0 30px 0;}
		.product-info .image {
			display: inline-block;
			margin-bottom: 0px;
		}
		.product-info .image-additional {
			width: auto;
			text-align: center;
			margin-right: 0px;
		}
		.product-info .image-additional a {
			display: inline-block;
			float: none;
			margin: 0px 4px 6px 4px;
		}
		.product-info .price-default,
		.product-info .price-new {
			font-size: 22px;
		}
		
	/*
------------ PRODUCT FILTER ------------
*/
	
	.product-filter {
		margin-left:0;
		margin-right:0;
	}
	
		
	/*
	------------ TABS ------------
	*/	
		
		.tab-wrap { padding:0; }
		.tabs {
			border-left: 1px solid #eee;
			padding: 10px 0;
			height: auto;
		}
		.tabs a {
			float: none;
			height: 36px;
			line-height: 36px;
		}
		.tabs a.selected {
			border-radius: 0 3px 3px 0;
			border: 1px solid #eee;
			border-left-width: 0;
			margin-left: -1px; background-color:#ffffff;
			margin-bottom: 0px;
			line-height: 36px;
			padding: 0px 8px;
			background-image:none;
		}

	/*
	------------ PRODUCT FILTER ------------
	*/
	
	.product-filter {
		margin-left:0;
		margin-right:0;
	
	}
	
	/*
	------------ ROWS ------------
	*/

	.rows .row {
		margin-left:10px;
		margin-right:10px;
		overflow: hidden;
	}

	/*
	------------ ORDER LIST ------------
	*/
	
	.order-list li div {
		float: none;
		width: auto;
	}


	/*
	------------ FOOTER ------------
	*/
		
		
	.footer-green-inner { width:auto; padding-left:20px; padding-right:20px; }

	.footer-blue-wrap { width:auto; height:auto; padding:20px 20px 0 20px; background-image:none; background-color:#1aa1e2; overflow:hidden; }
	.footer-blue-inner { width:100%; float:left; padding:0;  }
	.footer-blue-inner ul { display:none; }
	.footer-blue-inner .foot-right-col  { float:left; text-align:left; }
	.footer-blue-inner .foot-right-col p { text-align:left; }
	.footer-blue-inner .foot-right-col .btm-text { text-align:left; float:left; }
	
	footer .column { width: auto; padding:0; float:none; }
	footer h2 { height: 40px; padding: 0px 10px; margin: 0; background: #040404 url('../images/black-grad-h39.jpg'); font-size: 16px; line-height: 40px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; color: #fff; cursor: pointer; }
	footer h2:hover {background-color: #66ccff;}
	footer .first h2 { border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; }
	footer .last h2 { border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; }
	footer ul {display: none; padding:0; margin:0; list-style:none; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
	footer .active ul {display: block;}
	footer ul li a { display: block; background: #fff url('../images/white-grad-h39.jpg'); background-position:bottom left; line-height: 40px; text-align: center; border: 0px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }

	footer { padding:0 10px 10px 10px; }
} 


@media only screen and (max-width: 600px) {

	.sign-up-row,
	.home-promos { display:none; }
	
	ul.tab-nav li a { padding-left:10px; padding-right:10px; font-size:12px; font-weight:100; }
	


}

@media only screen and (max-width: 480px) {

	ul.tab-nav li a { padding-left:8px; padding-right:8px; font-size:11px;  }
	
}



@media only screen and (max-width: 380px) {

	.grid .wrap {
			vertical-align: top;
			width: 100%;
			display: inline-block;
		}
		
	.product-info .green-plus-btn { float:none; display:block; margin:10px 0 0 0; }
	.product-info .like-btn { float:none; display:block; margin:10px 0 0 0; }
		
	


}