@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-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) {
    .service-grid-item{min-height: 300px;}
    .sec-title{font-size: 40px;}
    /* .values-inner:nth-child(2) { */
        /* margin-top: 60px; */
    /* } */
    /* .values-inner:nth-child(3) { */
        /* margin-top: 120px; */
    /* } */
    /* .values-inner:nth-child(4) { */
        /* margin-top: 180px; */
    /* } */
    /* .values-flex { */
        /* margin-top: 40px; */
    /* } */
    .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) {


.banner-sec p{font-size: 17px;}
    .values-p-r {
        padding-right: 7%;
    }
#menu > ul {
    position: absolute;
    padding: 10px 20px;
    box-shadow: rgb(0 0 0 / 12%) 3px 3px 15px;
    z-index: 100;
    width: 100%;
    top: auto;
    background-color: #fff;
    border-top: 3px solid;
}
    .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;}
	
/* common css	 */
	.common-section{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.ready-title {
    font-size: 30px;
    line-height: 36px;
}
.t-b-pad {
  padding-top: 30px;
  padding-bottom: 30px;
 }
.bg-l-r-pad{padding-left:0px; padding-right:0px;}

.counter-pad {
   padding-bottom: 40px;
  margin: ;
  margin-top: 25px;
}
.innbanner-title {
  font-size: 40px;
  letter-spacing: 0px;
  line-height: 40px;
  }
.inner-page-pad {
  padding-top: 35px;
}
  
}

@media screen and (max-width:767px) {  
.inner-page-pad {
  padding-top: 25px;
}

.service-grid-item {
  min-height: auto;
}
.img-f-r{float:none;}
.l-pad{padding-left:0px; padding-bottom:15px;}

	.values-flex {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap:20px;
}

    /* .values-inner:nth-child(2) { */
        /* margin-top: 25px; */
    /* } */
    /* .values-inner:nth-child(3) { */
        /* margin-top: 50px; */
    /* } */
    /* .values-inner:nth-child(4) { */
        /* margin-top: 75px; */
    /* } */
    .testi-box{padding: 20px 45px 60px;}
    .red-btn1{width: 60px;height: 60px;}
    .read-case-sec{padding:20px 0px;}
    .testimonials{padding: 40px 0px 20px;}
    .values-flex .large-h{font-size: 20px;line-height: 25px;}
    .values-flex p{font-size: 15px;}
    .navbar .navbar-brand img {
        width: 140px;
    }
    .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;
    }

	.copy-right {
		padding: 10px 0px;
		text-align: center;
	}
    .foot-top-sec {
        display: block;
    }

    /* .foot-top-sec .top-d-flex-c {
        display: block;
    } */
    .foot-top-sec{padding: 30px 15px;}
    .banner-head {
        font-size: 41px;
        line-height: 45px;
      }
.carousel-item>img{height: 350px;object-fit: cover;}
.res-ex-img.w-100{max-height: 400px;width: auto !important;}
    
    /* .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;
    }


    .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;
    }
	
	
/* FOOTER CSS */
	
.foot2 {
    height: auto;
}


/* common css */

.rsp-md-flex-dir {flex-direction: column-reverse;}
.rsp-pt-0{padding-top:0px;}
.rsp-mt-0{margin-top:0px;}
.rsp-mt-20p{margin-top:20px;}
.rsp-mb-20p{margin-bottom:20px;}
.rsp-pb-20p{padding-bottom:20px;}
.rsp-w-100{width:100%;}
.rsp-h-auto{height:auto;}
	
/* INNER PAGES COMMON CSS */

	.innbanner-title {
		font-size: 28px;
		line-height: 32px;
		letter-spacing: 0;
	}
	
/* ABOUT PAGE COMMON CSS */
	.work { margin-top: 40px;}
	
		/* QUALITY ASSURANCE PAGE CSS */
	
	
	.ser-f-r {
    float: initial;
}
	.ser-pad-img {
    padding: 0;
	margin-bottom:10px;
}
	.ser-images img {
    width: 100%;
}




/* CONTACT PAGE CSS */

.contact-blk {padding: 15px 15px 0px;}
.pr-cgap{padding-right:12px !important;}
.pl-cgap{padding-left:12px !important;}


.counter-blk {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
 }
.count-r-border{border-bottom: 1px solid #dbdbdb;}

.counter {
  font-size: 30px;}
  .countet-title2 {
  font-size: 15px;
   margin-top: 10px;
   }
   
   .counter-pad {
   padding-bottom: 10px;}

.mob-b-p5{padding-bottom:5px;}
.mob-t-p25{padding-top:25px;}


}

@media screen and (max-width:567px) {
    .values-p-r {
        padding-right: 0%;
    }
    .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: 280px;
        object-fit: cover;
        object-position: right;
    }

    
    .ser-p.mt-1{margin-top: 10px;}
    .talk-form form input {
        min-height: 48px;
    }
    .re-t .red-btn1{width: 80px;height: 80px;}
    .values-flex {display: block;}
    .foot-top-sec{
        padding: 20px 0px;
    }
    .foot-top-sec .first-bottom>a:not(:first-child){margin-left: 15px;}
    .nav-sec {
        min-height: auto;
        padding:8px 0px;
    }
    .values-inner:nth-child(2),
    .values-inner:nth-child(3),
    .values-inner:nth-child(4){
        margin-top: 20px;
    }
	
	/* TRAINING PAGE CSS STARTS HERE*/
	
	.trn-part:nth-child(2), .trn-part:nth-child(3), .trn-part:nth-child(4) {
       margin-top: 20px;
    }
	
	
    .footer-head {
        margin-top:0px;
    }
    .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';
    }
    .why-sec{background-repeat: no-repeat;padding: 40px 0px;background-size: cover;}

}

