@media only screen and (max-width:1536px){
    .img-dt::after {
        bottom: -24px;
    }
.why-bg1 {
    left: 91.5% !important;
}
    
}
@media only screen and (max-width:1366px){
.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: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;
    }
    .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){
    .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: 2rem;
    }
    .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;
    }
    .foot-logo img {
        width: 150px !important;
        margin: auto;
    }
    .imp-link ul li{
        margin-bottom: 1rem;
    }
    .banner-tl {
        width: 89%;
    }
    .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){
    .client-comment h3 {
        font-size: 14px;
        line-height: 22px;
    }
    .foot-logo img {
        width: 90px !important;
        margin: auto;
    }
    .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));
    }
}