@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 (min-width: 1400px){
    .page-name-about-us .banner-section:before{
        content: '';
        background: linear-gradient(177deg, #ffffff 0%, transparent 70%);
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        z-index: 0;
        top: 0;
    }
}
@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){
    .scrollable {
        max-height: 250px;
    }
    .fs-2 {
        font-size: 20px !important;
    }
    #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;
    }
    .footer-menu ul li{
        font-size: 14px;
    }



}
@media only screen and (max-width: 1280px){
    .page-name-about-us .banner-container{
        transform: translateY(110px);
    }
    .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;
    }
    .container{
        max-width: 100% !important;
    }
    .semilarge-text, .fs-5 {
        font-size: 17px;
        line-height: 27px;
    }

}
@media only screen and (min-width: 993px) {

    .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;
    }
}
@media only screen and (max-width: 992px) {
    footer{
        padding-top : 2rem ;
    }
    .contact-form .blue-btn{
        float: right;
        margin-bottom: 2rem;
    }
    .contact-form{
        max-width: 100%;
    }
    .contact-form .form-control{
        margin-bottom: 1rem;
    }
    .fs-5 {
        font-size: 15px !important;
    }
    /*.page-name-about-us .banner-section:after {*/
    /*    content: '';*/
    /*    display: block;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    position: absolute;*/
    /*    background: linear-gradient(180deg, #0148b8 70%, #f9f9f9);*/
    /*    z-index: -1;*/
    /*}*/

    .our-mission .content-column{
        padding-top: 0 !important;
    }
    .our-mission:after{
        height: 100px;
    }
    .our-vision-section .container > div{
        width: 100%;
    }
    footer{
        background-position: right;
        background-size: cover;
    }
    .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;
    }
    .custom-btn{
        width: fit-content;
        padding: 10px 30px !important;
        height: fit-content !important;
    }

    .heading {
        font-size: 27px;
        line-height: 30px;
    }
    .large-text-2 , .heading-2 {
        font-size: 25px;
        line-height: 28px;
    }
    .large-text, .fs-4, .service-container h3 {
        font-size: 20px !important;
        line-height: normal;
    }
    .extralarge-text {
        font-size: 37px;
        line-height: 41px;
    }
    .blue-btn, .white-btn, .service-container h5 {
        font-size: 17px !important;
    }
    .pt-20 {
        padding-top: 0rem !important;
    }
    .service-container {
        max-width: 250px;
    }
    .service-container h3{
        padding-top: 1rem;
    }
    .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;
    }
    .header .navbar-nav{
        display: block;
    }
    .header li.menu-item:nth-child(2):after, .header li.menu-item:nth-child(6):after{
        display: none;
    }
    div#mobileMenu:before{
        height: 135px;
    }
    .testimonials-section:before{
        height: calc(100% + 200px);
    }
    .page-name-about-us .banner-container * {
        padding-top: 0 !important;
    }
}
@media only screen and (max-width: 768px) {
    /*.page-name-about-us .banner-container * {*/
    /*    color: white !important;*/
    /*}*/
    .page-name-contact-us .banner-container {
        transform: translateY(130px);
    }
    .page-name-contact-us .banner-section{
        align-items: center;
    }
    .page-name-contact-us .banner-container:after{
        display: none;
    }
    .to-top{
        margin-top: -100px;
        /*z-index: 1;*/
        position: relative;
    }
    .grid-column-3{
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }
    .grid-column-3 .border-right{
        border: none;
    }
    .grid-column-3 .w-fitcontent {
        width: 100%;
    }
    .w-2\/5{
        width: 80% !important;
    }

    .about-us-ls .inner-content {
        max-width: 100%;
        padding: 0 !important;
    }
    .footer-menu ul li{
        border-right: 1px solid !important;
        padding: 0 !important;
    }
    footer {
        padding-top: 2rem;
    }
    .testimonials-section:before{
        background-image: url(https://petrikor.agency/rika/wp-content/uploads/2024/04/Rika-responsive-03.png);
    }
    footer ul.navbar-nav li.menu-item:nth-child(-n+5), footer ul.navbar-nav li.menu-item:nth-child(7){
        border: none;
    }
    .slider-carousel .owl-item img,
    .home-about-section
    {
        aspect-ratio: 1;
    }
    .our-vision-section.iwc-background
    {
        aspect-ratio: 1;
        background-size: cover;
        background-position: right;
    }
    .our-mission img{
        width: 250px !important;
    }
    .our-mission .content-column, .about-us-ls .container{
        padding-top: 0 !important;
    }
    .our-mission:after{
        background-size: cover;
        height: 60px;
        background-position: right;
    }
    .our-mission, .about-us-ls{
        padding-top: 10px;
    }
    .home-about-section .row{
        max-width: 80%;
    }
    .academies-section{
        margin-top: -50px;
    }
    .row.slider {
        border-radius: 25% 0 !important;
    }
    .footer-menu-title{
        padding: 0;
    }
    .header .justify-content-end.gap-3, .our-services .row{
        gap: 1rem !important;
    }
    .header .secondary-btn{
        font-size: 12px;
        line-height: 15px;
        padding: 5px 10px;
        border-radius: 0 10px;
    }
    .banner-mobile-title{
        max-width: unset !important;
        text-align-last: center !important;
        margin: auto ;
        text-align: center;
    }
    .banner-section{
        aspect-ratio: 0.8 !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
    }
    span.counter {
        font-size: 15px;
        width: 30px;
    }
    .clickable .program-title:after {
        width: 15px;
        height: 15px;
        transform: translateY(60%);
    }
    .line-top img{
        max-width: 250px;
        margin: auto;
    }
    .line-top .single-program{
        padding-top: 2rem;
    }


    .line-top,
    .line-top .container{
        padding-top : 0 !important;
        margin-top : 0 !important;
    }
    .scrollable {
        max-height: unset;
        overflow-y: hidden;
    }
    footer ul.navbar-nav li.menu-item:nth-child(1){grid-area: list1;}
    footer ul.navbar-nav li.menu-item:nth-child(2){grid-area: list2;}
    footer ul.navbar-nav li.menu-item:nth-child(3){grid-area: list3;border: none !important;}
    footer ul.navbar-nav li.menu-item:nth-child(4){grid-area: list4;}
    footer ul.navbar-nav li.menu-item:nth-child(5){grid-area: list5;grid-column: 2;}
    footer ul.navbar-nav li.menu-item:nth-child(6){grid-area: list6;}
    footer ul.navbar-nav li.menu-item:nth-child(7){grid-area: list7;grid-column: 2;}
    footer ul.navbar-nav li.menu-item:nth-child(8){grid-area: list8;grid-column: 1;}
    .footer-menu ul{
        grid-template-areas:
                'list1 list2 list3'
                'list4 list5 list5'
                'list6 list7 list7'
                'list8 list7 list7';
        gap: 0 20px;
        grid-template-columns: unset;
    }
    footer .logo,
    footer .flex-column,
    #menu-social-menu{
        margin: auto;
        justify-content: center;
        text-align: center;
    }
    .footer a{
        font-family: 'DIN Medium';
    }
    .our-vision-section .container{
        transform: translateY(-50px);
    }
    .coaches-carousel .owl-dots{
        margin: auto;
        margin-top: 2rem;
    }
    .academies-section .row{
    	gap: 10px 0;
        padding-top: 2rem;
    }
     .academies-section .text-center{
        text-align: left !important;
    }
    .academies-section img{
    	max-width: 180px;
    }
}
@media only screen and (max-width: 610px) {
    .home-about-section .row{
        max-width: 100%;
    }

    .footer a {
        font-size: 13px;
        margin: 0;
    }
    .fs-2 {
        font-size: 15px !important;
    }
    .our-vision-section .container > div {
        width: 100%;
        padding-top: 2rem;
    }
    .our-vision-section > div:before{
        background: url(images/line-navy-resp.png);
        height: 100px;
        top: -97px;
        background-position: center;
    }


    .academies-section img{
        max-width: 120px;
    }
    .fs-6 {
        font-size: 10px !important;
    }
    .join-container{
        text-align: center;
    }
    .academies-section .text-center{
        text-align: left !important;
        padding-left: 10px;
        padding-top: 5px !important;
    }
    .logo-container img{
        width: 120px;
    }
    .btn-white, .blue-btn, .white-btn, .service-container h5{
       font-size: 12px !important;
    }
    .navbar-toggler .bar{
        width: 50px;
    }
    .image-over-slider{
        font-size: 30px;
        line-height: 32px;
    }
    .navbar-toggler[aria-expanded="true"] .bar{
        width: 20px;
    }
    .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, .fs-4, .service-container h3, .our-values .inner-content div,
    .semilarge-text, .footer-menu ul.menu .menu-item a, .fs-5, .modal-dialog-scrollable .modal-body {
        font-size: 15px !important;
        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: 30px;
        line-height: normal !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;
    }

    .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;
    }
    .footer-menu ul li:before{
        display: none;
    }
    .footer-menu ul li{
        text-align: center;
    }
    .footer-menu ul li{
    	border-right: 1px solid;
    }
    footer ul.navbar-nav li.menu-item:nth-child(8), footer ul.navbar-nav li.menu-item:nth-child(7), footer ul.navbar-nav li.menu-item:nth-child(5),footer ul.navbar-nav li.menu-item:nth-child(3){
    border: none !important;
    }
    .footer-menu ul{
            display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px 0px;
    }
    footer ul.navbar-nav li.menu-item:nth-child(1), footer ul.navbar-nav li.menu-item:nth-child(2), footer ul.navbar-nav li.menu-item:nth-child(3){
    width: 30%;
    }
