@media (max-width: 575.98px) {  
    section#main>div#hero>.calculator>.calc-info .calc-info-day, .calc-info-money{width: 100%; font-size:18px; padding:15px 0;}
}

@media (max-width: 767.98px) {
    section#main>footer>.footer-nav>.footer-item{
        flex-grow:1;
        flex-basis:50%;
    }
}

@media (max-width: 991.98px) { 
    section#main>div#hero>.calculator{
        width: 100%;
        
    }
    section#main>div#hero{
        background-color: #444645;
        background-image: none;
    }
}

@media (max-width: 1199.98px) {
  header{
    width: 100%;
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding: 10px;
    flex-wrap: wrap;
  }
  header>a#logo{
    padding-top: 0px;
  }
  header>a#logo>img{
    display: block;
    max-width: 100%;
  }
  header>ul#menu{
    display: none;
    order:3;
    width: 100%;
    margin-top: 0px;
  }
  header>ul#menu>li{
    padding: 0px!important;
    
  }
  header>ul#menu>li>a{
    display: block;
    padding: 15px 0;
    transition: background 1s ease;
  }
  header>ul#menu>li>a:hover{
    background-color: rgb(2, 158, 224);
  }
  header>button.trigger{
    display: block;
  }
  header>div.social{
    display: none;
  }
  header>ul.contacts{
    display:none;
  }
  section#main{
    margin: 0px;
  }
 }