/* xl */
@media (min-width: 1200px){
    .footer .container { width: 1280px; }
}/* END xl */

/* lg */
@media (max-width: 1200px){ 
    #header-pc ul.ul-right li, #header-pc ul.ul-left li a,#header-pc ul.ul-left li, #header-pc ul.ul-right li a{ padding: 0 .5rem;}
    .header-middle .ul-right li span.header-hashtag { 
        width: 93px;
        font-size: .7rem;
    }
 
    
}/* END lg */

/* md */
@media (max-width: 992px){ 
    #header { display: block;}
    #header-pc { display: none;}
    .header-bottom { top: 87px; position: fixed!important;}
    .container {max-width: 760px;}
    .banner-home .img-01{ height: auto;  width: 100%;}

    .feature .feature-image { height: 170px;top: 29px; }
    .feature .feature-frame {height: 245px;}
    .d-md-none { display: none!important;}
    .navbar-toggler {display: block; }

    /* Header ######*/
    .logo { z-index: 1;}
    .postionBody .show-cart-md {display: none;}
    .mainmenu {
        height: 90px;
        line-height: 90px;
        z-index: 1;
        right: 0px;
    }
    .mainmenu .navbar-collapse {
        position: absolute;
        right: 0px;
        background: #db9e1b;
        width: 250px;
        opacity: 0.9;
    }
    .mainmenu a.btn-blue {
        position: absolute;
        right: 60px;
    }
    .mainmenu .navbar-collapse { top: 90px; right: 0px;}
    ul.sub-menu { left: unset; right: 0px; top: 25px;}
    .mainmenu ul li { padding: 0px 20px; }
    .navbar { position: unset;}
    .sidebar-main {
        border:unset;
        border-radius: unset;
        padding: 0px 16px;
        margin-bottom: unset;
    }
    .postionBody .show-cart-sm { display: flex;}
    .form-search-xs { width: fit-content; padding: 25px 16px 0px 0px;}

    /* Posts ############# */
    #btn-show-posts {display: block; margin-top: 100px;}

    #sidebar{
        display: none;
        width: 70%;
        margin-top: 10px;
        margin-bottom: 20px;
        position: absolute;
        background: #fff;
        z-index: 10;
        left:0px;
        animation-name:move_right;
        animation-duration:.4s;
        animation-iteration-count: 1;
    }
    @keyframes move_right{
        0%{ left:-300px; }
        100%{ left:0px; }
    }

    .content { width: 100%; padding-left: unset;  }
    .breadcrumb {margin-top: 0px; padding-left: 0px; padding-right: 0px;}
    .posts-related img.media-object { height: 100px; width: 100px;}
    .posts-content img { width: 100%;}

    .show-cart-sm a.btn-blue{width: 40px; height: 40px; border-radius: 5px; margin-top: 25px; padding: 8px;}
    .show-cart-sm .change_cart{ top: 15px;}

   


    /* Slider ####################### */
    #slider img { height: 300px;}
    /* #slider {  margin-top: 58px} */

    .container .home-bre { margin-top: 90px;}
    #main-content { margin-top: 90px;}

}/* END md */

/* sm */
@media (max-width: 768px){ 
    /* Posts ############# */
    .posts-content img { height: unset !important;}

    .container .home-bre { margin-top: 60px;}
    .mainmenu .navbar-collapse { top: 60px; right: 0px;}
    ul {padding-inline-start: unset;}
    /* ul.navbar-nav { padding-inline-start: 1em;} */
    .hero-text {display: none;}
    /* header */
    .header-middle {height: 60px; line-height: 60px;}
    .header-bottom { top: 57px; position: fixed!important;}
    .header-bottom .menu-left{display: none; }
    .form-search-xs { padding: 10px 16px 0px 80px;}
    .show-cart-sm a.btn-blue{margin-top: 10px;   }
    .show-cart-sm .change_cart{ top: 2px; right: -11px}

 
    /* .navbar-collapse.in{ overflow: unset;} */
    .logo { height: 60px; padding: 10px 6px; }
    /* END header */
    .footer-logo{ text-align: center;}
    .footer-logo img { width: 50%;}
    #btn-show-posts {margin-top: 70px;}
    #main-content { margin-top: 60px;}
    .positionTop{ background: #FFF; }
    .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px;}
    .introduce .container { padding: 0px 32px;}
    
    .mainmenu {height: 60px; line-height: 60px;}
    .hero-image { 
        background-size: 150% !important;
        background-position-x: 90% !important;
        height: 250px;
        margin-top: 60px;
    }

    /* Slider ####################### */
    #slider img { height: 230px;}
    #slider {  margin: 0px -15px 0px -15px;}

    .img-content.mb { display: block; }
    .img-content.pc { display: none; }
    .img-content, .ct3-text-content { height: unset;}
    
    /* Category ########### */
    .category-menu  a { width: auto; margin-right: 5px;}
    
}/* END sm */

/* - */
@media (max-width: 576px){ 
    html, body {  font-size: 14px; }
    /* Slider ####################### */
    #slider img { height: 140px;}

    .product-content { padding: 16px 32px;}
    .product { padding: 0; border: 1px solid #dcdcdc; margin: 0; box-shadow: none;}
    /* .feature .feature-image { height: 170px;top: 29px; }
    .feature .feature-frame {height: 245px;} */
    
    .product-information { margin-top: 145px;}
    .picZoomer-zoom-wp {
        width: 100% !important;
        height: 320px !important;
        top: 350px !important;
    }
    .product-desc img { width: 100%; padding: 16px;}
    .product-details { position: relative;}
    .image_sub { position: absolute; top: 316px; left: 0;}
    .product-details .product-desc { max-height: unset;  overflow: unset;}
    .products .col-6, .carousel-item .col-6{ padding: 0px;}
    .col-6 .product-img img { height: 160px;}

    /* cart ################## */
    .customer-info{ display: unset; margin-left: 0; margin-right: 0;}
    .customer-info .content-left, .customer-info .content-right{ width: 100%; }
    .select_cart ul li { padding: 5px 7px; }
    .cart_items .container{ padding: unset;}


    .copyRight { background-color: #fcb71e;}
}/* END - */