footer ul.navbar-nav li.menu-item:nth-child(4), footer ul.navbar-nav li.menu-item:nth-child(6){
	width: 50%;
}
footer ul.navbar-nav li.menu-item:nth-child(5), footer ul.navbar-nav li.menu-item:nth-child(7){
	width: 45%;
}
footer .flex-column, footer .flex-column a:not(.d-none){    display: block !important;}
}

@media only screen and (max-width: 576px){
    .our-vision-section .container {
        transform: translateY(-15px);
    }
    .our-vision-section > div:before{
        background-position: right;
    }
    .home-about-section{
        aspect-ratio: 0.8;
        background-position: bottom;
    }
    .service-container img{
        margin: auto;
    }
    .service-container {
        max-width: 100%;
    }
    .header::after{
        background: linear-gradient(0deg, transparent 45%, #0148B8);
        height: calc(100% + 60px);
    }
    .heading span{
        padding-bottom: 3px;
        padding-right: 10px;
    }
    .our-services:before{
        top: -85px;
        height: 90px;
    }
    .my-5 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mt-5 {
        margin-top: 1rem !important;
    }
    .mb-5 {
        margin-bottom: 1rem !important;
    }
    .fullwidth{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .our-values .inner-content div img{
        width: 80px;
    }
    .our-values .inner-content .colored-circle{
        width: 130px;
    }
    .our-values .inner-content{
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
        gap: 1rem;
        padding-top: 2rem !important;
    }
    .services-container{
        padding-bottom: 0 !important;
        text-align: center;
    }
    .home-about-section .container{
        padding-top: 1rem !important;
    }
    .home-about-section .white-btn{
        background-image: url(images/bg-btn.svg);
        color: white !important;
    }
    .home-about-section{
        align-items: start;
    }
    .home-about-section .iwc-content{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .coaches-carousel img{
        max-width: 250px !important;
    }
    .to-top {
        margin-top: -50px;
    }
    .text-certificate{
        border-radius: 100px 0;
    }
    #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;
    }
    .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 .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;
    }


    #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;
    }
    .py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .our-vision-section .mb-3{
        margin-bottom: 0 !important;
    }
    .page-name-about-us .banner-section{
        background-position: top;
    }
    .join-container{
        padding-top: 5px !important;
        padding-bottom: 7px !important;
    }
    .join-container *{
        font-size: 10px !important;
    }
}