@media screen and (min-width:1600px) {
    .res-about-img {
        width: 615px;
        height: 100%;
    }

    .about-d-flex-c {
        height: 324px;
    }

    .about-d-flex-c>div:first-child {
        height: 100%;
    }

    .pl-fooot-one {
        padding-left: 30px;
    }

    .pl-fooot-two {
        padding-left: 30px;
    }

    .pl-fooot-three {
        padding-left: 45px;
    }

    .service-box img {
        width: 310px !important;
        height: 300px !important;
    }

    .service-box {
        width: 310px !important;
    }
}

@media screen and (min-width:1500px) {
    .service-box img {
        width: 310px !important;
        height: 300px !important;
    }

    .service-box {
        width: 310px !important;
    }

    .about-d-flex-c>div:last-child {
        padding: 10px 67px;
        color: #fff;
    }

    .pl-fooot-one {
        padding-left: 30px;
    }

    .pl-fooot-two {
        padding-left: 30px;
    }

    .pl-fooot-three {
        padding-left: 45px;
    }

    .swiper-container {
        margin: 0px -50px !important;
    }

    /* .swiper-slide-active::before{left: -22px;} */
    .swiper-button-prev {
        background: none !important;
        left: 34% !important;
    }

    .swiper-button-next {
        background: none !important;
        right: 37% !important;
    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        bottom: 15% !important;
        top: auto !important;
    }
 
    .swiper-button-prev img,
    .swiper-button-next img {
        width: auto;
    }

    .res-about-img {
        width: auto;
        height: 100%;
    }

    .about-d-flex-c {
        height: auto;
    }

    .service-box img {
        width: 310px !important;
        height: 299px !important;
    }
}


@media screen and (max-width:1024px) {
    .first-ser-p {
        margin-bottom: 0px !important;
    }

    .common-main-body-sec {
        padding: 40px 0px;
    }

    .foot-main-sec p br {
        display: none !important;
    }

    .container {
        padding: 0px 15px !important;
    }

    .navbar .navbar-nav .nav-link {
        margin-right: 28px;
    }

    .banner-sec p {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .res-w-100 {
        width: 100%;
    }

    .about-home-head {
        font-size: 25px;
        line-height: 35px;
    }

    .about-d-flex-c p br {
        display: none !important;
    }

    .res-about-img {
        width: auto;
        height: 100%;
        width: 400px;
        object-fit: cover;
        object-position: right;
    }

    .about-d-flex-c {
        align-items: inherit;
    }

    .about-d-flex-c>div:last-child {
        padding: 25px;
    }

    .service-sec {
        padding: 70px 0px;
    }

    .swiper-button-prev {
        left: 26% !important;
    }

    .swiper-button-next {
        right: 27.5% !important;
    }

    .help-head {
        font-size: 38px;
        line-height: 44px;
    }

    #demotwo .banner-head {
        font-size: 38px;
        line-height: 48px;
    }

    #demotwo .carousel-control-next,
    #demotwo .carousel-control-prev {
        width: 40px !important;
    }
    .swiper-slide-active::before {
        /* display: none; */
        left: -14px;
    }
    .service-head{
        font-size: 20px;
        line-height: 25px;
    }
    .cus-from-guuter {
        --bs-gutter-y: 20px !important;
        --bs-gutter-x: 20px !important;
    }
}

@media screen and (max-width:992px) {
.foot-top-links a:last-child {
    margin-left: 0px;
}

    .swiper-slide-active{
        min-height: auto !important;
    }
    .sec-title{line-height: 54px;}
    .cmn-head {
       font-size: 38px;line-height: 44px;
    }
    .nav-sec {
        padding: 18px 0px;
        min-height: auto;
    }

    .navbar-nav .nav-link {
        line-height: 50px;
    }

    .nav-link.nav-link.dropdown-toggle img {
        top: 22px;
    }

    /* .swiper-button-prev{left: 30% !important;}
    .swiper-button-next {
       right: 32% !important;
    } */

    .top-nav {
        display: none;
    }

    .talk-form .header-btn {
        width: 178px;
        height: 50px;
        margin-top: 20px;
    }

    .foot-top-sec {
        padding: 20px 15px;
    }

    .foot-top-links a:not(:last-child) {
        margin-right: 20px;
    }

    .swiper-slide-active::before {
       
        left: -13px;
    }

    .service-sec {
        padding: 40px 20px !important;
    }

    #demotwo .carousel-control-next,
    #demotwo .carousel-control-prev {
        display: none !important;
    }
    .contact-box{margin-bottom: 30px;}
}

