@media (min-width: 1200px) {}

/************* MIN-WIDTH:1200px ENDS HERE ********************/



@media only screen and (max-width: 1299px) {
    h1 {
    font-size: 5.875rem;
    line-height: 4.938rem;
    }
}
/************* MAX-WIDTH:1299 ENDS HERE ********************/

@media only screen and (max-width: 1199px) {
    h1 {
        font-size: 4.875rem;
        line-height: 3.938rem;
        }
}

/************* MAX-WIDTH:1199PX ENDS HERE ********************/

@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 3.5rem;
        line-height: 3.2rem;
    }

    h2 {
        font-size: 2.2rem;
        line-height: 2.38rem;
    }

    h3 {
        font-size: 2rem;
        line-height: 2.17rem;
    }

    h4 {
        font-size: 1.2rem;
        line-height: 1.3rem;
    }

    /* header start here */
    .nav_list li a {
        padding: 2px 9px;
    }

    .nav_content .logo {
        font-size: 0.875rem;
        /* flex: 0 0 100%; */
    }

    .nav_content.open .logo {
        /* flex: 33.3333%; */
    }

    /* about_us section */
    .about_right h2 {
        font-size: 2.2rem;
        line-height: 2.38rem;
    }

    /* .headr_item_right{
        flex-direction: column;
        justify-content: space-evenly;
    } */

}

/************* MAX-WIDTH:1024PX ENDS HERE ********************/

@media only screen and (max-width: 991px) {
    h1 {
        font-size: 2.5rem;
        line-height: 2.3rem;
    }

    .top_nav {
        position: relative;
        padding: 18px 15px;
        height: auto;
        transition: all .8s linear;
    }

    .top_nav.active {
        height: 99vh;
        position: fixed;
        width: 98%;
        z-index: 99;
        transition: all .8s linear;
    }

    .clps_btn {
        display: block;
        position: absolute;
        height: 28px;
        width: 28px;
        border: none;
        background: transparent;
        right: 15px;
        top: 18px;
    }

    .clps_btn span {
        display: inherit;
        width: 100%;
        height: 2px;
        background: var(--text-blue);
        line-height: 0;
        transition: rotate 0.4s;
    }

    .clps_btn span:nth-child(2) {
        width: 80%;
        margin-top: 5px;
    }

    .clps_btn.active span {
        transform: rotate(45deg);
    }

    .clps_btn.active span:nth-child(2) {
        transform: rotate(-45deg);
        width: 100%;
        margin-top: -2px;
    }

    .nav_content>* {
        max-width: 100%;
    }

    .nav_list {
        text-align: var(--text-left);
        display: none;
    }

    .nav_list li {
        display: block;
    }

    .nav_sc {
        width: 100%;
        justify-content: space-between;
        display: none;
    }

    .sc_nav_link {
        display: none;
    }

    /* ------- */
    .nav_content {
        height: auto;
        transition: height 0.4s;
    }

    .nav_content.open {
        height: 99vh;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }

    .nav_content.open .nav_list {
        display: block;
    }

    .nav_content.open .nav_sc {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 34px;
    }

    .nav_content.open .nav_list li a{
        font-family: 'Onest-Bold';
        font-size: 1.75rem;
        line-height: 1.7rem;
        letter-spacing: var(--letter-spacing-4);
        padding-bottom: 15px;
        display: block;
    }


    .nav_content.open .nav_sc .sc_nav_link{
        /* display: inline-flex;
        align-self: flex-end; */
    }

    .nav_content.open .nav_sc .contact_list_top{
        display: block;
        width: 100%;
        margin-bottom:32px ;
    }

    .nav_content.open .nav_sc .contact_list_top li {
        padding: 4px 0;
    }
    .nav_content.open .nav_sc .d-flex{
        justify-content: space-between;
    }

    .nav_content.open .nav_list li a:hover::after{
        display: none;
    }

    /* top-header */
    .top_banner_text {
        padding: 30px 38px 0 30px;
    }

    .top_banner_text h1 {
        padding-bottom: 0px;
    }

    .top_banner_text p {
        padding: 16px 0 0 0;
    }

    .signup_top {
        flex-direction: column;
        align-items: start;
        padding: 10px 30px;
    }

    .top_banner_text p {
        padding: 10px 0 0 0;
    }

    .contact_list_top {
        margin-top: 10px;
    }

    /* about_us section */
    .about_bottom>* {
        width: 38%;
    }

    /* we_conduct */
    .conduct_box {
        padding: 30px 15px;
    }

    .conduct_box .text_title h5 {
        font-size: 1.25rem;
    }

    /* contact-us */
    .contact_text {
        padding: 30px 15px;
        height: 100%;
    }

    .contact_form_text {
        padding: 30px 15px;
    }

    .map {
        padding: 50px 0;
    }

    .registration_bottom{
        flex-direction: column;
        align-items: flex-start;
    }

    .contact_list_bottom{
        margin-left: initial;
    }

    form.coupon_code button[type="submit"]{
        max-width: 110px;
    }

    .headr_item_right{
        flex-direction: column;
        justify-content: space-evenly;
    }
}

