@media (max-width:1400px) {
    .cntct .imgg {
        height: 520px;
    }

    .cntct .content {
        height: 100%;
    }

    .offers .imgcnt1 .content3 {
        height: 365px;
    }

    .community .scnn .cntt h2 {
        font-size: 50px;
    }

    .community .imgg img {
        width: 600px;
    }
}

@media (max-width:1200px) {
    .offers .imgcnt1 .content3 {
        height: 275px;
    }
}

@media (max-width:800px) {
    body {
        font-family: "Big Shoulders", sans-serif;
        letter-spacing: 1px;
        margin-top: 80px;
    }

    .offers .imgcnt1 .content3 {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .nav-links.active {
        display: flex;
    }

    .nav-links a {
        padding: 850px;
        height: auto;
        line-height: 1.6;
    }

    .dropdown-content {
        position: static;
        box-shadow: none;
        background-color: #f8fcf2;
        padding: 10px;
        display: none;
    }

    .dropdown-content a {

        font-weight: 400 !important;

    }

    .dropdown-content.active {
        display: block;
    }

    .case-bgimage .case-cntt h2 {
        font-size: 40px;
    }

    .case-bgimage .case-cntt .site-loc {
        font-size: 17px;
    }
}











/************************* breakpoints **************************************************************/

@media (max-width:1200px) {
    header .navv ul li a {
        padding: 0px 0px;

    }

    header .navv ul li {
        padding: 0px 13px;
    }

    .cntct .content {
        height: 405px;
    }

    .cntct .content h2 {
        font-size: 35px;

    }

    .cntct .content p {
        padding: 0px 18px;
        margin-bottom: 30px;
        font-size: 14px;
    }

    .offers .imgcnt .content2 a {
        font-size: 20px;

    }

    .offers .imgcnt .content2 {
        padding: 30px 40px;
    }

    .offers .imgcnt .content2 h6 {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .offers .imgcnt .content2 p {
        font-size: 13px;
    }

    .offers .imgcnt1 .content3 h6 {
        font-size: 13px;
    }

    .offers .imgcnt1 .content3 h3 {
        font-size: 20px;
    }

    .offers .imgcnt1 {
        border-radius: 10px;
        height: 600px;
    }

    .offers .imgcnt1 .imggg1 img {

        border-radius: 10px 10px 0px 0px;
    }

    .bgvdo .hndimg img {
        left: -26px;
    }

    .community .imgg img {
        width: 100%;
        border-radius: 20px;
        transform: rotate(-2deg);
    }

    .community .scnn .cntt h2 {
        font-size: 55px;
        padding: 0px 20px;
    }






    .testmonial .content .alltest::after {
        content: url(../images/Rectangle7.svg);
        position: absolute;
        bottom: -60px;
        left: 0;
    }

    .testmonial .imgg img {
        width: 280px;
        margin-top: 42px;
        transform: rotate(-3deg);
    }

    .testmonial .content {
        width: 310px;

    }

    .testmonial .content {
        width: 309px;
    }

    .testmonial .content h6 {
        left: 95px;
    }

    footer .totalcnt .cnt ul li {
        list-style: none;
        padding: 5px 10px;
    }


}

/************************************************************************* breakpoint ****************************************************************************************************/


@media (max-width:992px) {
    header {
        padding: 0px 0px;
        padding: 0px 20px;
    }

    header .row {
        justify-content: center;
    }

    header .bttns .tryout,
    header .bttns .enroll {
        display: none;
    }

    header .bttns {
        height: auto;
    }

    header .navv {
        height: 110px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    header .logo img {
        padding: 10px 0px;
        width: 120px;
    }

    header .navv ul {
        position: absolute;
        top: 110px;
        left: -1000px;
        background: rgb(248, 252, 242);
        padding-left: 0;
        transition: all 0.7s ease-out;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        z-index: 15;
        align-items: center;
        border-radius: 0px 0px 10px 10px;
        padding: 20px 0px;
    }

    header .navv ul li {
        margin: 11px;
        text-align: start;


    }

    header .navv ul li a {
        font-size: 20px;
        font-weight: 600;


    }

    header .col-5 {
        display: none;
    }

    header label {
        display: block;
    }

    header label i {

        align-items: center;
        color: #1E4342;
        font-size: 40px;
        border-radius: 50px 0px 0px 50px;

    }

    #checking:checked~ul {
        left: 0px;
    }

    #checking:checked~label i::before {
        content: '\f057';
    }

    .banner .content .welcome h5 {
        margin-top: 8px;
        font-size: 10px;
    }

    .offers .col-md-6 {
        width: 100%;
    }




    .cntct .content {
        height: 355px;
    }

    .cntct .content h2 {
        font-size: 20px;
    }

    .cntct .content p {
        padding: 0px 11px;
        margin-bottom: 19px;
        font-size: 13px;
    }

    .cntct .content .explr a {
        padding: 5px 11px;
        font-size: 15px;
    }



    .offers .imgcnt {
        margin: 30px 0px;
    }

    .offers .imgcnt .content2 a {
        font-size: 35px;
    }

    .offers .imgcnt .content2 p {
        font-size: 18px;
    }

    .offers .col-md-3 {
        width: 50%;
    }

    .offers .imgcnt1 {
        height: auto;
    }


    .bgvdo .hndimg img {
        display: none;
    }

    .abtus .content {
        top: -210px;
    }


    .community .scnn .cntt {
        height: 447px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .community .scnn .cntt p {
        font-size: 15px;
    }

    .community .scnn .cntt h2 {
        font-size: 45px;
        padding: 0px 0px;
    }



    .testmonial .col-md-4 {
        width: 50%;
    }







    .join .contents h2 {
        font-size: 40px;
        margin: 10px 0px;
        color: #C2FC85;
    }

    .join .btttns .bttn {
        padding: 0px 0px;
    }



    .qualities .col-md-3 {
        width: 50%;
    }

    .qualities .cntt {
        padding: 10px 0px;
    }




    footer .totalcnt .logo a {
        display: none;
    }

    footer .social a img {
        width: 25px;
        margin-right: 10px;
    }

    footer .totalcnt .cnt h3 {

        font-size: 15px;

    }

    footer .totalcnt .cnt ul li a {
        font-size: 13px;

    }

    footer .totalcnt .cnt ul li {
        list-style: none;
        padding: 0px 10px;
    }

    footer .totalcnt .cnt a i {
        padding: 5px;
    }

    footer .totalcnt .cnt a {
        font-size: 14px;
    }
}













/**************************************************************************** breakpoints *******************************************************************************************/



@media (max-width:767px) {


    header {
        padding: 0px 0px;
        padding: 0px 20px;
    }

    header .bttns .tryout,
    header .bttns .enroll {
        display: none;
    }

    header .bttns {
        height: auto;
    }

    header .navv {
        height: 72px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    header .logo img {
        padding: 10px 0px;
        width: 80px;
    }

    header .navv ul {
        position: absolute;
        top: 78px;
        left: -892px;
        background: rgb(248, 252, 242);
        padding-left: 0;
        transition: all 0.7s ease-out;
        width: 100%;
        height: 310px;
        display: flex;
        flex-direction: column;
        z-index: 15;
        align-items: center;
        border-radius: 0px 0px 10px 10px;
        padding: 20px 0px;
    }

    header .navv ul li {
        margin: 11px;
        text-align: start;


    }

    header .navv ul li a {
        font-size: 20px;
        font-weight: 600;


    }

    header label {
        display: block;
    }

    header label i {

        align-items: center;
        color: #1E4342;
        font-size: 24px;
        border-radius: 50px 0px 0px 50px;

    }

    #checking:checked~ul {
        left: 0px;
    }

    #checking:checked~label i::before {
        content: '\f057';
    }





    /**************** banner ****************/

    .banner {
        height: 400px;
        background-position: center;
        background-size: cover;
    }

    .banner .content {
        height: 400px;
    }

    .banner .content .textss {
        width: 350px;
        padding: 30px 10px;
    }

    .banner .content .textss h2 {
        font-size: 35px;
        padding-bottom: 20px;
    }

    .banner p {
        font-size: 18px;

    }


    /*********************** contactt ***********************************/
    .cntct {
        display: flex;

    }

    .cntct .bttnn::after {
        content: url(../images/Rectangle5.svg);
    }

    .cntct .bttnn {
        display: flex;
        justify-content: center;

        width: max-content;
        margin: auto;
        padding: 0px 0px;
    }

    .cntct .newsec {
        padding: 10px 0px;
        display: flex;
        padding-top: 50px;
    }

    .cntct .newsec .content {
        margin: 0px 20px;
        margin-bottom: 60px;
    }

    .cntct .newsec .imgg {
        display: none;

    }



    /*************************** .offersss *********************************/

    .offers .imgcnt {
        margin: 20px 20px;
        flex-direction: column;
    }

    .offers .imgcnt .imggg img {
        border-radius: 20px;
        width: 100%;
    }

    .offers .imgcnt .content2 h6 {
        padding-bottom: 20px;
    }

    .offers .imgcnt1 {
        margin: 15px 10px;
        padding: 0;
    }

    .offers .col-md-3 {
        width: 100%;
    }


    /*(*************** bgvdoo *********************/

    .bgvdo {

        background-size: cover;

    }

    .bgvdo .hndimg {
        display: none;
    }

    /*************************** abtus *********************************/

    .abtus {

        height: 260px;

    }

    .abtus .content h2 {
        font-size: 35px;
    }

    .abtus .content {
        width: 95%;
        left: 10px;
        right: 10px;
        top: -250px;
        padding: 20px;
    }

    .abtus .content::after {
        display: none;
    }

    .abtus .content .bttttns a {
        font-size: 20px;
        padding-right: 10px;

    }

    .abtus .content .bttttns a img {
        padding: 5px;
        margin-right: 8px;
        width: 29px;
    }

    .abtus .content .bttttns {
        padding-bottom: 25px;
    }

    .abtus .content .clms3 .cnt3 {
        padding-top: 35px;
        text-align: center;
    }

    /************************* slide *******************************/

    .slide .cntt {
        text-align: center;
    }

    .slide .cntt h3,
    .slide .cntt h4 {
        font-size: 35px;
        margin: 0;
        padding: 0px 10px;
    }

    .slide .cntt {
        padding: 20px 0px;
    }

    /************************************* community ********************************************/


    .community .imgg img {
        width: 98%;
        border-radius: 10px;
        transform: rotate(0deg);
        margin-top: 50px;
    }

    .community .scnn {
        flex-direction: column;

    }

    .community .scnn1 {
        flex-direction: column-reverse
    }

    .community .scnn .cntt {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .community .scnn {
        padding: 40px 0px;
    }


    /************************************ testmonial **************************************/


    .testmonial .imgg p {
        margin: 0;
        padding: 20px 20px;
    }

    .testmonial .imgg img {
        width: 300px;
        margin-top: 50px;
        transform: rotate(-4deg);
    }

    .testmonial .imgg11 img {

        margin-top: 100px;

    }

    .testmonial .content h2 {
        margin-top: 50px;
    }

    .testmonial .col-md-4 {
        width: 100%;
    }

    /******************************** JOIN .community ****************************************/
    .join {
        padding: 30px 0px;
    }

    .join .contents h2 {
        font-size: 35px;
        margin: 10px 20px;
    }

    .join .btttns .member a {
        font-size: 18px;
        padding: 15px 15px;
    }

    .join .btttns {
        margin: 0px 20px;
    }

    .join .btttns .bttn {
        padding: 0px 0px;

    }


    /******************************** qualities *************************************/

    .qualities .cntt h2 img {
        width: 50px;
    }

    .qualities .cntt h2 {
        text-transform: uppercase;
        font-size: 20px;
        margin: auto;
    }

    .qualities .cntt p {
        font-size: 17px;
        margin-left: 55px;
        margin-bottom: 38px;
    }

    .qualities .col-md-3 {
        width: 100%;
    }

    /********************************* foooterr ***************************************/

    footer {
        overflow: hidden;
    }

    footer .totalcnt {
        border-bottom: 1px solid #00000014;
        padding-bottom: 30px;
        flex-wrap: wrap;
        margin: 0px 20px;
    }

    footer .totalcnt .cnt h3 {
        font-size: 25px;
        margin-top: 40px;
    }

    footer .totalcnt .logo a {
        display: none;
    }

    footer .totalcnt .logo a img {
        display: block;
    }

    footer .totalcnt .logo p {
        padding-right: 10px;

    }

    footer .rights {
        margin: 30px 20px;
    }

    footer .btttn {
        text-align: center;
        padding-bottom: 40px;
    }

    footer .social {

        text-align: center;
    }





}


@media (max-width:620px) {
    .abtus {
        height: 500px;
    }
}






/******************************************************************** abouttresponsivee **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/









@media (max-width:1200px) {
    header .navv ul li a {
        padding: 0px 0px;

    }

    header .navv ul li {
        padding: 0px 10px;
    }


    .abtt .section1 .cntt {
        height: 500px;
    }

    .abtt .section1 .cntt p {
        font-size: 13px;
        padding: 0px 30px;
        margin: 0;
    }

    .abtt .section1 .cntt h2 {
        font-size: 30px;
        text-transform: uppercase;
        padding: 17px 0px;
    }

    .abtt .section1 .imgg img {
        width: 95%;
        border-radius: 15px;
        height: 500px;
    }

    .abtt .section2 .imgg img {
        border-radius: 0px 15px 15px 0px;
    }

    .vdo-sec .vdo-top-cnt {
        flex-direction: column;
    }
}


/***************************************************** breakpoints **************************************************************************************/


@media (max-width:992px) {
    .container {
        max-width: 920px;
    }

    header {
        padding: 0px 0px;
        padding: 0px 20px;
    }

    header .row {
        justify-content: center;
    }

    header .bttns .tryout,
    header .bttns .enroll {
        display: none;
    }

    header .bttns {
        height: auto;
    }

    header .navv {
        height: 110px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    header .logo img {
        padding: 10px 0px;
        width: 120px;
    }

    header .navv ul {
        position: absolute;
        top: 110px;
        left: -1000px;
        background: rgb(248, 252, 242);
        padding-left: 0;
        transition: all 0.7s ease-out;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        z-index: 15;
        align-items: center;
        border-radius: 0px 0px 10px 10px;
        padding: 20px 0px;
    }

    header .navv ul li {
        margin: 11px;
        text-align: start;


    }

    header .navv ul li a {
        font-size: 20px;
        font-weight: 600;


    }

    header .col-5 {
        display: none;
    }

    header label {
        display: block;
    }

    header label i {
        align-items: center;
        color: #1E4342;
        font-size: 40px;
        border-radius: 50px 0px 0px 50px;
        z-index: 999;
        position: relative;
    }

    #checking:checked~ul {
        left: 0px;
    }

    #checking:checked~label i::before {
        content: '\f057';
    }





    footer .totalcnt .logo a {
        display: none;
    }

    footer .social a img {
        width: 25px;
        margin-right: 10px;
    }

    footer .totalcnt .cnt h3 {

        font-size: 15px;

    }

    footer .totalcnt .cnt ul li a {
        font-size: 13px;

    }

    footer .totalcnt .cnt ul li {
        list-style: none;
        padding: 0px 0px;
    }

    footer .totalcnt .cnt a i {
        padding: 5px;
    }

    footer .totalcnt .cnt a {
        font-size: 14px;
    }

}



/**************************************8********************************************************* breakpoint ******************************************************************/



@media (max-width:800px) {


    header {
        padding: 0px 0px;
        padding: 0px 20px;
    }

    header .bttns .tryout,
    header .bttns .enroll {
        display: none;
    }

    header .bttns {
        height: auto;
    }

    header .navv {
        height: 72px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-right: 20px;
    }

    header .logo img {
        padding: 10px 0px;
        width: 80px;
    }

    header .navv ul {
        position: absolute;
        top: 78px;
        left: -1911px;
        background: rgb(248, 252, 242);
        padding-left: 0;
        transition: all 0.7s ease-out;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        z-index: 15;
        align-items: center;
        border-radius: 0px 0px 10px 10px;
        padding: 50px 0px;
    }

    header .navv ul li {
        margin: 11px;
        text-align: start;


    }

    header .navv ul li a {
        font-size: 16px;
        font-weight: 600;
    }

    header label {
        display: block;
        margin: 0px;
    }

    header label i {

        align-items: center;
        color: #1E4342;
        font-size: 24px;
        border-radius: 50px 0px 0px 50px;

    }

    #checking:checked~ul {
        left: 0px;
    }

    #checking:checked~label i::before {
        content: '\f057';
    }





    /***************************** abttt ****************************/


    .abtt {
        padding: 0px 0px;
    }

    .abtt .section1 {
        padding: 0px 0px;
        flex-direction: column;
    }

    .abtt .section1 .cntt h2 {
        font-size: 30px;
        text-transform: uppercase;
        padding: 0px 20px;
        text-align: center;
        margin: 10px 0px;
    }

    .abtt .section1 .imgg img {
        width: 100%;
        border-radius: 10px;
        margin: 20px 0px;
    }

    .abtt .section2 .imgg img {
        display: none;
    }

    .abtt .section1 .cntt p {
        padding: 0px 20px;
    }

    .abtt .section1 .cntt {
        height: auto;
        margin: 0px 0px;
        padding: 40px 0px;
        border-radius: 10px;
    }

    .abtt .section2 {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 15px;
    }

    .abtt .section2 .cntt {
        border-radius: 10px;
        justify-content: center;
        padding: 20px 0px;
    }

    /*********************************************** ytbeevdoooo **********************************************/

    .yvdo {
        overflow: hidden;
    }

    .yvdo .cntt h2 {
        font-size: 28px;
        padding: 20px 20px;
    }

    .yvdo .cntt h5 {
        font-size: 12px;
    }

    .yvdo .vdo iframe {
        height: 295px;
    }

    /********************************* foooter **********************************/

    footer {
        overflow: hidden;
    }

    footer .totalcnt {
        border-bottom: 1px solid #00000014;
        padding-bottom: 30px;
        flex-wrap: wrap;
        margin: 0px 20px;
    }

    footer .totalcnt .cnt h3 {
        font-size: 25px;
        margin-top: 40px;
    }

    footer .totalcnt .logo a {
        display: none;
    }

    footer .totalcnt .logo a img {
        display: block;
    }

    footer .totalcnt .logo p {
        padding-right: 10px;

    }

    footer .rights {
        margin: 30px 20px;
    }

    footer .btttn {
        text-align: center;
        padding-bottom: 40px;
    }

    footer .social {

        text-align: center;
    }






}





