@media (max-width: 768px) {
    .other-services {
        width: 60%;
        margin-left: 340px;
        overflow: auto;
        max-height: 86vh;
        padding: 0px 40px 0 0;
        background-color: #000;
        border-top: 5px solid #fff;
        margin-top: 10px;
        position: relative;
    }
}
@media (max-width: 1920px) {}

@media (max-width: 1600px) {
    .home-banner {
        padding: 22vh 10.41vw;
    }

    .ban-img1 {
        top: -10%;
    }

    .ban-img2 {
        top: 30%;
    }

    .ban-img3 {
        right: -42%;
    }

    .menu-button {
        width: 60px;
    }

    .web-ban-img {
        width: auto;
    }

    .content-wri-img {
        width: 36%;
    }

    .pack-ban-img {
        top: 21%;
    }

    .ecommerce-img {
        width: 30%;
    }

    .port-img {
        top: 10%;
    }

    .branding-img {
        right: 2%;
    }

    .banner-logo-text img {
        width: 80%;
    }

    .inner-page .inner-pg-banner .banner-logo-text img {
        width: 64%;
    }

    .serv-img1.serv-img,
    .serv-img2.serv-img {
        right: -110px;
        width: 60%;
    }

    .main-cta-new .cta-text {
        align-items: flex-end;
        margin-right: 0;
    }

    .main-cta-new:before {
        left: -60px;
    }

    .main-cta-new .cta-contact {
        align-items: flex-start;
    }

    .main-cta-new:after {
        right:-150px;
    }

}

@media (max-width: 1440px) {

    .web-portfolio-slider .item {
        height: 500px;
    }

    .serv-img1.serv-img,
    .serv-img2.serv-img {
        width: 65%;
    }

    .logo-ban-slider .slick-slide img {
        width: 100%;
        height: 100%;
    }

    .logo-ban-slider {
        margin: 0 25px;
    }

    .ban-logo-slider-nav .slick-slide img {
        width: 100%;
        height: 100%;
    }

    .web-ban-img img {
        width: auto;
    }

    .popup_form .modal-dialog {
        max-width: 900px;
    }

    .popup-image {
        width: 44%;
    }

    .popup-image-3 {
        width: 27%;
    }

    .popup-image-1 {
        width: 46%;
    }

    .popup-form-box-wrap h3 {
        font-size: 30px;
        line-height: 45px;
    }

    .popup-form-box-wrap h3 span {
        font-size: 60px;
    }

    .popup-form-box-wrap p {
        font-size: 14px;
    }

    .web-ban-img {
        width: 50%;
        right: 2%;
        top: 30%;
    }

    .seo-img {
        right: -11%;
    }

    .seo-img img {
        width: 70%;
    }

    .smm-img {
        right: 3%;
        width: auto;
    }

    .content-wri-img {
        width: 40%;
        top: 25%;
    }

    .pack-ban-img {
        right: 7%;
    }

    .ecommerce-img {
        width: 35%;
    }

    .port-img {
        top: 4%;
    }

    .header-contact-detail {
        margin-right: 0;
    }
}

