/*
==========================================================================
=== Theme: Default Responsive Theme
=== By: Ebow
=== Website: http://ebow.ie
=== Version: 1.0
=== For: 
=== Last Edit: 
========================================================================== 
*/


/*
===========================================================================
=== ALL ===================================================================
===========================================================================
*/

	/* Basics */
	.mobile_only {display:none;}
	.tablet_only {display:none;}
	.small_tablet_only {display:none;}
	.responsive_only {display:none;}
	.desktop_only {display:block;}
	.hide_on_desktop {display:none;}
	.hide_on_mobile {display:block;}
	.hide_on_tablet {display:block;}
	
	.mobile-menu ul,
	#burger-menu,
	#my-flight-mobile {display:none;}

	.bigsale_mobile{display:none;}



/*
===========================================================================
=== LARGE DESKTOP ONLY ====================================================
===========================================================================
*/

@media only screen and (min-width: 1200px) {
	
	/* Basics */
	.mobile_only {display:none;}
	.tablet_only {display:none;}
	.responsive_only {display:none;}
	.hide_on_mobile {display:block;}
	.hide_on_tablet {display:block;}
		
}

/*
===========================================================================
=== SMALL DESKTOP & TABLET LANDSCAPE =====================================
===========================================================================
*/

@media only screen and (max-width: 1199px) and (min-width: 1023px) {
	
	/* Basics */
	.mobile_only {display:none;}
	.tablet_only {display:none;}
	.responsive_only {display:none;}
	.hide_on_mobile {display:block;}
	.hide_on_tablet {display:block;}
		
}

@media only screen and (max-width: 1199px) and (min-width: 1023px) {
}

@media only screen and (max-width: 1080px) {
	footer .footer-menu {margin-left:-30px; margin-right:-30px;}
}

/*
===========================================================================
=== TABLET PORTRAIT ONLY ==================================================
===========================================================================
*/

@media only screen and (max-width: 1023px) {
	#experience {width:100%; left:0;}	
	.grid-section {}

}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	
	/* Basics */
	.mobile_only {display:none;}
	.tablet_only {display:block;}
	.responsive_only {display:block;}
	.desktop_only {display:none;}
	.hide_on_desktop {display:block;}
	.hide_on_mobile {display:block;}
	.hide_on_tablet {display:none;}
	
	.manage-booking_small {
		font-size: 8px;
	}

}

@media only screen and (max-width: 915px) {
	#header-inner #logo {width:184px; height:64px; z-index:999; background:url('../images/768_logo.png') no-repeat;}
	.cbp-hsmenu-wrapper .cbp-hsmenu {padding-left:230px;}
}

@media only screen and (max-width: 1000px) {
	#booking-container {height:620px;}
	#booking-container #SearchBox-CMS {width:95%;}
	#booking-container .form {padding:20px;}
}

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

	.main .travel li.col-1 {width:100%;}
	.main .travel li.col-1 ul li {float:left; width:22%; margin-right:4%; background:none; padding-left:20px;}
	.main .travel .col-1 ul li.cargo {margin-right:0;}
	.main .travel li.baggage,
	.main .travel li.special-travel-needs,
	.main .travel li.passenger-information {width:32%; float:left;}
  .main-submenu .travel .col-1 ul li.how-to-check-in {background-position:15px -1773px;}
  .main-submenu .travel .col-1 ul li.identification-documents {background-position:15px -1843px;}
  .main-submenu .travel .col-1 ul li.airport-information {background-position:15px -1913px;}
  .main-submenu .travel .col-1 ul li.cargo {background-position:15px -1983px;}

	#mc_embed_signup .submit {padding:0;}
}

