.flight-page-tab {text-align:center; margin-top:40px;}
.flight-page-tab .is-active:first-child a:before{background-position:-2px -226px !important;height: 40px;left: 20px;}
.flight-page-tab .tabs-thumb:first-child a:before{background-position:-44px -226px;height: 40px;left: 20px;}
.flight-page-tab .tabs-thumb:first-child:hover a:before{background-position:-2px -226px !important;}
.flight-page-tab .tabs-thumb {background:#fff; border:1px solid #959595;border-radius:5px;min-width: 260px;margin:0 10px;}
.flight-page-tab .tabs-thumb a {color: #58595b;text-transform: initial;font-size:18px;font-weight: initial;text-align: left;} 
.flight-page-tab .is-active {background: #ef3339;border:1px solid #ef3339;}
.flight-page-tab .is-active a {color:#fff;}
.flight-page-tab .tabs-thumb:hover{background: #ef3339;border:1px solid #ef3339;}
.flight-page-tab .tabs-thumb:hover a {color: #fff;cursor: pointer;}
.flight-page-tab .tabs-thumb:first-child a {padding: 0 25px 0 70px;}
.flight-page-tab .tabs-thumb:nth-child(2) a:before {background-position:-89px -226px;width: 38px;height: 40px;}
.flight-page-tab .tabs-thumb:nth-child(2) a {padding: 0 25px 0 65px;}
.flight-page-tab .tabs-thumb:nth-child(2):hover a:before {background-position:-130px -226px;}
.flight-page-tab .is-active:nth-child(2) a:before{background-position:-130px -226px;}
.flight-page-tab-contant:after {background: transparent; position:static;}
.load-more-button {clear:both; margin:40px 0; text-align:center;}
.cities-list {display:block; background:#ebebeb;overflow: hidden;transition: 0.5s;-webkit-transition: 0.5s; margin-bottom:20px;}
.cities-list-img {float:left; width:38%;overflow:hidden;}
.cities-list-img img {width:100%;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;transition: all 300ms ease-out;}
.cities-list:hover .cities-list-img img {-moz-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2); opacity:.8;}
.cities-list:hover h6 {color:#0176b2;}
.cities-list:hover h6 span {color:#bb272b;}
.cities-list:hover {background:#dedede;}
.cities-list-caption {float:left; display:table; height:100%; width:62%;min-height:104px;padding:10px 10px 10px 10px;word-wrap: break-word;}
.cities-list-caption h6 {font-size:14px;vertical-align: middle;}
.cities-list-caption h6 span {display:block;font-size:14px; text-transform:uppercase;font-weight:bold;margin-top: 8px; margin-bottom:0px;}
.airports-flight .cities-list {
    background: #fff !important;
    border: 1px solid #cccccc !important;
}
.airports-flight .cities-list-caption h6 {
    font-weight: 600 !important;
}
.airports-flight .cities-list-caption .cities-list-vertical h6 span {
    text-transform: capitalize !important;
    font-weight: 100 !important;
}
.advertisement {clear:both; text-align:center; margin-top:20px;}
.sortby-text {font-weight:bold; font-size:18px;}
.sortby-text i{font-size: 26px;position: relative;top: 8px;}
.sortby-text span {display:inline-block; padding-left:10px;}
.spacer-top {height:30px;}
.sort-ft .form-holder .icon-color{right:0;}
.advertisement img {max-width:100%;}
.cities-list-caption p span {font-weight: 600;font-size: 16px;color: #ef3339;}
.cities-list-caption p {font-size: 13px;margin-bottom: 0;}
.cities-list-caption p i {font-size: 15px;margin-left: 5px;}
.load-more-button2  {margin:20px 0 20px 0; float:left; width:100%; text-align:center;}
.manage-airlines-wrapper {max-height: initial !important;}
/* Additional */
#intFlight {
    display: none;
}

.divhide {
    overflow: hidden;
    max-height: 490px;
}

.divhide2 {
    height: auto;
    overflow: hidden;
    max-height: initial;
}


.PopularFlight {
    overflow: hidden;
    max-height: 240px;
}

.PopularFlightShow {
    height: auto;
    overflow: hidden;
    max-height: initial;
}
/*responsive*/
@media (min-width: 992px){
.tab-content .swiper-slide {width: 50%;}
.spacer-four-group {width:100%; clear:both; height:30px;}
}
@media (max-width: 1200px){
.cities-list-caption {display: initial;min-height: initial;}
.cities-list-caption h6 {display: initial;}
.divhide {max-height: 495px;}
}

@media (max-width: 991px){
.flight-page-tab {margin-top:30px;}
.flight-page-tab .tabs-thumb {min-width: 250px;}
.load-more-button {display:none;}
.load-more-button2 {display:block; margin:20px 0; float:left; text-align:center; width:100%;}
.cities-list {margin-bottom:15px;}
.advertisement {margin-top:10px;}
}

@media (max-width: 767px){
    #btnCityPopularRoutes {display:none;}
    #CityPopularRoutes {
        height: auto !important;
        max-height: initial !important;
        overflow: initial !important;
    }
    .circle-caption .box-quick-details h4 {
        font-size: 14px;
    }
    .divhide2 {
        max-height: initial !important;
    }
    .PopularRoutesHide {height:auto !important;}
    .flight-page-tab .tabs-thumb:first-child a {
        padding: 0px 15px 0 65px;
    }
.flight-page-tab {margin-top: 20px;}	
.flight-page-tab .tabs-thumb a {font-size:16px;}
    .flight-page-tab .is-active:first-child a:before {top: 2px;left: -70%;}
    .tabs-thumb:nth-child(2) a:before {
        top: 5px;
        left: 0;
    }
    .PopularFlight {
        max-height: 490px;
    }
    .PopularFlightShow {
        max-height: initial;
    }
    .divehideContent {
        max-height: initial !important;
    }
    #internatinal a:before {
        top: 2px;
        left: -70%;
    }
    .flight-page-tab .tabs-thumb:first-child a:before {left:-70%;top:0;}
    .spacer-top {
        height: 20px;
    }
    .cities-list {
        margin-bottom: 10px;
        height: 90px;
        overflow: hidden;
    }
    .cities-list-img img {
        width: auto;
        height: 90px;
        }
    .advertisement {
        margin-top: 5px;
    }
.flight-page-tab .tabs-thumb {margin: 0 5px}	
.tab-content .slider-domestic {margin-bottom:20px;}
.advertisement {display:none;}	
}
@media (max-width: 560px){
	.flight-page-tab .tabs-thumb {min-width: 144px;}
	.flight-page-tab .tabs-thumb:first-child a:before {display:none;}
	.flight-page-tab .tabs-thumb:nth-child(2) a:before {display:none;}
	.flight-page-tab .tabs-thumb:nth-child(2) a {padding:0 10px;}
        .flight-page-tab .tabs-thumb:first-child a {
            padding: 0 8px;
        }
	.flight-page-tab .tabs-thumb {line-height: 2.5;}
	.flight-page-tab .tabs-thumb {float:none; display:inline-block;}
	.sort-ft .col-xs-3 {width:50%;}
	.sort-ft .col-xs-3 .form-holder {margin-bottom: 10px;}
	.flight-page-tab .tabs-thumb a {font-size:14px;}
	.spacer-top {height:10px;}
	.flight-city .col-xs-6{ width:100%;}
	.sortby-text {font-size:14px;}
	.sortby-text i {font-size:24px;}
	.sortby-text span {padding-left: 5px;}
    .divhide {
        max-height: 100%;
    }
}

@media (max-width: 340px){
.flight-page-tab .tabs-thumb {margin: 0 5px;}
.flight-page-tab .tabs-thumb {min-width:initial;}	
}

/**Flight Loader*/
#flight_loader {
    width: 50%;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 40%;
}

 #flight_loader .wrapper {
        padding-top: 30px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    #flight_loader span {
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        text-align: center;
        letter-spacing: 2px;
        animation: flash alternate .5s infinite;
        font-size: 20px;
    }

    #flight_loader .locstart, #flight_loader .locend {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background-color: #EE9BAC;
        border: 2px solid #ef3339;
        z-index: 2;
    }

    #flight_loader .flightpath {
        height: 1px;
        background: transparent;
        border-top: 2px dashed #ef3339;
        position: absolute;
        left: 20px;
        right: 20px;
        width: calc( 100% - 40px);
    }

    #flight_loader .airplane {
        background-image: url('../images/iconPlaneloading.svg');
        width: 64px;
        height: 64px;
        background-size: 64px;
        position: absolute;
        animation: flight infinite 2s ease-in-out;
    }

@keyframes flight {
    from {
        left: 0;
        transform: translateY(-50%) scale(0.5);
    }

    to {
        left: calc( 100% - (64px) );
        transform: translateY(-50%) scale(0.5);
    }

    10% {
        transform: translateY(-50%) scale(0.5);
    }

    50% {
        transform: translateY(-50%) scale(1.4);
    }

    90% {
        transform: translateY(-50%) scale(0.5);
    }
}

@keyframes flash {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (max-width:767px) {
    #flight_loader {
        width: 90%
    }

        #flight_loader .airplane {
            background-image: url('../images/iconPlaneloading.svg');
            width: 40px;
            height: 40px;
            background-size: 40px;
            position: absolute;
            animation: flight infinite 2s ease-in-out;
        }

    to {
        left: calc( 100% - (40px) );
        transform: translateY(-50%) scale(0.5);
    }
    #flight_loader .locstart, #flight_loader .locend {
        height: 20px;
        width: 20px;
    }
    }