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

}
@media screen and (max-width:1024px){

}
@media screen and (max-width: 980px){
    .bg-plant{
        display: none;
    }
    .btn-setting-tool{
        height: 0;
        padding: 0;
        margin: 0;
    }
    .guide-ct .item-ct{
        position: static;
        transform: none;
        text-align: left;
    }
    .item-ct .mn-btn{
        float: left;
    }
    #header .nav-wrap .nav-ul{
        text-align: left;
    }
    .hidden-desktop{
        display: none;
    }
    body.profilein {
        margin-left: -270px;
        margin-right: 270px;
        overflow: hidden;
        height: 100vh;
        width: 100vw;
    }
    body.profilein.ios {
        position: fixed;
        left: 0;
        right: 0
    }
    .acc-info{
        display: block;
    }
    .nav-wrap .nav-ul > li.active > a,.nav-wrap .nav-ul > li:hover > a{
        color: #fff;
    }
    #header.sticky .acc-info > a .icon{
        top: 10px;
    }
    .acc-info > a .icon{
        font-size: 25px;
        position: fixed;
        top: 50px;
        right: 10px;
        z-index: 9999;
    }
    #header.sticky .hdt-right .h1 .icon{
        position: fixed;
        top: 25px;
        transform: translateY(-50%);
        right: 0
    }
    #header.sticky .hd-bot{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
    }
    #header.sticky .navbar-toggle{
        position: fixed;
        top: 25px;
        right: 50px;
        transform: translateY(-50%);
        z-index: 1;
    }
    .item-contact-top:not(:last-child){
        margin-right: 50px;
    }
    .contact-top{
        padding: 5px 0
    }
    .hd-main{
        height: unset;
    }
    .hd-bot{
        height: 50px;
        padding: 5px 0;
    }
    .hd-bot .logo{
        padding-top: 5px;
    }
    .logo img{
        max-height: 40px;
        top: -2px;
        position: absolute;
    }
    .banner-entry .hd{
        width: 100%;
    }
    .hd-main{
        margin-top: 0;
    }
    .hd-main #main-nav{
        padding: 0;
    }
    .menu-profile{
        display: block;
        background-color: #0000006a;
    }
    .status{
        display: none!important;
    }
    #header .nav-ul li.has-dropdown .icon-down-angle{
        color: #fff;
        right: 20px;
    }
    .mn-dropdown-menu >li{
        border-color: #e1e1e14a;
    }
    .mn-dropdown-menu > li > a{
        color: #fff;
    }
    #header .nav-ul .mn-dropdown-menu{
        left: 10px;
        transform: none;
        background-color: #000;
        position: static;
        padding: 0 10px 15px;
    }
    #header .nav-ul .icon-close-mnsub{
        position: absolute;
        top: 5px;
        right: 10px;
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }
    .navbar-toggle{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-120%);
    }
    .hidden-mobile{
        display: none !important;
    }
}
@media screen and (max-width:768px){
    .list-guide-nav li a img{
        width: 50px;
        height: 50px;
    }
    .list-guide-nav li{
        width: 33.33%;
    }
    .list-guide-nav li{
        padding: 10px 0;
    }
    .guide-ct .item-ct{
        width: 100%;
    }
    .guide-ct .img{
        width: 100%;
        margin-left: 0;
    }
    .list-right li{
        width: 50%;
    }
    .sec-title .ct{
        width: 100%;
    }
    .list-logo-shop > li >a .logoshop{
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        max-width: 100px;
    }
    .list-logo-shop > li{
        width: 50%;
    }
    .find-prd-wrap{
        width: 100%;
    }
    .group-banner:after{
        right: 0;
    }
    .group-banner, .banner{
        height: 70vh;
    }
    .group-banner .banner-entry .title{
        font-size: 36px;
    }
    .group-banner .banner-entry .desc{
        font-size: 36px;
        line-height: 40px;
    }
    .hd-top{
        height: auto;
        padding: 10px 0;
    }
    .group-banner{
        margin-top: 0;
    }
    .hdt-right{
        padding: 5px 0;
        padding-right: 30px;
    }
}
@media screen and (max-width: 650px){
    .item-footer.menu{
        padding: 0;
    }
    .item-footer{
        width: 100%;
        margin-bottom: 20px;
    }
    .map-google .all{
        border-radius: 0;
    }
    #footer .footer-info.sec{
        padding-top: 50px;
    }
    #footer .footer-info{
        margin-top: 0;
    }
    .item-contact{
        position: static;
        width: 100%;
        padding: 10px;
    }
    ul.list-number li{
        width: 50%;
    }
    .list-right li{
        width: 100%;
    }
    .group-banner .banner-entry .title{
        font-size: 24px;
    }
    .group-banner .banner-entry .desc{
        font-size: 24px;
        line-height: 28px;
    }
    .hdt-item:not(:last-child){
        padding-left: 5px;
        padding-right: 5px;
    }
}