@media (max-width: 1366px) {
    .header-sec {
        padding: 10px 10px;
    }

    .home-banner {
        padding: 20vh 10.41vw 21vh;
    }

    .header-contact-detail a:first-child {
        margin-right: 20px;
    }

    .inner-page .home-banner {
        padding: 21vh 10.41vw;
    }

    .green-heading {
        font-size: 3.4vw;
    }

    .banner-heading {
        font-size: 4.13vw;
    }

    .ban-sm- {
        font-size: 3.30vw;
    }

    /* .banner-heading {
        font-size: 6.2vw;
    } */
    .banner-para {
        padding: 8% 0 6%;
    }

    .sec-heading {
        font-size: 30px;
    }
    .sec-heading.small-heading {
        font-size: 1.8vw;
    }

    .banner-logo-text img {
        width: 55%;
    }

    .menu-button {
        top: -15px;
    }

    .navbar-light .navbar-toggler-icon {
        margin-left: -5px;
        background-color: black;
    }

    .menu-open .navbar-toggler {
        height: 46px;
        width: 46px;
    }

    .ban-img1 {
        top: -5%;
        width: 75%;
    }

    .ban-img2 {
        top: 45%;
        width: 60%;
        right: 4%;
    }

    .ban-img3 {
        right: -40%;
        width: 53%;
        top: 15%;
    }

    .serv-box-wrap {
        height: 370px;
    }

    .serv-img {
        right: 0px;
        width: 44%;
        top: 0;
    }

    .serv-img6 {
        right: 20px;
        width: 29%;
    }

    .serv-img3.serv-img,
    .serv-img5.serv-img {
        top: 0;
        right: -60px;
    }

    .serv-img1.serv-img {
        right: -160px;
        width: 68%;
        top: 0;
    }

    .inner-page .inner-pg-banner .banner-logo-text img {
        width: 50%;
    }

    .inner-pg-banner .banner-para {
        padding: 5% 0;
    }

    .content-wri-img {
        width: 39%;
        top: 25%;
    }

    .pack-ban-img {
        right: 7%;
        top: 19%;
        width: 31%;
    }

    .webportal-image {
        bottom: 20%;
        width: 43%;
    }

    .ecommerce-img {
        right: 3%;
        width: 35%;
    }

    .port-img {
        top: 0%;
    }

    .branding-img {
        right: 2%;
        width: 35%;
    }

    .anim-image {
        width: 34%;
    }

    .port-img .banner-image {
        width: 70%;
    }

    .port-img {
        right: -23%;
    }
}

@media (max-width: 1280px) {

    .other-services{
        /* width: 60%; */
        /* margin-left: 340px; */
    }
    .menu-serv-wrapper{
        padding: 20px 20px;
    }

    .inner-page .header-sec .inner-logo,
    .home-logo {
        width: 50%;
    }

    .header-contact-detail {
        margin-right: 96px;
    }

    .menu-button {
        width: 70px;
    }

    .web-ban-img {
        top: 22%;
    }

    .seo-img {
        right: -21%;
    }

    .seo-img img {
        width: 60%;
    }

    .port-img {
        top: 2%;
    }

    .main-cta-new:before {
        left: -130px;
    }

    .main-cta-new:after {
        right: -165px;
        top: -90px;
    }
}

@media (max-width: 1199px) {
    .cbo-pac-btn {
        font-size: 16px;
    }

    .menu-button {
        width: 60px;
    }

    .box1 {
        width: 206px;
        height: 220px;
    }

    .box2 {
        width: 252px;
        height: 220px;
    }
    .box3{
        margin-top: 0;
        margin-right: 20px;
    }
    .serv-box-wrap {
        padding: 6% 30% 6% 5%;
        height: 350px;
    }

    .serv-img {
        right: -80px;
        width: 60%;
    }

    .serv-img6 {
        right: 20px;
        width: 24%;
    }

    .header-contact-detail {
        margin-left: -20px;
    }

    .cta-text-area {
        height: 180px;
    }

    .port-tabs {
        justify-content: space-between;
    }

    .port-tabs .nav-link {
        padding: 10px 20px;
    }

    .port-tabs .nav-link {
        padding: 10px 10px;
    }

    .web-ban-img {
        width: 47%;
    }

    .port-img {
        top: 6%;
        right: -32%;
    }

    .smm-img {
        width: 40%;
    }

    header .col-md-6 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .menu-button {
        top: -11px;
    }

    .main-cta-new:before {
        left: -210px;
    }

    .main-cta-new:after {
        display: none;
    }

    .sponsor-slider-two .sponsor-thumb img {
        width: auto;
    }
    .serv-img1.serv-img {
        width: 58%;

    }
    .serv-img1.serv-img, .serv-img2.serv-img {
        width: 55%;
    }
    .serv-img3.serv-img, .serv-img5.serv-img {
        width: 41%;
    }
    .serv-img4.serv-img {
        width: 50%;

    }

}