@media only screen and (max-width: 600px){
    .p-mo{
        padding: 0px;
    }
    .product-listing-top-h2 h2 {
        font-family: 'Lemon Milk';
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        color: #3C3C3C;
    }
    .product-card-list{
        padding: 0px 0px 32px;
    }
    .product-card-list .product-card-main {
        width: 240px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 3px;
        margin-top: 20px;
    }
    .pagination-box {
        width: 284px;
        margin: auto;
        max-width: 100%;
        margin-top: 20px;
        overflow: scroll;
    }
    .filter-card select {
        font-family: 'Urbanist';
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #3C3C3C;
        text-decoration: none;
        padding: 13px 13px;
        height: 48px;
        width: 100%;
        border-radius: 4px;
        border: 1px solid #3C3C3C;
        margin-top: 10px;
    }
    .filter-div {
        font-family: 'Urbanist';
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        color: #3C3C3C;
        text-decoration: none;
        padding: 13px 13px;
        height: 48px;
        width: 100%;
        border-radius: 4px;
        border: 1px solid #3C3C3C;
        margin-top: 20px;
    }
    .filter-card{
        margin-bottom: 2rem;
        position: relative;
    }
    .filter-categry {
        padding: 13px 1px;
        width: 100%;
        border-radius: 4px;
        border: 1px solid #3C3C3C;
        /* border-top: 0px; */
        margin-top: -5px;
        background: #fff;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        position: absolute;
        z-index: 1;
    }
    .product-card-main img{
        width: 204px;
        height: 192px;
        margin: auto;
    }
    .recommeded-product h2 {
        font-family: 'Lemon Milk';
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        color: #3C3C3C;
        margin-bottom: 0rem;
    }
    .recommeded-product {
        padding-top: 4rem;
        padding-bottom:.5rem;
    }

    .product-details-right h1 {
        font-family: 'Lemon Milk';
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        text-align: left;
        color: #3C3C3C;
    }
    .product-details-right {
        width: 735px;
        max-width: 100%;
        padding: 16px 12px;
    }
    .product-img-details img {
        width: 184px !important;
        height: 278px !important;
        margin: auto;
        display: block;
        margin-bottom: 0rem;
    }
    .product-details-top {
        padding-bottom: 0px;
        padding-top: 2rem !important;
    }
    .product-details-right h4 {
        font-family: 'Lemon Milk Light';
        font-weight: 700;
        font-size: 30px;
        line-height: 38px;
        text-align: left;
        color: #3C3C3C;
        margin-bottom: 11px;
        margin-top: 11px;
    }
    .product-details-right p {
        font-family: 'Urbanist';
        font-size: 15px;
        line-height: 23px;
        color: #3C3C3C;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .product-details-right ul li {
        font-family: 'Urbanist';
        font-size: 15px;
        line-height: 23px;
        color: #3C3C3C;
        font-weight: 400;
    }
    .product-details-top {
        background: url(../img/BG-top-mo.png) no-repeat;
        padding-bottom: 45px;
        padding-top: 3rem;
    }
    .details-top {
        background:  #e1f4ff61 no-repeat;
        background-size: cover;
        background-position: center center;
        margin-top: 6rem;
    }
    .billing-details h1 {
        font-family: 'Lemon Milk';
        font-size: 24px;
        line-height: 34px;
        font-weight: 500;
        color: #3C3C3C;
        margin-bottom: 18px;
        margin-top: 18px;
        width: 340px;
        margin: auto;
        margin-bottom: 18px;
        margin-top: 18px;
    }
    .billing-details h3 {
        font-family: 'Lemon Milk';
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        color: #3C3C3C;
        padding-bottom: 10px;
        border-bottom: 2px solid #439D97;
        margin-bottom: 13px;
        width: 312px;
        margin: auto;
        margin-bottom: 20px;
    }
    .billing-details .billing-left h3 {
        font-family: 'Lemon Milk';
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 24px;
        margin-top: 15px;
    }
    .billing-left .col-12 {
        padding: 0px 24px;
    }
    .billing-left .g-recaptcha{
        margin-top:10px;
        transform: scale(0.80);
        -webkit-transform: scale(0.80);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .order-summary-bg {
        width: 390px;
        max-width: 100%;
        padding: 16px 17px;
        background: #fff;
        margin: auto;
        border: 1px solid #EFEFEF;
        border-radius: 0px;
    }
    .produ-name-price, .product-name-img-price, .coupon-box, .subtotal-discount-box {
        padding: 0px 0px;
    }
    .billing-details .checkout-btn {
        width: 340px !important;
        max-width: 100%;
        margin: auto;
        margin-top: 25px;
        display: block;
        height: 49px;
    }
    .round-box-billing {
        border: 1px solid #EFEFEF;
        border-radius: 0px;
        width: 791px;
        max-width: 100%;
        padding: 24px 16px;
        background: #fff;
    }
    .billing-details select {
        border: 1px solid #9B9B9B;
        width: 100%;
        max-width: 100%;
        height: 48px;
        font-family: 'Urbanist';
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
        color: #3C3C3C;
        margin-bottom: 13px;
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: 0.125rem;
        margin-top: 7px;
    }
    .produ-name-price h5 {
        font-family: 'Urbanist';
        color: #3C3C3C;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        padding: 5px 0px 9px;
    }
    .order-summary h3{
        border-bottom: 0px !important;
    }
    .billing-details {
        padding: 2rem 0 1.5rem;
    }
    .form-check .form-check-input {
        width: 24px;
        height: 24px;
        border-radius: 14px;
        margin-right: 14px;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .main-box-tab {
        width: 1248px;
        max-width: 100%;
        margin: auto;
        background: #F5F5F5;
        padding: 22px 16px;
        gap: 64px;
        justify-content: center;
        align-items: center;
    }
    .main-box-tab img{
        width: 209px;
        height: 198px;
        margin: auto;
        display: block;
    }
    .main-box-tab .nav-pills .nav-link {
        font-family: 'Urbanist';
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
        color: #3C3C3C;
        position: relative;
    }
    .main-box-tab ul {
        width: 100%;
        max-width: 100%;
        margin: auto;
        margin-bottom: 2rem;
        height: 70px;
        border: 1px solid #D0D0D0;
    }
    .tab-right-about-content h4 {
        font-family: 'Lemon Milk';
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        color: #3C3C3C;
        padding-right: 5px;
    }
    .tab-right-about-content {
        width: 438px;
        max-width: 100%;
        padding-top: 32px;
        padding: 0px 7px;
        padding-top: 20px;
    }
    .nav-pills .nav-link.active {
        background: #215A56;
        color: #fff;
    }
    .about-lst-s1{
        background: #F5F5F5;
    }
    .love-right-img h3 {
        font-family: 'Lemon Milk';
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        color: #3C3C3C;
        margin-bottom: 32px;
        text-align: center;
    }
    .love-of-langueses{
        padding: 3rem 10px;
    }
    .love-content-left h3 {
        font-family: 'Lemon Milk';
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        color: #3C3C3C;
        margin-bottom: 16px;
    }
    .love-content-left {
        width: 422px;
        max-width: 100%;
        padding-top: 29px;
    }
    .who-about-bg {
        height: 970px;
        padding-top: 20.5rem;
        padding-left: 10px;
        padding-right: 10px;
    }
    .love-content-left-p{
        margin-bottom: 36px;
    }
    .who-about-right-content h2 {
        font-family: 'Lemon Milk';
        font-weight: 500;
        font-size: 24px;
        line-height: 34px;
        color: #3C3C3C;
        margin-bottom: 22px;
        text-align: left;
        padding-right: 55px;
    }
    .about-content-left h1 {
        font-family: 'Lemon Milk';
        font-size: 23px;
        line-height: 34px;
        font-weight: 500;
        color: #3C3C3C;
        text-align: center;
        padding: 0px 20px;
    }
    .about-top-s1 {
        height: 499px;
        position: relative;
        margin-top: 6rem;
    }
    .about-top-s1::before {
        content: '';
        background: url(../img/Floating-Elements-mo.png) no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        left: 0rem;
        right: 5rem;
        bottom: 1rem;
        width: 370px;
        height: 336px;
        z-index: 1;
    }
    .about-content-left {
        width: 653px;
        margin: auto;
        max-width: 100%;
        text-align: center;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 2rem;
        padding: 0px 12px;
    }
    .about-lst-s1 {
        padding: 0.5rem 0rem 2rem;
    }
}
@media only screen and (min-width: 300px) and (max-width: 600px){
    
}
@media only screen and (min-width: 786px) and (max-width: 991px){
    
}
@media only screen and (min-width: 992px) and (max-width:1079px){
    
}