@media only screen and (max-width: 991px) and (min-width: 540px) {
	#booking-container form .col.departure-airport,
	#booking-container form .col.departure-date,
	#booking-container form .col.destination-airport,
	#booking-container form .col.return-date {width:50%!important;}
	#booking-container form .field {width:100%!important;}
	#booking-container form .plane {display:none;}

	#book-a-flight form .col.departure-airport,
	#book-a-flight form .col.departure-date,
	#book-a-flight form .col.destination-airport,
	#book-a-flight form .col.return-date {width:50%!important;}
	#book-a-flight form .field {width:100%!important;}
	#book-a-flight form .plane {display:none;}
}

@media only screen and (max-width: 985px) {
	.cbp-hsmenu-wrapper .cbp-hsmenu {padding-left:350px;}
	.main li .book.cbp-hssubmenu {margin-left:-340px;}
	.main li .travel.cbp-hssubmenu {margin-left:-500px;}
	.main li .destinations.cbp-hssubmenu {margin-left:-730px;}
	#this-weeks-deals .grid-section {display:none;}
	#this-weeks-deals .grid-tablet {display:block; }
	#bmiregional .grid-section {display:none;}
	#bmiregional .grid-tablet {display:block; }
	#booking-form {width:100%;}
	#booking-container .form {padding:30px;}
}

@media only screen and (max-width: 980px) and (min-width: 768px) {
	.inner {width:95%; padding:0;}
}

@media only screen and (max-width: 970px) {
	.post_wrapper .post_container #post_content,
	.post_wrapper .post_container #post_sidebar {width:100%;}
	.post_wrapper #post_head {padding-right:0;}
	.post_wrapper #post_head .back_btn {position:inherit;}
}

@media only screen and (max-width: 950px) {
	.cbp-hsmenu-wrapper .cbp-hsmenu {padding-left:150px;}
	.main li .book.cbp-hssubmenu {margin-left:-150px;}
	.main li .travel.cbp-hssubmenu {margin-left:-515px;}
	.main li .destinations.cbp-hssubmenu {margin-left:-740px;}
}

@media only screen and (max-width: 940px) {
	.fat-footer .column {width:50%;}
	.fat-footer .column.col-3 {padding-left:0;}
}


@media only screen and (max-width: 900px) {
	.grid-section {}
	.inner {width:95%; padding:0;}
	
	
	.home #newsletter {height:auto;}
	.home #newsletter .row {margin:0;}
	.home #newsletter .title,
	.home #newsletter .field {width:100%; padding:10px;}
	.home #newsletter .submit {float:right; width:100%; padding:0;}
	.home #newsletter .row.content {margin-top:400px;}
	
	
	.home div#experience {position:inherit; padding:0;}
	#experience figure {width:50%;}
	
	.home #bmiregional {clear:both;}
	
	.dest_tabs_head li {background-image:none; padding-left:0!important;}
}

@media only screen and (max-width: 875px) {
	#booking-container {height:660px;}
	#booking-container .form .col {width:50%; padding:10px!important;}
	#booking-container .form .field,
	#booking-container .form .col.destination-airport select {width:100%;}
	#booking-container .form .plane {display:none;}

	/*#book-a-flight {height:660px;}*/
	#book-a-flight .form .col {width:50%; padding:10px!important;}
	#book-a-flight .form .field,
	#book-a-flight .form .col.destination-airport select {width:100%;}
	#book-a-flight .form .plane {display:none;}
}


/*
===========================================================================
=== PHONE PORTRAIT & LANDSCAPE ===========================================
===========================================================================
*/
@media only screen and (max-width: 840px) {
	.main li.agents {display:none;}
	
}