/******************************************************************** turffsolutionnresponsivee **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/


@media (max-width:1400px) {

    .tsfields .tscnt .cntt p {
        font-size: 15px;
    }

    .tsfields .tscnt .cntt ul li {
        font-size: 15px;
    }

    .tsfields .tscnt .cntt {
        height: 730px;
    }

    .tsfields .tscnt1 .cntt p {
        font-size: 15px;
    }

    .tsfields .tscnt1 .cntt ul li {
        font-size: 15px;
    }

    .tsfields .tscnt1 .cntt {
        height: 900px;
    }

    .tsfields .tsfullcnt .cntt p {
        font-size: 15px;
    }

    .tsfields .tsfullcnt .cntt ul li {
        font-size: 15px;
    }

    .tsfields .tsfullcnt .cntt {
        padding: 35px;
    }


}




/***************************************************************** breakpoint ***************************************************/


@media (max-width:1200px) {

    .tsartificial {
        overflow: hidden;
    }

    .tsartificial .cntt h2 {
        font-size: 45px;
    }

    .tsartificial .cntt h2 span {
        font-size: 80px;
    }

    .tsartificial .cntt p {
        padding: 0px 0px;
    }

    .tsartificial .sect1 {
        flex-direction: column;
        padding-bottom: 80px;
    }

    .tsartificial h5 {
        font-size: 20px;

    }

    .tsfields .tscnt .cntt {
        height: 600px;
    }

    .tsfields .tscnt .cntt ul li {
        padding: 15px 0px;
        padding-left: 40px;
    }

    .tsfields .tscnt .cntt ul li::before {
        top: 15px;

    }

    .tsfields .tscnt1 .cntt ul li {
        padding: 15px 0px;
        padding-left: 40px;
    }

    .tsfields .tscnt1 .cntt ul li::before {
        top: 15px;
    }

    .tsfields .tscnt1 .cntt {
        height: 720px;
    }

    .tsfields .tsfullcnt .imggg img {
        border-radius: 30px 30px 0px 0px;
        width: 100%;
        height: 1000px;
    }

    .tsfields .tsfullcnt {
        flex-direction: column;
    }

    .tsfields .tsfullcnt .cntt::before {
        position: absolute;
        content: url(../images/tslandstaight.png);
        top: -35px;
        left: 19px;
    }


}