@media screen and (max-width:500px) {
    .foot-ul a{font-size: 15px;line-height: 27px;}
    .foot-top-sec .header-btn{margin-bottom: 20px;}
    .d-flex.align-center.justify-space.res-m{display: block !important;}
    .testi-box{padding: 0px 0px 25px 0px;}
    .service-sec{padding: 30px 0px !important;}
    .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) */


/* INNER PAGES COMMON CSS */

@media screen and (max-width:640px) {
#demo .banner-head {
       font-size:24px;
       line-height:30px;
    }

}

@media screen and (max-width:576px) {
	
	/* common css */
.rsp-sm-flex-dir {flex-direction: column-reverse;}
.rsp-sm-w-100{width:100%;}
.rsp-sm-h-auto{height:auto;}
	
.inban-ico{height: 140px;}
.inban-theory {top:22%;}

.trn-part .values-inner {margin-bottom: 0;}

.cou-li{display: grid !important; grid-template-columns: repeat(2,1fr);}

.web-ico{text-align:center;}
.web-ico img{width: 220px;height: 150px;}
.box-br {padding: 20px;}



/* INNER PAGES COMMON CSS */

.inban-theory {position: absolute;top:40%;}
.innbanner-sub-title {display: none;}

/* SERVICE PAGES COMMON CSS */
.client-block {grid-template-columns: repeat(2,1fr) !important;}

/* TRAINING PAGES COMMON CSS */

.training-bantheory {
    top: 47%;
}
.metrix-box {
    width: auto;
}

}


@media screen and (max-width:991px) {
	
/* HEADER SECTION CSS */

.drp-ico {
    right: 0;
    top: 7px;
}

/* HOME PAGE CSS */

.banner-head{font-size: 45px;line-height: 50px;}
.banner-sec .carousel-captions {
	width:100%;
	margin: 0;
}

/* SERVICE PAGES COMMON CSS */
.native-title{font-size:25px; line-height: 30px;}
}

@media screen and (max-width:767px) {
	
	
.banner-sec .carousel-captions {
    width: 80%;
}

.custom-model-wrap {
    max-height: calc(100vh - 30px);
}

	.abmain-ico{text-align:center;}
/* INNER PAGES COMMON CSS */

.inban-theory {width: auto;}

/* SERVICE PAGES COMMON CSS */

.native-sec{padding:15px;margin-top:20px;}
.native-content h5 {font-size: 19px;line-height: 28px;}
.cl-sec{padding-bottom:20px;}
.client-block {grid-template-columns: repeat(3,1fr);}

/* TRAINING PAGES COMMON CSS */
.training-ban-title {
    font-size: 18px;
    line-height: 22px;
}	
.training-ban-subtitle {
    display: none;
}
.training-btn a {
    font-size: 14px;
    padding:10px 25px;
}

.stack-block {
    padding: 25px;
}
.metrix-box {
    margin: auto;
}

/* CAREERs PAGE  CSS */
.portal-hd ul li{ margin-right:15px;}

}

 @media screen and (max-width:480px) {
.mob-d-block{display:block!important;}
.study-form-hd h4 {
  font-size: 22px;
  line-height: 30px;
  }
}

@media screen and (max-width:1199px) {
.foot-top-sec, .cn-btn {
		text-align: center;
	}
}
@media screen and (min-width:768px) and (max-width:1144px) {
	
	/* HOME PAGE COMMON CSS */	

.banner-sec .carousel-captions {
    width: 80% !important;
}

.banner-head {
    font-size: 30px;
    line-height: 32px;
}
.banner-des {
    margin-bottom: 15px !important;
}

.career-box {
    height: 100%;
}

.career-box .career-head {
    font-size: 19px;
    line-height: 27px;
    min-height: 54px;
	margin-bottom: 10px;
}

/* INNER PAGES COMMON CSS */

.inban-theory { width: 80%;}


/* TRAINING PAGES COMMON CSS */

.training-bantheory {
    width:auto;
}
.training-ban-title {
    font-size: 25px !important;
    line-height:28px !important;
}	
.training-ban-subtitle {
    font-size: 14px;
    line-height: 22px;
}

}

@media screen and (min-width:768px) and (max-width:991px) {
	
/* INNER PAGES COMMON CSS */
.innbanner-title {
    font-size: 36px;
    line-height:40px;
}

.contact-blk {
    padding: 25px 25px 0px;
}

.values-flex {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
    row-gap:20px;
}

/* SERVICE PAGES COMMON CSS */

.native-content h5 {
    font-size: 14px;
    line-height: 20px;
}

.metrix-box {
   width:auto;
}
}

@media screen and (min-width:1024px) and (max-width:1144px) {

.btm-sicons a img {
    height: 25px;
}

}


@media screen and (min-width:1024px) and (max-width:1300px) {
.banner-sec .carousel-captions {
    left: 20px;
	width: 80%;
}
}

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

/* HOME PAGE COMMON CSS */	

/* INNER PAGES COMMON CSS */

.innbanner-title img {display: none;}


/* SERVICES PAGE CSS */	

.service-left-blk {padding-right: 0;}
.srb {padding-right:15px !important;}

/* TRAINING PAGE CSS */	

.tng-left-block{margin-right:0px;}
.tng-right-block {margin-left:0px;}

}