@media (max-width: 1920px) {

    /*home about sec*/
    .about_section .abt_content:before {
        right: -14em;
        top: 48%;
    }

    /*contact page */
    .cont_page .contact_text:before {
        content: '';
        background: url(../media/img/racket.png) no-repeat right;
        width: 16%;
        height: 100%;
        display: block;
        position: absolute;
        z-index: -1;
        left: -79px;
        top: 60%;
        transform: rotate(52deg);
    }

}

@media (max-width: 1880px) {
    /*contact page */
    .cont_page .contact_text:before {
        width: 17%;
        height: 100%;
        left: -100px;
        top: 61%;
        transform: rotate(52deg);
    }
}

@media (max-width: 1800px) {

    /*home about sec*/
    .about_section .abt_content:before {
        right: -9em;
        top: 48%;
    }

    /*contact page */
    .cont_page .contact_text:before {
        width: 20%;
        height: 77%;
        left: -100px;
        top: 71%;
        transform: rotate(52deg);
    }
}

@media (max-width: 1600px) {

    /*home about sec*/
    .about_section .abt_content:before {
        right: -5em;
        top: 56%;
    }
}

@media (max-width: 1480px) {

    /*home about sec*/
    .about_section .abt_content:before {
        right: -3em;
        top: 56%;
    }
}


@media (max-width: 1440px) {

    /*navbar*/
    .nav_btn .btn {
        padding: calc(0.775rem + 1px) calc(0.7rem + 1px) !important;
    }

    /*home about sec*/
    .about_section .abt_content {
        padding-bottom: 103px;
        padding-left: 100px;
        max-width: 100%;
    }

    .about_section .abt_content:before {
        right: 6em;
        top: 58%;
    }

    .membership_sec .swiper-slide .custom_slider_card {
        width: 18em;
        height: auto;
        margin-left: 28px;
    }

    .contact_img {
        position: relative;
        width: 520px;
        height: 710px;
    }

    .contact_img img {
        border-radius: 20px;
    }

    .contact_img:before {
        left: -55px;
        border-radius: 20px;
    }

    .contact_img:after {
        top: 30px;
    }

    /*about us page*/

    .about_sec .abt_content {
        padding-bottom: 103px;
        padding-left: 30px;
    }

    /*services page*/

    .comfort_members_sec .comfort_img_sec {
        height: 200px;

    }

    .comfort_members_sec .wardrobe_sec {
        transform: translate(10px, -90px);
    }

    .member .membership_buy_card {
        width: 362px;
        height: 588px;
    }

}

@media (max-width: 1400px){
    /*home about sec*/
    .about_section .abt_content:before {
        right: 2em;
        top: 60%;
    }

    /*about us page*/
    .about_sec .abt_content {
        padding-left: 100px;
        max-width: 100%;
    }

    .about_counter_sec {
        padding-right: 138px;
    }

    .about_counter_sec .counting {
        left: 70px;
        bottom: -70px;
    }

    /*services page*/
    .comfort_members_sec .comfort_img_sec {
        height: 178px;
    }

    /*contact page */
    .cont_page .contact_text:before {
        width: 23%;
        height: 77%;
        left: -80px;
        top: 73%;
        transform: rotate(52deg);
    }
}

@media (max-width: 1366px) {

    /*home about sec*/
    .about_section .abt_content:before {
        width: 56%;
        right: 6em;
        top: 63%;
    }

    /*contact page */
    .cont_form textarea {
        width: 100%;
    }
}

@media (max-width: 1280px) {

    /*navbar*/
    .nav_btn .btn {
        padding: calc(0.775rem + 1px) calc(0.7rem + 1px) !important;
    }

    /*home about sec*/
    .about_section .abt_content:before {
        width: 55%;
        right: 9em;
        top: 62%;
    }

    /*contact page */
    .cont_page .contact_text:before {
        width: 27%;
        height: 77%;
        left: -80px;
        top: 69%;
    }
}

@media (max-width: 1200px) {
    h1 {
        font-size: 100px;
    }

    h2 {
        font-size: 70px;
    }

    .custom_toggler{
        display: block;
    }

    /*.navbar {*/
        /*display: none;*/
    /*}*/

    .nav_btn .btn {
        font-size: 13px;
    }

    /*home about sec*/
    .about_section .abt_content {
        padding-left: 72px;
    }

    .about_section .abt_content h3,.about_sec .abt_content h3 {
        font-size: 34px;
    }

    .about_section .abt_content p,.about_sec .abt_content p {
        padding-block: 2px;
        font-size: 16px;
    }

    .abt_img {
        height: 440px;
        width: 524px;
    }

    .about_section .abt_content:before {
        width: 72%;
        right: 7em;
        top: 63%;
    }

    .about_section .abt_img:before {
        width: 100%;
        height: 100%;
        left: -23px;
        top: -38px;
        border-radius: 20px;
    }

    .about_section .abt_content .btn,.about_sec .abt_content .btn {
        font-size: 14px;
    }

    .membership_sec .swiper-slide .custom_slider_card {
        width: 16em;
        height: auto;
        margin-left: 11px;
        margin-top: 6em;
    }

    .contact_img {
        position: relative;
        width: 429px;
        height: 520px;
    }

    .contact_img:before {
        left: -23px;
    }

    .contact_img:after {
        top: -14px;
    }

    /*about us page*/
    .about_sec .abt_content {
        padding-left: 67px;
    }

    .about_sec .abt_content:before {
        top: 48%;
    }

    .about_sec .abt_img:before {
        left: -27px;
        top: -36px;
        border-radius: 12px;
    }

    .about_counter_sec:before {
        right: -86px;
        top: 92%;
        transform: scale(0.8);
    }

    .about_counter_sec .counting {
        left: 33px;
        bottom: -70px;
    }

    .fs-47 {
        font-size: 35px;
    }

    .about_professional_sec .custom_box {
        padding: 25px;
        transform: translate(70px, 20px);
        width: 100%;
    }

    /*services page*/

    .comfort_members_sec {
        padding-right: 65px;
    }

    .comfort_members_sec .comfort_img_sec {
        height: 142px;
        top: 69px;
    }

    .member .membership_card .col-md-4 {
        flex: 0 0 auto;
        width: 48.333333%;
    }

    .member .membership_buy_card {
        width: 425px;
        height: 588px;
    }

    /*contact page */

    .cont_page .contacts_img {
        width: 440px;
        height: 675px;
    }

    .cont_page .contact_text:before {
        width: 33%;
        height: 77%;
        left: -84px;
        top: 69%;
    }

    .menu, .menu-wrapper {
        gap: 1px;
    }

}

