/* 
------------------------------------------------------------
Template Name    : Streak Semi Rounded OpenCart Theme
OpenCart Version : 2.1.0.2
Author Name      : Santosh Setty
Author URL       : http://www.santoshsetty.com
Description		 : Theme Stylesheet for Responsive Devices
------------------------------------------------------------ 
*/

/* Large Devices Styles Starts */

@media (max-width: 1200px) {

	/* Products Box Styles Starts */
	
		.product-grid .product-thumb .caption {
			min-height: 210px;
			padding: 0 10px;
		}
		.product-thumb .button-group button, 
		.product-thumb .button-group button + button {
			width: 33.33%;
		}

}
@media (min-width: 1200px) {
	
/* Main Header Styles Starts */

	.main-header {
		padding-left: 0;
		padding-right: 0;
	}	
	
/* Main Menu Styles Starts */

	.main-menu.container .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}		
	
	#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;
	}
	
/* Generic Styles Starts */

	.img-center-lg {
		margin-left: auto;
		margin-right: auto;
	}

	.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) {

	#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;
	}
	
/* 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) {
	
/* Main Header Styles Starts */

	.main-header {
	}
	
/* Menu Styles Starts */

	.main-menu.container {
		padding-left: 0;
		padding-right: 0;
	}
		.main-menu.container .navbar-collapse {
			padding-left: 10px;
			padding-right: 10px;
		}
		#menu .nav > li > a {
			padding-left: 10px;
			padding-right: 10px;
			font-size: 11px;
		}

	#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;
	}
	
/* Main Footer Styles Starts */

	.footer-links {
		margin-bottom: 0;		
	}
		.footer-links ul {
			margin-bottom: 25px;
		}
	
/* 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) {

	/* Menu Styles Starts */ 
	
		#menu .dropdown:hover .dropdown-menu {
			display: block;
		}
		
	/* Products Box Styles Starts */
	
		.product-list .product-thumb .button-group {
			border-left: none;
		}
		
	/* Fixes For Product Layouts For Left & Right Columns */
	
		#column-left  .product-layout .col-md-3 {
		   width: 100%;
		}
		#column-left + #content .product-layout .col-md-3 {
		   width: 50%;
		}
		#column-left + #content + #column-right .product-layout .col-md-3{
		   width: 100%;
		}
		#content + #column-right .product-layout .col-md-3{
		   width: 100%;
		}

}

/* Extra Small Devices Styles Starts */

@media (max-width: 767px) {
	
	body {
		padding: 10px;
	}	

/* Search & Curreny Styles Starts */

	.search-currency-block {		
	}
		#search {
			margin-right: 13%;
			margin-top: 10px;
		}

/* Menu Styles Starts */
	
	#menu {
		border-radius: 4px;
	}
		#menu div.dropdown-menu {
			margin-left: 0 !important;
			padding-bottom: 10px;
			background-color: rgba(0, 0, 0, 0.1);
		}
			#menu div.dropdown-inner > ul.list-unstyled {
				display: block;
			}			
			#menu .dropdown-inner {
				display: block;
			}
			#menu .dropdown-inner a {
				width: 100%;
				color: #fff;
			}
			#menu .dropdown-menu a:hover,
			#menu .dropdown-menu ul li a:hover {
				background: rgba(0, 0, 0, 0.1);
			}
		#menu .see-all {
			margin-top: 0;
			border: none;
			border-radius: 0;
			color: #fff;
		}
			
/* Products Box Styles Starts */
	
	.product-list .product-thumb .image {
		float: left;
		padding: 0 15px;
	}
	.product-list .product-thumb .caption {
		min-height: 0;
		margin-left: 0;
		padding: 0 10px;
	}
	.product-grid .product-thumb .caption {
		min-height: 0;
	}
	.product-thumb .button-group button, 
	.product-thumb .button-group button + button {
		width: 33.33%;
	}
		
/* Main Footer Styles Starts */

	.footer-links {
		margin-bottom: 10px;		
	}
		.footer-links .row > div:first-of-type {
			margin-top: 20px;
		}
		.footer-links h6 {
			margin-bottom: 6px;
		}
		.footer-links ul {
			margin-bottom: 10px;
		}	
			.footer-links li .fa {
				margin-right: 0;
				display: none;
			}
			
/* Copyright Styles Starts */

	.copyright {
		margin-left: 0;
		margin-right: 0;
	}			
		
/* 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; }

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

}

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

	.search-currency-block {
		padding-left: 0;
		padding-right: 0;
	}
		.search-currency-block .pull-right {
			float: none !important;
		}
	#search {
		margin-bottom: 15px;
		margin-right: 0;
	}
		#currency ul {
			margin-right: 0;
		}

/* Cart Styles Starts */
	
		#cart .dropdown-menu {
			width: 100%;
		}
			#cart .dropdown-menu li > div {
				min-width: 100%;
			}

}