@media only screen and (max-width: 1599px) {}

@media only screen and (max-width: 1200px) {}

@media only screen and (width: 820px) and (height: 1106px) {}

@media only screen and (width: 1180px) and (height: 746px) {}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul>li a {
        padding: 7px 20px 0 20px;
    }
}

@media only screen and (min-width: 599px) and (max-width: 767px) {
   
    .menu-area-main {
        height: 256px;
        overflow-y: auto;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        height: 19px;
    }
 
}

@media only screen and (width: 375px) and (height: 667px) {
    .popup-size {
        width: 390px;
    }

    .crosse-align {
        left: 90% !important;
    }
    .form-design{
        width: 403px;
    }
    .form-align{
        float: left;
    }
        .designwithcards{
        margin-left: 23px;
      }
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-menu ul>li a {
       padding: 8px 12px 0 12px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-menu ul>li a {
        padding: 20px 20px 20px;
    }
    .header-search {
        padding: 15px 0px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 599px) {
    .cart-content-right {
        padding-bottom: 5px;
    }
    .megamenu>.row [class*="col-"] {
        padding: 0px;
    }
    .menu-area-main .megamenu .men-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .women-cat {
        padding: 0px 15px;
    }
    .menu-area-main .megamenu .el-cat {
        padding: 0px 15px;
    }
    .mean-container .mean-nav ul li a {
        padding: 1em 4%;
        width: 92%;
    }
    .mean-container .mean-nav ul li li a {
        width: 90%;
        padding: 1em 5%;
    }
    .mean-container .sub-full.megamenu-categories ol li a {
        padding: 5px 0px;
        text-transform: capitalize;
        width: 100%;
    }
    .megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
        width: auto;
        border: none;
        float: none;
    }
    .menu-area-main {
        height: 290px;
        overflow-y: auto;
    }
  
}


@media only screen and (min-width: 899px) {}

@media only screen and (min-width: 768px) {
    .popup-size {
        width: 700px;
        left: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .form-align{
        float: left;
      }
}

@media only screen and (max-width: 320px) {
    .popup-size {
        width: 285px !important;
    }

    .crosse-align {
        left: 90% !important;
    }
}

@media only screen and (max-width: 767px) {
    .popup-size {
        width: 700px;
        left: 15px;
    }
    .form-align{
        float: left;
      }
    .designwithcards{
        margin-left: 103px;
      }
}

@media only screen and (max-width: 599px) {}

@media only screen and (max-width: 499px) {
    .popup-size {
        width: 390px;
    }

    .crosse-align {
        left: 90% !important;
    }
    .form-align{
        float: left;
    }
    .designwithcards{
        margin-left: 23px;
      }
}

@media only screen and (max-width: 399px) {
    .popup-size {
        width: 341px;
    }

    .crosse-align {
        left: 90% !important;
    }
    .form-align{
        float: left;
    }
    .designwithcards{
        margin-left: 23px;
      }
}