@media (max-width: 1024px) {




    .menu, .menu-wrapper {
        gap: 1px;
    }

    /*home about sec*/

    .about_section .abt_content {
        padding-left: 20px;
    }

    .about_section .abt_content:before {
        width: 78%;
        height: 114%;
        right: 8em;
        top: 57%;
    }

    .abt_img {
        height: 440px;
        width: 424px;
        margin-left: 3em;
    }

    .about_section:before {
        width: 46%;
        height: 100%;
        right: 262px;
        top: 155%;
        display: none;
    }

    /*about us page*/

    .about_sec .abt_content {
        padding-left: 14px;
        max-width: 100%;
    }

    .about_counter_sec:before {
        right: -90px;
        top: 83%;
    }

}


@media (max-width: 992px){

    .mobile_nav{
        display: block;
    }
    .desktop_nav{

        display: none;
    }

    /*.menu-item .menu-link { display: flex; position: relative; top: -650px; }*/

    h1 {
        font-size: 75px;
    }

    h2 {
        font-size: 40px;
    }

    .fs-98 {
        font-size: 79px;
    }

    .fs-30 {
        font-size: 23px;
    }

    /*home page sec*/

    section.hero {
        padding: 65px 0px;
    }

    .hero .hero_sec_img {
        height: 342px;
        width: 533px;
        position: relative;
    }

    .hero .hero_sec_content p {
        max-width: 81%;
        padding-top: 28px;
    }

    .hero .hero_content p {
        max-width: 265px;
    }

    .about_section .d-flex {
        display: flex!important;
        flex-direction: column-reverse;
    }

    .about_section .abt_content {
        padding-bottom: 100px;
        padding-left: 0px;
        max-width: 100%;
    }

    .about_section .abt_content:before, .about_sec .abt_content:before {
        display: none;
    }

    .service_card_sec .service_card {
        margin-block: 1em;
    }

    .member_section .member_card {
        padding: 30px 14px;
        position: relative;
        z-index: 1;
        margin-block: 1em;
    }

    .membership_sec {
        transform: translate(0px, 70em);
    }

    .contect_sec {
        padding-top: 70em;
    }

    .contect_sec .d-flex {
        display: flex!important;
        flex-direction: column-reverse;
    }

    .contect_sec .contact_img {
        width: 429px;
        height: 530px;
        margin: 5em auto;
    }

    /*about us page*/

    .about_sec .d-flex {
        display: flex!important;
        flex-direction: column-reverse;
    }

    .about_counter_sec:before {
        right: -102px;
        top: 90%;
        display: none;
    }

    .about_counter_sec {
        padding-right: 0;
    }

    .about_counter_sec .counting {
        left: 12px;
        bottom: -70px;
    }

    .about_professional_sec .row {
        flex-direction: column-reverse;
    }

    .about_professional_sec .custom_box {
        padding: 25px;
        transform: translate(27px, -60px);
        width: 93%;
    }

    .about_professional_sec .about_tennis_img {
        padding: 0px 20px 0px 160px;
    }

    .about_ques_sec .green_box {
        width: 100%;
    }

    /*services page*/

    .upcoming_events .service_card_sec .mb-15 {
        justify-content: center;
    }

    .comfort_members_sec .comfort_img_sec {
        height: 100%;
        top: -130px;
        transform: scale(0.9);
    }

    .comfort_members_sec .club_sec {
        transform: translate(10px, -40px);
    }

    /*membership page*/

    .member .membership_buy_card {
        width: 320px;
        height: 588px;
    }

    .membership_contact_sec{
        padding-top: 50px;
    }

    /*contact page*/

    .cont_page .contacts_img {
        width: 700px;
        height: 675px;
    }

    .cont_page .contact_text:before {
       display: none;
    }
}

@media (max-width: 600px){
    .hero .hero_content p {
        font-size: 25px;
    }

    .about_section .abt_content p {
        font-size: 25px;
    }

    .membership_sec .membership_content p {
        font-size: 25px;
    }

}