@media only screen and (min-width: 100px) and (max-width: 1920px) {

}
@media only screen and (min-width: 100px) and (max-width: 1550px) {
    li.list-items span {
        display: block;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 37.6vw;
    }
    .design-inner-heading::before {
        top: 15%;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
    .andwhy_ul h2 {
    color: #fff;
}
}
@media only screen and (min-width: 100px) and (max-width: 1366px) {
    .app-devel-slide-main .slick-list.draggable:before {
        left: 36.6vw;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 36.6vw;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
    .andwhy_ul h2 {
    color: #fff;
}
}
@media only screen and (min-width: 100px) and (max-width: 1279px) {
    .app-devel-slide-main .slick-list.draggable:before {
        left: 48.4vw;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
    .andwhy_ul h2 {
    color: #fff;
}
}
@media only screen and (min-width: 100px) and (max-width: 1200px) {
    .app-devel-img img {
        width: 100%;
        /* margin: 0 -179px; */
        /* padding: 0 10px; */
      }
      .app-devel-slide-main .slick-list.draggable:before {
        left: 22.6vw;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
.andwhy_ul h2 {
    color: #fff;
}
    
}
@media only screen and (min-width: 100px) and (max-width: 1024px) {
    ul.info-list li {
        font-size: 15px;
    }

    .clients {
        flex-wrap: wrap;
    }
    .service-slide {
        padding: 30px;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 20.6vw;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
    .andwhy_ul h2 {
    color: #fff;
}
}
@media only screen and (min-width: 100px) and (max-width: 991px) {
    .banner-btn {
        margin-bottom: 50px;
    }
    .menuButton {
        display: block;
    }
    ul.list-items.m-0 {
        display: none;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 31.6vw;
    }
    header img.logo {
        width: 123%;
        padding: 0px 0px;
        object-fit: cover;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 60px;
    }
    header img.logo {
        width: 111%;
        height: 70px;
        object-fit: cover;
    }
    .andwhy_ul h2 {
    color: #fff;
}
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 60px;
    }
    .main-header-logo a img {
        width: 41%;
    }
    .clients {
        justify-content: center;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 26.6vw;
    }
    header img.logo {
        width: 100%;
        height: 70px;
        object-fit: cover;
    }
}
    @media (min-width: 493px) and (max-width: 767px) {
        header img.logo {width: clamp(20%, 30vw + 5%, 38%);
        }
        .andwhy_ul h2 {
    color: #fff;
}
} 
@media only screen and (min-width: 100px) and (max-width: 492px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 60px;
    }
    .main-header-logo a img {
        width: 35%;
    }
    .Responsive-menu {
        width: 328px;
        height: 100%;
        overflow-x: hidden;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 37.6vw;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
}
@media only screen and (min-width: 100px) and (max-width: 450px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 60px;
    }
    .main-header-logo a img {
        width: 55%;
    }
    .Responsive-menu {
        width: 377px;
        height: 100%;
        overflow-x: hidden;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 10.6vw;
    }
    .contact-img img {
        height: 340px;
    }
    header img.logo {
        width: 39%;
        height: 70px;
        object-fit: cover;
    }
    img.and-cta-left-ico {
        width: 90%;
        height: 350px;
        object-fit: cover;
        top: 50px;
    }
}
@media only screen and (min-width: 100px) and (max-width: 375px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 60px;
    }
    .main-header-logo a img {
        width: 55%;
    }
    .Responsive-menu {
        width: 328px;
        height: 100%;
        overflow-x: hidden;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: 1.6vw;
    }
    .operate-div {
        padding: 30px 20px;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
}
@media only screen and (min-width: 100px) and (max-width: 350px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 60px;
    }
    .main-header-logo a img {
        width: 46%;
    }
    .Responsive-menu {
        width: 323px;
        height: 100%;
        overflow-x: hidden;
    }
    .app-devel-slide-main .slick-list.draggable:before {
        left: -5.4vw;
    }
    .operate-div {
        padding: 30px 20px;
    }
    .contact-img img {
        height: 270px;
    }
    header img.logo {
        width: 60%;
        height: 70px;
        object-fit: cover;
    }
    .inner-banner h1 {
    font-size: clamp(27px, 7vw + 0px, 52px);
}
.andandaccordion .card a.card-link {
    font-size: clamp(10px, 1.5vw + 5px, 30px);
}
.heading h2 {
    margin: 0;
    font-size: clamp(1rem, 6vw + 1rem, 1.5rem);
}
.tandtols ul.nav.nav-pills li a {
    font-size: 13px;
}
.tandtolin img {
    width: 100%;
}
.andwhy_ul p {
    color: #fff;
    padding-top: 15px;
}
.footer-info {
    margin-left: 0px;
}
.iis_item h5 {
    font-size: 15px;
}
.iis_item  p {
    font-size: 12px;
}
.no-of-clients {
    padding: 0 12px;
}
.social-media-agency h3 {
    font-size: clamp(10px, 5vw + 2px, 30px);
}
}