/***************************************************************** breakpoint ***************************************************/



@media (max-width:768px) {

    .tsartificial {
        padding: 40px 0px;
    }

    .tsartificial .cntt h2 {
        font-size: 45px;
        padding: 0px 10px;
    }

    .tsbgimage .cntt h2 {
        font-size: 55px;
    }

    .tsartificial .sect1 {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .tsartificial .cntt p {
        padding: 0px 10px;
        font-size: 15px;
    }

    .tsartificial .cntt h2 span {
        font-size: 50px;
    }

    .tsartificial .cntt h3 {
        font-size: 20px;
        padding: 0px 10px;
        padding-bottom: 15px;
    }

    .tsartificial h5 {
        font-size: 15px;
    }

    .tsartificial h5 {
        font-size: 15px;
        font-weight: 300;
        padding: 5px 0px;
        position: relative;
        padding-left: 40px;
    }

    .tsartificial h5::before {
        position: absolute;
        top: 5px;
        left: 0px;
        content: url(../images/check-mark-22ppx.png);
        padding: 0px 10px;
    }



    .tsfields {
        padding: 30px 0px;
        background-color: #f8f8f8;
    }

    .tsfields .tscnt .imgg img {
        width: 100%;
        border-radius: 15px 15px 0px 0px;
    }

    .tsfields .tscnt .cntt p {
        font-size: 14px;

    }

    .tsfields .tscnt .cntt {
        margin: 0px 10px;
        padding: 10px;
        height: 100%;
        padding-bottom: 40px;
    }

    .tsfields .tscnt .cntt h3 {
        font-size: 20px;
        padding-top: 30px;
    }

    .tsfields .tscnt .cntt .frstcnt li {
        padding: 16px 0px;
        padding-left: 40px;
    }

    .tsfields .tscnt .cntt ul li {
        padding: 7px 0px;
        padding-left: 40px;
    }

    .tsfields .tscnt1 .cntt ul li {
        padding: 7px 0px;
        padding-left: 40px;
    }

    .tsfields .tscnt .cntt ul li::before {
        top: 8px;
    }

    .tsfields .tscnt .cntt h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .tsfields .tscnt1 .cntt {
        margin: 0px 10px;
        padding: 10px;
        height: 100%;
        padding-bottom: 40px;
    }

    .tsfields .tscnt1 .cntt3 {
        margin: 0px 10px;
        padding: 10px;
        height: 100%;
        padding-bottom: 40px;
    }

    .tsfields .tscnt1 .cntt h3 {
        padding-top: 30px;
    }

    .tsfields .tscnt1 .cntt ul li::before {
        top: 8px;
    }

    .tsfields .tscnt1 .cntt h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .tsfields .tsfullcnt .imggg img {
        border-radius: 30px 30px 0px 0px;
        width: 100%;
        height: 100%;
    }
}



/******************************************************************** PUTRACKKKK **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/



@media (max-width:1400px) {
    .putrack .pucnt2 {
        background-color: #ffffff;
        margin: 10px 5px;
        border-radius: 30px;
        height: 1750px;
    }

}


/***************************** breakpoint *************************************/



@media (max-width:1200px) {
    .putrack .pucnt {
        background-color: #ffffff;
        margin: 10px 5px;
        border-radius: 30px;
        height: auto;
        padding-bottom: 40px;
    }

}



/***************************** breakpoint *************************************/



@media (max-width:768px) {

    .pubgimage .cntt h2 {
        font-size: 40px;
        text-align: center;
    }



    .pusportsfield {
        padding: 40px 0px;
        background-color: #f2f2f2;
    }

    .pusportsfield .cntt h2 {
        font-size: 40px;
        font-weight: 600;
    }

    .pusportsfield .cntt h2 span {
        font-size: 40px;
        color: #109547;
    }

    .pusportsfield .cntt p {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0px;
    }

    .pusportsfield h5 {
        font-size: 15px;
    }


    .putrack {
        padding: 10px 0px;
    }

    .putrack .pucnt .cntt h3 {
        font-size: 25px;
    }

    .putrack .pucnt .cntt h4 {
        font-size: 18px;
    }

    .putrack .pucnt2 .cntt h3 {
        font-size: 25px;
        padding-top: 30px;
    }

    .putrack .pucnt2 .cntt h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .putrack .pucnt2 .cntt1 p {
        padding-bottom: 25px;
    }

    .putrack .pucnt2 {
        height: auto;
    }

}




/******************************************************************** turffsolutionnresponsivee **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/


@media (max-width:1400px) {
    .sscolcnt .sscnt {
        height: 1020px;
    }

    .sscolcnt .ssheight {
        height: 737px;
    }

    .sscolcnt .sscnt2 p {
        padding-top: 0px;
    }

    .sscolcnt .sscntt h2 {
        font-size: 40px;
        padding-bottom: 0px;
        margin: 0;
    }

    .sscolcnt .sscntt .icon6::before {
        position: absolute;
        content: url(../images/ssbleachers.svg);
        top: 69px;
        left: -29px;
    }
}


@media (max-width:1200px) {
    .ssbgimage .cntt h2 {
        font-size: 60px;
        text-align: center;
    }

    .sscolcnt .sscnt {
        height: 750px;
    }

    .sscolcnt .respoht {
        height: 1000px;
    }

    .sscolcnt .sscntt .icon6::before {
        position: absolute;
        content: url(../images/ssbleachers.svg);
        top: 23px;
        left: -29px;
    }

    .ssbgimage .cntt h2 {
        font-size: 60px;
    }
}



@media (max-width:992px) {

    .sscolcnt .sscntt {
        display: flex;
        flex-direction: column;
    }

    .sscolcnt .sscntt .imgg img {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .sscolcnt .sscntt .icon6::before {
        position: absolute;
        content: url(../images/ss-safetycusion.svg);
        top: -28px;
        left: 15px;
    }

    .sscolcnt .sscntt h2 {
        font-size: 40px;
        padding-bottom: 0px;
        margin: 0;
        padding: 35px 0px 0px 18px;
    }

    .sscolcnt .sscntt p {
        padding: 35px 20px;
    }
}


@media (max-width:768px) {
    .ssbgimage .cntt h2 {
        font-size: 45px;
        text-align: center;
    }

    .sscolcnt .respoht {
        height: auto;
    }
}


/******************************************************************** BLEACHER-responsivee **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/


@media (max-width:1400px) {
    .b-telescop .b-cntt iframe {
        height: 480px;
    }
}



@media (max-width: 1200px) {
    .b-telescop {
        padding: 30px 0px;
    }

    .b-telescop .b-cntt iframe {
        height: 541px;
    }

    .b-telescop .b-cntt iframe {
        background-color: #fff;
        border-radius: 20px 20px 0px 0px;
    }

}










@media (max-width: 992px) {
    .b-telescop .b-cntt iframe {
        height: 300px;
    }

    .b-telescop .b-cntt {
        flex-direction: column;
    }

    .b-telescop .b-cntt h3::before {
        position: absolute;
        content: url(../images/ssbleachers-straight.svg);
        top: -34px;
        left: 25px;
    }

    .b-bgimage .b-cntt h2 {
        font-size: 65px;

    }

}


@media (max-width:768px) {
    .b-sliders {

        padding: 10px 0px;
        padding-bottom: 20px;
    }

    .b-sliders h2 {
        font-size: 40px;
        padding-bottom: 20px;
        border-bottom: 0.5px solid #c9c9c9;
        margin: 35px 50px;
    }

}



/******************************************************************** DIVIDERCURTAIN-responsivee **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/




@media (max-width: 1200px) {

    .gym-dividers .gd-imggg img,
    .gym-dividers .dc-cnt1 .gd-imggg img {
        width: 410px;
    }

    .gym-dividers .dc-cnt .gd-txtcnt p {
        font-size: 13px;
    }

    .gym-dividers .dc-cnt .gd-txtcnt ul li,
    .gym-dividers .dc-cnt1 .gd-txtcnt ul li {
        font-size: 13px;
    }

    .gym-dividers .dc-cnt h2,
    .gym-dividers .dc-cnt1 h2 {
        font-size: 16px;
    }


}

@media (max-width: 992px) {
    .gym-dividers {
        padding: 30px 0px;
    }

    .gym-dividers .gd-imggg img,
    .gym-dividers .dc-cnt1 .gd-imggg img {
        width: 100%;
        height: auto;
        border-radius: 20px 20px 0px 0px;
    }

    .gym-dividers .dc-cnt {
        flex-direction: column;
    }

    .gym-dividers .dc-cnt1 {
        flex-direction: column-reverse;
    }

    .gym-dividers .dc-cnt .gd-txtcnt,
    .gym-dividers .dc-cnt1 .gd-txtcnt {
        padding: 40px 0px;
        height: auto;
    }

    .gym-dividers .dc-cnt .gd-txtcnt p {
        font-size: 15px;
    }

    .gym-dividers .dc-cnt .gd-txtcnt ul li,
    .gym-dividers .dc-cnt1 .gd-txtcnt ul li {
        font-size: 15px;
    }

    .gym-dividers .dc-cnt h2,
    .gym-dividers .dc-cnt1 h2 {
        font-size: 20px;
    }

    .dc-bgimage .dc-cntt h2 {
        text-align: center;
        font-size: 55px;

    }
}


@media (max-width: 768px) {
    .faq-title {
        font-size: 25px;
    }

    .faq-question {
        font-size: 18px;
    }

    .faq-item.active .faq-answer {
        font-size: 15px;
    }

    .faq {
        display: flex;
        justify-content: center;
        margin-bottom: 35px;
    }
}



/******************************************************************** SPORTSNET-responsivee **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/

@media (max-width:1400px) {
    .sportsnet .sn-tcnt .sn-cnt .sn-img img {
        width: 100%;
        border-radius: 0px 30px 0px 30px;
        height: 420px;
    }

    .sportsnet .sn-tcnt .sn-cnt .sn-txtcnt p {
        height: 420px;
    }
}

@media (max-width:1200px) {

    .sn-bgimage .sn-cntt h2 {
        font-size: 55px;
    }

    .sportsnet .sn-tcnt .sn-cnt {
        flex-direction: column;
    }

    .sportsnet .sn-tcnt .sn-cnt .sn-img img {
        width: 100%;
        border-radius: 0px 0px 30px 30px;
        height: auto;
    }

    .sportsnet .sn-tcnt .sn-cnt .sn-txtcnt p {
        font-size: 15px;
        height: auto;

    }

    .sportsnet .sn-tcnt .sn-cnt .sn-txtcnt p {
        font-size: 15px;
        height: auto;
        padding: 40px 20px;
    }

    .sportsnet .sn-tcnt .sn-cnt .sn-img1 img {
        width: 100%;
        border-radius: 30px 30px 0px 0px;
        height: auto;
    }
}




@media (max-width: 768px) {
    .sn-bgimage .sn-cntt h2 {
        font-size: 40px;
    }
}












/******************************************************************** BLOGS-responsivee **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/









/************************ blogsss **************************/

@media (max-width:1400px) {

    .blogss .b-cntt .b-txtcnt a h5 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 55px;

    }

}