/************* MAX-WIDTH:991PX ENDS HERE ********************/

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 2.375rem;
        line-height: 2.5rem;
    }

    h2 {
        font-size: 1.75rem;
        /* font-size:28px */
        line-height: 2rem;
        /* line-height:32px */
    }

    h4 {
        font-size: 1.15rem;
        /* font-size:18px */
        line-height: 1.5rem;
        /* line-height:32px */
    }

    p {
        font-size: 0.938rem
            /* font-size: 15px */
        ;
        line-height: 1.438rem
            /* line-height:23px */
        ;
    }

    /* *************header start here**************** */
    .top_banner_left,
    .top_banner_right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top_banner_right {
        padding: 5px 0 5px 0;
    }

    .top_banner_text {
        padding: 30px 15px;
    }

    .top_banner_text p {
        padding: 20px 0 0 0;
    }

    .signup_top {
        padding: 10px 15px;
    }

    .top_banner_left .signup_top {
        display: none;
    }

    .top_banner_right img:nth-child(1) {
        display: none;
    }

    .nav_list li a {
        padding: 7.5px 0;
    }


    /* *************about_us start here**************** */
    .about_us {
        /* padding: 100px 0 0 0; */

        padding: 30px 0 0 0;
    }

    .about_left h6 {
        display: none;
    }

    .about_us h2 {
        font-size: 1.75rem;
        line-height: 2rem;
    }

    .about_bottom {
        margin: 20px 0 30px 0;
    }

    .about_bottom>* {
        width: 100%;
    }

    .about_bottom .about_bottom_right {
        margin: 20px 0 0 0;
    }

    .sport_slider .slick-arrow {
        /* top: 95%; */

        /* top: initial;
        bottom: -20px; */
    }

    /* .sport_slider .slick-next.slick-arrow {
        right: 50%;
        transform: translateX(71%);
    }

    .sport_slider .slick-prev.slick-arrow {
        right: 50%;
        transform: translateX(-50%);
    } */

    .sport_slider .slick-next.slick-arrow{
        right: 15px;
    }

    .sport_slider .slick-prev.slick-arrow{
        right: 70px;
    }

    /* **********************we_conduct start here******************* */
    .we_conduct {
        /* padding: 100px 0 0 0; */
        padding: 0;
    }

    .we_conduct_left {
        margin-bottom: 20px;
    }

    .we_conduct_left h2 br{
        display: none;
    }

    .we_conduct_right {
        display: block;
    }

    .conduct_box {
        width: 100%;
        padding: 30px 15px;
    }

    .conduct_box+.conduct_box {
        margin-top: 5px;
    }

    .conduct_box .text_title h5 {
        font-size: 1.375rem;
    }

    /* *****************testimonial_section start here**************** */
    .testimonial_section {
        padding: 5px 15px;
    }

    .testimonial_left h6 {
        font-size: 1.75rem;
        line-height: 2rem;
        margin-bottom: 20px;
    }

    .sport_slider {
        padding-bottom: 40px;
    }

    .t_item {
        position: relative;
        padding-bottom: 50px;
    }

    .t_item .content h3 {
        font-size: 1.375rem;
        line-height: 1.7rem;
    }

    .t_item .content h4 {
        padding: 15px 0;
    }

    .t_item .profile {
        position: absolute;
        padding-left: 0;
        bottom: -30px;
    }

    .t_item .profile span.quote {
        display: none;
    }

    .testimonial_slider .slick-arrow {
        top: unset;
        bottom: 0;
    }

    img.testimonial_pic{
        width: 100%;
        height: auto;
    }

    /* ********************contact section starts here *******************/
    .contact_section {
        padding: 0 15px 5px;
    }

    .contact_left,
    .contact_right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .contact_left {
        margin-top: 5px;
    }

    .contact_text,
    .contact_form_text {
        padding: 30px 15px;
    }

    .contact_left {
        order: 2;
    }

    .contact_right {
        order: 1;
    }

    .social-links {
        padding: 20px 0;
    }

    .contact_text .content p {
        display: inline-block;
    }

    .contact_text .content p+p {
        margin: 0 0 0 10px;
    }

    .social-links a {
        width: 44px;
        height: 44px;
        font-size: 22px;
        line-height: 44px;
    }

    .map {
        padding: 30px 0;
    }


    /************************* CHECKOUT PAGE STARTS HERE *******************/

    .registration_left,
    .registration_right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .registration_right{
        padding-left: 0;
        margin-top: 5px;
    }

    .registration_top {
        padding: 40px 30px 40px;
    }

    .registration_bottom{
        display: none;
    }

    .registrationForm .form_row label{
        left: 15px;
    }

    .registrationForm .form_row input[type="text"], 
    .registrationForm .form_row input[type="tel"]{
        padding: 0 15px;
    }

    form.coupon_code button[type="submit"]{
        max-width: 110px;
    }

    .age_option{
        flex-direction: column;
    }

    .contact_list_btm{
        padding: 20px 0 20px 0;
    }
}

/************* MAX-WIDTH:767PX ENDS HERE ********************/

@media only screen and (max-width: 640px) {
    .registrationForm .form_row.full, 
    .registrationForm .form_row.equal, 
    .registrationForm .form_row.uneven{
        flex-direction: column;
    }

    .registrationForm .form_row .form-group.small,
    .registrationForm .form_row .form-group.big,
    .registrationForm .form_row .form-group.equal,
    .registrationForm .form_row .form-group.extra_small,
    .registrationForm .form_row .form-group.full{
        width: 100%;
        margin-bottom: 10px;
    }

    .registrationForm .form_row {
        padding: 0;
    }
}

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


    .t_item .content{
        bottom: -28px;
    }
}

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

    .sport_filter_list{
        white-space: nowrap;
    }

    .sport_filter_list li{
        font-size: .70rem;
    }
}

@media only screen and (max-width: 479px) {
    .payment_information_heading_holder{
        flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
    }

    .registrationForm h4{
        padding-bottom: 10px;
    }

    .payment_information_heading_holder img {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .sport_filter_list li{
        margin: 0 7px;
    }
}