.hero_banner h2{text-align: end;}
.header span.blog_tfn_ss{
  width: 35px;
  height: 35px;
  margin-top: -2px;
}
.sidebar-call {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 100%;
  transform: translate(-30px, -50%);
  -webkit-transform: translate(-30px, -50%);
  -moz-transform: translate(-30px, -50%);
  z-index: 999;
  transition: .3s linear;
  -webkit-transition: .3s linear;
  -moz-transition: .3s linear
}
.sidebar-call:hover {
 transform: translate(-232px, -50%);
 -webkit-transform: translate(-232px, -50%);
 -moz-transform: translate(-232px, -50%)
}
.sidebar-call>a {
  width: auto;
  float: left;
  font-weight: 700;
  display: block;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  position: relative;
  padding: 7px 20px 7px 35px;
  background: #066f8e;
  }
  .sidebar-call>a>span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border: 7px solid #066f8e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
    }
.sidebar-call>a>span>img {
  background: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  float: left
  }
  .sidebar-call>a>b {
    font-size: 22px;
    color: #fff
  }
.header .full_width{display: flex; align-items: center; justify-content: space-between;}
.header .full_width .TfnHeader{background: linear-gradient(90deg, rgba(86,187,241,1) 0%, rgba(9,105,175,1) 100%); padding: 6px 20px; font-size: 20px; border-radius: 5px;}
.header .full_width .TfnHeader a{color: #fff; font-size: 24px; font-weight: 700; display: flex; align-items: center; gap: 7px;}
.header .full_width .TfnHeader a svg{border: 2px solid #fff; padding: 1px;}
.EsEcBanner .hero_banner a{background: linear-gradient(90deg, rgba(86,187,241,1) 0%, rgba(9,105,175,1) 100%); padding: 6px 20px; font-size: 20px; border-radius: 5px; color: #fff; font-size: 24px; font-weight: 700; display: flex; align-items: center; gap: 7px;}
.EsEcBanner .hero_banner a svg{border: 2px solid #fff; padding: 1px;}

/*popup*/
.autoOpenPopup { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000000; display:none;}
.autoOpenPopup > div { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.7); }
.autoOpenPopup > div > div { width:720px; background:white;transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:bottom; -webkit-transform-origin:bottom; transition:all 0.5s; -webkit-transition:all 0.5s; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border: 10px solid #f3fcff;}
.autoOpenPopup div > div.active { transform:scaleY(1); -webkit-transform:scaleY(1); transition:all 0.5s; -webkit-transition:all 0.5s; }
.autoOpenPopup > div > div > .fa {z-index: 9; position:absolute; top:15px; width:35px; height:35px;font-size:20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; display:flex; justify-content:center; align-items:center; cursor:pointer; transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;background: #eee;text-decoration:none;color:#999;}
.autoOpenPopup > div > div > .fa-times{right:15px;}
.autoOpenPopup > div > div > .fa-phone{right:60px;}
.autoOpenPopup > div > div > .fa:hover{color:#111;}
.flightbook-modal .modal-content{max-width: 720px;}
.flightbook-modal .model-top-rht{width: 100%;}
.flightbook-modal .model-bottom{background: rgb(223,250,241); background: linear-gradient(0deg, rgba(223,250,241,1) 0%, rgba(185,241,222,1) 100%);}
.flightbook-modal .model-top{float: none;}
.flightbook-modal .content-ins p{margin-bottom: 4px;}
.flightbook-modal .model-bottom .top__heading p{font-size: 20px; color: #333; font-weight: 600; position: relative; margin-bottom: 30px;}
.flightbook-modal .model-bottom .top__heading p:before{position: absolute; content: ""; height: 2px; width: 100%; background: #43cc9e; top: 70px;}
.flightbook-modal .model-bottom{padding: 50px 30px 60px 20px; padding-bottom: 30px; border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px;}
.flightbook-modal .model-top-lft img.call.Image{width: auto; height: auto; border: none; border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%; border: 6px solid #f2f2f2;}
.flightbook-modal .model-top .model-top-lft{width: auto; float: none; margin-top: 30px;}
.flightbook-modal .model-top{padding: 0px 30px 0px 0px; text-align: center;}
.flightbook-modal .model-top-rht p.phone_number a{float: left; width: 100%; display: flex; align-items: center; text-align: left; margin-bottom: 10px; font-size: 20px; background: #066f8e; text-decoration: none; color: #fff; padding: 6px 20px; border-radius: 5px; font-weight: 600;}
.flightbook-modal .model-top-rht p.phone_number a:hover{background: #333;}
.flightbook-modal .content__middle span{float: left; width: 100%;}
.flightbook-modal .content__middle span{font-size: 13px; margin-bottom: 10px;}
.flightbook-modal p.phone_number a img{margin-right: 12px; width: 26px; border-radius: 50%; border: 2px solid #fff;}
.flightbook-modal .content-inn img{border-radius: 4px; border: 1px solid #8affd9;}
.flightbook-modal .main_popup .model-bottom .right__side__box{display: flex; align-items: center; gap: 10px; margin-bottom: 30px;}
.flightbook-modal .main_popup .content-ins p {color: #3a465f; font-size: 13px; font-weight: 600; margin-bottom: 0px;}
.flightbook-modal .main_popup .content-ins h5 { margin: 0 0 0 0; font-weight: bold; font-size: 14px; color: #3a465f; }
.flightbook-modal .content__middle h3{margin: 5px 0px; font-weight: 600;}
  .flightbook-modal .main_popup .model-bottom .right__side__box{margin-bottom: 28px;}
  .phone-only .icon__box{margin-bottom: 3px;}
  .top__banner__section .fly__to__friendly__center .feel__free__call__now{padding: 60px;}
  .flightbook-modal .content__middle h3{font-size: 20px; color: #333;}
  .phone-only .icon__box .content p{font-size: 11px;}
  .phone-only .icon__box .content span.bold{font-size: 12px;}
  .footer_fasttrack .footer-upper .footer-links h3{font-size: 20px; margin-bottom: 10px;}
  .flightbook-modal .model-bottom{padding: 20px 20px 8px; float: left; background: #f3fcff;}

.autoOpenPopup .partition{padding:0;margin:0 -5px;clear: both; text-align: center;}
.autoOpenPopup .partition > li{width:50%;float:left;padding:0 5px;list-style: none;}
.autoOpenPopup .partition > li > a{width:100%;float:left;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: #fdc900;margin-bottom: 10px;padding:20px 10px 10px;display: flex;align-content: center;flex-direction: column;justify-content: center;text-decoration: none; min-height: 145px;}
.autoOpenPopup .partition > li > a.chang{background: #FFD8D8; border: 1px solid #FFD8D8;}
.autoOpenPopup .partition > li > a.chang span{color: #f50642;}
.autoOpenPopup .partition > li > a.ref{background: #D4E9F4; border: 1px solid #D4E9F4;}
.autoOpenPopup .partition > li > a.ref span{color: #00547e;}
.autoOpenPopup .partition > li > a.res{background: #DCDCDC; border: 1px solid #DCDCDC;}
.autoOpenPopup .partition > li > a.res span{color: #0d0a0e;}
.autoOpenPopup .partition > li > a.rebook{background: #FFCFC6; border: 1px solid #FFCFC6;}
.autoOpenPopup .partition > li > a.rebook span{color: #f55206;}
.footer_fasttrack .footer-upper .footer-about p{margin-top: 10px !important;}
.phone-only .call__btn__body .call__tfn .phone_number a img.flage-code{height: 26px; width: 26px;}
.flightbook-modal p.phone_number a img{height: 28px; width: 28px;}
.MobileViewBanner{display: none;}


@media (max-width: 767px) {
  .top__banner__section .fly__to__friendly__center .feel__free__call__now {
    padding: 25px;
}
.flightbook-modal .content__middle h3{font-size: 16px; margin-top: 70px;}
.home_banner:before{background: rgb(0 0 0 / 72%);}
.hero_banner h2, .hero_banner h4{color: #fff; text-align: center;}
.hero_banner p{color: #fff; font-size: 10px; text-align: center;}
.hero_banner{height: 95px;}
.main_heading span{font-size: 20px;}
}

  /*mobile tfn fixed*/
  .mobile__tfn__fixed{position: fixed; display: none; z-index: 99; padding: 10px; bottom: 0px; text-align: center; background: #333; float: left; width: 100%;}
  .mobile__tfn__fixed a{color: #fff; font-size: 24px; display: flex ; align-items: center; justify-content: center; gap: 5px;}
  .mobile__tfn__fixed a span{position: relative;}
  .mobile__tfn__fixed a span:before{
    content: "";
    background-image: url(../images/fonts.png);
    background-repeat: no-repeat;
    height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-position: 25px 0;
    left: -43px;
    right: 13px;
    margin: auto;
    width: 40px;
  }
  @media screen and (max-width: 767px) {
  .mobile__tfn__fixed{display: block;}
  .col-lg-6 {width: 100%;}
  .flightbook-modal .row {
        display: flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .flightbook-modal .model-top{padding: 0px 30px 0px 30px;}
    .flightbook-modal .model-top-lft img.call.Image{display: none;}
    .hero_banner{align-items: center;}
}
  /*mobile tfn fixed end*/

  @media screen and (min-width: 320px) and (max-width: 767px){
    /*.MobileViewBanner*/
  .MobileViewBanner{display: block;}
  .MobileViewBanner .AirlineFlightTicket h2{margin: 0px; background: #013069; padding: 10px; font-size: 13px; text-align: center; color: #fff;}
  .MobileViewBanner .MiddleImg img{width: 100%; display: block;}
  .MobileViewBanner .reservationText h3{margin: 0px; background: #0d1013; padding: 5px 0px; font-size: 16px; text-align: center; color: #fff; border-radius: 0px 0px 50px 50px;}
  .MobileViewBanner .FlightBookingUs h3{border-radius: 0px; background: linear-gradient(0deg, rgba(13,16,19,1) 0%, rgba(4,57,110,1) 100%);}
  .MobileViewBanner .NoHold p{text-align: center; font-size: 14px; padding: 10px 20px 0px;}
  .MobileViewBanner .CallVactionA p{color: #162b45;}
  .MobileViewBanner .CallUsNow{margin: 0px; float: left; width: 100%; background: linear-gradient(90deg, rgba(86,187,241,1) 0%, rgba(9,105,175,1) 100%); padding: 10px;}
  .MobileViewBanner .VacationDealMob{background: #162b45; color: #fff; padding-bottom: 10px;}
  .MobileViewBanner .CallUsNow a{ font-size: 28px; text-align: center; color: #fff;}
  .MobileViewBanner .CallUsNow .callIcon{color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 5px;}
  .MobileViewBanner .CallUsNow .FlightCallIcon{background: #162b45; border-radius: 50px; color: #fff;}
  .MobileViewBanner .HelplineBottom p{text-align: center; color: #162b45; padding: 15px; font-weight: 700; font-size: 16px;}
  .MobileViewBanner .AirportMobDeals h2{border-radius: 50px 50px 0px 0px; background: #162b45;}
  .top__banner__section{display: none;}
  .MobileViewBanner .VacationDealMob .callIcon{color: #fff;}
  .HeaderTFNNew li.TfnIcon svg{width: 17px; height: 17px;}
  .MobileViewBanner .CallUsNow .callIcon svg{border: 2px solid #fff; padding: 5px; height: 35px; width: 35px; border-radius: 5px;}
  .HotelSearchbyGet{display: none;}
  .MobileViewBanner .CallUsNow .FlightCallIcon svg{border: 2px solid #fff; border-radius: 50px;}
  .MobileViewBanner .VacationDealMob .callIcon svg{border: 2px solid #ffffff;}
  .MobileViewBanner .CallBookingBg{background: linear-gradient(90deg, rgba(22,43,69,1) 0%, rgba(36,54,75,1) 50%, rgba(17,59,110,1) 100%); padding-bottom: 10px;}
  .MobileViewBanner .CallBookingBg .callIcon{color: #fff;}
  .MobileViewBanner .CallBookingBg .callIcon svg{border-radius: 50px; border: 2px solid #ffffff;}
  .header .full_width .TfnHeader a{font-size: 10px;}
  }





.esfligt_support_sect{
    display: none;
 }
 
 .customer_serv{
   display: none;
 }
 
 .es-banner-area{
   display: none;
 }

 .es-content{
  display: none;
 }
 
 
 /*--- Mobile ES Pages css ----*/
 
 @media screen and (max-width: 767px){
  .FixedTfnMx a.borderBottom{border-bottom: 1px dashed #fff; background: #0d6fb7;}
  .CopyBottom100{margin-bottom: 100px;}
 
   .home_banner.es-banner-desk{
     display: none;
   }

   .about.section.es-about-sect-desk{
      display: none;
   }

   .tavel_guide_area.es-tavel-guide-desk{
     display: none;
   }

   .offer_subs_disc.es-offer-disc-desk{
     display: none;
   }

   .top_hotals.section.es-top-hotels-desk{
    display: none !important;
   }
   
 
   .es-banner-area{
     display: block;
     width: 100%;
     padding: 40px 0px;
     background-color: #eaf8ff;
     text-align: center;
   }
 
   .es-banner-title{
     font-size: 24px;
     color: #0969af;
     font-weight: 600;
     margin-bottom: 20px;
   }
 
   .mobileTFN{
     width: 100%;
   }
 
   .mobileTFN h5{
     font-size: 18px;
     font-weight: 500;
     color: #222;
     margin-bottom: 15px;
   }
 
   .mobileTFN a{
    display: inline-block;
    padding: 6px 25px;
    background-color: #0d6fb7;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
   }

   .callIcon {
    position: relative;
    bottom: -7px;
  }
 
   .mobileTFN img{
    width: 25px;
    height: 25px;
    transition: all .3s;
    animation-name: tfnicon;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
   }
 
   @keyframes tfnicon {
     0% {
       transform: rotate(0deg);
     }
     
     20%, 32%, 44%, 56%, 68% {
         transform: rotate(0deg);
     }
     23%, 35%, 47%, 59%, 71% {
         transform: rotate(15deg);
     }
     26%, 38%, 50%, 62%, 74% {
         transform: rotate(0deg);
     }
     29%, 41%, 53%, 65%, 77% {
         transform: rotate(-15deg);
     }
     80% {
         transform: rotate(0deg);
     }
   }
 
   .esfligt_support_sect{
     display: block;
     padding: 40px 0px;
   }
 
 .esTitle{
   font-size: 24px;
   margin-top: 5px;
   margin-bottom: 22px;
   font-weight: 600;
   color: #0969af;
   text-align: center;
 }
 
 .esfligt_support_row {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
 }
 
 .es_support_card {
   padding: 16px;
   text-align: center;
   border: 1px solid #dadada;
   border-radius: 10px;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
 }
 
 .es_support_card .iconBox {
   width: 50px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #eaf8ff;
   border-radius: 50%;
   margin-bottom: 10px;
   /* box-shadow: 0px 0px 0px 2px #eaf8ff; */
 }
 
 .es_support_card .iconBox svg {
   width: 26px;
   height: 26px;
 }
 
 .es_support_card .iconBox svg path {
   fill: #0969af;
 }
 
 .es_support_card h4{
   font-size: 16px;
   font-weight: 500;
   color: #323232;
 }
 
 .customer_serv {
   width: 100%;
   padding: 20px 0px;
   margin: 20px 0px;
   display: block;
 }
 
 .customer_serv_content{
   width: 100%;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
   gap: 15px;
 }
 
 .custom_serv_card {
   display: flex;
   flex-direction: column;
   align-items: center;
   background-color: #ffffff;
   border: 1px solid #1f7ec2;
   padding: 16px;
   border-radius: 30px;
 }

 .custom_serv_card .iconBox {
   margin-bottom: 8px;
 }
 
 .custom_serv_card h4 {
   font-size: 16px;
   font-weight: 500;
   color: #323232;
   text-align: center;
 }
 
 .custom_serv_card .iconBox svg{
   width: 45px;
   height: 45px;
 }
 
 .custom_serv_card .iconBox svg path{
   fill: #0969af;
 }

 .es-content{
   width: 100%;
   display: block;
   padding: 20px 0px;
 }


 .es-content h1, h2, h3{
   font-size: 18px;
   line-height: 26px;
   font-weight: 500;
   color: #323232;
   margin-top: 15px;
   margin-bottom: 10px;
   float: left;
   width: 100%
 }


 .es-content h1{
  margin-top: 0px;
 }
 
 .es-content p{
  font-size: 14px;
  font-weight: 400;
  color: #585858;
 }
 
 }
 
 
 @media screen and (max-width: 430px){
 
   .es_support_card h4{
     font-size: 15px;
     line-height: 21px;
   }
 
   .custom_serv_card h4{
       font-size: 15px;
       line-height: 21px;
   }
 }