@media (max-width:1200px) {

    .blogss .b-cntt .b-txtcnt {
        display: flex;
        height: 293px;
        padding: 5px 15px;
        flex-direction: column;
        justify-content: space-between;
    }

    .blogss .blog-col .blog-thumb img {
        width: 220px;
        border-radius: 20px 0px 0px 20px;
    }

    .blogss .b-cntt .b-txtcnt a h5 {
        font-size: 20px;
        line-height: 22px;
        margin-top: 37px;
        font-weight: 400;
    }

    .blogss .b-cntt .b-txtcnt h5 {
        font-size: 10px;
    }

}


@media (max-width:992px) {

    .blogss {
        flex-direction: column;
    }

    .blogss .blog-col .b-txtcnt a h5 {
        font-size: 25px;
        line-height: 35px;
        margin-top: 37px;
        font-weight: 400;
    }

    .blogss .blog-col .b-txtcnt h5 {
        font-size: 11px;
        margin-bottom: 30px;
    }
}

@media (max-width:768px) {

    .blog-bgimage .blog-cntt h2 {
        font-size: 65px;
    }

    .blogss .blog-col {
        display: flex;
        background-color: #ffffff;
        margin: 20px 0px;
        border-radius: 20px;
        transition: transform 0.3s ease-in-out;
        flex-direction: column;
    }

    .blogss .blog-col .blog-thumb img {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .blogss .blog-col .b-txtcnt {
        display: flex;
        height: auto;
        padding: 30px 20px;
        flex-direction: column;
        justify-content: space-between;
    }

    .blogss .blog-col .b-txtcnt a h5 {
        font-size: 25px;
        line-height: 31px;
        margin-top: 0px;
        font-weight: 400;
    }

}



/******************************************************************** blogsinner-RESPONSIVE **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/


@media (max-width:1400px) {

    .bi-cmmnts .btttns .member a {
        padding: 15px 13px;
    }

    .bi-cmmnts .btttns .benefits a {
        padding: 15px 13px;
    }

    .related-posts .b-cntt .b-txtcnt a h5 {
        font-size: 25px;
        font-family: "Big Shoulders", sans-serif;
        letter-spacing: 1px;
        font-weight: 500;
        color: #000000;
        letter-spacing: 0px;
        line-height: 30px;
        margin-top: 50px;
        display: flex;
        padding: 5px 0px;
    }

}

@media (max-width:1200px) {

    .bi-cmmnts .btttns .member a {
        font-size: 11px;
    }

    .bi-cmmnts .btttns .benefits a {
        font-size: 11px;
    }
}

@media (max-width:992px) {

    .bi-cmmnts .btttns {
        display: flex;
        justify-content: flex-start;
        height: 66px;
        align-items: center;
    }

    .bi-cmmnts .btttns .member a {
        font-size: 15px;
    }

    .bi-cmmnts .btttns .benefits a {
        font-size: 15px;
    }

    .inner-contents .b-cntts img {
        width: 100%;
    }

    .inner-contents .b-cntts h2 {
        font-size: 45px;
        padding: 25px 60px;
    }
}

@media (max-width:768px) {
    .inner-contents {
        padding: 20px 0px;
        background-color: #ffffff;
    }

    .inner-contents .b-cntts h2 {
        font-size: 25px;
        padding: 18px 10px;
    }

    .inner-contents .b-cntts h5 {
        font-size: 13px;
        padding: 0px 0px;

    }

    .inner-contents .b-cntts img {
        border-radius: 10px;
        margin-bottom: 20px;
        padding: 0;

    }

    /* #loadMore {
  
        margin-top: 0px;
    } */
    .bi-cmmnts {
        padding: 30px 0px;
        background-color: #1E4342;
    }

    .bi-cmmnts .contents h2 {
        font-size: 30px;
        margin: 0px 24px;
        color: #C2FC85;

    }

    .bi-cmmnts .btttns .member a {
        font-size: 12px;
    }

    .bi-cmmnts .btttns .benefits a {
        font-size: 12px;
    }
}

