/* 
------------------------------------------------------------
Template Name    : Impact Computers
OpenCart Version : 2.3.0.2
Description		 : Theme Stylesheet for Responsive Devices
------------------------------------------------------------ 
*/

/* Large Devices Styles Starts */

@media (max-width: 1200px) {
	
}
@media (min-width: 1200px) {

/* Products Box Styles Starts */	

	.product-list .product-module-item {
	}
		.product-list .product-module-item .image {
			padding-right: 30px;
			float: left;
		}
		.product-list .product-module-item .caption {
			margin-top: 20px;
		}
			.product-list .product-module-item .caption h5 {
				margin-bottom: 20px;
			}
			.product-list .product-module-item .button-group {
				margin-top: 20px;
			}
	
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
	
/* Copyright Styles Starts */

	.copyright p {
		padding-top: 8px;
	}
	.copyright ul {
		padding-top: 2px;
	}	
	
/* Generic Styles Starts */

	.text-left-lg   { text-align: left;   }
	.text-center-lg { text-align: center; }
	.text-right-lg  { text-align: right;  }	
	
	.pull-left-lg  	{ float: left;  	  }
	.pull-right-lg 	{ float: right; 	  }	

}

/* Medium Devices Styles Starts */

@media (min-width: 992px) and (max-width: 1199px) {
	
/* Top Bar Styles Starts */

	.top-bar li {
		padding-left: 2px;
		padding-right: 2px;
	}
	
/* Search Styles Starts */

#search {}

#msearch {}	
	
/* Toll Free & Live Help Styles Starts */

.toll-free, 
.live-help {
}	
	.toll-free .fa, 
	.live-help .fa {
		margin-right: 10px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 22px;
	}
	
/* Products Box Styles Starts */	

	.product-list .product-module-item .image {
		padding-right: 30px;
		float: left;
	}
	.product-list .product-module-item .caption {
		margin-top: 20px;
	}
		.product-list .product-module-item .caption h5 {
			margin-bottom: 20px;
		}
		.product-list .product-module-item .button-group {
			margin-top: 20px;
		}	

	#content .col-md-2:nth-child(6n+1),
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
	
/* Copyright Styles Starts */

	.copyright p {
		padding-top: 4px;
	}	
	
/* Generic Styles Starts */

	.img-center-md {
		margin-left: auto;
		margin-right: auto;
	}	
	
	.text-left-md   { text-align: left;   }
	.text-center-md { text-align: center; }
	.text-right-md  { text-align: right;  }	

	.pull-left-md  	{ float: left;  	  }
	.pull-right-md 	{ float: right; 	  }	

}

/* Small Devices Styles Starts */

@media (min-width: 768px) and (max-width: 991px) {
	
/* Sticky Header Styles Starts */

	.sticky-header li {
		padding-left: 3px;
		padding-right: 3px;
	}
	
/* Top Bar Styles Starts */

	.top-bar ul + ul {
		margin-top: 5px;
	}
	
/* Search Styles Starts */

#search { }
#msearch { }	

/* Toll Free & Live Help Styles Starts */

.toll-free, 
.live-help {	
}
	.toll-free h3 {
		font-size: 16px;
	}
	.live-help h4 {
		font-size: 14px;
	}
	.toll-free .fa, 
	.live-help .fa {
		margin-right: 6px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 20px;
	}
	.toll-free .fa, 
	.live-help .fa, 
	.toll-free .fa + div, 
	.live-help .fa + div {
		margin-top: 14px;
	}
	
/* Products Box Styles Starts */	

	.product-list .product-module-item .image {
		padding-right: 30px;
		float: left;
	}
	.product-list .product-module-item .caption {
		margin-top: 20px;
	}
	.product-list .product-module-item .caption h5 {
		margin-bottom: 20px;
	}
	.product-list .product-module-item .button-group {
		margin-top: 20px;
	}	

	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
	
/* Tabs Styles Starts */

	.tabs-1 .nav-tabs li a {
		padding: 10px 20px;
	}
	
/* Copyright Styles Starts */

	.copyright p {
		padding-top: 3px;
		font-size: 11px;
	}
	.copyright li {
		padding-right: 0;
	}
		.copyright img {
			margin-top: 3px;
		}
	
/* Generic Styles Starts */

	.img-center-sm {
		margin-left: auto;
		margin-right: auto;
	}	
	
	.text-left-sm   { text-align: left;   }
	.text-center-sm { text-align: center; }
	.text-right-sm  { text-align: right;  }	

	.pull-left-sm   { float: left;   	  }
	.pull-right-sm  { float: right;   	  }	

}

