@media (min-width: 1200px) {
    .container {
        padding: 0px;
    }
}
@media(max-width:1199px) {
    .search-section .tab-pane#insurance-tab > .row {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
    }
    ul.search-tabs li a {
        padding: 10px;
    }
    ul.search-tabs li a .tab-icon {
        font-size: 24px;
    }
    .holiday-price {
        font-size: 20px;
    }
    .holiday-price span {
        font-size: 16px;
    }
    .newsletter-section .city-wrapper a { max-width:190px; bottom:22px; margin:0 15px;}

}
@media(max-width:991px) {
    [class^="col-"], [class*=" col-"], #main-1.roomp.agepadding, .container {
        padding: 0px 7px !important;
    }
    .search-sec .tab-pane#insurance-tab > .row {
        display: flex;
        align-items: baseline;
        flex-wrap:wrap;
    }
    .newsletter-section .city-wrapper a { max-width:100%;bottom:10px; margin:0 15px;}

    .container {width: 100%;}

    .takeoff-icon {
        left: 10px;
    }

    .landing-icon {
        left: 10px;
    }

    .row {
        margin-left: -7px!important;
        margin-right: -7px!important;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: -7px;
        margin-left: -7px;
    }
    .search-box .search-tabs {
        width: 70%;
        padding: 0px 10px;
    }
    .back-to-top{ right:30px;}
    ul.search-tabs li a {
        padding: 10px 5px;
    }
    .search-back ul.search-tabs li a {
       /* border-radius: 10px;*/
        padding: 10px 15px;
    }
    .save-wrapper h4 {
        font-size: 14px;
        margin-top: 15px;
    }
    .section-heading h2 {
        font-size: 30px;
    }
    .besthotel-section {
        padding: 20px 0px 30px;
    }
    .balloon-section {
        padding: 25px 0px;
    }
    .popular-holiday {
        padding: 20px 0px 40px;
    }
    .holiday-price-inner > h6, .city-wrapper a, .holiday-view-more a {
        font-size: 12px;
    }
    .holiday-view-more a, .city-wrapper a {
        padding: 10px 7px 8px;
    }
    .popular-text > h4, .popular-text > h5 {
        margin-bottom: 20px;
    }
    .popular-text > h4, .footer-box h4 {
        font-size: 16px;
    }
    .popular-text > h5 {
        font-size: 13px;
    }
    .explore-section {
        padding: 30px 0px 40px;
    }
    .newsletter-section {
        background-position-x: 47%;
        padding: 20px 0px 30px;
        min-height: 200px;
    }
    .app-wrapper h4 {
        font-size: 20px;
    }
    .app-wrapper h2 {
        font-size: 26px;
    }
    .app-wrapper p {
        font-size: 17px;
    }
    .newsletter-form, .footer-box .contact-list, .social-icons {
        margin-top: 25px;
    }
	.newsletter-form .form-control {
       height: 40px;
       margin-bottom:10px;
   }
}