@media (max-width:768px) {

    .related-posts .b-cntt {
        grid-template-columns: repeat(1, 1fr);
        margin: 20px 0px;
    }

    .related-posts .b-cntt .imgg img {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }

    .related-posts h5 {
        font-size: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 20px;
    }

    .related-posts .b-cntt .b-txtcnt {
        height: auto;
    }

}








/******************************************************************** PORTFOLIO-RESPONSIVE **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/



@media (max-width:993px) {

    .p-turfsolution h3 {
        margin: 0px 30px;
        margin-bottom: 50px;
    }

    .edmpufields h3 {
        margin: 0px 30px;
        margin-bottom: 50px;
    }
}


@media (max-width:768px) {
    .p-bgimage .p-cntt h2 {
        font-size: 55px;
    }

    .p-turfsolution,
    .edmpufields {
        padding-bottom: 25px;
    }

    .p-turfsolution .col-xl-12,
    .edmpufields .col-xl-12 {
        margin: 0%;
        padding: 0%;
    }

    .p-turfsolution h3,
    .edmpufields h3 {
        margin: 0px 20px;
        margin-bottom: 30px;
        font-size: 25PX;
    }

    .p-turfsolution .imgg img {
        width: 100%;
        border-radius: 20px;
        padding: 0px 5px;
    }

    .edmpufields .imgg img {
        width: 100%;
        border-radius: 20px;
        padding: 0px 5px;
    }
}












/******************************************************************** SAFETYPADDING-RESPONSIVE **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/


@media (max-width:1400px) {

    .blogss .b-cntt .b-txtcnt a h5 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 55px;

    }

    .sftcnt1 .full-cnt .soft-cnt2 p {
        padding-right: 25px;
    }

    .soft-color .sftt-cntt .stext-cntt p {
        font-size: 15px;
    }

    .soft-color .sftt-cntt .stext-cntt {
        padding: 0px 0px;
    }

    .soft-sndbgimg .s-cntt .imgg img {
        width: 95%;
        height: 878px;
        border-radius: 20px 0px 0px 20px;
    }

    .soft-sndbgimg .s-cntt .textcnt p {
        font-size: 14px;
    }

    .soft-nmassive {
        padding-top: 780px;
    }

    .soft-slide .cntt h3,
    .soft-slide .slide .cntt h4 {
        font-size: 55px;
    }

    .soft-wallpadding .wall-cnt .txtcnt p {
        font-size: 15px;
    }

    .soft-wallpadding .wall-cnt .txtcnt h4 {
        font-size: 45px;
    }

    .soft-wallpadding .wall-cnt .txtcnt {
        padding: 10px 0px;
    }

    .soft-padding-sec .all-pa-cnt .txtcntt {
        height: 558px;
    }

    .soft-padding-sec .all-pa-cnt .txtcntt p {
        font-size: 15px;
    }

    .soft-padding-sec .all-pa-cnt .txtsze p {
        font-size: 14px;
    }

    .soft-sndbgimg .s-cntt .textcnt {
        padding: 0;
        padding-top: 40px;

    }
}


@media (max-width:1200px) {

    .soft-color .sftt-cntt {
        margin: 50px 0px;
    }

    .softbgimg .soft-cntt h2 {
        font-size: 60px;
    }

    .soft-welcome .soft-all-cnt h2 {
        font-size: 40px;
        padding-bottom: 20px;
    }

    .soft-welcome .soft-all-cnt {
        flex-direction: column;
    }

    .sftcnt1 {
        padding: 40px 0px;
    }

    .sftcnt1 .full-cnt .soft-cnt2 h3 {
        font-size: 30px;
        position: relative;
        padding-left: 45px;
    }

    .sftcnt1 .full-cnt .soft-cnt2 p {
        font-size: 15px;
        padding: 5px 30px;

    }

    .soft-color .sftt-cntt .imgg img {
        width: 100%;
        padding-top: 30px;
    }

    .soft-color .sftt-cntt .stext-cntt p {
        font-size: 15px;
        padding: 0px 20px;

    }

    .soft-color .sftt-cntt .stext-cntt h4 {
        font-size: 30px;
    }

    .soft-color .sftt-cntt .stext-cntt h4 {
        font-size: 30px;
        padding-left: 20px;
    }




    .soft-sndbgimg .s-cntt .imgg img {
        display: none;
    }


    .soft-sndbgimg .s-cntt {
        top: 120px;
        left: 50px;
        right: 50px;
    }

    .soft-sndbgimg .s-cntt .textcnt h5 {
        font-size: 25px;
    }

    .soft-sndbgimg .s-cntt .textcnt {
        padding: 50px;
    }






    .soft-nmassive {
        padding-top: 470px;
    }

    .soft-nmassive .s-cntt h3 {
        font-size: 35px;
    }

    .soft-nmassive .s-cntt p {
        font-size: 15px;
    }




    .soft-slide .cntt h3,
    .soft-slide .slide .cntt h4 {
        font-size: 45px;
    }



    .soft-wallpadding {
        padding: 60px 0px;
    }

    .soft-wallpadding .wall-cnt {
        flex-direction: column;
    }







    .soft-padding-sec .all-pa-cnt {
        flex-direction: column;
    }

    .soft-padding-sec .all-pa-cnt .txtcntt p {
        font-size: 17px;
    }

    .soft-padding-sec .all-pa-cnt .txtcntt h3 {
        font-size: 50px;
        margin-bottom: 30px;
    }
}













@media (max-width:993px) {

    .softbgimg .soft-cntt h2 {
        font-size: 50px;
    }

    .sftcnt1 .full-cnt {
        flex-direction: column;
    }

    .sftcnt1 .full-cnt {
        padding: 10px 0px;
    }

    .sftcnt1 .full-cnt .soft-cnt2 h3 {
        font-size: 25px;
        position: relative;
        padding-left: 45px;
    }

    .sftcnt1 .full-cnt .soft-cnt2 p {
        font-size: 15px;
        padding: 0px 45px;
        padding-bottom: 32px;
    }

    .sftcnt1 .full-cnt .soft-cnt2 h3::before {
        top: -4px;
    }



    .soft-color .sftt-cntt {
        flex-direction: column;
    }

    .soft-sndbgimg .s-cntt .textcnt p {
        margin: 0;
    }





    .soft-nmassive {
        padding-top: 540px;
        padding-bottom: 40px;
    }





    .soft-slide .cntt h3,
    .soft-slide .slide .cntt h4 {
        font-size: 35px;
    }
}













@media (max-width:768px) {
    .softbgimg .soft-cntt h2 {
        font-size: 30px;
    }

    .soft-welcome .soft-all-cnt h2 {
        font-size: 30px;
        text-align: center;
    }

    .soft-welcome .soft-all-cnt {
        padding: 40px 0px;
    }

    .soft-welcome .para-cntt p {
        font-size: 14px;
        padding: 0px 20px;
    }



    .soft-welcome .soft-imgg img {
        width: 50%;
        border-radius: 10px;
        transform: rotate(-3deg);
        transition: 0.5s;
    }

    .soft-welcome {
        padding-bottom: 50px;
    }




    .sftcnt1 .full-cnt .soft-cnt2 h3 {
        font-size: 23px;
        position: relative;
        padding-left: 45px;
    }

    .sftcnt1 .full-cnt .soft-cnt2 h3::before {
        content: url(../images/soft-respo-arrow.png);
        position: absolute;
        top: 0;
        left: 0;
    }

    .sftcnt1 .full-cnt .soft-cnt2 h3 {
        font-size: 23px;
        position: relative;
        padding-left: 30px;
    }

    .sftcnt1 .full-cnt .soft-cnt2 p {
        font-size: 15px;
        padding: 0px 30px;
        padding-bottom: 32px;
    }

    .sftcnt1 {
        padding: 30px 0px;
    }




    .soft-color .sftt-cntt .imgg img {
        width: 100%;
        /* padding-top: 30px; */
        padding-bottom: 20px;
    }

    .soft-color .sftt-cntt .stext-cntt h4 {
        font-size: 25px;
        padding-left: 20px;
    }

    .soft-color .sftt-cntt .stext-cntt p {
        font-size: 14px;
        padding: 0px 20px;
    }

    .soft-sndbgimg .s-cntt {
        top: 120px;
        left: 20px;
        right: 20px;
    }

    .soft-sndbgimg .s-cntt .textcnt h4 {
        font-size: 30px;
    }

    .soft-sndbgimg .s-cntt .textcnt {
        padding: 20px;
    }

    .soft-sndbgimg .s-cntt .textcnt p {
        font-size: 13px;
        padding-right: 0px;

    }

    .soft-nmassive {
        padding-top: 830px;
        padding-bottom: 40px;
    }


    .soft-nmassive .s-cntt h3::before {
        content: 'SAFETY PADDING';
        font-size: 13px;
        color: #1E4342;
        padding: 10px 20px;
        top: -55px;
        left: 8px;
    }




    .soft-nmassive .s-cntt {
        background-color: #1E4342;
        padding: 40px 20px;
        border-radius: 20px;
    }

    .soft-nmassive .s-cntt p {
        font-size: 14px;
    }


    .soft-wallpadding {
        padding: 30px 0px;
    }


    .soft-slide .cntt h3,
    .soft-slide .slide .cntt h4 {
        font-size: 35px;
    }



    .soft-wallpadding .wall-cnt .txtcnt h4 {
        font-size: 32px;
    }

    .soft-wallpadding .wall-cnt .txtcnt p {
        font-size: 14px;
    }





    .soft-wallpadding .wall-cnt .imgg img {
        border-radius: 10px;
        width: 100%;
    }


    .soft-padding-sec .all-pa-cnt .txtcntt {
        height: auto;
        padding: 50px 20px;
        border-radius: 10px;
    }

    .soft-padding-sec .all-pa-cnt .txtcntt h3 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .soft-padding-sec .all-pa-cnt .txtcntt p {
        font-size: 14px;
    }


    .soft-padding-sec .all-pa-cnt .txtcntt {
        margin-bottom: 10px;
    }

    .soft-padding-sec .all-pa-cnt .imgg img {
        width: 95%;
        border-radius: 10px;
        margin: 10px;
    }

    .soft-padding-sec {
        padding-bottom: 20px;
    }
}



