@media (max-width: 2560px) and (min-width:1921px) {
    
}

@media (max-width: 1680px) {
    .carousel-caption {
        padding: 3rem 5rem;
    }
    .carousel-caption p {
        padding: 1rem 0rem;
    }
}
@media (max-width: 1440px) {
    .carousel-caption {
        width: 50%;
    }
}

@media (max-width: 1366px) {

}
@media (max-width: 1280px) {
    
}
@media (max-width: 1200px) {
    #calc .add, #calc .remove {padding: 5px 10px;}
    #myCarousel .item {
        background: #ff6200;
    }
    .carousel-caption {
        padding: 3rem 0 3rem 0;
    }
    #myCarousel .carousel-indicators {
        display: none;
    }
    .carousel-caption {
        width: 100%;
        position: relative;
    }
}

@media (max-width: 1024px) {

}
@media (max-width: 988px) {
    .carousel-caption a {
        width: auto;
        margin: 0px;
        display: inline-block;
    }
    a.navbar-brand {padding:20px;}
    ul.nav li a {
        padding: 15px 7px;
        font-size: small;
    }
    #myCarousel, h1 {margin-top: 50px;}
    .carousel-caption p {width: 100%;}
}
@media (max-width: 949px) {

}
@media (max-width: 767px) {
    .carousel-caption p {
        padding: 1rem;
        font-size: 2rem;
    }
    .carousel-caption {
        text-align: center;
    }
    #vk span,
    #phone span,
    #email span {
        margin-left: 2rem;
    }
    ul.nav li a {
        padding: 1.5rem 2rem;
    }
    #preFooter .item {
        margin-bottom: 5rem;
    }
    #preFooter .item a {
        text-align: center;
    }
    #preFooter .footer-menu {
        text-align: center;
    }
    #preFooter .item a i {
        margin-left: auto;
        margin-right: auto;
    }
    #preFooter p.last {
        margin-bottom: 3rem;
    }
    #whyWork img {width: 35%;}
    .navbar-brand { 
        padding: 10px !important;
        font-size: 16px !important;
        line-height: 16px;
        height: 38px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        background: #ebfffa;
    }
    a.navbar-brand {
        line-height: initial;
    }
    #whyWe .item {
        flex-direction: column;
        gap: 3rem;
        text-align: center;
    }
    #myCarousel, h1 {
        margin-top: 35px;
    }
    .navbar-toggle {
        padding: 5px;
        margin: 4px 8px 0px 0px;
    }
    ul.breadcrumb {
        margin-left: 40px;
        font-size: large;
    }
    .contacts p {font-size: large;}
    #thatClean p, #thatClean li {font-size: medium; }
    #thatClean div.content {
        padding: 5%; 
        margin-bottom: 3%;
    }
    p {text-indent: 0px;}
    #calc2 small {
        font-size: x-small;
        color: #002f25;
    }
    #dop1, #dop2, #dop3, #dop4, #dop5, #dop6, #dop7, #dop8, #dop9 {margin-bottom:2%;}
}
@media (max-width: 600px) {
    #whyWork  img {display:none;}
    #calc,#calc2 p {font-size: large;}
    #calc h3 {
        padding: 20px;
        font-size: medium;
    }
    #calc span.heading {font-size: small;}
    #thatClean li a {
        padding: 7px 7px;
        font-size: small;
    }
    #thatClean li {margin-left: 5px;}
}
@media (max-width: 425px) {
    #calc .add, #calc .remove {
        padding: 5px 5px;
    }
    #calc, #calc2 p {
        font-size: medium;
    }
    #calc img {
        padding: 15% 0px;
        width: 50%;
    }
    .contacts p {font-size: medium;}
    #thatClean li a {
        padding: 5px 5px;
        font-size: x-small;
    }
    #thatClean div.content {
        padding: 7%;
        margin-bottom: 5%;
    }
    ul.breadcrumb {
        margin-left: 20px;
        font-size: medium;
    }
}
@media (max-width: 375px) {
    #calc, #calc2 p {
        font-size: small;
    }
}
/* Landscape phones and smaller */
@media (max-width: 320px) {
   
}