﻿@media screen and (min-width: 850px)
{
}
@media screen and (max-width:1400px) and (min-width: 1024px) 
{

}
@media screen and (min-width: 1200px)
{
    .sfooter .col.about {
        max-width: 50%;
        -ms-flex-preferred-size: 65%;
        flex-basis: 50%;
    }
    .sfooter .col.links {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    .sfooter .col.form-contact {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}

@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1024px)
{
    .sfooter .col.form-contact{display:none;}
    .sfooter .col.about {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .sfooter .col.links {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .banner-wrap{
        background-image: url(/images/img/bg-sm.jpg?v=2);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 80px 10px 50px 20px;
        position: relative;
        height:400px;
    }#top-bar {
        display: none;
    }

    .product-wrapper .product-image {width:380px;float:left;}
    .product-wrapper .product-info {width:calc(100% - 400px);float:left;margin-left:20px;}
}
@media screen and (max-width: 849px) {
    .col {
        padding-bottom: 20px;
    }
    .scategory h2.title a{font-size:28px;}
    .section__intro .intro__text blockquote{
        font-size: 0.9em;
        padding: 0.6em;
    }
    .section__intro .section-title b{display:none;}
    .section__intro {
        margin-top: 0px;
    }
    .section__intro h1.section-title{font-size:1.7em}
    #sidebar-btn{
        position:absolute;
        left: 15px;
        top: 23px;
        display:block;
    }
    #sidebar-btn .nav > li > a:hover {
        border: none!important;
        color: #f7d373!important;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content{background-color: rgb(207 228 204 / 95%);}
    .nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
        color: rgb(51 67 48 / 85%);
    }
    .nav-vertical>li .toggle{color: rgb(34 75 27);}
    .nav-vertical>li>a>i{display:none;}
        #logo {
    margin: 0 auto;
    width: 220px;
    padding: 0px 0;
    }
        .header-main {
    height: 60px;

}
        .boxprice .icon-box{width:50%;    padding: 0 10px;}
        .boxprice .icon-box .inner {
    background: #f3f3f3;
    padding: 12px 8px;
    min-height: 225px;
}
        .boxprice .text,.boxprice .photo{width:100%;}
        .quote_wrapper .container p.title{
             font-size: 26px;
        }.quote_wrapper .container p.sign{
             font-size: 22px;
        }
         ul.lst-category li{width:33.33%;}
          .box-signature .photo{display:none;}
          .box-signature{    padding: 20px 25px;}
          .box-signature .text{width:100%;}
          .widget-mostview{display:none;}

}
@media screen and (max-width: 768px) {
    .container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .sfooter .links .col-inner {
        border-top: 1px solid #1c451e47;
        padding-top: 20px;
    }
    .sfooter .links{margin-top: 10px;padding-bottom:0;}
    .sfooter .col.about,
    .sfooter .col.links {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .sfooter .links .col-inner{
        padding: 10px 0;
    }
    .sfooter .copyright .crright {
        display: none;
    }
    .sfooter .copyright .crleft span{display:none;}

    .product-wrapper .product-image {width:100%;float:left;}
    .product-wrapper .product-info {width:100%;margin-left: 0;}
    .breadcrumbs li:first-child a {
        display:none;
    }
    .breadcrumbs{text-transform:unset;}
        h1.page-title {
        font-size: 1.65em;
    }.hctitle {
        font-size: 15px;
    }
     .intro .wraper-btn{text-align:center;}
     .intro .intro-btn{    padding: 4px 24px;
    font-size: 17px;
    line-height: 34px;
    border-radius: 3px;}
   /*  .back-to-top{display:block!important;}*/
    ul.lst-category li{width:50%;}
   
    .icon_contact_show{
        top: unset;
        bottom: 0px;
        opacity: 0.9;
    }
}
@media screen and (max-width: 550px) {
    .col {
        padding-bottom: 15px;
    }
    .row-sm{
         margin-left: -10px!important;
        margin-right: -10px!important;
    }
    .row-sm .col{
      padding-left: 10px;
      padding-right: 10px;
    }
    .scategory h3.hctitle {
        font-size: 14.5px;
        font-weight: bold;
        margin-top: 5px;
    }
    .section-title span {
        font-size: 21px;
    }
    .salist .box-image{display:none;}

    .mos-contact-bar {
        right: 10px;
        bottom: 100px;
        position: fixed;
        z-index: 998;
        margin-bottom: 0;
        display: block !important;
    }
    .mos-contact-bar li {
       /* display: inline-block;
        float: left;
        margin-right: 7px;*/
        list-style: none;
    }
    .mos-contact-bar li a {
        display: block;
        width: 44px;
        height: 44px;
    }
    .mos-contact-bar li.hotline {
        background: url(/theme/img/p2.gif);
        background-repeat: no-repeat;
        background-size: 44px;
    }
    .back-to-top {
        bottom: 54px;
        right: 9px;
    }
}