@media screen and (max-width:767px) {
    .navbar .navbar-brand img {
        width: 180px;
    }
    .swiper-button-prev img, .swiper-button-next img{width: 20px;}
    .swiper-button-prev{left: 0px !important;}
    .swiper-button-next{right: 0px !important;}
    .swiper-button-prev, .swiper-button-next{bottom: auto !important;top: 40% !important;}
    .swiper-button-prev .desk-img, .swiper-button-next .desk-img{display: none;}
    .swiper-button-prev .mob-img, .swiper-button-next .mob-img{display: block !important;}
    .about-home-head{    font-size: 25px;
        line-height: 28px;margin-bottom: 16px;}
        .about-d-flex-c p{line-height: 24px;}
        .ser-p{line-height: 24px !important;}
        .service-head{line-height: 25px;font-size: 22px;margin: 15px 0px;}
        .service-box p{padding-bottom: 0px !important;min-height: auto  !important;}
    .contact-box .top-d-flex-c br{display: none !important;}
    .foot-main-sec {
        padding: 40px 0px 20px 0px;
    }

    .first-ser-p {
        margin-bottom: 0px !important;
    }

    .nav-sec {
        min-height: auto;
        padding: 20px 0px;
    }

    .navbar-nav .nav-link {
        line-height: 40px;
    }

    .nav-sec .header-btn {
        margin-top: 10px;
    }

    .sec-title {
        font-size: 34px;
        line-height: 38px;
    }
 .help-head br{display: none !important;padding: 30px 0px;}
 .help-head {padding: 30px 0px;}
 #demotwo .carousel-captions{background-color: transparent !important;}
    .cus-from-guuter {
        --bs-gutter-y: 20px !important;
        --bs-gutter-x: 20px !important;
    }

    .ser-p {
        line-height: 28px;
        padding-top: 10px;
    }

    .sec-pad {
        padding: 45px 0px;
    }

    #demotwo .banner-head {
        font-size: 34px;
        line-height: 40px;
        padding-right: 20px;
    }

    .foot-top-sec {
        display: block;
    }

    .foot-top-sec .top-d-flex-c {
        display: block;
    }

    .banner-head {
        font-size: 47px;
        line-height: 48px;
    }

    .banner-head br,
    .banner-sec p {
        display: none;
    }

    .banner-sec .banner-btn {
        display: none;
    }

    .footer-head {
        margin-top: 15px;
    }

    .res-about-img {
        height: 100%;
        width: 250px;
        object-fit: cover;
        object-position: inherit;
    }

    .swiper-slide-active::before {
        display: none;
    }

    .pos-ab-ca {
        right: 0;
        z-index: -1;
    }

    .foot-main-sec p {
        margin: 0px;
    }

    .footer-add br {
        display: none;
    }

    /* about-page */
    .common-inner {
        height: 200px;
    }

    .common-inner img {
        position: absolute;
        right: 0;
        object-fit: none;
        height: 200px;
        object-position: center;
    }

    .common-inner-heading {
        font-size: 38px;
        line-height: 48px;
    }

    .common-main-body-sec {
        padding: 35px 0px;
    }

    .about-details-box p br {
        display: none !important;
    }

    .about-box {
        margin: 0px;
        margin-top: 10px;
        text-align: center;
    }

    .cmn-head {
        margin-bottom: 15px;
        font-size: 38px;
    }

    .about-box-head {
        font-size: 50px;
        line-height: 60px;
    }

    .about-details {
        margin-top: 30px;
    }

    .about-details h4 {
        font-size: 28px;
        line-height: 1.15;
    }

}

