@media(max-width: 1560px){

}
@media(max-width: 1300px){

}
@media(max-width: 1100px){

}
@media(max-width: 993px){
    .sm-none{
        display: none;
    }
    .topbar .col-md-2 {
        width: 100%;
    }
    .topbar .col-md-10 {
        width: 100%;
    }
    .topbar .logo {
        text-align: center;
        margin-bottom: 15px;
    }
    .navigation{
        display: none;
    }
    .mnav{
        display: block;
    }
    .banner .carousel-caption h1 {
        font-size: 37px;
    }
    .banner .carousel-caption h3 {
        font-size: 21px;
    }
    .carousel-control-prev {
        left: 5px;
    }
    .carousel-control-next {
        right: 5px;
    }
    .home-atention .col-md-2{
        width: 100%;
    }
    .home-atention .col-md-8{
        width: 100%;
    }
    .applying-area .row{
        display: flex;
        justify-content: center;
    }
    .applying-area .col-md-4{
        width: 50%;
    }
    .advantage .row{
        display: flex;
        justify-content: center;
    }
    .advantage .col-md-3{
        width: 33.33333333%;
    }
    .products .row{
        display: flex;
        justify-content: center;
    }
    .products .col-md-4{
        width: 50%;
    }
    .product-page .row{
        display: flex;
        justify-content: center;
    }
    .product-page .col-md-4{
        width: 50%;
    }
    .contact-page .row{
        display: flex;
        justify-content: center;
    }
    .contact-page .col-md-4{
        width: 50%;
    }
    .contact-form .col-md-4{
        width: 100%;
    }
    .contact-form input{
        margin-bottom: 15px;
    }
    .contact-form textarea{
        margin-top: 0;
        margin-bottom: 15px;
    }
    .contact-form .form-action {
        margin-top: 10px;
    }
    .contact-form button{
        width: 100%;
    }
}
@media(max-width: 768px){
    .topbar .topbar-contacts {
        flex-direction: column;
    }
    .banner .carousel-caption h1 {
        font-size: 21px;
        max-width: 80%;
    }
    .banner .carousel-caption h3 {
        font-size: 16px;
        max-width: 80%;
    }
    .banner .carousel-caption a {
        font-size: 16px;
        width: 250px;
        max-width: 80%;
    }
    .applying-area .col-md-4{
         width: 100%;
    }
    .advantage .col-md-3{
        width: 100%;
    }
    .products .col-md-4{
        width: 100%;
    }
    .product-page .col-md-4{
        width: 100%;
    }
    .contact-page .col-md-4{
        width: 100%;
    }
    .contact-form .col-md-4{
        width: 100%;
    }
    .testimonial-item{
        flex-direction: column-reverse;
    }
    .article-item{
        flex-direction: column-reverse;
    }
}