@media only screen and (max-width:1600px){
    .brt{
        display:block;
    }
    .bar {
        margin-left: 7.2rem;
        margin-right: 7rem;
    }
    .bar2 {
        margin-left: 12.7rem;
        margin-right: 12.6rem;
    }
    .bar3 {
        margin-left: 19.3rem;
        margin-right: 19.5rem;
    }
    .bar4 {
        margin-left: 12.8rem;
        margin-right: 13.1rem;
    }
    .bar5 {
        margin-left: 9.4rem;
        margin-right: 9.7rem;
    }
}
@media only screen and (max-width:1536px){
    .exp1::after {
        left: 37%;
    }
    .img-dt::after {
        bottom: -24px;
    }
    .why-bg1 {
        left: 91.5% !important;
    }

    .abt-hd-bg {
        position: absolute;
        top: 60%;
        left: 0%;
        z-index: 999;
        transform: translate(-0%,-50%);
    }
    .dsasada::after {
        height: 589px;
        width: 635px;
    }

}
@media only screen and (max-width:1366px){
    .brt{
        display:none;
    }
    .exp1::after {
        left: 41%;
    }
   .bar {
        margin-left: 6.5rem;
        margin-right: 6.5rem;
    }
    .bar2 {
        margin-left: 11.5rem;
        margin-right: 11.5rem;
    }
    .bar3 {
        margin-left: 17.4rem;
        margin-right: 17.4rem;
    }
    .bar4 {
        margin-left: 11.5rem;
        margin-right: 11.5rem;
    }
    .bar5 {
        margin-left: 8.6rem;
        margin-right: 8.6rem;
    }
    .dsasada::after {
        height: 589px;
        width: 589px;
    }
    .abt-hd-bg {
        position: absolute;
        top: 60%;
        left: 0%;
        z-index: 999;
        transform: translate(-0%,-50%);
    }
    .why-bg1 {
        left: 91% !important;
    }
    .img-dt::after {
        bottom: -44px;
    }
    .why-bg h1 {
        font-size: 65px;
    }
    .why-bg {
        left: -64px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 990px){
    .menu li a {
        color: rgb(0 0 0);
        font-size: 13px;
    }
    .exp1::after {
        left: 49%;
    }
}
@media only screen and (max-width: 990px) and (min-width: 770px){
    .exp1::after {
        left: 31%;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 420px){
    .exp-ab::after {
        left: 65%;
    }
}
@media only screen and (max-width: 360px) and (min-width: 452px){
    .inner-pro {
        width:100% !important;
    }
.exp1::after {
    left: 41%;
}
}
@media only screen and (max-width: 1536px) and (min-width: 1067px){
    .scroll {
        top: 96%;
    }
}
@media only screen and (max-width: 1067px) and (min-width: 360px){
    .scroll {
        top: 98%;
    }
}
@media only screen and (max-width: 768px) and (min-width: 420px){
        .inner-pro {
        width:100% !important;
    }
    .bannerslider {
        height: 60vh;
    }
}
@media only screen and (max-width: 552px) and (min-width: 360px){
    .xxcz {
    border-right: none;
}
    .scroll {
    top: 96%;
    left: 38%;
    transform: translate(-5%,-46%);
    z-index: 9999;
    width: 30%;
}
    .lb-data .lb-close {
    position: absolute;
    margin-top: 35%;
    right: 4%;
    }
    .cp-rt {
        text-align: center;
    }
    .ffffffffvv{
            flex-direction: column-reverse;
    }
    .lef-car-img{
        display: none;
    }
    .inner-career-pop{
        width: 94% !important;
    }
    .car-dtl-bot {
        padding: 2rem 1rem;
        background-color: #f7f7f7;
    }
    .ltn__service-btn{
        float: initial !important;
    }
    .car-dtl-top{
        display: grid !important;
    }
    .car-dtl-top .view-bt{
        display: none;
    }
    #newstitle {
        font-size: 21px;
        letter-spacing: 0.55px;
        line-height: 32px;
    }
.ev-details{
        margin: 2rem 0rem 3rem 0 !important;
}
    #headr{
        height: 17vh !important;
        margin-top: 4rem;
    }
    .exp1::after {
        left: 54%;
    }
    .abt-hd-bg h1 {
        font-size: 55px;
        display: none;
    }
    .abt-hd h1 {
        font-size: 31px;
        text-align: center;
    }
    .inner-hd .exp{
        display: none;
    }
    .wtr-no h1 {
        font-size: 89px;
    }
}
@media only screen and (max-width: 990px) and (min-width: 360px){
    .testsslliidd {
    width: 100%;
    height: 100%;
    padding: 2rem 0;
    margin: 0 0rem !important;
}
    .inner-footer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    padding-top: 0rem;
}
    .hei-img{
        display:none;
    }
    .test-tp h3 {
    font-weight: 500;
    font-size: 23px;
}
    .testsslliidd .swiper-button-prev {
    left: 74%;
}
    .test-hd h1 {
        font-size: 26px;
        letter-spacing: 0.55px;
        position: relative;
        line-height: 37px;
    }
    .inner-contact {
        background: linear-gradient(180deg, #3533c9 48%, transparent 0);
        overflow: hidden;
    }
    .dsasada::after {
        display: none;
    }
.test-hd h1::after {
    position: absolute;
    content: "";
    background-color: white;
    background-size: contain;
    height: 3px;
    width: 30%;
    bottom: -8px;
    left: 0;
}
/*.cfx img {*/
/*    width: 50px;*/
/*}*/
.cfx p {
    margin-top: 1rem;
    font-size: 15px;
}
/*.woter-mark .cfx1 {*/
/*    position: relative;*/
/*    height: 150px;*/
/*    box-shadow: black 0px 0px 11px -6px;*/
/*    border-radius: 7px;*/
/*    margin: 0;*/
/*}*/
/*.cfx {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%,-50%);*/
/*    width: 100%;*/
/*    padding: 4px;*/
/*}*/
.le-img {
    height: 100%;
    overflow: hidden;
}
.inner-testimonial{
    margin-top: 15px;
}

.testsslliidd {
    width: 100%;
    height: 100%;
    padding: 2rem 0;
    margin: 0 1rem;
}

}
@media only screen and (max-width: 552px) and (min-width: 360px){
    .testimonial {
    background: linear-gradient(to right, #253a6e, #1d5389, #146ea6, #0c85be, #059bd6);
    padding: 2rem 0 !important;
    border-radius: 33px 0 0;
    width: 99%;
    margin-left: auto;
}
    .xcss img {
        height: 175px;
        object-fit: cover;
        /* box-shadow: black 3px 3px 7px -2px; */
        border-radius: 6px 7px 7px 7px;
    }
    .col25{
        display:flex;
        gap:15px;
    }
.inner-col-lg-4 img {
    width: 19px;
    height: fit-content;
    margin-top: 4px;
}

.inner-col-lg-4 {
    position: relative;
    display: flex;
    gap: 15px;
}
    .inner-col-lg-4::after {
        display:none;
    }
    .bt a {
        padding: 5px 17px;
    }
    .logo img {
        width: 179px;
        padding: 10px 0;
    }
    .bannerslider {
        height: 50vh;
    }
    .hd-ln h1 {
        font-size: 25px;
        margin-bottom: 11px;
    }
    .hd-abt-para{
        width: 100% !important;
    }
    .inner-hd-dt{
        position: initial !important;
        width: 100% !important;
        transform: none;
    }
    .sub-text{
        width: 100% !important;
    }
    .row{
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .col-lg-6,.col-lg-4,.col-lg-7,.col-lg-5,.col-lg-12{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .rig-dtz h1 {
        color: #fff;
        letter-spacing: 0.55px;
        font-size: 34px;
        font-weight: 700;
    }
    .left-fr::after {
        position: absolute;
        content: "";
        background-color: #00000000;
        background-size: contain;
        height: 100%;
        width: 1px;
        left: 0;
        top: 0;
    }
    .ri-dthd h3 {
        font-size: 22px;
    }
    .ri-dthd{
        text-align: left !important;
    }
    .left-news img {
        border-radius: 7px 7px 0 0;
    }
    .inner-hd-dt {
        border-radius: 0px 0px 7px 7px;
    }
    .hd-abt{
        width: 100% !important;
    }
}
@media only screen and (max-width: 1067px) and (min-width: 768px){
    .scroll {
        top: 98%;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 360px){
    .wxp-b-hd{
        text-align: left !important;
    }
    .bar{
        display: none;
    }
    .buy-nm::after {
        display: none;
    }
}
@media only screen and (max-width:1024px){

    .ser-dt2 {
        bottom: -24%;
    }
    .no-back {
        top: -26%;
        left: -5%;
    }
    .no-back h2 {
        font-size: 72px;
    }
    h1 {
        font-family: Newyork !important;
        font-size: 33px;
    }
    .abt-text1 h3 {
        font-size: 17px;
    }
    .hdr-para p {
        font-size: 13px;
        line-height: 23px;
    }
    
    .inner-hdrx p{
      font-size: 14px;
    line-height: 20px;
    text-align: left;
    }
    .inner-hdrx h1{
        text-align:left;
    }
    
    .abt-text1 p {
        letter-spacing: 0.55px;
        font-size: 13px;
        line-height: 20px;
        color: #3e3e3e;
    }
}
@media only screen and (max-width:768px){
    #progress-bar{
        margin: 2rem 0;;
    }
    .exp {
        margin-bottom: 0.5rem;
    }
    #sub-abt{
        margin-top: 1.5rem;
    }
    .abt-img img{
        width: 45px;
        margin-bottom: 1rem;
    }
    #progress-bar {
        padding: 4rem 0;
    }
    .no-back {
        top: -6%;
        left: 13%;
    }
    .mn-txt{
        justify-content: center;
        margin-bottom: 2rem;
    }
    #footer{
        padding: 2rem 0 !important;
        height: 100% !important;
    }
    .inner-footer {
        position: initial;
        transform: initial;
        width: 100%;
    }
    .se-img img {
        transition: all 3s;
        width: 100%;
    }
    #progress-bar .right-dt {
        padding: 0 2rem !important; 
    }
    .right-dt {
        padding: 0 0rem;
    }
    .banner-tl h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .bt a {
        padding: 7px 20px;
    }
    #abt {
        padding-bottom: 14px;
    }
    .ser-dt2 {
        bottom: -23%;
    }
    .why-bg h1 {
        display: none;
    }
    .foot-logo img{
        width: 200px !important;
        margin: auto;
    }
    .foot-logo{
        margin: auto;
    }
    .inner-footer .row .col-lg-3{
        text-align: center;
        margin-bottom: 2rem;
    }
    .client-comment {
        padding: 0 0px;
    }
    .client-comment h3 {
        font-size: 16px;
        line-height: 27px;
    }
}
@media only screen and (max-width:667px){
    
    .se-img2 {
        height: 100%;
    }
    .se-img img {
        transition: all 3s;
        width: 100%;
    }
    .r-para p{
        width: 100% !important;
    }
    .ser-dt2 {
        bottom: 0%;
    }
    .inner-footer .row .col-lg-3 {
        text-align: left;
    }
    #progress-bar .right-dt {
        padding: 0 5rem !important;
    }
    .inner-about .row .col-lg-6{
        text-align: center;
    }
    .no-back {
        top: -6%;
        left: 22%;
    }
    .abt-img1 img {
        width: 30px;
        margin-bottom: 10px;
    }
    .bvd{
        text-align: center;
    }
    
}
@media only screen and (max-width:552px){
    .inner-sub-abt .row .col-lg-6 {
        padding-right: 0;
    }
    .col-lg-6{
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .lis{
        margin-bottom: 1.5rem;
    }
    .thumbnail {
        width: 49%;
        margin-bottom: 2%;
        position: relative;
    }
    .testi-wrap {
        position: relative;
        height: 529px;
        margin-top: 0px;
    }
    .client-single.position-5 {
        right: -36px;
    }
    .client-single.position-2 {
        left: -40px;
        top: 47px;
    }
    .client-single.position-7 {
        left: -76%;
        top: 58%;
    }
    .client-single.position-6 {
        right: -65px;
    }
    .client-single.position-3 {
        left: -61px;
    }
    .client-comment h3 {
        font-size: 15px;
        line-height: 26px;
    }
    .abt-hd-bg h1 {
        font-size: 55px;
    }
    .r-para p {
        width: 100% !important;
    }
    .imp-link ul li {
        font-size: 15px;
    }
    .inner-footer .row .col-lg-3 {
        text-align: left;
        margin-bottom: 0.5rem;
    }
    .ser-dt2 {
        bottom: 0%;
    }
    #progress-bar .right-dt {
        padding: 0 1rem !important;
    }
    .inner-footer {
        position: initial;
        transform: initial;
        width: 100%;
    }
    #footer{
        height: 100% !important;
        padding-top: 2rem;
    }