@media(min-width: 768px) {
    .rowflex {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
}
@media(max-width:767px){

      /*imran start 01-02-2022*/
    .top-footer-section-Fta {
        background: #6d213c;
        padding: 12px 5px 0;
        color: rgba(255, 255, 255, 0.78);
    }

    .footer-brand .logo {
        font-size: 28px;
        font-weight: 700;
        color: var(--white);
        margin-bottom: 14px;
        display: block;
        align-items: baseline;
        gap: 1px;
        width: 100%;
    }

    .footer-brand p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 5px;
        max-width: 360px;
    }

    .footer-social {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
    }

    #copyright {
        font-size: 12px;
        margin-bottom: 15px;
        text-align: center;
        width: 100%;
        display: block;
    }
           .fixed-header {
   
  display:none!important;
  
}
           .inr_search {
    top: 0px;
  
}
           .seo_section {
    display: none;
}
     .search-slider {
    padding: 70px 8px 30px;
    min-height: 200px;
}
     .demastic_section {
    background: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 0px;
}
    .BankCupponbottom {
        display: flex;
        justify-content: space-between;
        align-items: center !important;
        margin-top: 10px !important;
        flex-direction: column-reverse;
    }

    .BankCupponbtn {
        display: block !important;
        text-align: center;
    }

    .BankCupponcard-image {
        transform: rotate(0deg) !important;
        margin-bottom: 10px !important;
    }
    .BankCupponoffer-card {
        height: 330px;
    }
    /*imran end 01-02-2022*/
    .row-flex {
        display: block;
    }
    .search-section {
        padding: 70px 0px 30px;
        min-height: 200px;
    }
        .newsletter-section .popular-wrapper figure img , .popular-image img{ height: 100%; object-fit: fill;}
        .balloon-section .city-wrapper.relative img {    width: 100%;    height: 420px; border-radius:15px;   object-fit: cover;}
        .partners_tabs li{ padding:0px 2px;}
        .nav-justified>li>a{ margin-bottom:0px;}

    .search-section, .search-back-img-htls, .search-back-img-flight, .search-back-img-activity, .transfer-banner, .flightHotel-banner, .car-banner, .transfer-banner {
        background: #6d213c;
    }
    section.search-section video {display: none;}
    .button-checkbox .btn-group a {
        padding-left: 16px;
        font-size: 14px;
    }
    .search-box-wrapper .search-tab-content {
        padding: 8px 7px 10px;
    }

    #main-menu {
        display: none;
    }
    .searchbox-text {
        padding: 0px;
        margin-bottom: 0px;
        line-height: normal;
        font-size: 13px;
    }
    .form-group {
        margin-bottom: 10px;
    }
    #multipleAirlines {min-width: 100%;}
    .paxpanel {width: 100%; max-width: 100%;}
    .sub_flight_text {margin-top: 10px;}
    .contactDropArrow:after {
        top: 30px;
        right: 15px;
        font-size: 14px;
    }
   .radio-inline+.radio-inline {
        margin-left: 0px;
    }
   hotelautocomplete .autocomplete-options-dropdown {
        min-width: 100%
    }
   .autocomplete-option {
       white-space: normal!important;
       padding: 4px 10px!important;
   }
   .ui-datepicker {
       max-width: 230px;
   }
   ul.search-tabs li a .tab-icon {
        font-size: 20px;
    }
   ul.search-tabs li a {
       padding: 15px 6px;
   }
   ul.search-tabs.nav-pills > li + li {
       margin-left: 0px;
   }
   ul.search-tabs li a .tab-icon {
       margin-bottom: 0px;
   }
   .package-H-wrapper .trip-type-tabs span {
       margin-right: 10px;
       padding: 6px 0px;
   }
   .search-tab-content .btn-group .btn, .package-H-wrapper .trip-type-tabs span {
       font-size: 14px;
   }
   .button-checkbox a.btn:before {
       height: 14px;
       width: 14px;
       top: 9px;
   }
   .button-checkbox > div {
        margin-bottom: 0px;
    }
   .save-wrapper h4 {
        margin-top: 5px;
    }
   .section-heading h2 {
        font-size: 24px;
    }
   .save-section {
        padding: 30px 0px;
    }
   .save-section .save-image {
        padding-left: 30px;
    }
   .balloon-section {
       background: #f5f5f5;
       padding: 25px 0px 35px;
   }
   .city-wrapper.relative {
        max-width: 98%;
        margin: auto;
    }
   .newsletter-section {
        background-position-x: 0;
    }
   .newsletter-form .form-control {
       height: 40px;
       margin-bottom:10px;
   }
   
   input.input-text, select, textarea, span.custom-select, .search-tab-content button, .drop-alter, .drop-alter > a {
       font-size: 12px;
       height: 38px;
   }
   .new-down-right {
       font-size: 14px;
   }
   .drop-alter > a {
       line-height: 23px;
   }
   .datepicker-wrap:before, .drop-alter:after, .takeoff-icon, .landing-icon, .yellow-color, .txticonH,
    span.txticon-activity, .transfer-form .txticonS, .transfer-form .txticonT, .txticonFlightH, .txticonS {
       font-size: 16px;
   }
   .swap-wrapper {
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(0px);
        top: 100%;
    }
   .common-banner {
        padding: 70px 0px 30px;
    }
    .commonBnr {
        display: block;
        padding: 10px 0px 15px;
    }
   .about-section, .top-airline-section, .know-about-mekkah, .flight-information {
        padding: 20px 0px 30px;
    }
   .top-airline-section h2, .about-heading h2, .airline-checkin h2, .other-airlines.cheapflight h2 {
       font-size: 24px;
   }
   .airline-wrapper .col-sm-4 + .col-sm-4 {
       margin-top: 20px;
   }
   .popular-routes.about-section, .language-section {
       padding-bottom: 0px;
   }
   .language-text {
       margin-top: 20px;
   }
   .flight-information h3, .other-airlines.cheapflight h3 {
       font-size: 22px;
       line-height: 30px;
       margin-top: 10px;
    }
   .main-attraction h3, .transport-section h3, .outer-faq-section h3 {
       font-size: 22px;
       margin-top: 0px;
       line-height: 30px;
   }
   .transport-section .row {
       margin-top: 0px!important;
   }
   .input_box_loader {
        top: 32px !important;
    }
   .app-button a {
        max-width: 35%;
    }
    .section-outer.alt {
        padding: 20px 0px;
    }
    .section-outer {
        padding: 20px 0px;
    }
    .section-label h2 {
        margin-top: 0px !important;
        font-size: 16px !important;
    }
    .LinkMenufooter-column h3 {
        margin-bottom: 5px;
        margin-top:0px;
    }
    .LinkMenufooter-column ul li{
        margin-bottom:5px;
    }
    .LinkMenuview-more{
        margin-top:0px;
    }
    .social-btn {
        width: 40px;
        height: 40px;
    }
    .flRout{
       display:block;
    }
    .flRoutmb-0 {
        margin-bottom: 10px !important;
    }
    .stat-item{
        margin-bottom:10px;
        display:block;
    }
        .stat-item h3 {
            margin-top:0px;
        }
    .feature-icon {
        color: #8a1d45;
        font-size: 34px;
        min-width: 40px;
        display: inline-block;
        margin-top: 8px;
    }
    .route-info h4 {
        font-size: 14px;
    }
    .route-dates {
        font-size: 12px;
    }
    .route-card {
        padding: 5px 0px;
        margin-bottom: 0px;
    }
    .route-cardBox {
        padding: 0px 5px;
    }
    .LinkMenufooter-container {
        gap: 15px;
    }
    #CouponPromo-2 .owl-controls{
        display:none !important;
    }
    .section-label h2 {
        margin-bottom: 0px;
        margin-left: 5px;
    }
    .section-label p{
        margin-left:5px;
    }
    .view-all {
        margin-top: 0px;
    }
    .section-label{
        margin-bottom:0px;
    }
    #FTA-hotelsDestination .owl-controls {
        display: none !important;
    }
    .HandPickedhotel-name {
        font-size: 14px;
    }

    #FTA-hotelsHandpicked .owl-controls {
        display: none !important;
    }
    .HandPickedlocation{
        font-size:12px;
    }
    .HandPickedbadge {
        font-size: 12px;
    }
    .Trendingcity {
        font-size: 14px;
        font-weight: 700;
        color: #222;
        margin-bottom: 5px;
    }
    .Trendingstarts {
        color: #777;
        font-size: 12px;
        margin-bottom: 4px;
    }
    .Trendingcategory {
        color: #666;
        font-size: 12px;
    }
    .Trendingprice {
        color: #8b1e3f;
        font-size: 14px;
        font-weight: 700;
    }
    .HandPickedprice p {
        font-size: 12px;
        color: #777;
        margin-bottom: 0px;
    }
    #FTA-Instagrammable .owl-controls {
        display: none !important;
    }
    .Instagrammablecard-content h3 {
        font-size: 14px;
    }
    .Instagrammablecard-content p {
        font-size: 12px;
        color: #e8e8e8;
    }
    .stats-band {
        padding: 20px 0px;
    }
    .HTLstat-item {
        text-align: center;
        display: block;
        align-items: center;
        justify-content: center;
        padding: 0px 0px;
        border-right: none !important;
        height: auto;
    }
    HTLstat-item h3 {
        font-size: 14px;
    }
    .HTLstat-item p {
        font-size: 12px;
    }
    #FTA-DomesticPkg .owl-controls {
        display: none !important;
    }
    #FTA-DomesticPkgCategory .owl-controls {
        display: none !important;
    }
    #FTA-internationalPkg .owl-controls {
        display: none !important;
    }
    #FTA-HoneymoonPkg .owl-controls {
        display: none !important;
    }
    #FTA-TopRatedPkg .owl-controls {
        display: none !important;
    }
    #FTA-TravelExpert .owl-controls {
        display: none !important;
    }
    .PkgUspfeature-box{
        display:block;
        text-align:center;
    }
    .PkgUspfeature-card {
        border-right: none;
        padding: 0px 0px;
        text-align:center;
        display:block;
    }
    .PkgUspicon{
        margin:auto;
    }
    .PkgUspfeature-card h4{
        margin-top:0px;
    }
    .TopRatedduration{
        margin-bottom:0px;
    }
    .TopRatedpackage-card {
        height: 155px;
    }
    .OfrSeCtitle {
        font-size: 35px;
        line-height: 1.02;
        color: #111318;
        margin-bottom: 12px;
        margin-top: 0;
    }
    .OfrSeCsubtitle {
        font-size: 16px;
        line-height: 1.6;
        color: #565b63;
        max-width: 520px;
        margin-bottom: 10px;
    }
    .OfrSecImgright {
        min-height: auto;
    }
        .OfrSecImgright img {
            width: 100%;
        }
    .TopHotel-tab > ul.search-tabs li a {
        padding: 6px 15px;
    }
    .TopHotel-tab > ul.search-tabs li.active > a {
        padding: 6px 15px;
    }
    .bestOfferHdng {
        padding: 0px 8px;
        font-size: 18px;
        top: -25px;
    }
    .MoreDealstat-item {
        display: block;
        padding: 0px 0px;
    }
    .OfferHelpstat-item {
        padding: 0px 10px;
        margin-bottom: 10px;
        border-right: none;
        display:block;
    }
        .OfferHelpstat-item h3{
            margin-top:0px;
        }
    .OfferHelpfeature-icon1{
        background:none;
    }
    .MoreDealfeature-icon {
        width: 120px;
        height: 80px;
        font-size: 35px;
        margin: auto;
    }
    .mt-48 {
        margin-top: 14px;
    }
    .MoreDealstat-item p{
        margin-top:10px;
    }
    .MoreDealstat-item img {
        width: 100%;
    }
    .user-icon {
        border: 1.5px solid rgb(255 255 255) !important;
        color: #fff !important;
    }
    .callUs-newPlaner {
        background: none;
        color: #fff;
        padding: 0px;
        border-radius: 5px;
    }
    .ai-newPlaner {
        background: none;
        color: #fff;
        padding: 0px;
        border-radius: 5px;
    }
    header .navbar-nav.navbar-right > li > a.currency {
        margin-left: 0px !important;
    }
    .nav-location {
        color: #fff !important;
    }

    .offer-details .offer-other-info li{
        width:100%;
    }

    }

