/*  
Theme Name: streamline
Version: 1.4.0
Description: Responsive styles
Theme URI: http://www.everthemes.com/demo/streamline
Author: Luis V
Author URI: http://themeforest.net/user/luisvelaz
Tags: streamline, opencart, everthemes
*/

#supercontainer {
	background: #fff;
	margin: 0 auto;
	padding: 0 36px;
	border: 1px solid #eee;
	border-width: 0 1px;
}

	@media (min-width: 1200px) {

		#supercontainer {
			width: 1240px;
		}

		/*	Main Navigation  */

		.header_inner.toplogo { padding-bottom: 0; }

		.navbar { 
			background: transparent;
			border:0;
			border-radius: 0;
			margin: 0; 
			padding: 0;
			z-index: 1001;
			overflow-y: visible;
			position: relative;
		}
		.navbar-collapse {
			max-height: none;
			padding: 0;
			position: relative;
			text-align: center;
		}
		.navbar-toggle {
			float: left;
			background: #fff;
		}
		.navbar-default .navbar-toggle .icon-bar { background-color: #777; }
		.toplogo ul.navbar-nav {
	    float: none;
	    display: inline-block;
	  }
		.navbar .nav > li > a {
			text-shadow:none;
			padding-top: 0;
			padding-bottom: 0;
			line-height: 50px;
			font-size: 1.1em;
			color: #333;
			cursor: pointer;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility:    hidden;
			-ms-backface-visibility:     hidden;
		}
			.navbar .nav > li.dropdown:hover>a:before {
			  position: absolute;
			  bottom: 0px;
			  left: 35%;
			  display: inline-block;
			  border-right: 7px solid transparent;
			  border-bottom: 7px solid #191919;
			  border-left: 7px solid transparent;
			  border-bottom-color: #191919;
			  content: '';
			}
			.navbar .nav > li.dropdown:hover>a:after {
			  position: absolute;
			  bottom: -2px;
			  left: 35%;
			  margin-left: 1px;
			  display: inline-block;
			  border-right: 6px solid transparent;
			  border-bottom: 6px solid #fff;
			  border-left: 6px solid transparent;
			  z-index: 99999;
			  content: '';
			}

		#menu .nav > li > a>.caret {display: none; }
		
			.navbar .nav li.dropdown:hover > ul.dropdown-menu{ display: block; }
		
		.navbar .dropdown-menu {
			margin-top: 0px;
			margin-left: 0 !important;
			white-space: nowrap;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			border: 2px solid #ccc;
			border-color: #191919;
			background: #191919;
			text-align: left;
		}
		.navbar .dropdown-menu li>a {
			display: block;
			padding: 3px 20px;
			clear: both;
			font-weight: normal;
			line-height: 20px;
			color: #999;
			white-space: nowrap;
		}
		.navbar .dropdown-menu li .image {
			text-align: center;
		}

		.navbar li.dropdown-submenu { position: relative; }

		.navbar li.dropdown-submenu > a:before {
			font-family: 'FontAwesome';
			content: "\f0da";
			float: right;
			color: rgba(0,0,0,0.3);
			margin-right: -10px;
		}
		.navbar li.dropdown-submenu:hover > .thirdmenu {
			display: block;
			left: 100%;
			top: 0;
		}
		.fullwidth .nav >li .thirdmenu {
			display: block;
			padding: 0 0 0 20px;
			border: 0;
		}
		.navbar .fullwidth li.dropdown-submenu:hover > .thirdmenu {
			left: auto;
			top: auto;
		}
			.navbar .dropdown-menu > li.column-menu {
				display: table-cell;
				border-right: 1px solid #eee;
				vertical-align: top;
			}
			.navbar .dropdown-menu > li.column-menu:last-child { border-right: 0; }
			.navbar .dropdown-menu > li.column-menu ul { padding-left: 0; }
			.navbar .dropdown-menu > li.column-menu ul li { list-style: none; }

		
		/* Home */

		.home-icon span,
		.home-text i.fa,
		.home-hidden { display: none !important; }

		/* Columns: Categories, Brands, Custom Blocks */

		.dropdown-menu.cols-1 { width: 160px; }
		.dropdown-menu.cols-2 { width: 320px; }
		.dropdown-menu.cols-3 { width: 460px; }
		.dropdown-menu.cols-4 { width: 600px; }
		.dropdown-menu.cols-5 { width: 640px; }
		.dropdown-menu.cols-6 { width: 880px; }

		.dropdown-menu ul.childcats { padding:4px; }
		.dropdown-menu ul.childcats li { list-style: none; }
		.dropdown-menu ul.childcats li a { color: #777; }
		.dropdown-menu > .column-item {
			float: left;
			padding: 4px 8px;
		}
		.dropdown-menu > .column-item a {
			text-decoration: none !important;
			display: block; 
			color: #999;
		}

		.dropdown-menu.cols-1 > .column-item { width: 100%; }
		.dropdown-menu.cols-2 > .column-item { width: 50%; }
		.dropdown-menu.cols-3 > .column-item { width: 33.3%; }
		.dropdown-menu.cols-4 > .column-item { width: 25%; }
		.dropdown-menu.cols-5 > .column-item { width: 20%; }
		.dropdown-menu.cols-6 > .column-item { width: 16.6%; }

		.brands .column-item.logoname > a:hover, 
		.brands .column-item.logoname > a:focus,
		.brands .column-item.logo > a:hover, 
		.brands .column-item.logo > a:focus {
			background-color: transparent;
			color: #333;
		}
		.brands .column-item.logoname .name {
			display: block;
			text-transform: uppercase;
			text-align: center;
			font-size: 10px;
			margin-top: 3px;
			color:#999;
		}
		.brands .column-item .image { text-align: center; display: block;}
		.brands .column-item.logo .name { display: none; }
		.brands .column-item.name .image { display: none; }

		.column-item .maincat {
			font-weight: bold;
			margin-bottom: 4px;
			display: block;
			padding: 3px;
		}
		.dropdown-menu > .column-item .maincat a {
			color: #fff;
		}
		.column-item ul { list-style: none; padding-left: 0}

		.column-item ul li a {
			padding: 3px 9px;
			display: block;
		}
		.block-contents .dropdown-menu { max-width: 600px; white-space: normal; }

		.navbar .label {
			font-size: 8px;
			letter-spacing: 1px;
			font-weight: normal;
			vertical-align: top;
		}
		.fullwidth .nav >li { position: inherit; }
		.fullwidth .nav >li > a {
			z-index: 1111;
			margin-bottom: -1px;
			border: 1px solid transparent;
			border-width: 0 1px;
		}
		.fullwidth .nav li.dropdown ul.dropdown-menu {
			width: 100%;
			max-width: 100%;
			margin-left: auto !important;
		}
		.navbar-fixed-top .navbar-nav.navbar-right {
			display: block;
		}
		.navbar-fixed-top .navbar-brand img {
			max-height: 42px;
		}
		#mobmenu.navmenu-fixed-left {
			left: auto;
			width: 100%;
		}
		.navmenu-fixed-left.navbar-fixed-top {
			left: 0;
			right: auto;
			bottom: auto;
			overflow-y: inherit;
		}
		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
			background: transparent;
		}

		/*Light Menu Style*/

		.nav-light.navbar .dropdown-menu {
			border-color: #333;
			background-color: #fff;
		}
		.hdr-dark .nav-light.navbar .dropdown-menu {
			border-top: 0;
		}
		.hdr-dark .nav-dark.navbar .dropdown-menu {
			border-color: #fff;
		}
		.hdr-dark .nav-light.navbar .nav > li:hover>a:before,
		.hdr-dark .nav-dark.navbar .nav > li:hover>a:before {
			border-color: transparent transparent #fff;
		}
		.hdr-light .nav-dark.navbar .nav > li:hover>a:after,
		.hdr-dark .nav-dark.navbar .nav > li:hover>a:after {
			border-color: transparent transparent #191919;
		}
		.hdr-light .nav-dark.navbar .nav > li:hover>a:after {
			bottom: 0;
		}
		.nav-light .dropdown-menu > .column-item .maincat a {
			color: #000;
		}
		.nav-light .dropdown-menu li>a,
		.nav-light .dropdown-menu > .column-item a {
			color: #555;
		}
		/*Dark Menu Style*/
		.nav-dark.navbar .dropdown-menu li>a:hover,
		.nav-dark.navbar .dropdown-menu li>a:focus,
		.nav-dark.navbar .dropdown-submenu:hover>a {
			background-color: transparent;
			color: #00ae7c;
			text-decoration:none;
		}

	}

	@media (max-width: 1199px) {

		#supercontainer {
			background: #fff;
			width: 1080px;
			margin: 0 auto;
			padding: 0 36px;
			border: 1px solid #eee;
			border-width: 0 1px;
		}

		.toplogo .header_info,
		.centerlogo .header_info {
			display: none;
		}
		.toplogo .header_inner { padding-bottom: 10px; }

		.canvas-slid {position: fixed !important; width: 100%; }

		#mobmenu {width: 400px;}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0; }
		#mobmenu .navbar-nav { margin: 0 -15px; float: none; }
		#mobmenu .nav>li { float: none; clear: both; }
		#mobmenu .nav>li+li{
			border-bottom: 1px solid rgba(0,0,0,0.1) ;
		}
		#mobmenu .nav>li:last-child { border: 0; }
		#mobmenu .nav>li.open {background: #fff;}
		#mobmenu .nav>li>a{
			font-weight: bold;
	    font-size: 1.1em;
	    background: transparent;
	    padding: 12px 15px;
	    color: #333;
		}
		#mobmenu .nav>li>a.closesidebar { font-size: 24px; }
		#mobmenu .nav>li .column-item  a {
			padding: 5px 15px; 
			display: block;
			text-decoration: none;
		}
		#mobmenu .nav>li .column-item ul { padding-left: 5px; list-style-type: none; }
		
		#mobmenu .nav .column-menu a,
		#mobmenu.navbar-default .navbar-nav .open .dropdown-menu>li>a {
			color: #999;
			padding: 5px 15px;
		}
		#mobmenu.navbar-default .navbar-nav .open .dropdown-menu>li.viewall>a {
			color: #555;
		}
		#mobmenu li.dropdown > a + a.dropdown-toggle {
			position: absolute;
			top: 0;
			right: 0;
		}
		#mobmenu .dropdown-menu {
			position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
			border: 0;
			box-shadow: none; 
		}

		#mobmenu .label {
	    font-size: 10px;
	    vertical-align: middle;
		}

		#mobmenu .browse-options .dropdown-menu {
			clear: both;
		}
		#mobmenu .browse-options form, 
		#mobmenu .browse-options .btn-group, 
		#mobmenu .browse-options .dropdown-toggle {
	    display: block;
	    width: 100%;
	    text-align: left;
	    font-size: 1em;
		}
		#mobmenu .browse-options .btn-group.dropdown.open {
			background: #fff; 
		}
		#mobmenu .browse-options .btn-group.dropdown.open .dropdown-toggle {
			color: inherit;
		}
		#mobmenu .browse-options .caret { float: right; }

		#mobmenu .browse-options .btn.dropdown-toggle {
			padding: 10px 15px; 
			text-decoration: none; 
		}
		#mobmenu .browse-options .dropdown-menu .btn {
			text-align: left;
			text-decoration: none;
			background: transparent;
		}
		#mobmenu .account-options {
			clear: both;
		}
		#mobmenu .account-options .fa { font-size: 1.2em; }
		#mobmenu .login-options {
			position: absolute;
			top: 12px;
			right: 15px;
	    z-index: 99;
	    border: 0 !important;
		}
		#mobmenu .login-options > li > a {
			display: block;
			line-height: 20px;
			color: #999;
			padding: 5px 15px 5px 25px;
		}

		.menu_block .dropdown-menu > li { padding: 12px 20px; }
		.menu_block .dropdown-menu ul { padding-left: 15px; }

		#mobmenu li.brands .image {display: none;}
		#mobmenu .dropdown > a.dropdown-toggle .caret,
		#mobmenu .dropdown > button.dropdown-toggle .caret {
			float: right;
			border: 0;
			display: block;
			width: 20px;
			height: 20px;
			text-align: center;
			padding-left: 10px;
		}
		#mobmenu a.dropdown-toggle .caret:before,
		#mobmenu button.dropdown-toggle .caret:before {
			font-family: "FontAwesome";
			content: "\f105";
			font-size: 16px;
		}
		#mobmenu .dropdown.open > a.dropdown-toggle .caret:before,
		#mobmenu .dropdown.open > button.dropdown-toggle .caret:before {
			content: "\f106";
		} 
		#mobmenu .thirdmenu {
			display: block;
			padding-left: 20px;
		}

		#mobmenu .social { text-align: center; display: block; padding: 20px 0; }

		#mobmenu .social a { 
			font-size: 1.4em;
			padding: 0.3em;
		}
		#mobmenu .social a:hover {
			text-decoration: none;
			opacity: 1;
			-moz-opacity: 1;
			filter:alpha(opacity=100);
		}
		#header.leftlogo .rightbox .hdr-buttons {
			border: 0;
			padding-left: 0;
			margin-left: 0;
		}

	}
	
	/* Smaller than standard 960 */

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

		#supercontainer {
			width: auto;
			padding: 0;
			border: 0;
		}
			
		/*	Header  */
		#logo { max-height: 100%; }

		/*	Content  */
		.product-info .add_cart { float: none; }
		#closecart { display: block; }
		#links { display: none; }

	}


	@media (min-width: 768px) {
		.product-list .product-thumb .image {
			float: left;
			margin-right: 20px;
			max-width: 220px;
			width: 100%;
			position: relative;
		}
		.product-list .product-thumb.slideup .image {
			height: 220px;
			min-height: 220px;
			padding-bottom: 0;
		}

		#column-left .collapse { display: block; height: auto !important; }
		
		#footer ul.content { display: block !important; }
	}

	
	/* All Mobile Sizes */

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

		body {padding: 0;}

		/*	Header  */

		#header.navbar-fixed-top .header_info {display: none;}

		#header .rightbox .hdr-buttons {float: none;}

		/*	Search  */

		.search-field, #cart { top:0;}
		.framed_layout .search-field, .framed_layout #cart { top:15px;}

		.grid-box.alpha {
			margin-left:0 !important;
		}
		.navbar .search-field,
		.navbar #cart {
			display: none;
		}
		#header.slide-behind.hdr-light.background-dark .rightbox .btn-link,
		#header.slide-behind.hdr-light.background-dark .leftbox .btn-link {
			color: #111;
			text-shadow: none;
		} 
		#header.slide-behind.hdr-dark.background-dark .rightbox .btn,
		#header.slide-behind.hdr-dark.background-dark .leftbox .btn,
		#header.slide-behind.hdr-dark.background-light .rightbox .btn {
			color: #fff;
			text-shadow: none;
		}
		#content-wrapper {
			padding-top: 0 !important;
		}

		div.live-search ul li .product-name p {
			display: none;
		}

		/* Main content */

		.page-header h1,
		.page-header h3 {
			font-size: 1.6em !important;
		}
		.page-header .review span { font-size: 6px; }

		.blog_post .date_added { margin-top: 15px; }

		#content.span9 .slideshow { margin: 0 -10px; }

		/*Filters on mobiles*/

	  #product-category #column-left {
	  	display: block !important; 
	    margin: 0 0 10px 0;
	  }
	  #column-left .inner {
	  	border: 1px solid #777;
	  	border-width: 1px 1px 0;
	  }
	  #column-left .inner > div { 
	  	display: none;
	  	border: 0;
	  	border-bottom: 1px solid #777;
	    margin-bottom: 0;
	    background: transparent; 
	  }
	  #column-left .inner .panel-default { border: 0; background: transparent; margin: 0; }
	  #column-left #cat_accordion { background: #fff; }

	  #column-left .inner > div.filter,
	  #column-left .inner > div.category-accordion,
	  #column-left .inner > div.category {
	  	display: block; 
	  	border-bottom: 1px solid #777;
	  	border-radius: 0;
	  }
	  #column-left .inner .list-group { border: 0; border-radius: 0; }
	  #column-left .inner > div .btn-default {
      text-align: left;
      font-weight: bold;
      padding: 8px 12px;
      border: 0;
      background: transparent;
	  }
	  #column-left .inner > div .btn-default i,
	  .subcat-btn i { float: right ; font-size: 18px; }
	  .subcat-btn { display: block; margin: 0 0 10px; text-align: left; }

	  #subcategories .category-list { margin-top: 0; }

	  .category-info .image { display: none; }

		/*	Mobile menu */

			.navbar.navbar-default {text-align: left;}

		
		/*	Shopping Cart */

			.cart-inner { padding: 0; }

		/*	Checkout */

		.checkout .nav-tabs > li > a,
		.checkout .nav-tabs > .active > a {
			padding-left: 1em;
			padding-right: 1em;
			letter-spacing: 0px;
			font-size: 0.85em;
		}
		
		/*	Grid view */

		.product-layout.product-grid {
			width: 49.9% !important;
		}
		.product-compare { display: none; }
		.product-thumb .cart, .product-slider .item .cart {
			opacity: 1;
			-moz-opacity: 1;
			filter: alpha(opacity=100);
		}

		/*	List view  */

		.product-list .product-thumb.slideup .image {
	    height: 220px;
	    min-height: 220px;
	    padding-bottom: 0;
	    width: 100%;
		}

		.product-grid:hover .slideup .image .thumb, .product-list:hover .slideup .image .thumb, .box .product-layout > div:hover .slideup .image .thumb, .product-slider .owl-item:hover .slideup .image .thumb {
	    -webkit-transform:none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none;
	    -webkit-transition: none;
	    -webkit-transition-delay: 0s;
	    -moz-transition: none;
	    -o-transition: none;
	    transition: none;
		}

		.product-list .product-thumb .image .back-image { display: none; }


		.product-grid .overlay .caption,
		.box .product-layout .overlay .caption,
		.owl-carousel .owl-item .overlay .caption {
			position: relative;
			text-align: center;
			top: auto;
			left: auto;
			-moz-transform: none;
			-ms-transform: none;
			-webkit-transform: none;
			transform: none;
		}
		.product-grid .overlay,
		.product-list:first-child > div.overlay, 
		.product-list .overlay,
		.box .product-layout .overlay, 
		.owl-carousel .item .overlay {
			padding: 0 10px; 
			border: 0;
		}
		.product-grid .overlay .caption,
		.box .product-layout .overlay .caption,
		.owl-carousel .owl-item .overlay .caption {
			opacity: 1;
			padding: 0;
		}
		.product-grid:hover .overlay .ovrlay, .box .product-layout:hover .overlay .ovrlay, .owl-carousel .item:hover .overlay .ovrlay {
			display: none;
		}

		/*	Product  */

		.product-info .price,
		.product-info .cart,
		.product-info .review,
		.product-info .share,
		.product-info .tags,
		.product-info .links,
		.product-info .description {
			text-align: center;
		}
		.product-info .cart .input-qty {
			display: inline-block;
		}

		.product-layout .cart,
		.owl-carousel .owl-item .cart {
			opacity: 1 !important;
		}
		
		#full-info { padding: 0; }

		#full-info .tab-content img {
			max-width: 100%;
			height: auto!important;
		}

		.mousetrap { max-width: 100%; }
		#cloud-zoom-big {
			max-width: 100%;
			left:0 !important;
		}
		#zoom-image { display: none; }

		.accordion-heading .accordion-toggle { font-weight: bold; }

		.prevnext .pager { text-align: center;}


		/* Other lists  */

		.list-actions {
			text-align: center;
			padding-bottom: 10px;
		}

			.info-inner img {
				max-width: 100%;
				height: auto!important;
			}

		/*	Footer links  */

		#footer {text-align: center;}

		#footer .column { margin-bottom:-1px; }

		#footer h3.header {
			padding: 8px;
			margin: 0;
			cursor: pointer;
		}
			#footer h3.header:hover,
			#footer h3.header:active,
			#footer h3.header.active {
				outline: 0;
			}
			#footer h3.header:after {
				content: "\f107";
				font-size: 14px;
				display: inline-block;
				font-family: 'FontAwesome';
				margin-left: 10px;
			}
			#footer ul.content { 
				display: none;
			}
				#footer ul li a {
					padding: 5px 12px; 
					font-size:14px;
					display: block;
				}
				#footer .contact {
					text-align: center;
					margin-top: 14px;
				}
			#footer .social,
			#footer .footer_info { text-align: center;}

	}

	/* Mobile Landscape Size to Tablet Portrait */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		

	}

	/* Mobile Portrait Size to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
		
		#top-links { display: none; }
		#sidecart, #mobmenu { width: 90% !important }

		.category-list .subcat_thumb img { display: none; }

		.product-list .product-thumb .image { max-width: 120px; }
		.product-list .name,
		.product-grid .name,
		.box .product-layout .name,
		.owl-carousel .item .name { font-size: 1em; }
		.product-list .description { font-size: 0.9em; }

		.countdown_deals .owl-item .product-thumb { border: 0; }

		.contentset .inner { font-size: 1.2em; }

		#toTop { display: none !important; }


		/*	Shopping Cart  */

		#cart-info .image,
		#cart-info .price,
		#cart-info .model,
		#cart-info .headings {
			display: none;
		}

			#cart-info .image,
			#cart-info .name,
			#cart-info .model,
			#cart-info .quantity,
			#cart-info .price,
			#cart-info .total {
				text-align:center;
				margin-bottom:5px;
			}

			#cart-info .quantity input[type="text"] {
				display: inline-block;
			}

		#cart-info .tag { 
			display: inline; 
			margin-right: 5px; 
			color: #777; 
			font-weight:normal;
		}

		#total-cart table {
			float: none;
			margin: 0 auto;
		}

		#total-cart .buttons {
			text-align: center;
			margin-bottom: 14px;
		}
		#total-cart .buttons a {
			float: none;
		}
		#total-cart .cart { 
			float: none; 
			clear: both; 
			display: block;
		}
		#total-cart #checkout {
			display: block;
			margin: 0 15%;
		}
		.checkout-confirm table .price {display:none;}

		#checkout .panel-title a.active { font-size: 1.1em; }
		#checkout.mainborder { padding: 0; }


		/*	Order Detail */

		.confirmation td { padding: 2px; }

			.confirmation thead td { font-size: 11px; }

		.table-adjust td {
			padding: 2px;
			font-size: 11px;
		}

		/*	Information pages */

		#content .info-inner { padding:20px; }

		/*	Product comparison */

		.compare-info td ,
		.compare-info th {
			white-space: normal !important;
		}

		/*	Tabs */

		.tabbed-products .nav-tabs { text-align: left; }
		.nav-tabs>li {
			height: auto;
			float: none;
			font-size: 1em;
		}

	}