/******************************************************************** contactt-RESPONSIVE **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/

@media (max-width:992px) {
    .topcntt p {
        padding: 20px 30px;
    }

}

@media (max-width:768px) {
    .topcntt {
        padding: 50px 0px;
    }

    .topcntt h2 {
        font-size: 40px;
    }

    .topcntt h5 {
        font-size: 15px;
        padding: 20px 0px;
    }

    .topcntt p {
        padding: 0px 30px;
        font-size: 15px;
    }
}




/******************************************************************** POOLACCCESSORIES-RESPONSIVE **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/


@media (max-width:1400px) {
    .pool-startblock .dc-cnt1 .gd-imggg img {
        width: 100%;
        height: 550px;
        border-radius: 0px 20px 20px 0px;
    }

    .pool-startblock .dc-cnt1 .gd-txtcnt {
        height: 550px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .pool-startblock .dc-cnt1 h2 {
        font-size: 35px;
    }

    .pool-startblock .dc-cnt .gd-txtcnt h2 {
        font-size: 35px;

    }

    .pool-startblock .dc-cnt .gd-txtcnt p {
        font-size: 16px;
    }
}




@media (max-width:1200px) {

    .pool-bgimg .pool-cntt h2 {
        font-size: 55px;
    }

    .pool-startblock {
        padding: 20px;
    }

    .pool-startblock .dc-cnt {
        flex-direction: column;
    }

    .pool-startblock .dc-cnt1 {
        flex-direction: column-reverse;
    }

    .pool-startblock .dc-cnt1 .gd-imggg img {
        width: 100%;
        height: auto;
        border-radius: 20px 20px 0px 0px;
    }

    .pool-startblock .dc-cnt .gd-imggg img {
        width: 100%;
        height: auto;
        border-radius: 20px 20px 0px 0px;
    }

    .pool-startblock .dc-cnt .gd-txtcnt {
        padding: 50px 0px;
        height: auto;
    }

    .pool-startblock .dc-cnt1 .gd-txtcnt {
        padding: 50px 20px;
        height: auto;
    }
}


@media (max-width:768px) {
    .pool-bgimg .pool-cntt h2 {
        font-size: 35px;
    }

    .pool-startblock h2 {
        font-size: 25px;
        text-transform: uppercase;
        padding: 10px 0px;
    }

    .pool-startblock p {
        font-size: 14px;
        padding: 0px 0px;
    }

    .pool-startblock h3 {
        font-size: 22px;
        padding-left: 0px;
    }



    .pool-startblock .dc-cnt .gd-txtcnt h2 {
        font-size: 25px;
    }

    .pool-startblock .dc-cnt1 .gd-txtcnt h2 {
        font-size: 25px;
    }

    .pool-startblock .dc-cnt .gd-txtcnt p {
        font-size: 14px;
    }


    .pool-startblock h4 {
        font-size: 22px;
        padding-left: 0px;
        padding-top: 20px;
    }
}




/******************************************************************** POOLACCCESSORIES-RESPONSIVE **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/

@media (max-width:1400px) {
    .besttaccousticc .acccou-allcnt .txtt-cntt p {
        font-size: 16px;
    }

    .besttaccousticc .acccou-allcnt .txtt-cntt h3 {
        font-size: 40px;
        text-transform: uppercase;
    }
}

@media (max-width:1200px) {
    .besttaccousticc .acccou-allcnt .txtt-cntt p {
        font-size: 15px;
    }

    .besttaccousticc .acccou-allcnt .txtt-cntt h3 {
        font-size: 30px;
        text-transform: uppercase;
    }

    .whyaccousticc .pointsss h5 {
        padding-left: 22px;
        font-size: 18px;
    }

    .whyaccousticc p {
        font-size: 15px;
    }

    .whyaccousticc h2 {
        font-size: 35px;
        text-transform: uppercase;
    }

    .all-clients .logo-div {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media (max-width:992px) {
    .sound-proof-bgimg .sp-cntt h2 {

        font-size: 60px;
    }

    .besttaccousticc .acccou-allcnt {
        flex-direction: column;
    }

    .besttaccousticc .acccou-allcnt1 {
        flex-direction: column-reverse;
    }

    .besttaccousticc .acccou-allcnt .imggg img {
        width: 100%;
        border-radius: 20px;
        padding-bottom: 40px;
    }

    .whyaccousticc .pointsss {
        flex-direction: column;
    }

    .whyfullcntt {
        flex-direction: column;
    }
}

@media (max-width:768px) {
    .sound-proof-bgimg .sp-cntt h2 {
        font-size: 40px;
    }

    .acousticc {
        padding: 40px 0px;
    }

    .acousticc .acoustic-cntt h3 {
        font-size: 30px;
    }

    .acousticc .acoustic-cntt p {
        font-size: 14px;
    }

    .besttaccousticc {
        padding: 30px 0px;
    }

    .whyaccousticc {
        padding: 40px 0px;
    }

    .whyaccousticc h2 {
        font-size: 30px;
    }

    .whyaccousticc p {
        font-size: 14px;
    }

    .whyaccousticc .pointsss {
        padding: 15px 0px;
    }

    .whyaccousticc .pointsss h5 {
        padding: 2px 0px;
        padding-left: 27px;
        font-size: 16px;

    }

    .whyaccousticc .whyfullcntt .whycntt h4 {
        font-size: 22px;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .whyaccousticc .whyfullcntt .whycntt p {
        padding-right: 0px;
    }


    .sp-psddinggg {
        padding-top: 0px;
    }
}




/******************************************************************** Social iconss-RESPONSIVE **********************************************************************************
*****************************************************************************************************************************************************************************************
**********************************************************************************************************************************************************************/