@media screen and (max-width:567px) {
    .contact-page .top-d-flex-c>div:first-child{padding: 12px;width: auto;height: auto;}
    .join-box{padding: 15px;}
    .join-box .join-head {font-size: 25px;line-height: 28px;margin-bottom: 14px;}
    .career-box .career-head{line-height: 25px;}
    .service-head{line-height: 25px;font-size: 22px;margin-top:18px;margin-bottom: 10px;}

    .talk-form{padding: 30px 0px;}
    #demotwo .banner-head {
        font-size: 34px;
        line-height: 34px;
    }
    .help-head {
        font-size: 28px;
        line-height: 30px;
        padding: 30px 0px;
    }
    .ser-cmn-bg-sec{margin-top: 20px;margin-bottom: 40px;}
    .common-inner {
        height: 150px;
    }

.common-inner img {
    position: absolute;
    right: 0;
    object-fit: cover;
    height: 150px;
    object-position: revert;
}

    .sec-title {
        font-size: 38px;
        line-height: 43px;
    }

    .common-inner-heading {
        font-size: 37px;
        line-height: 40px;
    }
    .cmn-head {
        font-size: 30px;
        line-height: 32px;
    }

    .common-main-body-sec.career .cmn-head {
        font-size: 30px;
        line-height: 32px;
    }



    .banner-btm-btn {
        margin-top: 20px;
    }

    .help-head br {
        display: none !important;
    }

    .about-d-flex-c p {
        font-size: 15px;
    }

    .ser-p {
        font-size: 18px;
    }

    .sec-pad {
        padding: 30px 0px;
    }

    #demotwo .carousel-captions {
        width: auto;
        height: auto;
        padding: 0px;
        background-color: transparent;
    }

    .about-d-flex-c {
        flex-direction: column-reverse;
    }

    .res-about-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: inherit;
    }

    .carousel-item>img {
        height: 250px;
        object-fit: cover;
        object-position: right;
    }

    #demo .banner-head {
        display: none;
    }

    .talk-form form input {
        min-height: 48px;
    }
    .foot-top-sec{
        padding: 20px 0px;
    }
    .foot-top-sec .first-bottom>a:not(:first-child){margin-left: 15px;}
    .nav-sec {
        min-height: auto;
        padding: 12px 0px;
    }

    .footer-head {
        margin-top: 8px;
    }
    .talk-form p {padding-bottom: 0px; margin-top: 3px;font-size: 18px;}
    .footer-logo{margin-bottom: 12px;}
    .foot-main-sec p{line-height: 25px !important;}
    .foot-ul a{line-height: 28px;}
    .navbar .nav-item:hover .dropdown-menu a {
        padding: 6px 15px !important;
        font-family: 'Gellix-Regular';
    }
}

@media screen and (max-width:500px) {
    .swiper-button-prev, .swiper-button-next{bottom: auto !important;top: 37% !important;}
    .common-inner-heading {
        font-size: 34px;
        line-height: 36px;
    }
    .cmn-img-high{margin-top: 0px;}
    .banner-head {
        font-size: 45px;
        line-height: 48px;
        
    }

    .banner-head br,
    .banner-sec p {
        display: none;
    }

    .banner-sec .banner-btn {
        display: none;
    }

    .carousel-item>img {
        height: 250px;
        object-fit: cover;
        object-position: right;
    }

    .carousel-indicators {
        display: none !important;
    }

    .about-d-flex-c>div {
        width: 100%;
    }

    .res-about-img {
        width: 100%;
    }

    .sec-title {
        font-size: 30px;
        line-height: 32px;
    }

    #demotwo .carousel-captions {
        padding: 0px;
    }

    .service-sec {
        padding: 30px 0px;
    }

    .ser-p {
        line-height: inherit;
        margin-top: 10px;
    }
}



/* LAKSHMI CSS (19-09-2022) */

@media screen and (min-width:768px) and (max-width:1144px) {
	
.career-box {
    height: 100%;
}

.career-box .career-head {
    font-size: 19px;
    line-height: 27px;
    min-height: 54px;
	margin-bottom: 10px;
}

}