/* Responsive CSS */

@media only screen and (min-width: 768px) and (max-width: 1199px) {

/*---Header---*/
 

 
}
 @media only screen and (min-width: 768px) and (max-width: 990px) {
	 
/*---Header---*/	 
 .banner-right {
    position: relative;
    display: none;
}
}


@media only screen and (max-width: 767px) {
/*---Header---*/	 
.banner-right {display: none;} 
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;margin: 10px -15px 0px;background: rgba(0, 0, 0, 0) linear-gradient(to right, #5580EB 0%, #2AEEFF 100%);}
.fixedHeader .navbar-default .navbar-nav > li > a {padding: 10px 0px !important;}
.nav > li > a {padding: 10px 0px !important;}
#mainHeader {padding: 20px 0px;transition: .3s;}
.fixedHeader{padding: 10px 0px !important;}
.navbar-brand { padding:0px 0px;}
.navbar-toggle {margin: 0px;}

.banner-area-section {padding: 110px 0 0px;height: 380px;}
.banner-area-section::after { height: 15px;background-size: 100%;}
.banner-wrp {padding: 0px 0px;}
.banner-content { margin-top: 0px;}
.banner-content > h2 {font-size:30px;letter-spacing:0px; margin-bottom: 10px; line-height: 38px;}	
.banner-content > p {font-size: 15px;letter-spacing:0px; margin-bottom: 10px;}	
.banner-btns > a { padding: 5px 8px 5px 10px;border: 2px solid #fff;font-size: 15px;margin-right: 5px;border-radius: 40px;line-height: 25px;}
.banner-btns > a i {margin-left: 10px;line-height: 25px;width: 25px;font-size: 13px;float: right;}

.features-1 .icon img {height: 55px;}
.features-1 .icon { margin-bottom: 10px;}
.features-1 h2 {font-size: 18px;padding-bottom: 10px;}
.features-1 {padding: 15px 15px;}
.features_section {padding: 30px 0px;}

.services_section {padding: 25px 0px 15px;}
.services-1 {margin: 15px 0px;border: 1px solid #f1f1f1;background: #fff;padding: 15px 15px;text-align: center;}
.services-1 .icon {float: initial; margin: 0px auto 5px;}
.services-1 .ser-comtent {padding-left: 0px;width: 100%;}
.services_section .hed-title h2 {font-size: 20px;margin:8px 0px;}
.services_section .hed-title p {font-size: 15px;padding: 0px 5%;margin-bottom: 10px;line-height: 20px;}

.action_section{ padding:25px 0px; text-align:center;}
.action_section h2 {font-size: 33px;color: #fff; margin: 0px 0px;line-height: 40px;text-align: center;}
.action_section a { font-size: 15px;margin: 15px auto 5px;padding: 8px 20px;float: initial;}

.development_section h2 {font-size: 20px;color: #000000;font-weight: 600;}
.development_section {padding: 25px 0px 0px;text-align: center;}
.development_section p {font-size: 15px; margin-top: 10px;}
.development_section ul {margin-top: 30px; padding:0px;}
.development_section ul span img {display: none;}
.development_section ul li p {font-size: 18px;color: #323232;font-weight: 600;margin: 5px 0px 25px;line-height: 20px;}

.user_section {padding: 15px 0px 25px;}
.user_section h2 {font-size: 30px;color: #fff;font-weight: 700;margin-top: 15px;}
.user_section h2 span {font-size: 15px;display: block;font-weight: 300;letter-spacing: 4px;text-transform: capitalize;line-height: 25px;}
.user_section .btns {height: 40px;line-height: 40px;width: 160px;font-size: 16px; margin:20px auto 0px;}

.subscribe_section {padding: 25px 0px;}
.subscribe_section .hed-title h2 {font-size: 25px;}
.subscribe_section .hed-title p {font-size: 15px;color: #e76161; padding: 0px 10%;margin: 9px 0px 20px;}
.subscribe_section .subscription-form {width: 100%; margin: 20px auto 0px;position: relative;}
.subscribe_section .subscribe-box button {font-size: 20px;height: 50px;padding: 0 25px;}
.subscribe_section .subscribe-box .form-control {font-size: 14px;height: 51px;padding: 0 80px 0 15px;}

.contact-address {padding: 25px 0px; height: auto;position: relative;width: 100%;}
.contact-address h4 {font-size: 25px;margin-bottom: 25px;line-height: 30px; padding: 0px 6%; margin: 0px;text-align: center;}

.contact-form { background: #fff;padding: 25px 15px;min-height: auto;}
.contact-form h3 {font-size: 25px;margin-bottom: 15px; text-align: center;}

footer {background: #000; padding: 25px 0px 0px;}
.footer-address h4 {font-size: 18px;color: #000;font-weight: normal;margin-bottom: 8px;}
.footer-address ul li::before {position: absolute;font-size: 16px;background: #666;color: #fff;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;left: 0px;}
.footer-address ul li:nth-child(2)::before {line-height: 30px;}
.footer-address ul li {margin-bottom: 20px;padding-left: 45px;}
.footer-ul ul {margin: 0px 0px 20px;padding: 0px;}
.footer-ul h3 {font-size: 20px;padding-bottom: 5px;}
.fotter-bottom {padding: 0px 0px;text-align: center;margin-top: 15px;}
.fotter-bottom p {font-size: 13px;}





/*--- About Page ---*/
.inner-banner {height: 270px;}
.title-sub > h2 {font-size: 30px;letter-spacing: 0px;margin-bottom: 5px;line-height: 38px;}
.title-sub > h1 {font-size: 30px;letter-spacing: 0px; margin-bottom: 5px;line-height: 38px;}
.title-sub > p { font-size: 15px;letter-spacing: 0px;padding: 0px 0%;}
.service-content { padding: 25px 0px;}
.about_content { width: 100%;padding: 0px;}
.about_content h2 {font-size: 24px;line-height: 32px;padding: 0px 0%;}
.about_content .left {display: none;}
.about_content .right { float: right; width: 100%; margin-top: 20px;text-align: left;padding-left: 0px;}
.about_content .right p {font-size: 15px;line-height: 22px;text-align: justify;}
.about_content .right li {font-size: 15px;line-height: 25px;}
.about_content .btns2 a {height: 45px;line-height: 40px;width: 150px;font-size: 16px; float: inherit; margin: 25px auto 0px;}
.team-list { background: #f6f6f6;padding: 25px 0px;}
.team-list h2 {font-size: 24px;color: #000;margin: 0px; padding: 0px 0%;}

/*--- Services Page ---*/
.services-title h2 {font-size: 24px;line-height: 32px;padding: 0px 0% 15px;}
.services-title p { color: #666;font-size: 16px;margin: 0px;padding: 0px 0px 20px;line-height: 26px;}
.services-images img {height: 200px;margin: 0px auto;}
.service-1 .services-content, .service-2 .services-content, .service-3 .services-content, .service-4 .services-content, .service-5 .services-content {padding: 10px 15px 20px 15px;text-align: center;}
.services-content span {font-size: 60px;}
.services-content h2 {font-size: 25px;margin-bottom: 10px;}
.services-content p {font-size: 15px; line-height: 23px;}
.services-content a {padding: 13px 30px;font-size: 15px;margin-top: 20px;}
.service-section { padding: 20px 0px 5px;border-bottom: 1px dashed #ccc;}
.service-section:last-child{padding: 20px 0px 0px;border-bottom:none;}
.center-images img {height: auto; max-width: 100%;}
.benifits_sec h3 {font-size: 24px;line-height: 30px;margin-bottom: 15px; padding:0px;}	
.benifits_sec p {font-size: 15px;line-height: 24px;text-align: justify;}
.benifits_sec ul {margin: 10px 0px;}
.benifits_sec ul li {font-size: 16px;width:100%;padding: 5px 0px;}
.development-img {height: auto !important;margin-bottom: 10px;}
.mob-apps1 { background: #fff;padding: 25px 20px;}
.mob-apps1 h3 {font-size: 20px; line-height: 30px;margin-bottom: 15px;padding: 0px;margin-top: 15px;line-height: 25px;}	
.inner-page-content { padding: 25px 0px;}
.inner-page-content h2 {font-size: 18px;padding-bottom: 10px;font-weight: 500;line-height: 22px;}

/*--- Portfolio Page ---*/
.tm-portfolio { padding-top: 10px;}
.filter-wrapper {padding: 0px;}
.filter-wrapper li {margin: 4px 0px;}
.filter-wrapper li a {font-size: 13px;padding: 10px 20px;}
.tm-portfolio img {width: 100%;height: 170px;}

/*--- Contact Page ---*/
.contact-page h2 {font-size: 24px;margin: 0px 0px 30px;line-height: 30px;}
.contact-text {padding-left: 15px;}
.contact-page h3 {font-size: 18px;padding-bottom: 15px;}
.contact-text p {font-size: 15px;}

    .nav.navbar-nav li.dnone {
        display: none;
    }


/* Booking Engine */
header {padding: 5px 15px !important;background: #07162d;}
.booking-wrapper, .booking-wrapper::before { background: #07162d; height: auto;}
.booking-engine > .tab-content {padding: 30px 15px 0px;}
.booking-wrapper h1 { display:none;}
.flight-wrapper1 { margin: 10px 0px; border-bottom:none;}
.flight-wrapper1 > ul > li > h3 {font-size: 18px;font-weight: 600;}
.flight-wrapper1 > ul {flex-wrap: wrap;}
.flight-wrapper1 > ul > li.from, .flight-wrapper1 > ul > li.to { min-width: 50%;}
.flight-wrapper1 > ul > li { padding:10px 15px !important;height: auto;}
.flight-wrapper1 > ul > li.travellers { min-width: 100%;}
.flight-wrapper1 > ul > li.depart, .flight-wrapper1 > ul > li.return { min-width: 50%;}
.flight-wrapper1 > ul > li + li { border-top: 1px solid #cccccc54;border-left: none;}
.titleType {padding: 0px 15px;}
.tripTypes .custom-control-label {font-size: 13px;}
.titleType {flex-wrap: wrap;}
.titleType > div{ width:100%;}
.bHead {display:none;}
.tripTypes .custom-control-inline { margin-right: 10px;}
.booking-engine .nav-pills li a {width: 80px;height: 65px; margin: 0px 5px; font-size: 22px;}
.booking-engine .nav-pills li a span {font-size: 12px; margin-top: 5px;}
.btn-search {background: #f48120;font-size: 15px; font-weight: 500;padding: 4px 10px;}
.flight-wrapper1 > ul > li:last-child { border-top: 1px solid #cccccc54; width: 100%;align-items: center !important;}
.fare-wrap {display:block;}
.search-wrap, .traveller-wrap {width: 315px; top: 30px;left: 0px;}
.vanilla-calendar { width: 315px !important;}
.flight-wrapper1 > ul > li.to, .flight-wrapper1 > ul > li.return {
    border-left: 1px solid #cccccc54;
 
}

}

 @media only screen and (max-width: 520px) {
}
 @media only screen and (max-width: 320px) {
}