@media (min-width: 768px) {
	
}

/* Extra Small Devices Styles Starts */

@media (max-width: 767px) {

body { padding-top: 70px; }
	
/* Sticky Header Styles Starts */

.sticky-header #search { 	margin-top: 10px; }
.sticky-header #msearch { 	margin-top: 10px; }
	
/* Tabs Styles Starts */

	.tabs-1 .nav-tabs li + li {
		margin-left: 2px;
	}
	.tabs-1 .nav-tabs li a {
		padding: 10px;
		font-size: 13px;
	}	
	
/* Footer Styles Starts */

	.main-footer h6 {
		margin-top: 30px;
	}
	.main-footer h6:after {
		margin-left: auto;
		margin-right: auto;
	}
	
/* Copyright Styles Starts */

	.copyright p {
		margin-bottom: 15px;
	}
	.copyright ul {
		margin-top: 15px;
	}
	
/* Generic Styles Starts */

	.img-center-xs {
		margin-left: auto;
		margin-right: auto;
	}	
	
	.text-left-xs   { text-align: left;   }
	.text-center-xs { text-align: center; }
	.text-right-xs  { text-align: right;  }	

	.pull-left-xs   { float: left;        }
	.pull-right-xs  { float: right;       }	

}

/* Extra Small Devices Styles Starts */
@media (max-width: 478px) {

/* Cart Styles Starts */

	#cart .dropdown-menu {
		width: 100%;
	}
		#cart .dropdown-menu li > div {
			min-width: 100%;
		}
		
/* Tabs Styles Starts */		
		
	.tabs-1 .nav-tabs > li {
		display: block;
	}
	.tabs-1 .nav-tabs > li, 
	.tabs-1 .nav-tabs > li.active {
		margin-bottom: 0;
		
	}
	
	.tabs-1 .nav-tabs li a::before {
		content: "\f078";
		margin-left: 5px;
		margin-right: 5px;
		font-size: 12px;		
	}
	.tabs-1 .nav-tabs li a, 
	.tabs-1 .nav-tabs li:active a	{
		text-decoration: none;
	}
	
	
	.tabs-1 .nav-tabs > li + li {
		margin-left: 0;
	}		

}



@media only screen 
and (max-device-width : 768px) 
/* and (orientation : portrait)*/
{
.fa-phone { display: none !important ;}
ul.ulCompatibles {
    -moz-column-count: 1;
    -moz-column-gap: 5px;
    -webkit-column-count: 1;
    -webkit-column-gap: 5px;
    column-count: 1;
    column-gap: 5px;
	list-style-type: none;
}	
}


@media (max-width: 1199px) and (min-width: 769px)  {
	
	ul.ulCompatibles {
		-moz-column-count: 2;
		-moz-column-gap: 10px;
		-webkit-column-count: 2;
		-webkit-column-gap: 10px;
		column-count: 2;
		column-gap: 10px;
		list-style-type: none;
	}
}
/*
@media (max-width: 991px) and (min-width: 768px) and (orientation : portrait) {
.fa-phone { display: none !important ;}
 div.product-layout:nth-child(2n+1){  clear: both !important;}

}
@media only screen 
and (min-device-width : 1024px) 
and (orientation : landscape) {
.fa-phone { display: none !important ;}
 div.product-layout:nth-child(2n+1){  clear: both !important;}
}
*/
@media only screen and (min-width : 1200px) {
	div.product-layout:nth-child(3n+1){    clear:left !important; }
	ul.ulCompatibles {
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
			list-style-type: none;
	}
}
/*
@media (max-width: 1440px) and (min-width: 1024px){
div.product-layout:nth-child(2n+1){    clear:left !important; }
}

@media (max-width: 991px) and (min-width: 768px)
{
div.product-layout:nth-child(2n+1){    clear:left !important; }	
.fa-phone { display: none !important ;}	
}

@media (max-width: 1199px) and (min-width: 992px){
div.product-layout:nth-child(2n+1){   clear:left !important; }		
}*/