/*-------------------------------------------------------------------------------------------*/
/* Responsive Classes
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {

    .container { width: 1024px; }

    .main-search-box  .dark-bg-2 { padding-bottom: 10px; }

    .flight-date-changer .content .ab { left: 65px; }

    .home-tab.flight > ul.tabs li a { padding-top: 0; }

    ul.sort-action li { margin-right: 45px; }



    .mdd-btn-control.btn { margin: 10px 0 15px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu > ul > li.megamenu > ul{
        left:-25%;
        margin-left:-60px;
    }
    .nav-tabs li a{
        padding:10px;
    }
}
@media only screen and (max-width: 992px) {

    .container { width: 756px; padding-right: 10px; padding-left: 10px; }

    .main-menu > ul > li > a{ padding:0 5px; border-left: 0; }
    .main-menu > ul > li:last-child > a { border-right: 0; }

    .home-tab.flight > ul.tabs li a { height: 80px; line-height: 24px; padding-top: 15px; }

    .flight-date-changer .content .ab { left: 15px; }
    .sort-wrapper .ui { margin-right: 20px; }
    ul.sort-action li  { margin-right: 15px; }
    ul.sort-action li.active { margin-right: 25px; }




    .select-table .ui.checkbox { margin-top: 0px; margin-left: -30px; margin-right: 30px;  }

    .flight-item-header-1  .inner .third, .flight-item-header-1  .inner .seventh, .flight-item-group-1  .inner .third, .flight-item-group-1  .inner .seventh { display: none; }

    .flight-found { margin-bottom: 40px; }

    .flight-item-header-1 .select { left: 0; }
    .flight-item-group-1 .select { left: 25px; width: 30px; }
    .flight-item-header-1  .inner , .flight-item-group-1  .inner { margin-left: 15px; margin-right: 70px;  }
    .flight-item-header-1  .inner .first, .flight-item-group-1  .inner .first { width: 30%;}
    .flight-item-header-1  .inner .first { width: 25%; }
    .flight-item-header-1  .inner .second, .flight-item-group-1  .inner .second { width: 10%;}
    .flight-item-header-1  .inner .second { width: 15%; }
    .flight-item-header-1  .inner .fourth, .flight-item-group-1  .inner .fourth { width: 20%;}
    .flight-item-header-1  .inner .fifth, .flight-item-group-1  .inner .fifth { width: 20%;}
    .flight-item-header-1  .inner .sixth, .flight-item-group-1  .inner .sixth { width: 20%;}
    .flight-item-list-2 .select { left: 30px; }
    .flight-item-list-2 .inner > div { text-align: left; }
    .flight-item-list-2 .inner > div.fifth { text-align: right; }
    .flight-item-list-2 .inner strong { display: block; }

    .flight-item-header-3  .inner .first, .flight-item-group-3  .inner .first { width: 19%; }
    .flight-item-header-3  .inner .second, .flight-item-group-3  .inner .second { width: 10%; }
    .flight-item-header-3  .inner .fourth, .flight-item-group-3  .inner .fourth { width: 15%; }
    .flight-item-header-3  .inner .fifth, .flight-item-group-3 .inner .fifth { width: 15%; }
    .flight-item-header-3  .inner .sixth, .flight-item-group-3  .inner .sixth { width: 16%;  }
    .flight-item-header-3  .inner .seventh, .flight-item-group-3  .inner .seventh { width: 14%; }
    .flight-item-header-3  .inner .eighth, .flight-item-group-3  .inner .eighth { width: 0%; display: none; }

    .flight-item-header-4  .inner .first, .flight-item-group-4  .inner .first { width: 20%; }
    .flight-item-header-4  .inner .second, .flight-item-group-4  .inner .second { width: 11%; }
    .flight-item-header-4  .inner .fourth, .flight-item-group-4  .inner .fourth { width: 22%; }
    .flight-item-header-4  .inner .fifth, .flight-item-group-4 .inner .fifth { width: 22%; }
    .flight-item-header-4  .inner .sixth, .flight-item-group-4  .inner .sixth { width: 16%; }
    .flight-item-header-4  .inner .seventh, .flight-item-group-4  .inner .seventh { width: 0%; display: none }

    .flight-logo-table { margin-left: 0 !important; }
    .flight-item-accordion-2 .header { padding: 10px 10px 10px 10px; }
    .flight-item-accordion-2 .accordion-head-sign, .flight-item-accordion-2 .toggle-head-sign { right: 18px !important; top: 33px; }
    .flight-item-carousel .item-carousel-navigation, .flight-item-carousel.no-mv .item-carousel-navigation { top: 260px; }
    .tabs.nested-tab { width: 100% !important; margin-left: -1px !important; margin-right: -1px !important; }
    .tabs.nested-tab li { margin:0 !important; width: 50% !important; float: left; padding: 0 1px; }
    .tabs.nested-tab li a { padding: 5px 0 !important; margin:1px 0 !important; width: 100% !important; }


    ul.last-minute-flight-item.sm-action li { height: 65px; padding-left: 30px; }
    ul.last-minute-flight-item.sm-action li .time { position: absolute; left: 0px; top: 35px;  }
    ul.last-minute-flight-item.sm-action li .img { left: 5px; }

    ul.booking-price-list li { padding-top: 20px; }
    ul.booking-price-list li .absolute { top: 0px; }
    ul.booking-price-list li.last { padding-top: 25px; }
    ul.booking-price-list li.last .absolute { top: 5px; }

    .skroller1.for-modal { width: 513px;  }
    .skroller1.for-modal-2 { width: 686px; }

    .passenger-form .control-mt { margin-top: 5px; }

    ul.list-30-60 li { padding-left: 38%; }

    .devrama-slider-wrapper .inner.devrama-slider .projector .slide5 h3 { margin-left: -50px !important; margin-top: -30px !important; }

    .for-booking .flight-path .row.xs-control.text-center { z-index: 99; margin: 0 20px 0 20px; padding-top: 30px; padding-bottom: 5px; }


    ul.bill-sum-list li > div { width: 50% !important; }
    ul.bill-sum-list li .sm-show { font-weight: 700; }
    ul.bill-sum-list li .number { left: 10px; text-align: left; }

    .pay-by-card-wrapper { padding-right: 0; }
    .pay-by-card-wrapper img { display: none; }

    .md-btn-control.btn { margin: 10px 0 15px !important; }

    .sm-hidden { display: none !important; }
    .sm-mb-10 { margin-bottom: 10px !important; }
    .sm-mt-0 { margin-top: 0px !important; }
    .sm-mt-5 { margin-top: 5px !important; }
    .sm-mt-10 { margin-top: 10px !important; }
    .sm-show { display: inline; margin-right: 5px; }
    .sm-action.mh-30 { margin-right: 10px !important; margin-left: 10px !important; }
    .sm-mmt-20 { margin-top: -20px !important; }
}

@media (min-width: 767px) and (max-width: 992px) {
    .sm-mmt-20 { margin-top: -20px !important; }
}

@media only screen and (max-width: 767px) {

    .container { width: 460px; padding-right: 5px; padding-left: 5px; }

    .site-header{ height:auto;}
    h1.logo { width: 140px; height: auto; position: absolute; top:0; left:0; }
    h1.logo img { width: 100%; }
    .mini-top-menu { margin-bottom: 40px; }
    .main-menu-wrapper { height: 40px; }

    #sticky-nav{ position:relative !important;}
    .main-menu{ display:none; }
    .mmenu-toggle{ display:block; top: 10px; }

    .home-tab.col-4 > ul.tabs li { width: 100%; margin: 0; padding: 0; }
    .home-tab.col-4 > ul.tabs li:first-child { border-left: 0;}
    .home-tab.col-4 > ul.tabs li a { height: 36px; padding-top: 5px; margin: 0; border-left: 1px solid #D7D7D7; border-top: 0; font-size: 14px }
    .home-tab.col-4 > ul.tabs li a.active { border-bottom: 1px solid #D6D6D6; }
    .home-tab.col-4 > ul.tabs li a.active:before { width: 100.4%; }

    .sort-wrapper .ui { margin-right: 20px; height: 74px; line-height: 70px; }
    ul.sort-action { margin-left: 110px; }

    .select-table .ui.checkbox { margin-top: 0px; margin-left: -25px; margin-right: 25px;  }

    .xs-hidden { display: none; }



    .flight-item-accordion .accordion-head, .flight-item-accordion .toggle-head { padding: 10px 0; }

    .flight-item-accordion-2 .header { display: none; }
    .flight-item-accordion-2 .xs-show { display: inline; color: #0FA1BD; font-weight: 600; }
    .flight-item-accordion-2 .xs-show:after { content: ":"}

    .flight-item-header-1, .flight-item-header-2, .flight-item-header-3, .flight-item-header-4 { display: none; }
    .flight-item-group-1.no-bb + .flight-item-group-1.no-bb { border-top: 1px solid #D7D7D7; }
    .flight-item-group-1 .select { left: 20px; }
    .flight-item-group-1  .inner { margin: 10px 0; margin-left: 30px; margin-right: 60px;}
    .flight-item-group-1  .inner > div { width: 50% !important; }
    .flight-item-group-1  .inner .xs-show { display: inline; float: left; font-weight: 600; color: #0FA1BD; padding-right: 10px;}
    .flight-item-group-1  .inner .xs-show:after { content: ":"; }
    .flight-item-group-1  .inner > div { text-align: left; margin: 2px 0; }

    .flight-item-list-2 .inner { margin: 5px 0; margin-left: 40px; margin-right: 0;  padding-bottom: 5px; }
    .flight-item-list-2 + .flight-item-list-2 { border-top: 1px solid #D7D7D7; }
    .flight-item-list-2 .inner strong { display: inline; float: left; }
    .flight-item-list-2 .inner > div { width: 50% !important; }
    .flight-item-list-2 .inner .first, .flight-item-list-2  .inner .second { width: 100% !important; }
    .flight-item-list-2 .inner .xs-show { display: inline; float: left; font-weight: 600; color: #0FA1BD; padding-right: 10px;}
    .flight-item-list-2 .inner .xs-show:after { content: ":"; }
    .flight-item-list-2 .inner > div { text-align: left; margin: 2px 0; }

    .flight-item-group-3  .inner { margin: 3px 0 10px; margin-left: 10px; margin-right: 10px;}
    .flight-item-group-3  .inner > div { width: 50% !important; text-align: left; margin: 0px 0; padding: 3px 0 }
    .flight-item-group-3  .inner .xs-show { display: inline; float: left; font-weight: 600; color: #0FA1BD; padding-right: 10px;}
    .flight-item-group-3  .inner .xs-show:after { content: ":"; }

    .flight-item-group-4  .inner { margin: 3px 0 10px; margin-left: 10px; margin-right: 10px;}
    .flight-item-group-4  .inner > div { width: 50% !important; text-align: left; margin: 0px 0; padding: 3px 0 }

    .flight-item-group-4  .inner .xs-show { display: inline; float: left; font-weight: 600; color: #0FA1BD; padding-right: 10px;}
    .flight-item-group-4  .inner .xs-show:after { content: ":"; }

    .flight-item-wrapper .flight-path .row.xs-control { margin-left: -10px; margin-right: 0; }
    .flight-item-wrapper .flight-path .row.xs-control .col-xss-12 { margin-top: 40px; }


    .flight-compare-table table { border-left: 0; }
    .flight-compare-table table th, .flight-compare-table table td  { text-align: left; }
    .flight-compare-table table thead tr { border-top: 0; border-bottom: 0; }
    .flight-compare-table table thead tr th { border-right: 0; }
    .flight-compare-table table tbody tr { border-bottom: 0; }
    .flight-compare-table table tbody tr td { border-right: 0; }

    .flight-compare-table .tablesaw tbody tr { border-bottom: 1px solid #d7d7d7; }
    .flight-compare-table .tablesaw tbody tr td { margin: 3px; }
    .flight-compare-table .tablesaw tbody tr td:first-child { margin-top: 15px; }
    .flight-compare-table .tablesaw tbody tr td:last-child { margin-bottom: 15px; }

    .skroller1.for-modal { width: 454px;  }
    .skroller1.for-modal-2 { width: 454px; }

    .flight-pop-up .content .overlay { padding-left: 60px; }
    .flight-pop-up .content .status { bottom: 20px; }
    .flight-pop-up .bottom .by { right: 20px; }

    .devrama-slider-wrapper .inner.devrama-slider .projector .slide5 h3 { margin-left: -20px !important; margin-top: -10px !important; }

    .for-booking .flight-path .row.xs-control.text-center { padding-top: 0px; padding-bottom: 10px; }

    .booking-car-item .content .price { bottom: -10px; }

    .bill.tabs-wrapper.home-tab.col-3 ul.tabs li a { font-size: 14px; }
    ul.bill-sum-list-2 li .absolute { width: 260px; }

    .xs-mb-10 { margin-bottom: 10px !important; }
    .xs-mb-20 { margin-bottom: 20px !important; }
    .xs-mt-10 { margin-top: 10px !important; }
    .xs-mt-20 { margin-top: 20px !important; }
    .xs-action.pull-left { float: none !important; display: inline-block !important }
    .xs-action.br { border-right: 0; }
    .xs-show { display: block; }
    .xs-text-center { text-align: center !important; }
}
@media (max-width: 479px) {

    .container { width: 310px; }

    h1.logo { top:30px; left:50%; margin-left: -70px; }
    .mini-top-menu { margin-bottom: 80px; }
    .select-table .ui.checkbox { margin-top: 0px; margin-left: -20px; margin-right: 5px;  }

    .main-search-box .form-group { margin: 5px 0; }

    .sort-wrapper .ui { margin-right: 20px; height: 118px; line-height: 118px; }
    ul.sort-action { margin-left: 110px; }

    .tabs.nested-tab { border-top: 1px solid #D7D7D7 !important; margin: 0 0 10px !important }
    .tabs.nested-tab li { padding: 0 !important; margin:0 !important; width: 100% !important}
    .tabs.nested-tab li a { padding: 5px 0 !important; margin:0 !important; border-top: 0 !important; }
    .flight-item-carousel .item-carousel-navigation, .flight-item-carousel.no-mv .item-carousel-navigation { top: 330px; }
    .flight-tab-bottom { margin-top: 1px; }


    .flight-item-wrapper-2 .header { padding-bottom: 40px; }
    .flight-item-wrapper-2 .header .btn { margin-left: 10px; }
    .flight-item-wrapper-2 .price-toggle h5 { top: 60px;  }
    .flight-item-accordion-2 .one-three { width: 100%; margin-bottom: 10px; border-bottom: 1px solid #D7D7D7; padding-bottom: 10px;  }
    .flight-item-accordion-2 .one-three.mr { margin-right: 0; }
    .flight-item-accordion-2 .one-five { width: 50%; }

    .testimonial-item  { padding-left: 95px; }
    .testimonial-item .img img, .testimonial-item .icon i { width: 60px; height: 60px;  }

    .devrama-slider-wrapper .inner.devrama-slider .projector .slide5 h3 { margin-left: -70px !important; margin-top: -30px !important; }

    ul.last-minute-flight-item li { height: 65px; padding-left: 30px; }
    ul.last-minute-flight-item li .time { position: absolute; left: 0px; top: 35px;  }
    ul.last-minute-flight-item li .img { left: 5px; }

    .flight-item-group-1 .select { left: 15px; }
    .flight-item-group-1  .inner > div, .flight-item-list-2  .inner > div { width: 100% !important; }
    .flight-item-list-2 .select { left: 25px; }
    .flight-item-list-2 .inner { margin: 5px 0; margin-left: 30px;}

    .flight-item-group-3  .inner > div, .flight-item-group-4  .inner > div { width: 100% !important; }

    .flight-item-wrapper .flight-path .row.xs-control { margin-left: -10px; margin-right: 0; }
    .flight-item-wrapper .flight-path .row.xs-control .col-xss-12 { margin-top: 5px; }
    .flight-item-wrapper .flight-path .row.xs-control .col-xss-12:nth-child(2) { margin-bottom: 5px; }

    .skroller1.for-modal, .skroller1.for-modal-2 { width: 301px;  }
    .flight-details-pop-up .flight-found { font-size: 11px; font-weight: 600; margin-left: 5px !important; }

    .flight-pop-up .content .status { width: 300px; right: -6px; bottom: -10px; }
    .flight-pop-up .content .overlay { padding-left: 45px; padding-right: 5px; }
    .flight-pop-up .bottom p { margin: 0 0 7px; }
    .flight-pop-up .bottom .by { position: relative; right: 0; top: 0;  }

    .bill.tabs-wrapper.home-tab.col-3 ul.tabs li { width: 100%; }
    .bill.tabs-wrapper.home-tab.col-3 > ul.tabs li { border-left: 1px solid #D7D7D7; margin-top: 0; }
    .bill.tabs-wrapper.home-tab.col-3 > ul.tabs li a.active { border-bottom: 1px solid #D7D7D7; }
    .for-booking .flight-path .row.xs-control.text-center { padding-top: 40px; }

    .booking-hotel-item .content { margin-left: 0; margin-top: 100px; }

    .booking-car-item .img { width: 120px; }
    .booking-car-item .content { margin-left: 0; }

    .independent-toggle.with-btn-action .independent-toggle-header { padding-bottom: 40px; }
    .independent-toggle.with-btn-action  .btn-action { top: 30px; }

    .bank-radio-checkbox .ui.radio label { padding-left: 0; padding-top: 40px; }

    ul.bill-sum-list li > div { width: 100% !important; }
    ul.bill-sum-list-2 { padding-bottom: 40px; }
    ul.bill-sum-list-2 li .absolute { position: relative; }

    ul.bill-total { width: 100%; }

    ul.list-30-60 li { padding: 25px 0 0px; margin-bottom: 5px; }
    ul.list-30-60 li:last-child { margin-bottom: 0; }
    ul.list-30-60 li span { top: 5px; }
    .flight-details-pop-up h3.airline { margin: 45px 0 5px 10px; }


    .col-xss-12 { width: 100%; }
    .col-xss-7 { width: 58.33333333%; }
    .col-xss-6 { width: 50%; }
    .col-xss-5 { width: 41.66666667%; }
    .col-xss-4 { width: 33.33333333%; }
    .col-xss-3 { width: 25%; }

    .xss-hidden { display: none; }
    .xss-show { display: block; }
    .xss-show.inline { display: inline; }

    .xss-action.ml-5 { margin-left: 0 !important; }
    .xss-mml-5 { margin-left: -5px !important; }
    .xss-mml-10 { margin-left: -10px !important; }
    .xss-mr-0 { margin-right: 0px !important; }
    .xss-mt-0 { margin-top: 0 !important; }
    .xss-mt-10 { margin-top: 10px !important; }
    .xss-mt-15 { margin-top: 15px !important; }
    .xss-mt-20 { margin-top: 20px !important; }

    .xss-overflow-hidden { overflow: hidden; }
}