@media (max-width: 420px) {
    ul.search-tabs li a .tab-icon {
        font-size: 17px;
    }
    ul.search-tabs li a {
        padding: 15px 5px;
    }
}

@media (max-width: 360px) {
    .search-box .search-tabs {
        width: 98%;
        padding: 0px 5px;
    }
    ul.search-tabs li a .tab-icon {
        font-size: 15px;
    }
    .button-checkbox .btn-group a {
        padding-right: 6px;
    }
    .search-tab-content .btn-group .btn + .btn {
        margin-left: 2px;
    }
    .forgot-btn-wrapper button {
        max-width: 115px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
     .transfer-pax-count.paxpanel.insurance{ left:30%; position:absolute;}
    .web-logo {
        width: 200px;
        margin-right: 10px;
    } 
     .popular-image img{ height:180px;}

    .view-all {
        margin-top: 25px;
    }
    .stat-item{
        margin-bottom:10px;
    }
    .airline-card {
        min-width: 15%;
        padding: 10px 10px;
    }
        .airline-card span {
            font-size: 12px;
        }
    .LinkMenufooter-container {
        gap: 10px;
    }
    .LinkMenufooter-column {
        flex: 0 0 calc(25% - 20px);
    }
    .HandPickedbtn {
        padding: 6px 12px;
        font-size: 12px;
    }
    .section-label h2{
        font-size:18px;
    }
    .section-label p{
        font-size:14px;
    }
    .HandPickedhotel-name {
        font-size: 14px;
    }
    .HandPickedcontent {
        padding: 10px;
    }
    .HandPickedbadge {
        font-size: 12px;
    }
    .TopRatedpackage-card {
        display: flex;
    }
    .PkgUspfeature-box {
        gap: 8px;
    }
    .TopRatedcard-content h3 {
        font-size: 14px;
    }
    .BankCupponbottom {
        display: flex;
        justify-content: space-between;
        align-items: center !important;
        margin-top: 10px !important;
        flex-direction: column-reverse;
    }

    .BankCupponbtn {
        display: block !important;
        text-align: center;
    }

    .BankCupponcard-image {
        transform: rotate(0deg) !important;
        margin-bottom: 10px !important;
    }
    .BankCupponoffer-card {
        height: 330px;
    }
    .PkgUspfeature-card {
        gap: 0px;
        display: block;
    }
    .date-picker-wrapper {
        left: 3% !important;
    }
}