@media only screen and (max-width: 380px) {
    .result-head-mob span {
        padding: 4px !important;
    }
    .result-head-mob p {
        font-size: 11px !important;
    }
    .mob-result label {
        font-size: 10px !important; 
    }
    .tab-short-high .tab button {
        padding: 10px 18px;
        font-size: 14px;
        width: 43.1% !important;
    }
    .flight-timeline span.name-flt {
        font-size: 11px !important;
    }
    .ftr-mobl p {
        font-size: 13px !important;
    }
    .ftr-mobl a {
        margin-left: 8px !important;
    }
    .ftr-mobl span {
        padding: 11px 7px !important;
    }
    .flight-list-box .bottom-content .rlt-mob .things .extra-things .econ2 {
        padding: 0 3vw !important;
    }
    
    .mob-result img {
        width: 5vw;
    }
    
    }
    
    @media screen and (max-height: 450px) {
        .sidenav {padding-top: 15px;}
        .sidenav a {font-size: 18px;}
        .sidenav2 {padding-top: 15px;}
        .sidenav2 a {font-size: 18px;}
      }
    
    @media only screen and (max-width:767px) {
        .flight-list-box .bottom-content p {
            display: unset;
            margin-bottom: 0px;
              font-size: 15px;
        }
    
        .flight-list-box .bottom-content .rlt-mob .things .extra-things label {
            color: var(--white);
        }
        .flight-list-box .bottom-content .rlt-mob .things .extra-things {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: linear-gradient(45deg, var(--black), var(--background));
            padding: 0 7px;
            border-radius: 5px;
            line-height: 4vh;
        }
        .result-form.sidenav2 {
            position: relative;
            height: 0;
            opacity: 0;
        }
        .tab-short-high .tab button {
        padding: 10px;
        font-size: 3.5vw;
        width: 44.4%;
        margin: 0 10px 10px 10px;
        }
        .tab-short-high button {
            margin: 0;
        }
        .result-head-mob span {
            background: var(--white);
            color: var(--background);
            padding: 4px 8px;
            border-radius: 5px;
        }
        .flight-logo {
        text-align: left;
        width: 60%;
        }
        .pricing {
            display: none;
        }
        .round-bk {
            border-left: unset;
            border-top: 1px dashed;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .top-content {
        position: relative;
    }
    .flight-time {
        width: 100%;
    }
        .top-content .flight-detils {
        position: absolute;
        right: 0;
        bottom: 66px;
        background: #cccccc75;
        padding: 6px 8px 4px 8px;
        border-radius: 5px;
        }
        .flight-detils.drp {
            width: 100%;
            text-align: center;
              position: unset;
              margin-top: 0px;
        }
        .flight-detils.drp button {
            margin-right: 0 !important;
        }
       
        .date-time {
            display: inline-block;
            padding: 4px 10px;
            width: 100%;
        }
        .tm-dt {
            display: unset;
        }
        span.tm-dt br {
            display: none;
        }
       .flight-timeline span.name-flt {
        font-size: 3.4vw !important;
        }
    
        .flight-timeline:before {
            display: none;
        }
      
      .flight-detils.drp.one-rd button {
              width: 100%;
        margin-top: 12px;
    }
        .round-bk.double-rund {
        padding: 25px 0px 15px 0;
        margin: 25px 15px 0 15px;
        }
        .result2 p {
            font-size: 20px;
            margin: 15px 15px 50px 15px;
        }
        .tab-short-high {
            margin-bottom: 15px;
        }
        .result-head-mob p {
            color: var(--white);
            font-size: 15px;
        }
        .mob-result label {
            font-size: 12px;
        }
        .result-head-mob .mob-result label {
            margin: 0 0 0 4px;
        }
        .mob-result img {
            margin: 0 6px;
        }
        .book-result {
            padding: 10px 0 60px 0;
        }
         .round-bk {
            padding: 15px 0;
        }
        .reslt-ft {
            text-align: unset;
            margin-top: 15px;
        }
        .ftr-mobl {
            width: 100%;
            justify-content: center;
            align-items: center;
            display: inline-flex;
        }
        .ftr-mobl span {
            color: var(--background);
            background: var(--white);
            padding: 11px 15px;
            border-radius: 5px;
                margin-right: 10px;
        } 
        .ftr-mobl a span {
            background: transparent;
            font-size: 30px;
            color: var(--white);
            font-weight: 600;
                padding: 0 !important;
        }
     .ftr-mobl a {
        margin: 0 !important;
    }
        .ftr-mobl a {
            margin-left: 15px;
        }
        .footer {
            padding: 10px 0;
        }
        .sidenav {
            bottom: 0;
          }
        .loader img {
            width: 100%;
        }
        .month-date i {
       position: absolute;
        transform: rotate(90deg);
        font-size: 30px;
        color: var(--background);
        margin: 15px 0;
        right: 0 !important;
        left: 0 !important;
        text-align: center;
        bottom: 49px
        }
        .month-date p {
            margin: 0;
        }
        .all-search .srch1 {
            margin-top: -60px;
        }
        .result p {
            margin: 15px 15px 40px 15px;
        }
        .search {
        min-height: 100vh;
        }
    .exch2 {
        text-align: center;
    }
    .cnt-numbr {
        margin-top: 25px;
    }
    .round-flt {
        padding-top: 5px;
    }
    .flight-timeline {
        padding: 0;
    }
    .flight-list-box {
        padding: 24px 6px 0 6px;
    }
    .reslt-mdum {
        padding: 0 6px;
    }
    .date-time p {
        display: flex !important;
        float: left;
    }
    .date-time .miles {
        float: right;
    }
    .hrs {
        display: unset !important;
        width: 30%;
        float: right;
        text-align: right;
    }
    .flight-detils .d-block {
        font-size: 13px;
    }
    .date-time .hrs {
        /* width: 100%; */
        display: unset !important;
        text-align: center;
    }
    .flight-list-box .flight-detils .tm-dt {
        font-size: 3.2vw;
    }
    span.tm-dt label {
        font-size: 3.4vw;
    }
    .flight-list-box .bottom-content .rlt-mob2 .dot {
        margin: 0 7px;
    }
    
    .flight-list-box .bottom-content .rlt-mob2 .rt-lc {
        width: 100%;
        padding-top: 5px;
    }
    
    .miles .flightmiles {
        font-size: 15px;
    }
    .hrs .hour {
        font-size: 3.8vw;
    }
    .light-theme.simple-pagination ul li {
        padding: 4px 8px;
    }
    
    .flight-list-box .bottom-content .rlt-mob .things .extra-things br {
        display: none;
    }
    
    .frm.fm.departclass {
        width: 48.5%;
        float: left;
    }
    .frm.to.returnclass {
        width: 48.5%;
        float: right;
    }
    .frm.fm.departclass.departdate {
        width: 100%;
    }
    
    .result-head ul {
        display: inline-block;
    }
    .nmbr {
        display: none;
    }
    .mail {
        width: 100%;
        background: linear-gradient(45deg, var(--black), var(--background));
        padding: 1vh 2vw 1.5vh 2vw;
        border-radius: 5px;
    }
    .mail a {
        font-size: 4.5vw;
        color: #fff;
    }
    .main-booking .left {
        text-align: left;
    }
    
    .bk-ex img {
        margin: 0 10px;
    }
    .main-booking {
        margin: 94px 0 60px 0;
    }
    .bok {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .ftr-mobl img {
        width: 35px;
    }
    .main-booking .upper-top-content {
        padding-right: 15px;
        padding-left: 15px;
    }
    .main-booking .container {
        padding: 0 6px;
    }
        .flight-list-box .bottom-content .rlt-mob .things .extra-things label {
            color: var(--white);
        }
        .flight-list-box .bottom-content .rlt-mob .things .extra-things {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: linear-gradient(45deg, var(--black), var(--background));
            padding: 0 7px;
            border-radius: 5px;
            line-height: 4vh;
        }
    .flight-list-box .bottom-content .rlt-mob2 {
    width: 100%;
    margin-bottom: 15px;
    }
    .flight-list-box .bottom-content .rlt-mob2 .rt-lc {
    text-align: left;
    }
    .flight-timeline .rlt-mob {
    margin-bottom: 15px !important;
    display: inline-block !important;
    width: 100%;
    }
    
    .flight-list-box .bottom-content .rlt-mob .things .extra-things .econ2 {
    border-right: 1px solid var(--white);
    border-left: 1px solid var(--white);
    padding: 0 6vw;
    }  
    .flight-list-box .bottom-content .rlt-mob2 .name-flt {
        line-height: 2vh !important;
    }
    .to-mal.mail a {
        font-size: 13px;
        color: var(--white);
    }
    .ajaxloader.plane-loader-cont img {
        width: 60%;
        margin: 0 auto;
    }
    .all-alter {
        display: unset;
    }
    .modal.fade .modal-content .modal-body h2 {
        font-size: 22px;
        text-align: center;
    }
    .modal.fade .modal-content .modal-body h3 {
        font-size: 15px;
        text-align: center;
    }
    .alter-cnt {
        margin-left: 0;
    }
    .btn-cont-box a {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .main-booking ~ .footer span:last-child {
        display: block;
    }
    .main-booking ~ .footer span {
        display: none;
    }
    .cont-detls input {
        margin-bottom: 20px;
    }
    .parsley-error {
        margin-bottom: 0 !important;
    }
    .main-booking .bok-al {
        display: unset;
    }
    .bok-al .col-md-8 {
        padding: 0;
    }
    .bok-al .col-md-4 {
        padding: 0;
    }
    .month-date p:last-child {
        text-align: right;
    }
    .month-date p {
        text-align: left;
    }
    .exch img {
        width: 10vw ;
    }
    .month-date i.fas.fa-calendar-alt {
        position: relative;
        bottom: unset;
        transform: rotate(0deg);
        color: var(--black);
        margin: 0;
    }
    .onewaycls .round-bk.double-rund {
        padding: 15px 0 25px 0;
    }
    .all-search .container {
        padding: 0 6px;
    }
    .onewaycls .flight-detils.drp.one-rd {
        margin-top: -10px;
    }
    .rest {
        width: 42vw;
    }
    .exlp {
        padding: 0 15px;
    }
    .main-booking .frst-nm.hld {
        margin-bottom: 20px !important;
    }
    .rest-logo {
        width: 170px !important;
    }
    }
    
    
    @media only screen and (min-width:768px) and (max-width:1024px) {
        .flight-detils.drp button {
            margin-right: 7%;
        }
        .flight-timeline:before {
            left: 16%;
        }
        .frm.fm {
        width: 48.7%;
        float: left;
    }
    .frm.to {
        width: 48.7%;
        float: right;
    }
    .frm.fm.departclass {
     width: 48.7% !important;
    }
    .frm.to.returnclass {
        width: 48.7% !important;
    }
    .frm.fm.departclass.departdate {
        width: 100% !important;
    }
    .flight-logo img {
        width: 50px;
    }
    .main-booking .flight-detils.drp {
        top: 3px;
    }
    
    .main-booking .flight-list-box .bottom-content p {
            display: unset;
            margin-bottom: 0px;
              font-size: 15px;
        }
    .main-booking .flight-list-box .bottom-content .rlt-mob .things .extra-things label {
            color: var(--white);
        }
    .main-booking .flight-list-box .bottom-content .rlt-mob .things .extra-things {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: linear-gradient(45deg, var(--black), var(--background));
            padding: 0 7px;
            border-radius: 5px;
            line-height: 4vh;
        }
    .main-booking .flight-list-box .bottom-content .rlt-mob2 {
            width: 100%;
            margin-bottom: 15px;
        }
    
    .main-booking .flight-list-box .bottom-content .rlt-mob2 .rt-lc {
            width: 65%;
            text-align: left;
        }
    .main-booking .flight-timeline .rlt-mob {
            margin-bottom: 15px !important;
            display: inline-block !important;
            width: 100%;
        }
    .main-booking .flight-list-box .bottom-content .rlt-mob .things .extra-things .econ2 {
            border-right: 1px solid var(--white);
            border-left: 1px solid var(--white);
            padding: 0 6vw;
        }
        .rt-footer-social img {
        width: 3.9vw;
    }
    .main-booking .upper-top-content .left span {
        font-size: 15px;
    }
    .round-bk.double-rund {
        padding: 30px 15px;
    }
    .flight-detils.drp.one-rd button {
        margin-right: 11px;
        top: -10px;
    }
    .flight-detils.drp.one-rd .bottom-content:nth-child(1) {
        margin-top: 44px;
    }
    .flight-list-box .bottom-content .rlt-mob2 .name-flt {
        line-height: 28px !important;
    }
    .paginations
    {
      padding-bottom: 30px;
    }
    .flight-detils.drp {
        top: -25px;
    }
    
    }
    
    @media only screen and (min-width:820px) and (max-width:1020px) {
        .flight-timeline:before {
            left: 20.5%;
        }
    
    }
    
    @media only screen and (min-width:1025px) and (max-width:1180px) {
        .flight-timeline:before {
            left: 24.5%;
        }
    
    }
    
    @media only screen and (max-width:1024px) {
        .main-headresult {
            background: linear-gradient(45deg, var(--black), var(--background));
        }
        .result-head-mob {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
        .result-head-mob .mob-result p {
            margin: 0;
        }
        .result-head-mob .mob-result p span {
            background: transparent;
            padding: 0 !important;
            color: var(--white);
        }
        .footer {
            text-align: center;
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 9;
        }
        .blink {
            animation: blinker 2.0s linear infinite;
          }
          @keyframes blinker {
            50% {
              opacity: 0;
            }
          }
          .price-stop .widget_plane_time {
            padding: 15px;
        }
        .result-head-mob {
            display: inline-flex !important;
        }
        .range-slider {
            padding: 15px;
            border-bottom: 1px dashed;
        }
        .back a {
            color: var(--white);
        }
    
    .price-stop.sidenav {
        height: 0;
        opacity: 0;
        /* padding-top: 35px; */
    }
    .sidenav {
        width: 0;
        position: fixed;
        z-index: 99;
        left: 0;
        overflow-x: hidden;
        transition: 0.5s;
        padding: 0;
        top: 0 !important;
      }
      .sidenav a {
        padding: 0 15px 5px 18px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
        border-bottom-left-radius: 30px;
        color: #fff;
      }
      .sidenav a:hover {
        color: #f1f1f1;
      }
      .sidenav .closebtn {
        position: sticky;
        top: -2px;
        right: 0;
        font-size: 36px;
        margin-left: 0;
        float: right;
        background: var(--background);
        line-height: 45px;
      }
      #main {
        transition: margin-left .5s;
        padding: 16px;
      }
    
    .result-form {
        margin: 0 !important;
        padding: 0;
    }
        .sidebar2 {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 99;
            top: 0;
            left: 0;
            background-color: #f1f1f1;
            overflow-x: hidden;
            transition: 0.5s;
          }
          
          .sidebar2 a {
        padding: 0 10px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
        line-height: 30px;
          }
          
          .sidebar2 a:hover {
            color: #f1f1f1;
          }
          
          .sidebar2 .closebtn2 {
            position: absolute;
        top: -10px;
        right: 0;
        font-size: 36px;
        margin-left: 0;
        line-height: unset;
          }
          
          .openbtn2 {
            font-size: 20px;
            cursor: pointer;
            background-color: #111;
            color: white;
            padding: 10px 15px;
            border: none;
          }
          
          .openbtn2:hover {
            background-color: #444;
          }
          
          #main2 {
            transition: margin-left .5s;
            padding: 16px;
          }
          .result-form .container {
            padding: 0;
        }
        .flt {
            border-radius: 0;
            background: transparent;
            position: unset;
        }
        .frm.fm, .frm.to {
        width: 100%;
    }
    .result-form:before {
       display: none;
    }
    .srch {
        width: 100%;
    }
        .flt .row {
            padding: 25px 0 0 0;
        }
        .flt .one-round {
            margin-top: 30px;
            justify-content: center;
        }
        .frm.to {
        padding-left: 0;
        margin-right: 0;
        margin-bottom: 5px;
        }
        .frm.fm {
        padding-right: 0px;
        margin-bottom: 5px;
        margin-right: 0;
        }
        .to i {
        left: 6px;
        bottom: 18px;
        }
        .srch button {
            width: 100%;
        }
    
        .reslt-mdum {
            max-width: 100%;
            flex: unset;
            margin: 60px 0;
        }
        .reslt-img {
            display: none !important;
        }
        .srch button {
        margin-top: 15px;
        }
        .flt-inpt {
        display: unset;
    }
        .frm.pnr.flt-htl-passenger {
        margin: 0;
        display: inline-block;
        width: 100%;
    }
    .frm label {
        margin-bottom: 0;
    }
    .flt-htl-passenger .psg_dls {
        box-shadow: 0 6px 10px #000;
    }
    
    .rand-dpt-arivl {
        padding: 0 15px 30px 15px;
    }
    .prce {
         padding: 0 15px 30px 15px;
    }
    .main-booking .flight-list-box {
        padding: 22px 15px 10px 15px;
    }
    
    .flight-list-box .bottom-content .flight-timeline {
        padding: 0;
    }
    .flight-list-box .bottom-content .rlt-mob2 .dot {
        margin: 0 10px;
    }
    
    .flight-list-box .bottom-content .rlt-mob2 .name-flt.nm1 {
        margin-bottom: 16px;
    }
        .flight-list-box .bottom-content .rlt-mob2 .name-flt {
        text-align: left !important;
        display: inline-block;
    }
    .flight-list-box .flight-detils .tm-dt {
        font-size: 13px;
    }
    .flight-timeline span.name-flt {
        font-size: 14px !important;
    }
    
        .flight-list-box .bottom-content .rlt-mob .things .extra-things {
        line-height: unset;
    }
    .segmentDeparture-overlay .css-1894l3t {
        background: var(--black);
        text-align: center;
        margin-top: 0;
    }
    .main-booking .f-size-24 {
        font-size: 18px;
        font-family: "Josefin Sans";
    }
    .main-booking .flight-lable.rt-form label {
        font-size: 14px;
    }
    .main-booking .alert {
        padding: 15px;
    }
    .final-booking h4 {
        font-size: 17px !important;
    }
    .main-booking .rt-widget.final-booking li {
        font-size: 13px;;
    }
    .main-booking .rt-widget.final-booking li.sub-total {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .main-booking .rt-widget.final-booking li.sub-total span:nth-child(2) {
        font-size: 20px;
    }
    .main-booking .rt-widget {
        padding: 15px;
    }
    .final-booking p {
        font-size: 13px;
    }
    .main-booking {
        margin: 104px 0 100px 0;
    }
    .segmentDeparture-overlay {
        margin-top: 22px;
    }
    
    
    
    }
    
    
    
    
    @media only screen and (min-width:768px) {
      
        .result-head-mob {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
        .result-head-mob span {
            background: var(--white);
            color: var(--background);
            padding: 4px 8px;
            border-radius: 5px;
        }
        .result-head-mob p {
            color: var(--white);
            font-size: 16px;
        }
        .result-head-mob .mob-result p {
            margin: 0;
        }
        .result-head-mob .mob-result p span {
            background: transparent;
            padding: 0 !important;
            color: var(--white);
        }
        .result-head-mob span {
            background: var(--white);
            color: var(--background);
            padding: 4px 8px;
            border-radius: 5px;
        }
        .mob-result label {
            font-size: 13px;
            margin-bottom: 0;
        }
        .edit, .fters {
            font-size: 16px !important;
            padding: 8px 15px;
        }
        .mob-result img {
            margin: 0 8px;
        }
        .result-head-mob .mob-result label {
            margin: 0 0 0 8px;
        }
        .footer {
            padding: 25px 0;
        }
        .sidenav {
            top: 0;
          }
    
    }
    
    
    @media only screen and (min-width:1025px) {
        .price-stop.sidenav .closebtn {
            display: none;
        }
        .price-stop.sidenav {
            width: 100% !important;
        }
        .result-form.sidenav .closebtn {
            display: none;
        }
        .result-form.sidenav {
            width: 100% !important;
            height: 100% !important;
        }
        .sidebar .closebtn {
            display: none;
        }
        .sidebar2 .closebtn2 {
            display: none;
        }
    .result-form {
        position: relative;
        background: linear-gradient(45deg, var(--black), var(--background));
    }
    .sidebar2 {
        width: 100% !important;
        }
        .price-stop.sidenav {
            width: 100% !important;
            opacity: 1 !important;
            height: auto !important;
        }
    }
    
    @media only screen and (min-width:1199px) {
    
    }