@media only screen and (min-width: 1024px) and (max-width:1366px)
{
    .section-animation-caption { height: auto; top: 50%; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .section-animation-caption h3 { margin-top: 10px; font-size: 28px; margin-bottom: 10px; }
    .section-animation-description { font-size: 18px; height: auto; overflow: auto; }
    .section-animation-price { font-size: 22px; }
    .section-animation-price span.promotion { font-size: 30px; }
    .section-animation-price .ocz { display: none; }
    .section-animation-check { display: none; }
    .section-animation-com { display: none; }
}
@media only screen and (min-width: 1024px) and (max-width:1140px)
{
    .box-offer-content { height: 120px; }

    .menu .navbar-horizontal .navbar-nav > li > a  { padding: 15px 8px; font-size: 14px;  }
    
    .section-animation-caption { height: auto; top: 50%; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .section-animation-caption h3 { margin-top: 10px; font-size: 28px; margin-bottom: 10px; }
    .section-animation-description { font-size: 18px; height: auto; overflow: auto; }
    .section-animation-price { font-size: 22px; }
    .section-animation-price span.promotion { font-size: 30px; }
    .section-animation-price .ocz { display: none; }
    .section-animation-check { display: none; }
    .section-animation-com { display: none; }
    
    .product-cart .product-cart-price { font-size: 23px; }
    .product-container.owl-theme .owl-nav [class*=owl-] { font-size: 25px; width: 35px; height: 35px; }
    .product-container.owl-theme .owl-nav .owl-next { right: -5px; }
    .product-container.owl-theme .owl-nav .owl-prev { left: -5px; }
    .section-page-start { overflow: hidden; }

    .info-wrapper .sub-phone { font-size: 14px; }

    .category-thumbnail-list .item {  width: 33.333333%; max-width: 33.333333%; }
}

@media only screen and (min-width: 768px) and (max-width:1023px)
{
    .section-page .mobile-sidebar { display: table; max-width: 100%; table-layout: fixed; width: 100%; margin: 0px;}
    .section-page .mobile-sidebar .center-sidebar-mini { width: 100%; display: table-row-group; float: none;table-layout: fixed; max-width: 100%;}
    .section-page .mobile-sidebar .left-sidebar { width: 100%; display: table-footer-group; float: none; table-layout: fixed; max-width: 100%;}
    
    header .search-cart { margin-top: 5px;}

    header .logo { margin-right: 10px;}
    
    .menu .navbar-horizontal .navbar-nav > li > a  { padding: 15px 8px; font-size: 13px;  }
    .menu .navbar-horizontal .navbar-nav > li:first-child > a { padding-left: 0px; }
    
    .box-offer-content { height: 120px; }
    
    .section-animation-caption { height: auto; top: 50%; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .section-animation-caption h3 { margin-top: 10px; font-size: 20px; margin-bottom: 10px; }
    .section-animation-description { font-size: 15px; height: auto; overflow: auto; }
    .section-animation-price { font-size: 18px; }
    .section-animation-price span.promotion { font-size: 25px; }
    .section-animation-price .ocz { display: none; }
    .section-animation-check { display: none; }
    .section-animation-com { display: none; }
    
    .box-offer-content img { max-width: 65%; }
    .box-offer-content { height: 90px; }
    
    .wrapper {width: 100%; float: left; overflow: hidden; }

    .shop-box-cart { margin-left: 15px; }
    .info-wrapper .sub-phone { margin-left: 10px; font-size: 12px; }

    .product-container:not(.owl-carousel) .it { width: 33.333333%; }
    .product-container.owl-theme .owl-nav [class*=owl-] { font-size: 25px; width: 35px; height: 35px; }
    .product-container.owl-theme .owl-nav .owl-next { right: -5px; }
    .product-container.owl-theme .owl-nav .owl-prev { left: -5px; }
    .section-page-start { overflow: hidden; }

    .category-thumbnail-list .item {  width: 33.333333%; max-width: 33.333333%; }

}

@media only screen and (min-width: 480px) and (max-width:767px)
{    
    .container { width: 100%; padding: 0 15px 0 15px;}
    
    .hide-xs { display: none; }

    .section-animation  { display: none; }
    
    .box-article .box-article-picture { margin-bottom: 20px; }
    
    .nav-shop-tab > li > a { font-size: 14px; padding: 5px 10px;}
    
    .section-page .mobile-sidebar { display: table; max-width: 100%; table-layout: fixed; width: 100%; margin: 0px;}
    .section-page .mobile-sidebar .center-sidebar-mini { width: 100%; display: table-row-group; float: none;table-layout: fixed; max-width: 100%;}
    .section-page .mobile-sidebar .left-sidebar { width: 100%; display: table-footer-group; float: none; table-layout: fixed; max-width: 100%;}    
    
    .shop-sort-order .btn-label { display: none; }
    .shop-sort-order .btn-label:first-child { display: inline-block; }
    
    .product-list .col-xs-12 { width: 50%; }
    
    footer h3 { margin-top: 20px; }
    footer .col-sm-5 { width: 50%; }
    .footer-bottom .box-payment { text-align: center; display: none; }
    .footer-bottom .box-payment a { float: none; margin: auto; display: inline-block; }
    .footer-bottom .box-copyright { text-align: center; margin-bottom: 5px; }
    .footer-bottom .box-powered { text-align: center; }
    
    .menu-bottom ul:last-child { margin-top: 5px; } 
    
    .article .article-date { width: 100%; float: none; text-align: left; display: block; }
    .article .article-main-image { width: 50%; }
    .article .article-gallery-list .photo-item { width: 33.33333333%; }
    .article .article-text-content { float: none; width: 100%; }
    
    .article-start-box .picture { width: 35%; }
    .article-start-box .text { width: 65%; padding-top: 0px !important; }
    
    .album .album-item { width: 50%; }
    
    .shop-cart-add .price { margin-top: 20px; margin-bottom: 20px; }
    
    .cart-process-buttons {}
    .cart-process-buttons-left { text-align: center; }
    .cart-process-buttons-right { margin-top: 20px; text-align: center; }
    
    .box-article .box-article-picture { width: 30%; }
    .box-article .box-article-content { width: 70%; }
    
    .box-offer .col-xs-6 { width: 25%; }
    .box-offer-content { height: 100px; }

    .product-container:not(.owl-carousel) .it { width: 50%; }

    .category-thumbnail-list .item {  width: 33.333333%; max-width: 33.333333%; }
}

@media only screen and (min-width: 550px) and (max-width:767px)
{
    .product-cart .product-cart-gallery-content { width: 40%; }
    .product-cart .product-cart-param-content { width: 60%; }
}

@media only screen and (min-width: 320px) and (max-width:479px)
{    
    .container { width: 100%; padding: 0 15px 0 15px;}
    
    .hide-xs { display: none; }
    
    .section-animation  { display: none; }
    
    .box-article .box-article-picture { margin-bottom: 20px; }
    
    .article .article-main-image-page { padding-right: 0px; }
    
    .nav-shop-tab > li > a { font-size: 14px; padding: 5px 10px;}
    
    .section-page .mobile-sidebar { display: table; max-width: 100%; table-layout: fixed; width: 100%; margin: 0px;}
    .section-page .mobile-sidebar .center-sidebar-mini { width: 100%; display: table-row-group; float: none;table-layout: fixed; max-width: 100%;}
    .section-page .mobile-sidebar .left-sidebar { width: 100%; display: table-footer-group; float: none; table-layout: fixed; max-width: 100%;}
    /*.section-page .center-sidebar { padding: 0px; }*/
    
    .shop-sort-order .btn-label { display: none; }
    .shop-sort-order .btn-label:first-child { display: inline-block; }
    
    footer h3 { margin-top: 20px; margin-bottom: 5px; }
    .footer-bottom .box-payment { text-align: center; display: none; }
    .footer-bottom .box-payment a { float: none; margin: auto; display: inline-block; }
    .footer-bottom .box-copyright { text-align: center; margin-bottom: 5px; }
    .footer-bottom .box-powered { text-align: center; }
    
    .menu-bottom ul:last-child { margin-top: 5px; }
    
    .menu-category { margin-top: 20px; }
    
    .article .article-date { width: 100%; float: none; text-align: left; display: block; }
    
    .product-cart .product-cart-price { font-size: 22px; }
    
    .product-cart .shop-cart-add .price { margin-top: 20px; margin-bottom: 20px; }
    .product-cart .shop-cart-add-quantity { text-align: right; }
    .product-cart .shop-cart-add-quantity .input-group { max-width: 160px; float: right; }
    
    .cart-process-buttons {}
    .cart-process-buttons-left { text-align: center; }
    .cart-process-buttons-right { margin-top: 20px; text-align: center; }
    
    h4 .btn-group { margin-top: 10px;}
    
    .box-rate-us .text { padding-right: 0px; text-align: center !important; margin-bottom: 15px;}
    .box-rate-us .button { position: static; width: 100%; text-align: center; }
    .box-rate-us .button a { width: auto; }

    .product-container:not(.owl-carousel) .it { width: 100%; }

    .category-thumbnail-list .item {  width: 50%; max-width: 50%; }
}

/*----------------------------------------------/
    [1] Menu - Navbar-horizontal
-----------------------------------------------*/
@media only screen and (max-width: 767px)
{
    .menu .navbar-horizontal .navbar-toggle { float: left; margin: 8px 0 8px 15px; width: 35px; height: 35px; padding: 0;background-color: #333; border-color: #333; color: #fff; border-radius:0; display: flex; align-items: center; justify-content: center;}
    .menu .navbar-horizontal .navbar-brand  { display: inline; padding-top: 18px; }
    .menu .navbar-horizontal .navbar-nav { margin: 0px; background: #f4f4f4; display: block; }
    .menu .navbar-horizontal .navbar-nav > li { border-bottom: 1px solid #ccc;text-align: left; justify-content: flex-start; display: flex; flex-direction: column; }
    .menu .navbar-horizontal .navbar-nav > li > a { text-align: left; }
    .menu .navbar-horizontal .navbar-nav > li > a span.sep { display: none !important; }
    .menu .navbar-horizontal .navbar-nav > li:first-child > a { padding: 10px 15px; }
    
    .dropdown-menu.multi-column { height: auto; overflow-x: hidden; padding: 15px 0; }
    .dropdown-menu.multi-column h3 { display: none; }
    .dropdown-menu.multi-column .multi-column-dropdown li { padding-right: 0px; }
    .dropdown-menu.multi-column .multi-column-dropdown li a { padding: 5px 15px; color: #4b4b4b; }
    .dropdown-menu.multi-column .multi-column-dropdown li a:hover { background: #f4f4f4; }

    body { padding-top: 0; }
    body.h-scroll { padding-top: 0; }
    header { position: static; }
    .h-scroll header .menu-top { display: flex;  }
    .h-scroll header { position: static; }
    .h-scroll header .logo img { width: 129px; }


    .box-phone-number { text-align: center;}
    .menu-top { font-size: 16px; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 0; }
    .info-wrapper { align-items: normal;width: 100%; }
    header .logo { margin-right: 0; }
    header .search-cart { flex-direction: column; margin-top: 10px; }
    .header-top { flex-direction: column; }

    .form-search { width: 100%; }

    .shop-box-cart { margin-top: 10px; margin-left: 0; margin-bottom: 10px; }
}

/*----------------------------------------------/
    [2] Start article box
-----------------------------------------------*/
@media (min-width: 320px) and (max-width:767px)
{
    .article-start-box { height: auto; }
    .article-start-box .picture { text-align: center; }
    .article-start-box .text { padding: 15px 15px 35px 15px !important; }

    .product-container.owl-theme .owl-nav [class*=owl-] { font-size: 25px; width: 35px; height: 35px; }
    .product-container.owl-theme .owl-nav .owl-next { right: -5px; }
    .product-container.owl-theme .owl-nav .owl-prev { left: -5px; }
    .section-page-start { overflow: hidden; }
}

@media (min-width: 480px) and (max-width:767px)
{   
   .article-start-box .picture { width: 35%; }
   .article-start-box .text { width: 65%; padding-top: 0px !important; }
}

@media only screen and (min-width: 768px) {
    .menu .navbar-horizontal .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
    }
}