/*  
Theme Name: Clearshop
Version: 1.2.0
Description: Responsive and clean template for OpenCart (Media Queries)
Theme URI: http://www.everthemes.com/demo/clearshop
Author: Luis V
Author URI: http://themeforest.net/user/luisvelaz
Tags: Clearshop, opencart, everthemes
*/


/* THEME SPECIFIC MEDIA QUERIES
---------------------------------------------------------------------- */

   /* Desktop standard 960 and up */
   @media only screen and (min-width: 980px) {
      img {max-width: 100%;}
      
      #footer ul.content { display: block !important; }

   }


   /* Smaller than standard 1200 */
   @media only screen and (max-width: 1200px) {

      body { padding: 0; }
      
      img {max-width: 100%;}

      #header-ads a:last-child {display:none;}
            
      #maintop-container .row img {height:auto !important;width:auto !important;}
      
      .container {width: auto;}
   }


   /* Smaller than standard 960 */
   @media only screen and (max-width: 979px) {
      
      #header > .container, #outernav,
      #maintop-container, .product-details, .content-bottom,
      #footerpre, #footer, #footend {
         padding-left: 20px;
         padding-right: 20px;
      }
         #content-wrapper .container,
         #outernav .container {
            padding-left: 0;
            padding-right: 0;
         }

      /* Header */

         #logo { max-height: 100%; }
      
         #header .slogan {font-size:22px; margin-left:0; margin-right:-17.5%;}
         #header-ads-copy {width:115px; margin-top:0;}

      /* Content */
         
         .product-filter > div > div {margin-bottom: 5px;}
         
         /*#maincontent.sideleft,
         #maincontent.middle,
         #maincontent.sideright { padding: 0; } */

         .product-info .layout-1 .leftcol { padding-right: 0; }

         .layout-2 .detailscol .tags,
         .layout-2 .detailscol .share { display: none; }

         .layout-2 .cartcol .tags,
         .layout-2 .cartcol .share { display: block; }

         #maincontent .form { width: 100% !important; }
         
         .banner-carousel .slides img { max-width: 90%; }

   }

   /* Tablet Portrait size to standard 980*/
   @media only screen and (min-width: 767px) and (max-width: 979px) {

      img {max-width: 100%; /*height: auto!important;*/}

      /* Header */

         #header .slogan {font-size:16px;}

         .product-info .layout-1 .leftcol,
         .product-info .layout-1 .rightcol {
            width:50%;
            *width:50%;
         }

         .product-info .layout-2 .detailscol,
         .product-info .layout-2 .cartcol {
            width: 100%;
            clear: both;
            margin-left: 0;
         }

      /* Shopping Cart */

         #total-cart .buttons { text-align: center; }
         #total-cart .buttons a { float: none; }
         #total-cart #checkout {
            display: block;
            margin: 0 15%;
         }

      /* Grid */

         #maincontent.col-md-9 .cols-4 .grid-box,
         .content-top .grid-box {
            width: 33.3%;
         }
         #maincontent.col-md-12 .cols-4 .grid-box { width:24.9%; }

         .buttons .btn {margin-top:5px;margin-bottom:5px;}

      /* Footer */

         #footer ul.content { display: block !important; }

   }

   

   /* All Mobile Sizes */
   @media only screen and (max-width: 767px) { 
/* @media only screen and (max-width: 930px) { */

      /* Header */

         #header, #outernav { border: 0; }
         #header .info { display: none; }

         .navbar {
            border: 1px solid #ddd;
            border-width: 1px 0;
         }
         .leftlogo #logo,
         .top_options,
         #header .info,
         .page-header,
         .leftbox,
         .stock,
         .top_options,
         .row {
            text-align: center;
         }

         #loginContainer { float: none; }

         #welcome {
            /*float: none;*/
         }
         .centerlogo #logo {margin: 8px auto;}
         

      /* Search */

         .middlebox {
            position: absolute;
            right: 15px;
            bottom: -60px;
            width: 75%;
            text-align: right;
            z-index: 9999;
         }
         .navbar .navcontainer .searchouter {
            max-width: 75%;
            margin-top: 8px;
         }
         .centerlogo #search {
            max-width: inherit;
            margin: 5px auto 15px;
         }


      /* Main content */

         #maincontent { margin: 0 !important; }
            #maincontent.col-md-9.home {
               margin-left: 0;
               width: 100% !important;
            }

         .mainborder {padding: 5px 0 !important; border:0 !important; }
         
         #toggle_sidebar {display: none;}

         .breadcrumb { padding-top: 14px; }

         .heading h1 {
            font-size: 1.8em;
            line-height: 1.42em;
         }

      /* Flexslider */

         .flex-caption  {
            position: relative;
            text-align: center;
            padding-bottom:38px;
         }
         .flex-control-nav {
            width: 100%;
            right: 0;
         }

         .product-slider .flex-direction-nav { display: none; }

         #maincontent.col-md-9 .slideshow { margin: 0 -10px; }

      /* Camera slider */
      
         .camera_wrap { margin-bottom: 32px !important; }
         .camera_pag { margin-top: -2px; }
         .camera_wrap .camera_pag ul.camera_pag_ul { text-align: center; }


      /* Mobile menu */

         #mobileMenuWrap {
            display: block;
            text-align: center;
            border: 1px solid #CCC;
            background: #EEE;
            padding: 6px 8px;
         }
         #mobileMenu {
            width: 100%;
            max-width: 700px;
            padding: 4px 8px;
            margin: 0;
         }
         .navbar-inside {
            background: none;
            border:0;
            border-bottom: 4px solid #000;
         }
            .navbar-default .navbar-collapse {
               background: #fff;
               border: 1px solid #ddd;
            }
         .navbar-collapse .dropdown-menu {
            display: block; 
            float: none;
            position: relative;
            overflow: hidden;
            -webkit-box-shadow: none;
            box-shadow: none;
            width: 100%;
         }
         .navbar-collapse .dropdown-menu .column-item {
            float: none;
            width: 100%;
         }
         .navbar-collapse {
            padding: 0 15px;
         }
         .navbar-collapse li { 
            border-top: 1px solid #ddd; 
            border-left: 1px solid #ddd;
         }
         /* .navbar-collapse li:first-child { border: 0; }*/
         .navbar-collapse li:last-child { border-bottom: 1px solid #ddd; }
         .navbar-collapse .navbar-nav.navbar-right {
            display:none;
         }
         .navbar-header #cart {
            display: block;
         }
         .navbar .nav { display: block; padding: 0 10px;}

         .navbar .nav > li > a {
            margin: 0;
            border: 0;
         }
         .navbar .nav > li:first-child > a { padding-left: 9px; }
         .navbar .dropdown-menu > li.column-menu { 
            display: block;
            float: none;
            border-right:0;
         }
         .navbar-collapse .brands .image {
            display: none !important;
         }
         .brands .column-item.logoname .name {
            display: block !important;
            font-size: inherit !important;
            text-transform: none !important;
            text-align: left !important;
            color: inherit;
         }
         .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: #2e2e2e;
            color: #fff;
         }
         .navbar-fixed-top {
            position: relative;
            box-shadow: none;
            padding-top: 8px;
         }
         .navbar-fixed-top .navbar-brand,
         .navbar-fixed-top #cart {
            display: none !important;
         }
      
      /* Minicart */

         #cart { 
            text-align: center;
            margin-top: 14px;
         }
         #cart .heading { font-size: 14px; }
         .cart-total .total { font-size: 16px; }

      
      /* Shopping Cart */

         .cart-inner,
         .cart-module > div {
            border: 0;
            padding: 0;
         }

      /* Checkout */

         .checkout_steps.active .checkout-heading {
            font-size: 20px;
            padding: 34px 10px 10px 6%;

         }

      
      /* Grid view */

         .grid-box {
            display: inline-block !important;
            width: 49% !important;
         }
         .quickview { display: none !important; }

         .buttons { margin:0; }
            
      /* List view */

         .product-list .name,
         .product-list .description,
         .product-list .price,
         .product-list .cart,
         .product-list .compare,
         .product-list .wishlist {
            text-align: center;
         }
         
      /* Chefs */
      
         .chef-profile #chef-info .restaurant-info:first-child {
            padding-top: 20px;
            margin-top: 20px;
            border-top: 1px solid #ddd;
         }
         
         .chef-profile #chef-info .col-sm-4 .box {
            width: 360px;
            margin: 40px auto 20px;
         }

      /* Product */

         .product-info .price,
         .product-info .review,
         .product-info .share,
         .product-info .tags,
         .product-info .description,
         .product-info .links {
            text-align: center;
         }

         #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; }

         #add-review {
            border: 0;
            padding: 0;
         }

         .layout-3 .cartcol .cart {
            width: auto;
         }

      /* Misc and Other lists
      -------------------------------------------------- */

      .list-actions {
         text-align: center;
         padding-bottom: 10px;
      }
         .info-inner img {
            max-width: 100%;
            height: auto!important;
         }
      
      .share {
         width: 230px;
         margin-left: auto !important;
         margin-right: auto !important;
      }
      
      /* Footer links
      -------------------------------------------------- */

         #company .contact .inner { padding-left: 0; }
         #company .follow-us { text-align: center; }

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

         #footer h3.header {
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            border: 1px solid #CCC;
            padding: 8px;
            margin: 0;
            cursor: pointer;
            }
            #footer h3.header:hover,
            #footer h3.header:active,
            #footer h3.header.active {
               outline: 0;
               background: #f2f2f2;
            }
            #footer h3.header:after {
               content: "\f0d7";
               font-size: 14px;
               display: inline-block;
               font-family: 'FontAwesome';
               margin-right: 10px;
               float: right;
               color: #999;
            }
            #footer h3.header.active:after {
               content: "\f0d8";
            }
            #footer ul.content { 
               background: #FFF; 
               border: 1px solid #CCC; 
               border-width: 0 1px;
               display: none; 
            }
               #footer ul li a { border-bottom:1px solid #DDD; padding: 8px 12px; 
                  font-size:14px; display: block; }

               #footer ul li a:hover, 
               #footer ul li a:active { 
                  background-color: #f2f2f2; 
                  text-decoration:none; 
               }
               #footerlinks li a {
                  font-size:1em;
                  font-weight:bold;
                  line-height: 1.9em;
               }
               #footer .contact {
                  text-align: center;
                  margin-top: 14px;
               }
               #footerpre .contact dt {float:none;}
            #footer .social, #footer .info {
               text-align: center;
               margin-top: 20px;
            }

         #footend { border: 0; }
         #footend .container { border-top: 1px solid #ddd; }


      /* Other lists
      -------------------------------------------------- */

      #toTop { display: none !important; }

   }

   /* 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) {

      .product-filter .options,
      .product-filter .list-options {
         float: none;
         text-align: center;
         margin-bottom: 6px;
      }
      .product-filter .options > div {
         display: inline-block;
         float: none;
      }

      .pagination .results { display: none; }


      /* Shopping Cart */

         #cart-info .image,
         #cart-info .price,
         #cart-info .headings {
            display: none;
         }
         #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%;
         }
         #total-cart #button-checkout {
            width: 80%;
            padding: 16px 0;
         }
         .checkout-heading { padding: 20px 0 20px 6px; }

         .checkout-confirm table .price { display:none; }


      /* Order Detail */

         .confirmation td { padding: 2px; }

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

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

      /* Information pages */

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

      /* Product comparison */

         .nav-container .pager { display: block; }

         #compare-wrapper {
             width:100%;
             overflow:hidden;
         }

      /* Tabs */

         .htabs {
            height: auto;
            border: 0;
         }
         .htabs a,
         .htabs a.selected  {
            border: 1px solid #DDD;
            border-width: 1px 1px 0 1px;
            display: block !important;
            float: none;
         }
         .htabs a:after {
            content: "\f0d7";
            font-size: 13px;
            display: inline-block;
            font-family: 'FontAwesome';
            margin-left: 10px;
            float: right;
            color: #999;
         }
         .htabs a.selected:after {
            content: "\f0d8";
         }
         .htabs a:last-child { border-width: 1px; }
         .htabs a.selected { background: #f2f2f2; }

   }

@media only screen and (max-width: 930px) { 
   #welcome {
      display: none;
   }
   .navbar .nav > li > a {
      padding: 17px 9px;
   }
   .navbar-nav.navbar-right #cart {
      padding: 20px 5px;
   }
   .navbar-nav.navbar-right li {
      border-left: 0;
   }
}