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

                .text-box-header h1 {
                        font-size: 37px;
                        font-weight: bold;
                        line-height: 48px;
                        margin: 30px 0px 21px 0px;
                    }
                 
                    .text-box-header p {
                        font-size: 17px;
                        line-height: 28px;
                        margin-bottom: 30px;
                    }
                    .ProductImg {
                        width: 173px;
                        position: absolute;
                        top: 26px;
                    }
                    .ProductImg2 {
                        width: 152px;
                        position: absolute;
                        top: 17px;
                    }
                    .ProductImg3 {
                        width: 130px;
                        top: 23px;
                        left: 25px;
                    }
                    .ProductImg4 {
                        width: 130px;
                        top: 23px;
                        left: 25px;
                    }
                    .ProductName {
                        min-height: 36px;
                    }

                    .halfsec {
                        flex-flow: row wrap;
                    }
                    .links a {
                        flex-grow: 1;
                        width: 33%;
                    }
                    .links a:nth-child(2) {
                        flex-grow: 1;
                        width: 33%;
                    }
                    .links a:nth-child(6) {
                        flex-grow: 1;
                        width: 33%;
                    }
                    .BlogHeading {
                        font-size: 17px;
                 
                        line-height: 27px;
                        margin-top: 15px;
                        min-height: 60px;
                    }
                    .ProductSection {
                        padding: 0px 0px 50px 0px;
                    }

                    .Whbox {
                        padding: 24px;
                        line-height: 37px;
                    }
                    .Headtext {
                        margin-bottom: 19px;
                        font-size: 25px;
                        font-weight: 800;
                    }

                    .contactus::before{
                        left: 33%;
                    }
        }

        @media screen and (max-width: 1280px) {
            .row::after {
                height: 672px;
                width: 558px;
            }
            .row h1 {
                font-size: 94px;
            }
            .row p {
                width: 57%;
            }
        }

        @media screen and (max-width: 1024px) {
                
                 .row {
                flex-flow: row wrap;
                justify-content: center;
                text-align: center;
                align-items: flex-start;
                padding-top: 65px;
                padding-bottom: 0px;
            }
            .row p {
                width: 100%;
            }
            .row .buttonBox {
                justify-content: center;
            }
            .row::after {
                height: 420px;
                width: 350px;
                left: auto;
                right: auto;
            }
            
                .text-box-header h1 {
                        font-size: 27px;
                        font-weight: bold;
                        line-height: 39px;
                        margin: 26px 0px 21px 0px;
                    }
                    .text-box-header p {
                        font-size: 16px;
                        line-height: 25px;
                        margin-bottom: 21px;
                    }
                    .ProductOption {
                        font-size: 13px;
                        margin: 18px 0px 18px 0px;
                    }                    
                    .ProductName {
                        min-height: 36px;
                        line-height: 26px;
                    }
                    .Products {
                     
                    }
                    .textSub {
                        line-height: 25px;
                        font-size: 15px;
                    }
                    .BlogHeading {
                        font-size: 14px;
                        line-height: 23px;
                        margin-top: 15px;
                        min-height: 48px;
                    }
                    .fullsection {
                        display: flex;
                        gap: 310px;
                    }
                    .TextTesto {
                        font-size: 14px;
                        line-height: 21px;
                    }
                    .datas .Hding {
                        font-size: 45px;
                        font-weight: 800;
                    }
                    .aboutmuvall .textp {
                        text-align: center;
                        line-height: 28px;
                        margin-top: 19px;
                        font-size: 15px;
                    }
                    .contactus::before {
                        content: '';
                        background: url(../images/men.png);
                        position: absolute;
                        bottom: 0px;
                        left: 32%;
                        right: auto;
                        background-size: 97%;
                        height: 420px;
                        display: block;
                        width: 358px;
                        background-repeat: no-repeat;
                    }
                    .btnsss {
                        font-size: 14px;}

                    .clients {
                        width: 85%;
                    }
                    .text-head{
                        font-size: 36px;
                    }
                    .Headtext {
                        margin-bottom: 14px;
                        font-size: 17px;
                        font-weight: 800;
                        line-height: 23px;
                    }
                    .headingC{
                        font-size: 36px;
                    }
                    .ProductBtn{
                        padding: 12px 9px;
                    }
                    .Products .Product {
                        width: 23%;
                    }

                    .ProductImg {
                        width: 130px;
                        position: absolute;
                        top: 18px;
                    }
                    .ProductImg2 {
                        width: 102px;
                        position: absolute;
                        top: 14px;
                    }
                    .ProductImg3 {
                        width: 105px;
                        top: 13px;
                        left: 16px;
                    }
                    .ProductImg4 {
                        width: 121px;
                        top: 11px;
                        left: 10px;
                    }

        }

        @media screen and (max-width: 999px) {
            
                .DesktopImage{
                    display: none;
                }
                
                .allsection {
                        flex-flow: row wrap;
                }
                .fullsection{
                        flex-flow: row wrap;
                }
                .datas{
                        flex-flow: row wrap;
                }
                .text-box-header {
                        width: 100%;      
                        position: relative;
                }
                .banner1::before {
                        width: 100%;
                        
                  }
                  .banner2::before {
                        width: 100%;
                  }
                  .banner3::before {
                        width: 100%;
                  }
                .banner4::before {
                      width: 100%;
                }
                .contactus::before{
                        left: 0px;
                }
                .Products .Product {
                        width: 100%;
                        padding-top: 58px;
                    }
               

                    .testominal{
                         
                    }

                    .ProductSection{
                        display: block;
                        overflow: auto;
                        white-space: nowrap;
                        margin-right: 30px;
                    }
                .hrbottom {
                        border-bottom: 1px solid #FF6B00;
                        border-left: 30px solid transparent;
                        border-right: 30px solid transparent;
                        width: 60%;
                        display: block;
                        margin: 50px auto;
                    }


                    .text-box-header{
                        margin: 110% 0px 40px 0px;
                    }
                    .Header {                         
                        position: absolute;
                        top: 18px;
                        width: 94%;
                    }
                    .Logo a img {
                        width: 135px;
                    }

                    .banner1::before {
                        background: url(../images/m-banner1.png);
                        background-size: 130%;
                        background-repeat: no-repeat;
                        background-position: center top;
                    }
                    .banner2::before {
                        background: url(../images/m-banner2.png);
                        background-size: 130%;
                        background-repeat: no-repeat;
                        background-position: center top;
                    }
                    .banner3::before {
                        background: url(../images/m-banner3.png);
                        background-size: 130%;
                        background-repeat: no-repeat;
                        background-position: center top;
                    }
                    .banner4::before {
                        background: url(../images/m-banner4.png);
                        background-size: 130%;
                        background-repeat: no-repeat;
                        background-position: center top;
                    }
                    .btn-with-theme {
          
                        font-size: 13px;
                     
                        border-radius: 7px;
                        padding: 13px 10px;
                        
                    }
                    .btn-with-gray {
                        font-size: 13px;
                     
                        border-radius: 7px;
                        padding: 13px 10px;
                    }

                    .buttonBox {
                        gap: 10px;
                    }
                    .Products {
                       
                        gap: 31px;
                        justify-content: flex-start;
                        align-items: baseline;
                    }
                    .ImageBox{
                        display: block;
                        position: absolute;
                        top: -7px;
                        left: 15%;
                    }
                    .ImageBoxPolygon{
                        display: none;
                    }
                    .ImageBox .ProductImgMO{
                        height: 130px;
                    }
                    .Product{
                        position: relative;
                    }
                    .Product .mobieview{
                        background: linear-gradient(179deg, #b4b4b430 47%, #ffffff 100%);
                        padding: 79px 16px 15px 16px;
                        border-radius: 10px;
                    }
                    .headingC {
                        font-size: 20px;
                        margin: 5px 0px 20px 0px;
                        line-height: 25px;
                    }
                    .clients .client {
                        flex: 0 1 calc(20% - 8px);
                        display: block;
                        width: 102px;
                    }
                    .clients {
                        width: 100%;
                    }
                    #AnimatedSection {
                        padding: 42px 0px 4px 0px;
                        position: relative;
                    }
                    .text-head {
                        font-size: 20px;
                    }
                    .aboutmuvall .textp {
                       text-align: center;
    line-height: 24px;
    margin-top: 19px;
    font-size: 15px;
                    }

                    .hrbottom {
                        margin: 32px auto;
                    }
                    .TestoImage{
                        display: none;
                    }

                    .testomonialSection{
                        overflow: auto;
                        display: flex;
                        justify-content: flex-start;
                    }

                    .testominalCard {
                        display: flex;
                        align-items: flex-start;
                        gap: 23px;
                        flex-flow: row wrap;
                        width: 204px;
                        padding: 24px;
                        box-shadow: 0px 0px 3px #ccc;
                        margin: 10px 11px;
                    }
                    .testominal .Heading {
                        font-size: 28px;
                        font-weight: 800;
                        margin-bottom: 28px;
                        text-align: center;
                    }

                    .image-slide{width: 100%;}

                    .MenWhbox {
                        width: 100%;
                    }
                    .formbox {
                        width: 96%;
                    }
                    .hafsize {
              
                        gap: 0px;
                        flex-flow: row wrap;
                    }
                    .fullsection {
                       
                        gap: 40px;
                    }
                    .contactus::before {
                     left: 18%;
    top: -179px;
    bottom: auto;
    background-size: 100%;
    height: 274px;
    width: 226px;
                    }
                    .contactus {
                     
                        margin-top: 120px;
                    }
                
                    .blog {
                        text-decoration: none;
                        flex-grow: 0;
                        width: 230px;
                    }
                    .blogs {
                        display: flex;
                        gap: 30px;
                        justify-content: flex-start;
                        flex-flow: nowrap;
                        float: left;
                    }
                   
                    .moveblog{
                        overflow: auto;
                    }
                    .allsection {
                        justify-content: center;
                        gap: 25px;
                    }

                    .allsection .logofoter{
                        order: 1;
                            text-align: center;
                    }
                    .allsection .cdetails{
                        
                        order: 3;
                    }
                    .allsection .importantLinks{
                        order: 2;
                        border-top: 1px solid #fff6;
                        border-bottom: 1px solid #fff6;
                        padding: 27px 0px;
                    }
                    .hrbottom2{
                        display: none !important;
                    }
                    .titleStyless{
                        justify-content: center;
                    }
                    .links {
                        gap: 2px;
                    }
                    .links a {
            width: 48% !important;
                        font-size: 13px;
                    }
                    .datas {
                        display: block;
                }
                .datas .Hding{
                        text-align: center;
                }
                .text-head {
                       
                        margin-top: 10px;
                    }

                    .timeline__event__content{
                        box-shadow: none;
                        background: linear-gradient(179deg, #b4b4b442 47%, #ffffff 100%);
                        border-radius: 14px !important;
                    }
                    .timeline__event__icon{
                        display: none;
                    }
                    .timeline__event__content {
                        width: 240px;
                        margin-right: 20px;
                        min-height: 540px;
                    }
                    .timeline {
                        flex-direction: row;
                        align-self: flex-start;
                        overflow: auto;
                      
                    }
                    .timeline__event {
                        flex-direction: row !important;
                        align-self: flex-start !important;
                    }
                    
                    .readmorebtn {
 
    margin-top: 13px;
    font-size: 14px;
}

.BlogHeading {
    min-height: 69px;
}
.hrtop {
    display: none;
}

.logofoter{
    width: 100%;
}
.cdetails{
    width: 100%;
}
.importantLinks{
    width: 100%;
}
.footerlinks {
    font-size: 13px;

}
.footerlinks{
    color: #fff;
            margin-top: 14px;
}

.formbox {
    
    padding-right: 0px;
}

 .row h1 {
                font-size: 54px;
            }
            .row p {
                width: 100%;
                font-size: 20px;
                line-height: 28px;
            }
            .row .colum .buttonBox a {
                font-size: 14px;
                padding: 12px 15px;
                font-weight: 600;
            }
            .row .buttonBox {
                justify-content: center;
                gap: 15px;
                flex-flow: wrap;
            }
            .row {
                padding-top: 30px;
            }
            .pullq{
                display:block;
            }
.testoHeading {
    font-size: 16px;
    display: flex;
    gap: 9px;
}
.testoHeading .pullq img{width:100%;}


        }
        @media screen and (max-width: 768px){
              .testominalCard {width: calc(100% - 50px);}
        }
        
         @media screen and (max-width: 359px) {
            .row::after {
                height: 350px;
                width: 275px;
                left: auto;
                right: auto;
            }
        }