@media (max-width: 1200px) {
    body{
        /* padding-top: 50px; */
    }
    
	.site-header-mobile{
        width: 100%;
        position: relative;
        box-shadow: 0px 2px 8px 1px #666;
        height: 50px;
    }
    /* header top */
    .site-header-mobile-top{
        padding:0px 15px;
        height: 100%;
        background-color: white;
    }
    .site-header-menu-icon{
        width: 20px;
        height: 15px;
    }
    .site-header-mid{
        max-width: unset;
        min-width: unset;
    }
    .site-logo{
        width: auto;
        height: 28px;
    }
    .site-header-line{
        height: 18px;
        width: 1px;
        background-color: #333;
    }
    .site-title{
        font-weight: 400;
        font-size: 20rem;
        color: #333333;
    }

    .site-header-bag{
        width: 24px;
        height: 24px;
    }
/* sub header */
    .site-sub-header,.site-sub-header-left{
        column-gap: 10px;
    }
    .site-sub-header{
        height: auto;
        padding:0px;
        background: none;
        font-size: 14rem;
    }
    .site-sub-header,.site-sub-header-left{
        column-gap: 5px;
    }
    .site-sub-header-top,.site-sub-header-bottom{
        height: 40px;
        padding:0px 15px;
        background: #656565;
    }
    .site-sub-header-top-title{
        font-size: 18rem;
    }
    .site-sub-header-bottom{
        margin-top: 1px;
        column-gap: 8px;
    }
    .site-sub-header-item-btn{
        padding:5px 7px;
        border-radius: 4px;
        text-decoration: none;
        font-size: 18rem;
    }
    
    /* header main */
    .site-header-mobile-main{
        top:51px;
        position: absolute;
        width: 100%;
        display: none;
        background-color: rgba(248,248,248);
        padding:15px 15px 5px 15px;
        height: 250px;
        row-gap: 30px;

    }
   .site-header-mobile-main.active{
        display: flex;
   }
   .site-header-mid-label{
    font-weight: 400;
    font-size: 20rem;
    color: #656565;
    margin:0px;
    padding: 0px;
    }


    /* main content */

    .product-item-wrap{
        width: 100%;
    }
    .product-img-wrap{
        width: 100%;
        
    }

    /* footer */
    .site-footer{
        padding:18px 0px;
    }
    .subscribe-wrap,.follow-us-wrap{
        padding:0px 16px;
    }
    .contract-us-wrap-header{
        height: 42px;
        margin:0px 16px;
        border-bottom: 1px solid white;
    }
    .contract-us-wrap-header.active{
        border-bottom-width: 0px;
    }
    .contract-us-wrap-plus,.contract-us-wrap-minus,.contract-us-wrap-content{
        display: none;
        
    }
    .contract-us-wrap-plus,.contract-us-wrap-minus{
        font-size: 36rem;
    }
    .contract-us-wrap-plus.active,.contract-us-wrap-minus.active,.contract-us-wrap-content.active{
        display: block;
    }
    .contract-us-wrap-content{
        padding:8px 26px;
        background-color: rgba(255,255,255,0.3);
        text-decoration: none!important;
    }
    .contract-us-wrap-content p{
        margin:0px;
        padding:0px;
    }

    .share-icon{
        margin-top: 0px;
    }
}
@media (max-width: 768px) {
    .whatapp-link{
        display: block;
    }
    .site-sub-header{
       
        font-size: 18rem;
    }
    .site-sub-header.mobile-block.inactive{
        visibility: hidden;
    }
    .contract-us-wrap {
        max-width: unset;
    }
    .site-footer{
        padding-bottom: 100px;
    }
    .site-header-right-lan-content{
        left: unset;
        right:-5px;
    }
}