@media only screen and (max-width: 780px) {
	
	#booking-container {overflow:inherit; height:660px;}
	#booking-container video {height:660px;}
}

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

	/* Basics */
	.tablet_only {display:none;}
	.responsive_only {display:block;}
	.desktop_only {display:none;}
	.hide_on_desktop {display:block;}
	.hide_on_tablet {display:block;}
	.hide_on_small_tablet {display:none;}
	.small_tablet_only {display:block;}
	
	.inner { }
	
	header.desktop,
	nav.cbp-hsmenu-wrapper,
	section#my-flight {display:none;}
	
	header.mobile,
	#burger-menu,
	#my-flight-mobile {display:block;}
	
	header.mobile {position:relative;background-image:url('../images/mobile_header_bg.png'); background-repeat:repeat-y; height:360px; background-position:right;}
	header.mobile ul#header-regions-mobile {float:left!important;}
   	/* REGIONS DROPDOWN */
   	ul#header-regions-mobile {list-style-type:none; font-size:12px; margin:15px 0;}
   	ul#header-regions-mobile > li {float:left;}
   	ul#header-regions-mobile > li.my-bmi {padding-right:15px; border-right:1px solid #85aad9; margin-right:15px;}
   	ul#header-regions-mobile > li.my-bmi a {color:#85aad9;}
   	ul#header-regions-mobile > li.current {}
   	ul#header-regions-mobile > li.current a {color:#fff;}
   	#header-regions-mobile ul.submenu {display: none; width:95%; left:2.5%; top:40px; background-color:#fff;
    position: absolute; z-index:999;
    -moz-column-count: 2;-moz-column-gap: 0em;-webkit-column-count: 2;-webkit-column-gap: 0em;column-count: 2;column-gap: 0em;}
   	#header-regions-mobile ul.submenu li {border:1px solid #ccc; border-top:0; border-right:0; line-height:1.4;}
   	#header-regions-mobile ul.submenu li a {color:#333; display:block; padding:15px 25px 15px 50px;background:url('../images/flags.png') no-repeat; background-position:15px 15px; }
   	#header-regions-mobile ul.submenu li a:hover {text-decoration:none;color:#fff; background-color:#0e143c;}
   	
   	/* Remove left border on left column items */
   	#header-regions-mobile ul.submenu li.belgium,
   	#header-regions-mobile ul.submenu li.denmark,
   	#header-regions-mobile ul.submenu li.germany,
   	#header-regions-mobile ul.submenu li.france,
   	#header-regions-mobile ul.submenu li.italy {border-left:0;}
   	
   	/* Flag background sprite positioning */
   	#header-regions-mobile ul.submenu li.denmark a {background-position:15px -55px;}
   	#header-regions-mobile ul.submenu li.germany a {background-position:15px -125px;}
   	#header-regions-mobile ul.submenu li.france a {background-position:15px -195px;}
   	#header-regions-mobile ul.submenu li.italy a {background-position:15px -265px;}
   	#header-regions-mobile ul.submenu li.sweden a {background-position:15px -335px;}
   	#header-regions-mobile ul.submenu li.norway a {background-position:15px -405px;}
   	#header-regions-mobile ul.submenu li.netherlands a {background-position:15px -475px;}
   	#header-regions-mobile ul.submenu li.switzerland a {background-position:15px -535px;}
   	#header-regions-mobile ul.submenu li.uk a {background-position:15px -605px;}
   	#header-regions-mobile ul.submenu li.czech a {background-position:15px -675px;}
   	
   	.mobile .logo {width:160px; height:60px; background:url('../images/logo_mobile.png') no-repeat; margin-top:50px;}
   	.mobile .logo a {display:block; width:100%; height:100%;}
   	
		/* MOBILE MENU */
		#my-flight-mobile .account-cta {background:#c7dff4; float:left; width:100%; position:relative; bottom:0; }
		#my-flight-mobile .account-cta .item {border-right:1px solid #0e143c;padding:15px 10px; text-align:center;}
		#my-flight-mobile .account-cta .item:last-child {border:none;}
		#my-flight-mobile .account-cta a {color:#3c6cb6; text-transform:uppercase;}
		#my-flight-mobile .account-cta img {margin-right:10px;}

		#burger-menu {position:absolute; top:85px; right:20px; background:url('../images/burger_menu.png'); width:29px; height:16px; cursor:pointer;}
		
		.mobile-menu { background:#85aad9;}
		.mobile-menu ul {margin-bottom:0; clear:both;}
		.mobile-menu ul li {cursor:pointer;text-transform:uppercase; color:#fff; padding:20px 30px; list-style-type:none; border-bottom:1px solid #9cb9e3; font-size:18px;}
		.mobile-menu ul li > a {display:block;}
		.mobile-menu ul li.main-book a,
		.mobile-menu ul li.main-experience a {color:#fff;}
		.mobile-menu ul li ul {display:none; }
		.mobile-menu ul.info {display:block;}
		.mobile-menu .submenu {background-color:#f9f9f9;}
		.mobile-menu .submenu .main-travel li {color:#00549e; font-size:14px; border-bottom:1px solid #00519e; }
		.mobile-menu .submenu .info li {border:none; padding:20px 0 0 0; }
		.mobile-menu .submenu .main-travel li.baggage ul,
		.mobile-menu .submenu .main-travel li.special-travel-needs ul,
		.mobile-menu .submenu .main-travel li.passenger-information ul {border-top:1px solid #00519e; margin:30px -30px 0 -30px; padding-left:30px; padding-right:30px;}
		.mobile-menu .submenu .main-travel li.baggage ul li,
		.mobile-menu .submenu .main-travel li.special-travel-needs ul li,
		.mobile-menu .submenu .main-travel li.passenger-information ul li {border-bottom:none; padding-left:0;}
		
		.mobile-menu .submenu .info li a {display:block; background-color:#fff; font-size:14px; padding:20px 10px 20px 70px; border:1px solid #efefef;}
   	.mobile-menu li a.how-to-check-in {background-position:15px -1773px;}
   	.mobile-menu li a.identification-documents {background-position:15px -1843px;}
   	.mobile-menu li a.airport-information {background-position:15px -1913px;}
   	.mobile-menu li a.cargo {background-position:15px -1983px;}
   	/*.mobile-menu li.baggage {background-position:*/
   	.mobile-menu ul.mobile-destinations li ul {display:block;}
   	.mobile-menu ul.mobile-destinations li ul li {padding-left:0; border-bottom:none;}
	
  #this-weeks-deals .grid-tablet .large {height:200px;}
  #this-weeks-deals .grid-tablet .deal-content {height:200px!important; background-position:center; padding:0;}
  #this-weeks-deals .grid-tablet .deal-content .thumbnail-overlay {padding:40px 25px 30px 25px;}
  #this-weeks-deals .grid-tablet .large .deal-content .date {font-size:13px;}
  #this-weeks-deals .grid-tablet .large .deal-content .from {text-transform:uppercase;}
  #this-weeks-deals .grid-tablet .large .deal-content .from span {text-transform:none;}
  #this-weeks-deals .grid-tablet .large .deal-content .destination {font-size:30px;}
  #this-weeks-deals .grid-tablet .deal-content .pricing {font-size:34px; font-weight:500; margin-bottom:20px;}
  #this-weeks-deals .grid-tablet .large .deal-content .pricing span {font-size:18px; font-weight:300;}
  #this-weeks-deals .grid-tablet .large .deal-content a.button {display:none;}
  #this-weeks-deals .grid-tablet .large .deal-content a.arrow {display:inline;font-size:16px; text-transform:uppercase; color:#fff; background-position:right -117px; margin-right:30px; padding-right:30px;}
}

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

@media only screen and (max-width: 680px) {
	#booking-container {height:700px;}
	
	.dest_tabs_head li {font-size:18px;}
	
	#blog_listing .blog_list .featured-post {width:100%;}
	#blog_listing .blog_list .single-post {width:100%;}


	.bigsale { display:none; }
	.bigsale_mobile {
		display: inline;
		width: 50%;
	}

	.timetableTable .nomob {
      display: none;
  	}
}

@media only screen and (max-width: 650px) {
	#newsletter .inner {width:100%;}
}

@media only screen and (max-width: 640px) {
	#experience figure,
	#experience figure a {width:100%;}
}

@media only screen and (max-width: 610px) {
	#booking-container {height:750px;}
}

/*
===========================================================================
=== PHONE PORTRAIT ONLY ===================================================
===========================================================================
*/

@media only screen and (max-width: 580px) {
	.page-id-1798 .form {padding:0;}
	.page-id-1798 .form .field {width:100%;}
	
	footer .callouts div {width:100%; /*margin:15px 30px;*/ margin:15px 0;}
	footer .callouts .social-links,
	footer .callouts .account {padding:0;}
}

@media only screen and (max-width: 540px) {
	.timetableTable .nomob {
      display: none;
  	}
.dealsoverlay {
  float: right;
  font-size: 48px;
  color: white;
  right:0;
  bottom: 0;
  font-family: "Open Sans",sans-serif;
  /*border-style: dotted solid; */
  background-color: rgba(0, 0, 0, 0.6);
  padding: 24px;
  margin-top: 175px;
  line-height: 1;
}

	#booking-container {height:960px;}
	#booking-container .form .col,
	#booking-container .form .col.departure-date, 
	#booking-container .form .col.return-date,
	#booking-container .form .col.departure-date input, 
	#booking-container .form .col.return-date input {width:100%;}

	/*#book-a-flight {height:960px;}*/
	#book-a-flight .form .col,
	#book-a-flight .form .col.departure-date, 
	#book-a-flight .form .col.return-date,
	#book-a-flight .form .col.departure-date input, 
	#book-a-flight .form .col.return-date input {width:100%;}
}

@media only screen and (max-width: 500px) {
	#mc_embed_signup {width:100%;}
	.social-links div {width:100%;}
	#bmiregional .social-links .icon {float:left;}
}
@media only screen and (max-width: 480px) {
	.inner {width:90%;}
	#my-flight-mobile .account-cta {font-size:14px;}
}

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

	#header-regions-mobile ul.submenu {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
}

@media only screen and (max-width: 460px) {
	
	/* Basics */
	.mobile_only {display:block;}
	.tablet_only {display:none;}
	.responsive_only {display:block;}
	.desktop_only {display:none;}
	.hide_on_desktop {display:block;}
	.hide_on_mobile {display:none;}
	.hide_on_tablet {display:block;}
	.hide_on_small_tablet {display:block;}
	.small_tablet_only {display:none;}
	
	.fat-footer {margin:0;}
	.fat-footer .column {width:100%; padding-left:0;}
	.fat-footer .column h4 {margin-top:0; font-size:20px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #00549e; cursor:pointer;}
	.fat-footer .column ul {display:none;}
				
}

@media only screen and (max-width: 440px) {
/*	#booking-container {height:1000px;} */
	
	/* DESTINATIONS */
	.destination .destination-header {height:875px;}
	.destination-header form .col {width:100%;}
	
	.article .custom_column {width:100%;}
}


@media only screen and (max-width: 370px) {
	/*#booking-container {height:1200px;}*/
	#booking-container .form .passengers .col {width:100%;}
	
	/*#book-a-flight {height:1200px;}*/
	#book-a-flight .form .passengers .col {width:100%!important;}
}


/*
################# mailchimp newsletter page #######
*/
@media (max-width: 600px) {
    .bw_mc-field-group {
       width:100%;
       float:left;
    }
    .bw_required {
       width:98%;
       border:1px solid #3b6bb5;
       border-radius:3px;
       padding:11px;
    }
    .bw_button {
       width:100%;
       margin-top:25px;
       border:1px solid #c7dff4;
       background: #c7dff4;
       border-radius:3px;
       padding:8px;
    }
    .bwRadio {
        margin-top: 0;
        font-size: 100%;
    }
}


@media (max-width: 1200px) {
	.notontablet {
	  display: none;
	}
}

@media (max-width: 600px) {
	.notonmobile {
	  display: none;
	}
}