@media (max-width: 2000px){
    .slider-for .team-image img{
        width: 550px;
        height: 350px;
    }
    .team-slider .slider-nav{
        margin-top: -230px;
    }
}
@media (max-width: 1600px){
    .team-slider .slider-nav{
        background-size: 100% 100%;
        margin-top: -260px;
    }
    .slider-for .team-image img{
        width: 550px;
        height: 350px;
    }
}
@media (max-width: 1450px){
    .slider-for .team-image img{
        width: 470px;
        height: 290px;
        object-fit: contain; 
    }
    .team-slider .slider-nav {
        background-size: 100% 100%;
        margin-top: -370px;
    }
}
@media (max-width: 1300px){
    .team-slider .slider-nav {
        background-size: 100% 100%;
        margin-top: -410px;
    }
}
@media(max-width: 1200px){
    .navbar-light .navbar-nav .nav-link{
        font-size: 12px;
    }
    .banner {
        padding: 120px 80px;
    }
    .banner .banner-text h1 {
        font-size: 30px;
    }
    .banner .banner-text p {
        font-size: 13px;
    }
    .service-right ul li{
        font-size: 13px;
    }
    .sector {
        padding: 50px;
    }
    .sector-hover {
        padding: 20px 15px;
    }
    .sector .row h1 {
        font-size: 18px;
    }
    .sector .row p {
        font-size: 12px;
    }
    .team-slider .slider-for p {
        font-size: 13px;
    }
    .team-slider .slider-for h1 {
        font-size: 30px;
    }
    .team-slider .slider-nav {
        background-size: 100% 100%;
        margin-top: -285px;
    }
    .team-slider .slick-next.slick-arrow, .team-slider .slick-prev.slick-arrow{
        display: none !important;
    }
    .team-page{
        padding: 40px;
    }
}

@media (max-width: 992px){
    .about-detail{
        padding: 30px 20px;
    }
    .about-text {
        padding-right: 20px;
    }
    .sector-expertise h1{
        font-size: 26px;
    }
    .about-title h1{
        font-size: 30px;
    }
    .sector-expertise .row h1{
        margin-bottom: 12px;
        font-size: 22px;
    }
    .sector-expertise{
        width: 100%;
    }
    .navbar-light .navbar-nav .active::before{
        display: none;
    }
    .about-text h1{
        font-size: 20px;
    }
    .about-text p {
        font-size: 13px;
    }
    .about-text ul li{
        font-size: 14px;
    }
    .contact-us .title {
        margin-bottom: 40px;
        padding-top: 50px;
        font-size: 26px;
    }
    .contact-us{
        padding: 0px;
    }
    #contact-form{
        max-width: 40%;
    }
    .contact-person {
        padding: 50px;
    }
    .contact-person h1 {
        font-size: 20px;
    }
    .contact-person p.name {
        font-size: 20px;
    }
    .contact-person p.phone {
        font-size: 16px;
    }
    .contact-person a, .contact-person a:hover{
        font-size: 16px;
    }
    .contact-person .india::before, .contact-person .usa::before{
        width: 50px;
        height: 50px;
    }
    .contact-person .india, .contact-person .usa {
         padding: 0px 60px;
    }
    .team-slider .slick-next.slick-arrow, .team-slider .slick-prev.slick-arrow{
        display: none !important;
    }
    .team-slider .slider-nav {
        margin-top: 0px;
    }
    .team-slider .slider-for h1{
        font-size: 26px;
    }
}

@media (max-width: 767px){
    .sector-hover {
        padding: 15px;
        height: auto;
    }
    .sector .service-sector2 .service-sector21 {
        border-right: 0px; 
        padding-top: 0px;
        padding-left: 0px;
    }
    .sector .service-sector1{
        border: 0px;
    }
    .banner {
        padding: 80px 40px;
        background-size: contain;
    }
    .banner .banner-text h1 {
        font-size: 24px;
    }
    .banner .banner-text p {
        font-size: 12px;
    }
    .service .service-slider img{
        width: 320px;
        height: 300px;
        margin: auto;
        margin-bottom: 30px;
    }
    .team-slider .slider-nav {
        margin-top: 0;
    }
    .about-detail .business, .about-detail .healthcare{
        flex-direction: column-reverse;
    }
    .about-detail .sector-expertise .sector-image{
        margin: auto;
        text-align: center;
    }
    .contact-person .row{
        flex-direction: column-reverse;
    }
    .contact-person .contact-img{
        margin: auto;
        text-align: center;
        margin-bottom: 50px;

    }
}

@media (max-width: 576px){
    .navbar {
        padding: 7px 20px;
    }
    .banner {
        padding: 60px 30px;
        background-size: contain;
    }
    .banner .banner-text h1 {
        font-size: 20px;
    }
    .service .service-slider li h6 {
        font-size: 16px;
    }
    .service {
        padding: 30px;
    }
    .sector {
        padding: 30px 15px;
    }
    .sector .row h1 {
        font-size: 16px;
    }

    /* about us */
    .about-img {
        width: 320px;
        height: 300px;
        object-fit: contain;
        margin: auto;
    }
    .about-detail img{
        width: 320px;
        height: 300px;
        object-fit: contain;
        margin: auto;
    }
    .sector-expertise h1 {
        font-size: 18px;
    }
    /*  */
    .footer {
        padding: 50px;
        text-align: center;
        padding-bottom: 20px;
    }
    .footer h1{
        font-size: 18px;
        font-weight: 600;
    }
    .footer a{
        font-size: 14px;
    }
    .footer .footer-2 a{
        font-size: 13px;
    }
}

@media (max-width: 480px){
    .about-detail img {
        width: 180px;
        height: 180px;
        object-fit: contain;
        margin: auto;
    }
    .about-title h1 {
        font-size: 22px;
    }
    .about-text{
        padding: 0px 15px;
    }
    .sector-expertise .row h1{
        font-size: 18px;
    }
}