
@media (max-width: 1700px){
    .container{
        max-width: 1250px;
    }
    .home-banner .banner-title {
        margin-bottom: 20px;
    }
    .home-banner .banner-subtitle {
        margin-bottom: 20px;
    }
    .navbar-light .navbar-nav .nav-link {
        margin: .5rem 1.8rem;
    }
    .home-banner .banner-playbtn {
        width: 100px;
    }
}

@media(max-width: 1560px){
    /*
    Before 1337
     */
    .home-banner{
        padding-top: 50px;
    }
    .navbar-light .navbar-nav .nav-link {
        margin: .5rem 1rem;
    }
    .banner-img{
        text-align: right;
    }
    .banner-img img{
        width: 90%;
    }
    .calculator-side {
        width: 30%;
    }
}
@media(max-width: 1140px){
    /*
    Before 1140
     */
    .calculator-page {
        overflow: auto;
    }
    .footer{
        text-align: center;
    }
    .footer-nav ul {
        justify-content: center;
    }
    .footer-nav ul li{
        margin: 10px 20px;
    }
    .footer .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .footer-social {
        margin-bottom: 15px;
    }
}
@media(max-width: 993px){
    /*
    Before 992px
     */
    .navigation{
        background-color: #373737!important;
    }
    .navigation .form-inline{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .home-banner .banner-title {
        font-size: 35px;
        margin-bottom: 50px;
    }
    .home-banner .banner-subtitle {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .home-banner a {
        display: block;
        width: 50%;
        margin-bottom: 50px;
    }
    .home-banner .banner-playbtn {
        margin-left: 0;
    }
    .calculator-header .logo-head img{
        width: 150px;
    }
    .calculator-header .contact-head .phone-call {
        font-size: 24px;
    }
    .calculator-header .contact-head .solmodel3d {
        letter-spacing: 0px;
    }
    .calculator {
        flex-direction: column;
    }
    .calculator-side {
        width: 100%;
        height: auto;
    }
    .blog-page .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .news-populare .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media(max-width: 768px){
    /*
    Before  768px
     */
    .logo {
        width: 75px;
    }
    .footer-contacts .form {
        margin-top: 0;
    }
    .navigation .form-inline{
        margin-top: 20px;
    }
    .home-banner .banner-title {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .home-banner .banner-subtitle {
        font-size: 16px;
        margin-bottom: 40px;
    }
    .home-banner a {
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
    .home-banner .banner-playbtn {
        margin-left: 0;
    }
    .home-banner .col-md-5 {
        display: none;
    }
    .sistems-item{
        margin-bottom: 30px;
    }
    .hc-more a{
        width: 100%;
    }
    .ww-title{
        font-size: 14px;
    }
    .footer-contacts .form button {
        margin-bottom: 50px;
    }
    .page-header {
        height: 200px;
    }
    .page-header h1 {
        font-size: 18px;
        margin-top: 75px;
    }
    .partners .col-md-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .nwd-card-text h2{
        font-size: 18px;
    }
    .blog-page .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .news-populare .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-nav ul {
        justify-content: center;
        flex-direction: column;
    }
    .footer-nav ul li{
        margin: 10px 20px;
    }
    .calculator-header .logo-head img{
        width: 100px;
    }
    .calculator-header .contact-head .phone-call {
        font-size: 21px;
    }
    .calculator-header .contact-head .solmodel3d {
        letter-spacing: 0px;
    }
    .products-result{
        margin-top: 20px;
    }
    .vlad img {
        display: none;
    }
}

