/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
}



/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    
}


/* Mobile Layout: 320px to 767px. */
@media only screen and (max-width: 767px) {
    
    .mob-menu-bar{ width: 24px; position: absolute; left: -30px; top: 14px; display: block; }
    .mob-menu-bar span{ width: 100%; height: 3px; background: #999; margin-top: 5px; }

    .header-area{ padding: 10px 10px 10px 40px; box-sizing: border-box; }
    .menuBar{ display: none; position: absolute; background: #fff; top: 62px; left: -40px; height: 100vh; z-index: 92; padding: 30px 0; box-sizing: border-box; min-width: auto; width: 100vw; }
    .menuBar ul{ margin: 0; }
    .menuBar ul li{ width: 100%; text-align: center; margin: 0; }
    .menuBar ul li a{ padding: 15px 0; }
    .info-area, .logo{ width: 50%; float: left; min-width: auto;}
    .logo img{ width: 100%; }
    .info-area p, .info-area a{ font-size: 10px; }
    .banner-area{ width: 100%; padding: 0 10px; box-sizing: border-box; height: auto; }
    .banner-content{ width: 100%; padding-right: 0; }
    .bannerimg{ width: 100%; min-height: auto }
    .bannerimg img{ width: 100%; }
    .banner-content p{ font-size: 14px; }
    .product-area{ padding: 30px 10px; box-sizing: border-box; }
    .productbox-area ul li{ width: 100%; }
    .content-section, .shiping-area, .fotter-area{ padding: 30px 10px; box-sizing: border-box; }
    .col50{ width: 100%; }
     .questionBx{ padding: 30px 0; }
     .questionBx h4{ font-size: 28px; line-height: 32px; }
     .question-area ul li{ font-size: 14px; line-height: 18px; }
     .shiping-area .col50 img{ width: 100%; }
     .fotertxt-area{ width: 100%; display: block; }
     .fotertxt-area .ftLogo img{ width: 100%; }
     .addresscontent{ text-align: center; }
     .bottomFoter{ padding: 10px 10px; box-sizing: border-box; text-align: center; }
     .bottomFoter p{ text-align: center; }

}