@media screen and (max-width:1300px) {
    .hero-title {
        top: 250px !important;
    }

    .owl-carousel .owl-item .box img {
        max-width: 130px !important;
        max-height: 8vh !important;
    }

    .service-card {
        height: 90vh !important;
    }
}

@media screen and (min-width: 1200px) {
    .hero-title {
        font-size: 180px;
    }

    .client-heading {
        font-size: 180px;
    }

    .iconBar a {
        font-size: 15px !important;
        padding: 5px !important;
    }
    .wheel-container{

        width:min(95vw,520px);

    }
}

@media screen and (max-width: 600px) {
    .slogan {
        height: unset;
    }

    .service-card {
        width: 150% !important;
        padding: unset !important;
        overflow: hidden;
    }

    .clients-desktop {
        display: none;
    }

    .clients-mobile {
        display: block !important;
    }

    .services-title-carousel {
        margin-bottom: 5vh;
    }

    .services-title {
        font-size: 13vw !important;
    }

    .iconBar a {
        font-size: 15px !important;
        padding: 5px !important;
    }

    p {
        font-size: 1.1rem !important;
    }

    .callrobot {
        z-index: 0;
        max-height: 50vh !important;
    }

    .roadmap-section {
        padding: 20px;
    }

    .card {
        min-height: 55vh !important;
        padding: 30px;
    }

    .swiper-slide {
        width: 90vw;
    }
    .swiper-slide {
        width: 80vw !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 45px !important;
        height: 45px !important;
    }

    .swiper-button-next {
        right: 10px !important;
    }

    .swiper-button-prev {
        left: 10px !important;
    }
    .progress-container {
        bottom: 40px !important;    
    }
    .menu-content a {
        font-size: 2rem;
    }


    body{

        padding:25px 12px;

    }

    .wheel-container{

        width:95vw;

    }

    .modal-content{

        padding:32px 24px;

    }

    .modal h2{

        font-size:28px;

    }

    .modal p{

        font-size:17px;

    }

    #spinBtn{

        width:100%;

        max-width:320px;

    }
    
}