@media only screen and (max-width: 375px) {
       .respond.secondary .content-page p {
           font-size: 1.4em;
       }
       .respond.secondary .content-page li {
           font-size: 1.2em;
       }
   }
   @media only screen and (max-width: 768px) {
       .respond .span_1_of_3, .respond .span_2_of_3, .respond .span_3_of_3 {
           width: 100%;
           padding-left: 5px;
       }
       .respond .date-container {
           width: 44%;
       }
   }
   @media only screen and (max-width: 768px) {
       .respond #checkin-form-nav {
           height: 300px;
       }
       .respond .menu1 .span_1_of_3 {
           width: 48%;
           margin: 0;
           padding: 1%;
           float: left;
       }
       .respond .menu1 .span_1_of_3.two, .respond .menu1 .span_1_of_3.three {
           width: 48%;
           padding: 0;
       }
       .respond .menu1 .span_1_of_4 {
           width: 48%;
       }
       .respond ul.mega-nav li ul {
           width: 100%;
           float: left;
       }
       .respond .span_1_of_4.col:nth-child(3) {
           margin-left: 0%;
           clear: both;
       }
       .respond ul.mega-nav li .menu5 ul li a {
           color: #104c83;
       }
       .respond ul.mega-nav li.myaccount ul {
           margin: 0;
           padding: 0;
       }
       .respond .menu5 .span_1_of_4 {
           padding: 0;
       }
       .respond ul.mega-nav li .menu5 ul li {
           padding: 0;
           margin: 18px 0;
       }
       .respond ul.mega-nav li .menu5 ul li a:hover {
           color: #393467;
       }
       /*.respond .menu5 .drop { left: 0; }*/
   }
   @media only screen and (max-width: 776px) {
       .respond ul.mega-nav li .menu1 ul {
           width: 100%;
       }
   }
   @media only screen and (max-width: 776px) {
       .respond .dropdown_2columns {
           position: relative;
           left: 0;
           top: 0;
           padding: 10px 0;
           width: auto;
           -webkit-box-shadow: none;
           -moz-box-shadow: none;
           box-shadow: none;
       }
       .respond ul.mega-nav {
           float: none;
           clear: both;
           margin-bottom: 4px;
       }
   }
   @media only screen and (max-width: 980px) {
       .respond .mega-nav .dropdown_2columns, .respond .mega-nav .menu5, .respond .mega-nav .menu6 {
           top: 85px;
       }
       .respond .flybe-logo {
           padding: 15px 0px 5px 0px;

       }
   }
   @media only screen and (max-width: 776px) {
       .respond .mega-nav .dropdown_2columns, .respond .mega-nav .menu5, .respond .mega-nav .menu6 {
           top: 0px;
           margin-top: 1px;
           margin-bottom: 1px;
       }
	   .flag{float:right;}
   }
   @media (max-width: 980px) and (min-width: 776px) {
       .respond .mega-nav .dropdown_2columns, .respond .mega-nav .menu5, .respond .mega-nav .menu6 {
           top: 50px;
       }
       ul.mega-nav > li > a {
           padding: 10px 5px 20px 10px;
           font-size: 11px;
       }
       .mega-nav .menu-larger-image {
           margin-left: 0px;
       }
   }

   @media (max-width: 860px) and (min-width: 776px) {

    .flag{float:none;}
}



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

    ul.mega-nav > li > a {
           font-size: 10px;
	}
}



   @media only screen and (min-width: 840px) {
       .mega-nav .menu5, .mega-nav .menu6 {
           top: 0px;
       }

   }
   @media only screen and (max-width: 776px) {
       .mega-nav div.menu5, .mega-nav div.menu6 {
           position: relative;
           z-index: 300000;
           padding: 2% 1.5% 0 3%;
           width: auto;
           background: #D7E6F6;
       }
   }
   @media only screen and (max-width: 768px) {
       .respond .col {
           float: none;
       }
       .respond #fltwgwrap {
           width: 100%;
       }
       .respond #flightWidget {
           width: 96%;
           margin: 2%;
       }
       .respond #flightWidget .date-container {
           width: 120px;
       }
       .respond #flightWidget .tab-button {
           width: 50%;
       }
       .respond .ui-datepicker {
           width: 300px !important;
       }
       .respond .ui-datepicker-buttonpane {
           margin-top: 0px;
           height: 40px;
       }
       .secondary .depart-select i {
           left: 107px !important;
       }
       .secondary .depart-return i {
           left: 248px !important;
       }
       /*
    .respond #cal-oneway{
        top: 190px;
        left: 70px;
    }
    .respond .flight-dropdown {
        width: 343px;
        float: left;
        margin-right: 10px;
    }
    .respond .depart-select i {
        position: absolute;
        top: 27px;
        left: 325px;
        font-size: 16px;
    }
    .respond .depart-return i {
        position: absolute;
        top: 27px;
        left: 325px;
        font-size: 16px;
    }    */
       #pax-container label {
           font-weight: normal;
       }
       .heroslide {
           height: 400px;
       }
       .respond #carousel .flight .panel p .price {
           font-size: 20px;
       }
   }
   @media only screen and (max-width: 1024px) {


       .secondary .date-container {
           width: 45%;
       }
       .depart-select i {
           left: 107px !important;
       }
       .depart-return i {
           left: 248px !important;


       }
   }

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

	   /* .respond .mega-nav .dropdown_2columns, .respond .mega-nav .menu5, .respond .mega-nav .menu6 {
           top: 100px;
		}*/
	 }

	    @media (max-width: 1104px) and (min-width: 980px) {

		/*.respond .mega-nav .dropdown_2columns, .respond .mega-nav .menu5, .respond .mega-nav .menu6 {
           top: 80px;
       }*/
       ul.mega-nav > li > a {
           padding: 10px 10px 27px 10px;
           font-size: 12px;
       }


		}



   @media only screen and (max-width: 768px) {
       .secondary .date-container {
           width: 45%;
       }
       .depart-select i {
           left: 107px !important;
       }
       .depart-return i {
           left: 248px !important;
       }
   }
   /*Carousel images*/
   /* 1024  */

   @media only screen and (max-width: 768px) {
       #carousel .flight img {
           height: 115px;
       }
   }
   /* 768 */

   @media only screen and (max-width: 768px) {
       #carousel .flight img {
           height: 55px;
       }
   }
   /*600*/

   @media only screen and (max-width: 768px) {
       #carousel .flight img {
           height: 75px;
       }
   }
   /* 2560
@media only screen and (max-width: 2560px){
    #carousel .flight img {
        height: 365px;
    }
}*/

   @media only screen and (min-width: 768px) {
       .ui-datepicker-title {
           font-size: 18px;
       }
   }