@media (min-width: 1280px) {
    .container {
        max-width: 1280px !important;
    }
    .Hair-analysis-3-Section .trace-background-bordered,
    .iwc-5429 .right-green-75,
    .iwc-5226 .trace-background-bordered{
        width: 70%;
        border-top-right-radius: 250px;
    }
}
@media only screen and (max-width: 1600px){
    .container{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media only screen and (min-width: 769px) {
    .w-md-50{
        width: 50% !important;
    }
    .content-column-padding .image-column{
        padding-right: 4rem;
    }
    .content-column-padding .content-column{
        align-self: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media only screen and (max-width: 1200px){
 #menu-primary-menu-1{
        gap: 20px;
        margin-top: 20px;
    }
    #mobileMenu .menu-primary-menu-container li ,
    #mobileMenu .menu-primary-menu-ar-container li ,
    #mobileMenu .menu-primary-menu-fr-container li {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    #mobileMenu .menu-primary-ar-menu-container  ,
    #mobileMenu .menu-primary-fr-menu-container  ,
    #mobileMenu .menu-primary-menu-container  {
        padding-left: 0;
    }
    #mobileMenu li.menu-item{
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px solid #bb944254;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #mobileMenu ul.navbar-nav{
        background-color: white;
    }
    /*#mobileMenu li.menu-item a{*/
    /*    width: 100%;*/
    /*    display: block;*/
    /*}*/
    #mobileMenu .menu-primary-menu-ar-container,
    #mobileMenu .menu-primary-menu-fr-container,
    #mobileMenu .menu-primary-menu-container{
        height: calc(100vh - 80px);
    }
    .menu-item-has-children a {
        display: flex;
        justify-content: space-between;
    }
    #mobileMenu .menu-item-has-children.hover-effect .sub-menu{
        width: 100%;
        margin-top: 20px;
        border-top: 1px solid var(--lightgrey);
        padding-top: 10px;
    }
    .sub-menu li{
        padding-left: 0;
    }
    .sub-menu li:last-child{
        border: none !important;
        padding-bottom: 0 !important;
    }

}
@media only screen and (max-width: 1280px){
    .footer{
        padding-bottom: 1rem;
    }
    .regular-text{
        font-size: 16px;
        line-height: 22px;
    }
    .container{
        max-width:1140px !important;
    }
    .advantages-list .advantages:nth-child(1) {
        order: 2;
    }
    .advantages-list .advantages:nth-child(2) {
        order: 3;
    }
    .advantages-list .advantages:nth-child(3) {
        order: 1;
    }
    .advantages{
        position: unset !important;
        text-align: center;
        justify-content: start;
    }
    .advantages-list{
        display: flex;
        gap: 1rem;
        justify-content: space-between;
    }
    img.aligncenter{
        margin: auto;
    }

}
@media only screen and (max-width: 1025px) {

    .logo-container img{
        margin: auto;
    }
    .header-container{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .container{
        max-width: 100% !important;
    }
    .semilarge-text {
        font-size: 17px;
        line-height: 27px;
    }

}

@media only screen and (min-width: 993px) {
    
    .About-about-Mozoona .heading{
        margin-bottom: 52px !important;
    }
    .content-column-padding .content-column{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .content-column-padding .content-first .content-column{
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: 5rem;
    }
    .Hateful-toxins-4-parent .trace-background-bordered{
        width: 70%;
        border-top-right-radius: 250px;
        height: 100%;
    }
    .Hateful-toxins-4-parent{
        margin-bottom: 10rem !important;
    }
}
@media only screen and (max-width: 992px) {
    ul.woocommerce-thankyou-order-details.order_details{
        flex-direction: column;
        gap: 1.5rem;
    }
    .woocommerce ul.order_details li{
        border: none !important;
    }
    .content-first .image-column{
        padding-right: 1rem;
    }
    .content-first .content-column,
    .trace-background-bordered-parent .image-column{
        padding-left: 1rem;
    }

    .row.slider {
        border-radius: 200px 0 !important;
    }
    .home-slider .shaped-content {
        border-radius: 170px 0 !important;
    }
    .text-certificate{
        border-radius: 100px 0;
    }
    .advantages strong {
        font-size: 17px;
    }
    .advantages{
        max-width: 250px;
        padding: 15px 15px 21px;
        border-radius: 45px 0;
        font-size: 13px;
        line-height: 20px;
    }
    .custom-btn{
        width: fit-content;
        padding: 10px 30px !important;
        height: fit-content !important;
    }
    .grid-column-3{
        grid-template-columns: repeat(2, 1fr);
    }
    .heading {
        font-size: 27px;
        line-height: 30px;
    }
    .large-text-2 , .heading-2 {
        font-size: 25px;
        line-height: 28px;
    }
    .large-text {
        font-size: 20px;
        line-height: 27px;
    }
    .grid-sm-half input:not(.bg-transparent, input[type='radio']),
    .grid-sm-half textarea,
    .grid-sm-half select{
        width: 100%;
        display: block;
        margin-bottom: 1.5rem;
    }
    .extralarge-text {
        font-size: 37px;
        line-height: 41px;
    }
    .footer-container-grid{
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        gap: 20px;
    }
    .footer-menu{
        justify-content: start !important;
    }
    #menu-footer-menu li{
        margin-bottom: 10px;
        font-size: 16px;
    }
    footer:before{
        width: 110%;
        height: 100px;
        top: -50px;
        background-image: none;
        background-color: var(--primaryColor);
        border-radius: 50%;
        right: -5%;
    }
    body.page-template-taxonomy-product_cat .top-height ,
    body.page-template-taxonomy-product_cat .bottom-height {
        height: 199px;
        transform: translateX(0);
        width: 100%;
        border-radius: 50px 0;


    }
    footer:before{
        display: none;
    }
    .footer{
        border-radius: 50px 0 0 0;
        margin-top: 50px;
    }
}
@media only screen and (max-width: 768px) {
    .blog-card img{
        border-radius: 50px 0;
        aspect-ratio: 2;
        object-fit: cover;
    }
    .blog-card h2{
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 17px;
    }
    .blog-card p, .blog-card p a{
        font-size: 13px;
    }
    .blog-main-title{
        margin: 13px 0;
        font-size: 22px;
    }
    .services-internal-div .grid-column-two .card-tests {
        margin-bottom:2rem;
    }
    .services-internal-div .grid-column-two .card-tests img{
        max-width: 350px ;
        margin: auto;
    }
    .services-internal-div .grid-column-two{
        display: block !important;
    }
    .woocommerce-page table.shop_table_responsive tr td::before{
        display: none !important;
    }
    .woocommerce-cart .cart-collaterals .cart_totals tr.order-total th{
        display: block !important;
    }
    #customer_details, #order_review {
        width: 100%;
    }
    .service-section .image-column{
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .Hair-analysis-3-Section .trace-background-bordered,
    .Hateful-toxins-4-parent .trace-background-bordered{
        height: 70%;
        bottom: -2rem;
        top: unset;
    }
    .felx-p span{
        width: 25px;
        min-width: 25px;
        margin-left: 15px;
    }
    .advantages strong {
        font-size: 15px;
    }
    .iwc-5592 .d-block.d-md-none{
        display: none !important;
    }
    .Home-how-work-section .content-column .heading.d-none {
        display: block!important;
    }
    .page-name-contact .grid-column-two .content-column{
        padding: 0 !important;
    }
    .row.slider {
        border-radius: 25% 0 !important;
    }
    .footer-menu-title{
        padding: 0;
    }
    .home-slider .owl-item{
        aspect-ratio: unset !important;
    }
    .service-section{
        background-size: cover;
        background-position: center;
    }
    .cart-icon-link img{
        height: 25px !important;
    }
    .header .justify-content-end.gap-3{
        /*justify-content: space-around !important;*/
        gap: 1rem !important;
    }
    .header .secondary-btn{
        font-size: 12px;
        line-height: 15px;
        padding: 5px 10px;
        border-radius: 0 10px;
    }
    .page-id-5160 footer{
        margin-top: 15px;
    }
    .owl-center-nav .owl-item img{
        aspect-ratio: 1.1;
        padding: 0 !important;
        object-fit: cover;
    }
    .for-back-image{
        margin: 0;
    }
    .owl-center-nav{
        padding: 0;
    }
    .banner-mobile-title{
        max-width: unset !important;
        text-align-last: center !important;
        margin: auto ;
        text-align: center;
    }
    .banner-section{
        aspect-ratio: 0.8 !important;
    }
    .small-category-img{
        aspect-ratio: 1.5 !important;
        max-width: 100%;
        object-position: center;
        border-radius: 150px 0 !important;
    }
    .home-section1 .advantage-icon {
        font-size: 12px;
        line-height: 17px;
    }
    .category-list .category .heading {
        margin-bottom: 1rem!important;
    }
    .gap-y-8 {
        row-gap: 1rem !important;
    }
    .large-text-2 {
        font-size: 20px;
        line-height: 23px;
    }
    .column-two {
        column-count: 1;
    }
    .max-80{
        max-width: 100%;
    }
    .iwc-section .float-right{
        float: unset;
    }
    .grid-column-two{
        grid-template-columns: 100%;
        gap: 2%;
    }
    .grid-column-half{
        grid-template-columns: 1fr;
    }
    .large-text-2 {
        font-size: 27px;
        line-height: 35px;
    }
    .hovered-menu:hover .hovered-sub-menu{
        padding: 10px 20px
    }

}
@media only screen and (max-width: 610px) {
    .iwc-section .pb-20{
        padding-bottom: 1rem !important;
    }
    .footer-menu-title{
        font-size: 18px;
        line-height: normal;
        margin-bottom: 0.5rem;
    }
    .has-icon:before{
        width: 30px ;
        max-width: 30px ;
    }
    .email-container:before{
        width: 35px;
        max-width: 35px;
    }
    .small-category-img{
        border-radius: 80px 0 !important;
    }
    .iwc-background .image-column .m-auto{
        max-width: 75%;
    }
    .banner-container .mt-5{
        margin-top: 2rem!important;
    }
    .banner-container{
        padding-bottom: 2rem;
    }
    .large-text-2 {
        font-size: 20px;
        line-height: 22px;
    }
   .heading {
        font-size: 20px;
        line-height: 22px;
    }
   .heading-2 {
        font-size: 17px;
        line-height: 19px;
    }
    .large-text {
        font-size: 15px;
        line-height: 20px;
    }
    .regular-text ,
    .small-text, .sub-title-cat {
        font-size: 12px;
        line-height: 15px;
    }
    .custom-btn{
        font-size: 15px;
        width: fit-content;
        padding: 10px 30px !important;
        height: fit-content !important;
    }
    .extralarge-text {
        font-size: 20px;
        line-height: 22px !important;
    }
    .regular-text, .full-name-message, .footer-link-items {
        font-size: 13px;
        line-height: 18px;
    }
    .small-text, ::placeholder {
        font-size: 13px !important;
        line-height: 16px !important;
    }
    .semilarge-text, .footer-menu ul.menu .menu-item a {
        font-size: 14px;
        line-height: normal;
    }
    .small-text2 {
        font-size: 14px;
        line-height: 20px;
    }
    .extrasmall-text {
        font-size: 13px;
        line-height: 14px;
    }
    .container, .fullwidt {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .color-css label, .color-css input, .color-css input::placeholder, .color-css textarea, .color-css textarea::placeholder{
        font-size: 11px !important;
        line-height: normal;
    }
    .closeModal{
        height: 35px;
        line-height: 35px;
        width: 35px;
        font-size: 35px;
    }
    .item-count{
        font-size: 13px;
        line-height: 17px;
        width: 15px;
    }

}

@media only screen and (max-width: 576px){
   
    #customer_details .col-1, #customer_details .col-2, #payment, .woocommerce table.shop_table{
        width: 100%;
    }
    .personal-data-container .top-height{
        top: -50px;
    }
    .mt-40,.mt-20{
        margin-top: 2rem !important;
    }
    .update-field{
        margin-right: 0.5rem;
        width: 17px;
    }
    .pb-32{
        padding-bottom: 2rem !important;
    }
    .results-row tbody,
    .results-row td,
    .results-row tfoot,
    .results-row th,
    .results-row thead,
    .results-row tr{
        padding: 3px !important;
    }
    .results-row th
    {
        font-size: 11px;
    }
    .result {
        margin-bottom: 10px;
        margin-top: 10px;
        padding-right: 35px;
    }
    .result:before{
        height: 20px;
        width: 30px;
        border-radius: 10px 0;
        top: 0;
        bottom: unset;
    }
    .icon-download:after{
        width: 13px;
        height: 13px;
    }
    .result, .results-row td{
        font-size: 9px;
    }

    .account-field-container{
        font-size: 13px;
    }
    .field-resp .update-field {
        display: block;
        bottom: 0 !important;
        top: unset !important;
    }
    .field-resp ::placeholder{
        background-color: transparent !important;
    }
    .field-resp label {
        display: block;
    }
    .product-container ul li:before{
        font-size: 10px;
        line-height: 22px;
    }
    .footer-link-items{
        font-size: 13px;
    }
    .service-section{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .semilarge-text {
        font-size: 13px;
        line-height: normal;
    }
    .banner-mobile-title{
        font-size: 30px;
        line-height: 35px;
    }

    .categories-section.top-to-height.my-5.for-top-curve-section {
        padding-bottom: 3rem;
    }
    .message-certificate-title{
        margin-bottom: 2rem;
    }
    .owl-text-cert .owl-nav{
        margin-bottom: 3rem;
        margin-top: 0;

    }
    .owl-text-cert .item{
        max-width: 320px;
        margin: auto;
    }
    .home-section1 .advantage-icon {
        font-size: 8px;
        line-height: 10px;
        height: unset !important;
    }
    .advantage-icon:before{
        box-shadow: 0px 3px 0px 1px #f6f1e4;
    }
    .advantages strong {
        font-size: 10px;
    }
    .pb-20{
        padding-bottom:  0 !important;
    }
    .custom-btn {
        font-size: 13px;
    }
    .header-container:not(.user-role-customer .header-container, .have-purchased .header-container) {
        grid-template-columns: 1fr 1fr 2fr;
    }
    .header .secondary-btn{
        font-size: 12px;
        line-height: 14px;
        border-radius: 0 15px;
    }
    .cart-icon-link img{
        width: 26px;
    }
    .blog-card{
        padding: 0;
        width: 100%;

    }
    .header .justify-content-end.gap-3{
        gap: 0.2rem !important;
    }

    #mobileMenu{
        top: 55px;
    }
    #whatsapp-icon{
        bottom: 5px;
        right: 5px;
    }
    .services-content.list > div > div{
        margin-bottom: 0.5rem;
        font-size: 13px;
    }
    .services-content.list li {
        font-size: 10px;
    }
    .services-content.list p {
        font-size: 13px;
        padding: 0.3rem 0 !important;
    }
    .services-content.list span {
        display: none;
    }
    .full-width-modal .modal-content{
        border-radius: 35px 0;
    }
    #MyModal .color-secondary.large-text{
        max-width: 70%;
    }
    .small-text, ::placeholder{
        font-size: 10px !important;
        line-height: normal;
    }
}


@media only screen and (max-width: 390px){
    /*.heading {*/
    /*    font-size: 18px;*/
    /*    line-height: 20px !important;*/
    /*}*/
    /*.heading-2 {*/
    /*    font-size: 15px;*/
    /*    line-height: 18px !important;*/
    /*}*/
    .cart-icon-link img {
        height: 20px !important;
        width: unset !important;
        margin: 0 2px;
    }
    .header .secondary-btn{
        font-size: 10px;
        line-height: 11px;
    }
}