@media (min-width: 1600px) and (max-width: 1880px) {

}
@media (min-width: 1400px) and (max-width: 1599px)  {

}

@media (min-width: 1360px) and (max-width: 1399px) { 



}
@media (min-width: 1280px) and (max-width: 1359px)  {

}
@media (min-width: 992px) and (max-width: 1279px) {

}

@media (min-width: 768px) and (max-width: 991px) {
    .mobile-menu-button {
        color:#fff;
    }
    .header-style-three.sticky-menu     .mobile-menu-button {
        color: var(--thm-primary);
    }
    .hero-banner h1 {
        font-size: 30px;
    }
    img.runway-fly-plane {
        position: absolute;
        right: 2%;
        width: 100%;
        max-width: 220px;
        top: 67%;
        opacity: 0.8;
    }
    .search-form-field-one {
        width: calc(((100% - 50%) / 5) + 60px) !important;
        cursor: pointer;
    }

    .banner-search-section button {
        color: #fff;
   
        width: 144px;
        border: none;
        font-weight: 400;
        border-radius: 5px;
        overflow: hidden;
        background-color: var(--thm-primary);
    }
    div#hotel .search-form-field-one {
        width: calc(((100% + -15%) / 5) + 60px) !important;
        cursor: pointer;
    }
    .testimonial .testimonial-item {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width:768px) {
    .from-search-field i.fas.fa-sync , .mobile-main2 {
        display:none;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .mobile-main2 {
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 93%;
        background:#fff;
        padding: 0px !important;
        margin: 0 15px;
        border: 1px solid var(--theme-color);
        border-left: 5px solid var(--theme-color);
        left: 0;
        right: 0;
    }
    .mobile-popup {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
        .call-icon {
        background:var(--theme-color);
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 53px;
        border-radius: 30px;
        margin-right: 0%;
    }

    
    .call-icon img {
    width: 100%;
    max-width: 57px !important;
    }

    .call-now {
        margin: 0 0 0 5px;
        text-align: center;
        color: #000;
    }
  
        .call-now span {
        font-size: 28px;
        font-weight: 600;
        animation: headShake 0.8s linear 1s infinite alternate;
        /* display: none; */
    }

    .mobile-main2.tfn-top {
        bottom:unset !important;
        top:0px !important;
        border-bottom: 4px solid #ff6525;
    }

    .tfn-bottom {
        border-top: 4px solid #ff6525;
    }
    .mobile-main2 p {
        margin-bottom: 0px;
    }
    
    .mobile-main2 .mobile-popup {
        padding: 2px 0;
    }

    .header-style-three {
        display: none;
    }

    .mobile-main2 .call-now span{
        color:#ffd725;
        animation: ani 1.2s linear infinite;
    }
    @keyframes ani {
        0%{
           color:#e4aa3d;
           text-shadow: none;
        }
        90%{
           color:#ff3c00;
           text-shadow: none;
        }
        100%{
           color:#eb7e4f;
           text-shadow: 0 0 7px #ff7b46,0 0 70px #ff5811;
        }
      }

      .hero-banner .breadcrumb-content.text-center.headline h1  , .hero-banner .breadcrumb-content.text-center.headline p , h3.from-title{
        display: none;
    }
    .flight-type-wrap label {
        width: 50%;
    }

    form.flight-type-wrap {
        display: flex
    ;
        justify-content: center;
        margin-top: 40px;
    }

    .flight-type-wrap label input:checked + span {
    
        width: 100%;
    }

    .search-form-field-one , .banner-search-section.style-two .search-form-field{
        width: 100% !important;
        cursor: pointer;
        max-width: 50%;
    }
    .banner-search-section .search-form-fields {
        flex-wrap: wrap !important;
    }

    .banner-search-section .container {
        padding: 0 5px;
    }
    .banner-search-section.style-two .banner-search-form {
        padding: 0 10px;
    }

    .ng-tns-c8-3::after {
        display: none;
    }
    .banner-search-section .search-form-fields {
        border-bottom: none;
        border-top:none;
    }
    .search-form-fields .search-form-field.search-form-field-one:nth-child(1) ,     .search-form-fields .search-form-field.search-form-field-one:nth-child(2){
        max-width: 100%;
        border: 1px solid #eee;
        border-radius: 12px;
        padding: 10px 20px;
    }
    .search-form-fields  .search-form-field.search-form-field-two {
        border: 1px solid #eee;
        border-radius: 12px;
        padding: 10px 20px !important;
        width: 49% !important;
    }
    .search-form-fields .search-form-field:not(last-child) {
        margin-bottom: 10px;
    }

    .search-form-fields .search-form-field.search-form-field-two.search-form-field-travellers {
        width: 100% !important;
        max-width: 100% !important;
    }
    .banner-search-section button {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 20px 0 20px;
    }
    .from-btn-wrap {
        width: 100%;
        max-width: 100%;
        display: flex
        ;
            align-items: center;
    }
    .banner-search-section button i {
        margin-right: 3px;
        float: right;
        display: flex
    ;
        background: #03a9f4;
        padding: 25px 10px;
        position: absolute;
        top: 0px;
        margin-left: 16px;
        right: 0;
    }
    .banner-search-section button i {
        margin-right: 0px;
        float: right;
        display: flex
    ;
        background: #03a9f4;
        padding: 25px 10px;
        position: absolute;
        top: 0px;
        margin-left: 16px;
        right: 0;
    }

    .from-search-field i.fas.fa-sync {
        position: absolute;
        right: 21px;
        padding: 16px 15px;
        z-index: 1;
        bottom: -30px;
        border: 1px solid #eee;
        width: 50px;
        height: 50px;
        display: flex
    ;
        background-blend-mode: color;
        text-align: center;
        margin: auto;
        background-color: #fff;
        border-radius: 50%;
    }
    .ng-tns-c8-3 {
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        color: #000;
    }

    div#hotel .search-form-field-one {
        width: 100% !important;
        cursor: pointer;
    }
    div#hotel .search-form-field-two {
        width:100% !important;
        cursor: pointer;
        position: relative;
    }

    div#hotel .search-form-fields .search-form-field.search-form-field-two.search-form-field-travellers {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 20px !important;
    }
    div#hotel .search-form-fields {
        padding-top: 30px;
    }
    .destination-sec-wrap {
        padding-top: 0;
    }

    .hero-banner {
    padding: 50px 0px 150px;
}

    .flight-type{
        display: flex;
        position: relative;
        right: 0;
        z-index: 2;
        margin-bottom: 5px;
        top: unset;
    }
    ul.nav.nav-tabs.from-tabs-wrap li.nav-item {
   
    width: 44%;
}
ul.nav.nav-tabs.from-tabs-wrap li.nav-item a  , .flight-type label{
    border: 1px solid #bdbdbd;
}
.flight-type .form-check.form-check-inline {
    width: 48%;
}
.border {
    border: 1px solid #bdbdbd !important;
}
.search-form-field-one {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
}
.tab-content.rounded-3 {
    background: #fff !important;
    padding:  20px !important;
        box-shadow: 0px 4px 25px 0px rgb(0 0 0 / 35%);
}
    .fromTofromBox .row .col-6:not(:last-child) {
        margin-bottom: 15px;
    }
    div#dtrnge .col-6.col-md   {
    padding: 0 5px;
}
.search-form-field {

    padding: 0px 5px;
}
div#dtrnge_hotel .col-6 {
    padding: 0 5px;
}
.room-guests {
    padding: 0 5px;
}
.footer-section.style-two {
 
    padding-bottom: 90px;
}
.date-picker-wrapper .month-wrapper {
    width: 100% !important;
}
    ul.cat-list.grid-list-items li {
    width: 100%;
}
.breadcrumb-content h1 {
        font-size: 30px;
    }
    .list-grid-cont li {
    width: 100%; 
    }
    
    .testimonial.testimonial-3 {
    padding: 60px 0 40px;
    margin-bottom: 0;
}
}