/* TABLET */
@media (max-width: 992px) {
    .top-banner{
        padding: 80px 40px 150px;
    }
    .top-banner h2{
        font-size: 35px;
    }
    .top-banner p {
        font-size: 15px;
        margin-top: 20px;
    }
    .filter-bx {
        min-width: 700px;
        padding: 15px 35px;
    }
    .filter-bx .filter-col{
        padding-right: 0;
    }
    .filter-bx .filter-col .btn-filter i{
        display: none   ;
    }
    .home-section h2 {
        font-size: 35px;
    }
    .cities-list {
        padding: 30px 30px;
    }
    .cities-list .cities-table td{
        white-space: nowrap;
    }
    .modal .modal-header{
        padding: 4rem 1rem 1rem;
    }
    .modal .modal-close {
        top: 35px;
        right: 25px;
        font-size: 35px;
        }
    .form.multi-col-form {
        padding: 0 15px;
    }
    .modal .modal-dialog.modal-single-col {
        max-width: 500px;
    }
    .form.single-col-form {
        padding: 0 20px;
    }
    
  }

  /* MOBILE */
  @media (max-width: 767px) {
    .top-banner{
        padding: 100px 15px 0px;
    }
    .filter-bx{
        min-width: 100%;
        display: block;
        max-width: 50px;
        position: relative;
        bottom: -55px;
    }
    .filter-bx .filter-col{
        border-right: none;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .filter-bx .filter-col .btn-filter{
        width: 100%;
    }
    .cities-list {
        padding: 20px 20px;
    }
    footer .footer-col:first-child {
        padding-left: 15px;
        margin-bottom: 35px;
    }
    footer .footer-col {
        padding-left: 15px;
        margin-bottom: 30px;
    }
    footer h4 {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .footer-bottom p{
        padding: 0 15px;
    }
    .form.single-col-form {
        padding: 0 10px;
    }
    
        
        .modal .modal-title{
            text-align: center;
        }
      
  }