/* 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) { 

    
    
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* STYLES GO HERE */
    
}

/* Mobile Layout: 320px to 767px. */
@media only screen and (max-width: 767px) {
    .maincontainer{ padding: 0 10px; box-sizing: border-box; overflow: hidden;}
    
    .header-area, .welcome-container, .product-area, .shiped-area, .customer-review-area, .selectDropBx-area, .footer-content{ position: relative; float: left; width: 100%; }


    .logo{ width: 40%; left: 30px; }
    .logo a img{ width: 100%; }
    .mob-menu-bar{ width: 24px; position: absolute; left: 0; top: 10px; display: block; }
    .contactNo{ width: 50%; padding: 4px 0; }    .menuBar { margin: 0; position: absolute; background: #fff; top: 58px; left: 0; z-index: 11; width: 100%; display: none;}
    .mob-menu-bar span{ width: 100%; height: 3px; background: #999; margin-top: 5px; }    
    .menuBar ul{ position: relative; float: left; width: 100%; margin:15px 0; padding: 0; }
    .menuBar ul li{ list-style-type: none; float: left; width: 100%; padding: 0;  }
    .menuBar ul li a{ display: block; text-align: center; font-weight: 600; font-size: 18px; color: #0000fe; padding: 12px 15px; text-decoration: none; border-bottom: 1px solid #ddd; }

    .banner-area{ height: 270px; background-position: 0; }

    .welcomeTxt{ padding: 15px 0; }
    .welcomeTxt h2{ font-size: 32px; color: #30346c; }
    .welcomeTxt p{ font-size: 22px; }
    .pull-right{ float: left; }
    .col-6{ width: 100%; padding: 0; }

    .img-area{ width: 100%; padding: 0; }
    .img-area img{ width: 100%; }


    .box-products{ width: 100%; margin: 0; margin-bottom: 20px; }
    .full-product-bx{ border: none; }
    .shipedBox{ width: 100%; padding: 15px 0 !important; text-align: center; }
    .shipedBox h3, .shipedBox span{ text-align: center; font-weight: normal; }

    .customer-review-area h2{ text-align: center; font-size: 32px; }

    .subscribe-area h3{ font-size: 22px; text-align: center; }

    .columnBx{ width: 100% !important; padding: 0; text-align: center; margin: 10px 0; }
    .singleRow .columnBx h4{ display: inline-block !important; float: left; padding-right: 10px; font-size: 20px; font-weight: bold;}
    .singleRow .columnBx p, .singleRow span{ float: left; font-size: 18px; margin: 0;}
    .selectBx{ float: right; width: 60%; }
    .singleRow{ border-bottom: 1px solid #ccc; padding: 10px 0; }
    .singleRow span{ font-size: 24px !important; font-weight: bold; }

    .each-col{ width: 100%; }
    .fotter-area{ height: auto; }
    .fotter-area:after{right: 0px; width: 166px; background-size: contain; background-repeat: no-repeat;}
    .mob50{ width: 50%; }
    .hidden{ overflow: inherit; }
    .footer-content{ margin-top: 25px; }
    .container-foter .logo{ left: 0; }
    .container-foter{ padding: 30px 15px; box-sizing: border-box; }

    .subscribeForm-area, .formBox{ padding: 0; }
    .conForms{ width: 100%; }







  
}