@media only screen and (max-width: 1300px){
    .maintain .img-maintain img {
        width: 50%;
    }
    .banner-servis1 img, .banner-servis2 img, .banner-servis3 img, .banner-servis4 img{
        width: 80%;
    }
}
@media only screen and (max-width: 1200px){

    .banner .shape {

        height: 240px;

        width: 240px;

    }
    .banner-servis2 {
        bottom: -20px;
    }

}

@media only screen and (max-width: 991px) {
    .maintain .img-maintain img {
        width: 80%;
    }

    .header .navbar-light .navbar-nav .nav-link.dark-grey {

        padding: 10px 0px;

    }

    .header .navbar-light .navbar-nav {

        margin-top: 10px;

    }

    .header .navbar-light .navbar-toggler {

        border-color: var(--blue);

        padding: 5px 10px;

    }

    .header .navbar-light .navbar-toggler-icon {

        background-image: url('../img/menu.png');

        background-size: 22px;

    }

    .header .navbar-light .navbar-toggler:focus {

        box-shadow: none;

    }

    .banner-text {

        text-align: center;

        margin-bottom: 100px;

    }

    .banner {

        padding: 50px 0px;

    }

    .about-us {

        padding: 50px 0px;

    }

    .services {

        margin: 0px 0px 50px 0px;

    }

    .contact {

        padding: 50px 0px;

    }
    .about-banner {
        padding: 50px 0px;
    }
    .order-med-1{
        order: 1;
    }
    .order-med-2{
        order: 2;
    }
    .contact .thought p{
        font-size: 14px;
    }
    .contact .thought p svg {
        width: 20px;
        height: 22px;
    }
    .upper-platform {
        flex-direction: column;
    }
    .upper-platform .left-content {
        text-align: center;
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 767px){
    .mob-banner-img {
        display: block;
        padding: 30px;
    }
    .mob-banner-img img {
        width: 100%;
    }
    .mob-banner-img .moving-banner-img {
        width: 90% !important;
    }
    .banner-img.web-img {
        display: none;
    } 
    .maintain .img-maintain img {
        width: 100%;
    }

    .banner .banner-text h1{

        font-size: 34px;

    }

    .banner {

        padding: 50px 0px;

    }

    .banner .shape {

        height: 180px;

        width: 180px;

        right: 10px;

        top: -50px;

    }

    .banner {

        padding: 30px 0px;

    }

    .about-us {

        padding: 30px 0px;

    }

    .services {

        margin: 0px 0px 30px 0px;

    }

    .contact {

        padding: 30px 0px;

    }

    .cta .img-cta {

        display: none;

    }
    .about-banner {
        padding: 30px 0px;
    }
    
}

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

    .cta h3{

        font-size: 22px;

    }

    .cta .cta-content {

        padding: 30px;

    }

    .contact .contact-form {

        padding: 20px;

    }

}

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

    .banner .banner-text h1 {

        font-size: 28px;

    }

}