@media (max-width:768px) {
    .socioicons .toggle {
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .socioicons .whatsapp {
        right: 45px;
        bottom: 45px;
        width: 45px;
        height: 45px;
        line-height: 52px;
        font-size: 28px;
    }

    .socioicons .menu {
        position: fixed;
        z-index: 100000;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 66px;
        bottom: 130px;
    }

    .socioicons .menu li {
        position: fixed;
        right: 95px;
        bottom: 110px;
        list-style: none;
        transform-origin: 70px;
        transition: 0.5s;
        transition-delay: calc(0.1s * var(--i));
        transform: rotate(0deg) translateX(50px);
    }
}
























@media (max-width:1400px) {
    .before-after .slick-slide {
        margin: 30px;
    }

    .before-cnt,
    .after-cnt {
        padding: 15px 10px;
    }

    .conclusion .contact-box {
        padding: 25px;
        width: 95%;
        left: 8%;
    }

    .conclusion-tag {
        right: 38%;
    }

    .conclusion .conclusion-dis h4 {
        font-size: 30px;
    }
}


@media (max-width:768px) {
    .animate {
        font-size: 24px;
    }

    .animate {
        padding-bottom: 40px;
    }



    .project-snapshot-sec {
        padding: 50px 0;
    }

    .snp-shot-tag {
        right: 31%;
    }

    .snapshot {
        margin-top: 50px;
        height: 650px;
    }

    .snapshot .snapshot-cnt-col {
        border-radius: 25px;
        background-color: #285053d9;
        backdrop-filter: blur(30px);
    }

    .snapshot .snapshot-mainhead h5 {
        padding: 40px 0 20px 0;
        font-size: 30px;
        line-height: 35px;
    }


    .whatismuga p {
        font-size: 15px;
    }



    .before-after-sec {
        padding: 50px 0px;
    }

    .before-after .slick-slide {
        margin: 10px;
    }

    .before-after .slick-slide:nth-child(odd) {
        transform: rotate(2deg);
    }

    .before-after .slick-slide:nth-child(even) {
        transform: rotate(-2deg);
    }

    .before-cnt .points p::before {
        left: 6px;
        scale: 0.9;
    }

    .after-cnt .points p::before {
        left: 2px;
        scale: 0.9;
    }



    .scope-of-works-sec {
        padding: 50px 0;
    }

    .scope-of-works-sec h3 {
        font-size: 30px;
    }

    .scope-of-works-sec .scope-card-cnt {
        padding: 30px 10px;
    }




    .faq-sec {
        padding: 50px 0;
    }

    .faq-sec .case-study-faq-title {
        font-size: 30px;
    }

    .faq-sec .case-study-faq-sec {
        padding: 40px 20px;
        width: 95%;
        margin: auto;
    }

    .faq-sec .case-study-faq-question {
        text-align: start;
        gap: 15px;
        letter-spacing: normal;
    }



    .result-impact-sec .resluts-impact-col {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 10px;
    }

    .result-impact-sec .results::before {
        left: -17px;
        top: -10px;
        scale: 0.69;
    }

    .result-impact-sec h4 {
        font-size: 25px;
        margin-bottom: 35px;
    }


    .conclusion {
        padding: 50px 0;
    }

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

    .conclusion-tag {
        right: 33%;
    }

    .conclusion .conclusion-dis {
        padding: 25px;
    }

    .conclusion .conclusion-dis p {
        font-size: 14px;
    }

    .conclusion .conclusion-dis h4 {
        margin-top: 20px;
        font-size: 26px;
    }

    .conclusion .contact-box ul {
        flex-direction: column;
        gap: 20px;
    }

    .conclusion .contact-box ul li {
        gap: 10px;
    }

    .conclusion .contact-box {
        padding: 20px;
        width: 95%;
        left: 8%;
    }

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


    .clients {
        padding: 60px 0px;
    }

    .clients .clients-content h4 {
        font-size: 30px;
    }

    .clients .clients-content p {
        margin-bottom: 50px;
    }

    .clients .clients-content {
        height: auto;
    }

    .clients .logo-div .logo-col {
        height: auto;
    }

    .clients .logo-div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 10px;
        margin-bottom: 50px;
    }

    .clients .logo-div .logo-col img {
        height: auto;
    }




    .all-clients .logo-div .logo-col {
        height: 80px;
    }

    .all-clients .logo-div {
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }



    .vdo-sec .vdo-top-cnt h3 {
        line-height: 40px;
        font-size: 30px;
        margin-bottom: 10px;
    }

    .vdo-sec .vdo-container .galleryVid {
        height: 400px;
    }

    .vdo-sec .close {
        top: -35px;
        right: -10px;
    }
}


@media (max-width:568px) {
    .all-clients {
        padding: 60px 0;
    }

    .all-clients .logo-div .logo-col {
        height: 60px;
    }

    .all-clients .logo-div .logo-col img {
        height: 25px;
    }

    .all-clients .logo-div {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}


@media (max-width:768px) {
    header .navv ul {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        overflow-y: auto !important;
        overflow-x: hidden;
        background: #fff;
        padding-top: 80px;
        transform: translateX(100%);
        transition: 0.8s ease;
        z-index: 99;
    }

    /* When checkbox is checked → show menu */
    #checking:checked~ul {
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .mission-vission {
        padding: 50px 0;
    }

    .ms-vs-box {
        padding: 30px 20px;
        margin-bottom: 20px;
    }

    .ms-vs-content h3 {
        font-size: 24px;
    }
}