.foot-logo {
    text-align: center;
    margin-bottom: 2rem;
}
.foot-logo img {
    width: 287px !important;
    margin: auto;
}
    .imp-link ul li{
        margin-bottom: 1rem;
    }
    .banner-tl {
    position: absolute;
    width: 100%;
    top: 65%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    width: 75%;
    margin: auto;
    text-align: center;
}
    .banner-tl h1 {
        font-size: 20px;
        line-height: 25px;
    }
    .bannerslider .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
        right: 42%;
        top: 78%;
        transform: translate3d(0px,-50%,0);
        transform: rotate(91deg);
    }
    .slide-menu {
        right: 0 !important;
        width: 100% !important;
    }
    .abt-hd-bg {
        width: 100%;
    }
    .abt-hd-bg {
        position: absolute;
        top: -9px;
    }
    @keyframes movebt{
		0%{
			top: -521px;
		}
		100%{
			top: -9px;
		}
	}
}
@media only screen and (max-width:420px){
        .thumbnail {
            width: 100%;
            margin-bottom: 2%;
            position: relative;
            height: 100%;
        }
    .posts {
        display: flex;
        flex-wrap: wrap;
        gap: 0px;
    }
    .posts__item--main {
        flex-basis: 66%;
        height: 100%;
    }
    .bt2 a {
        padding: 9px 20px;
        font-size: 14px;
    }
    .bt2{
        margin: 1rem 0;
    }
    .bt2 a {
        padding: 7px 14px !important; 
    }

    .posts__item--main .posts__title a {
        font-size: 19px;
        line-height: 29px;
        letter-spacing: 0.75px;
        color: #fff;
    }
    .posts__author {
        margin-top: 16px;
    }
    .ser-dt {
        bottom: 0%;
    }
    .inner-services .row .col-lg-3{
        padding-right:0;
        margin-right:0;
    }
    .inner-services .row {
        margin-right:0;
    }
    .abt-hd-bg {
        left: 0px;
    }    
    .inner-hd {
        bottom: 2rem;
        left: 1rem;
    }
    .inner-sub-abt .row{
        margin-right: 0;
    }
    .inner-sub-abt .row .col-lg-6{
        padding-right: 0;
    }
    #progress-bar .right-dt {
        padding: 0 1rem;
    }
    .bannerslider .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
        right: 45%;
        top: 80%;
    }
}
@media only screen and (max-width:400px){
    .exp1::after {
    left: 65%;
}
    .client-comment h3 {
        font-size: 14px;
        line-height: 22px;
    }
    .bannerslider .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
        right: 47%;
        top: 76%;
    }
    .bannerslider .swiper-pagination-bullet-active::after {
        height: 26px;
        width: 26px;
    }
    .bannerslider .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
    }
}