@media only screen and (max-width: 1920px){
body{ background: #fff; }
}

@media only screen and (max-width: 1480px){
#header{ height: auto; }
#header:before{ display: none; }

#header .contact.direct{ padding: 0 5px; }
#header .contact.direct .call{ height: auto; float: right; line-height: normal; text-align: right; padding: 12px 10px 0; }
#header .contact.direct .call span{ display: block; padding: 1px; }
#header .contact.direct .call span:first-child:after{ display: none; }
#header .contact.direct .call span.additional{ display: none; }
#header .contact.direct .btn.support{ clear: both; }

#header .toggle{ display: none; }
#nav_btn{ display: block; float: left; padding: 40px 36px; border-right: 1px solid #dae2d6; cursor: pointer; }
#nav_btn:hover{ background: #eaf1e6; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 4px; 
float: left; 
display: block; 
background: #babfb7; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 8px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }

#header #nav{ width: 100%; border-top: 1px solid #dae2d6; }
#header #nav li{ border-left: 0; border-right: 1px solid #dae2d6; }
#header #nav li:first-child ul.sub-menu{ border-left: 0; }
}

@media only screen and (max-width: 1080px){
.loader,
#loader,
.loader:before,
.loader.big{display: none !important;}

#header{ float: left; position: relative; top: inherit; }
#header #nav{ border-top: 0; }
#header #nav ul{ width: 100%; }
#header #nav li{ width: 100%; height: auto; border-right: 0; border-top: 1px solid #dae2d6; }
#header #nav li a{ line-height: normal; padding: 15px; }

#header #nav ul.sub-menu{ width: 100%; position: relative; left: inherit; top: inherit; border: 0; }
#header #nav ul.sub-menu li{ border-top: 1px solid #dae2d6; border-bottom: 0; }
#header #nav ul.sub-menu li a{ padding-left: 30px; }

#main{ margin: 0; }
#main #wrapper{ padding: 30px 0; }

.section{ padding: 0 30px; margin: 0 0 30px; }
.section.grid{ padding: 0 20px; margin: 0 0 10px; }

#hero .wrap{ padding: 40px 30px 30px; }
#hero .wrap .header h1{ font-size: 114px; line-height: 114px; padding: 15px 0; }
#hero .wrap .header h1 span{ font-size: 18px; line-height: 18px; margin-bottom: -4px; }

#home .about.section{ padding: 30px 80px 0; margin: 0 auto 20px; }
#home .about.section .header h2{ font-size: 34px; line-height: 44px; }
#home .about.section .content p{ font-size: 15px; line-height: 24px; }

.cta.contact.section{ margin: 0 auto 20px; }
.cta.contact.section h2{ font-size: 26px; line-height: 38px; margin: 0 0 5px; }
.cta.contact.section h3{ font-size: 18px; line-height: 26px; }

#footer .wrapper{ text-align: center; padding: 30px; }
#footer .main{ float: none; display: inline-block; margin: 0 0 10px; }
#footer h3.logo{ display: block; margin-left: auto; margin-right: auto; }
#footer .btns a.btn{ margin: 0 3px 6px 3px; }
#footer ul#social li{ margin: 0 3px 6px 3px; }
#footer .nav{ display: block; margin: 0 auto 30px auto; }
#footer .nav ul{ -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } 
#footer .contact{ display: block; }
#footer .contact ul{ margin: 0 15px 30px 15px; }
#footer .fb-page{ max-width: none; }
#footer .meta{ width: 100%; }

#sidebar.vacations,
.section.single{ width: 50%; }

#hero .wrap #book .temp #booking-form-custom .show-on-one-round,
#hero .wrap #book .temp #booking-form-custom .form-fields .form-field { display:block; }
#hero .wrap #book .temp #booking-form-custom .form-fields .form-field{ width: 48%; float: left; margin:  0 1% 20px;}

#hero .wrap #book .temp #booking-form-custom .form-fields .form-field.checkbox,
#hero .wrap #book .temp #booking-form-custom .form-fields .form-field.add-minus,
#hero .wrap #book .temp #booking-form-custom .form-field.submit,
#hero .wrap #book .temp #booking-form-custom .form-field input[type="text"],
#hero .wrap #book .temp #booking-form-custom .form-field input.long,
#hero .wrap #book .temp #booking-form-custom .form-fields select{ width: 100% !important; max-width:100%; }
 
#hero .wrap #book .temp #booking-form-custom .form-field.submit{ text-align:center }
#hero .wrap #book .temp #booking-form-custom .form-field.submit input{ float:none; margin:0 auto; }

#hero .wrap #book .temp #booking-form-custom .form-fields .form-field.mobile-field{ width: 31%; }
}

@media only screen and (max-width: 980px){
html, body{ -ms-word-break: break-all; word-break: break-all; word-break: break-word; }

.section.grid .item.preview{ width: 50%; }

.section.instagram .item{ width: 25%; }

.ctas .cta{ width: 100%; }
.ctas .cta a{ height: 250px; }
}

@media only screen and (max-width: 780px){
#header h1#logo{ border: 0; }
#header .btns{ width: 67%; float: left; clear: both; border-top: 1px solid #dae2d6; }
#header .btns a.btn{ width: 100%; }
#header .btns a.airpass.btn{ display:none; }
#nav_btn{ width: 33%; padding: 40px 0; border: 0; border-top: 1px solid #dae2d6; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ float: none; margin-left: auto; margin-right: auto; }

.section .header.main.title h3{ font-size: 18px; line-height: 23px; }

#hero .wrap .header h1{ font-size: 90px; line-height: 90px; padding: 12px 0; }
#hero .wrap .header h1 span{ font-size: 16px; line-height: 16px; margin-bottom: -2px; }

#home .about.section{ padding: 20px 40px 0; }

.loader.big:before,
.loader:before,
#loader,
.loader{ display: none !important; }

#sidebar.vacations,
.section.single{ width: 100%; }
#airpass .content-block table.blue-table td{ font-size: 12px; width: 33%; }
#paxDetailsFlight{ clear: both; }
#booking-form-custom .data-tabs ul li:last-child{ width:98%; }

}

@media only screen and (max-width: 680px){
#main #wrapper{ padding: 20px 0; }

.section{ padding: 0 20px; margin: 0 0 30px; }
.section.grid{ padding: 0 10px; margin: 0 0 10px; }
.section .header.main.title h3:after{ display: none; }
.section .header.main.title h3 span{ background: none; }

#hero .wrap{ padding: 25px 20px 20px; }

.section.instagram .header.main.title h3{ margin-bottom: 0; }
.section.instagram .header.main.title h3 span{ display: block; }
.section.instagram .header.main.title h3 span a:before{ top: 0; margin-top: 3px; }
.section.instagram .header.main.title h3 a.hashtag{ float: left; font-size: 13px; margin-left: 48px; padding-left: 0; background: none; }

.ctas .cta a{ height: auto; }
.ctas .cta a .wrap{ display: block; }
.ctas .cta a .wrap h2{ font-size: 30px; line-height: 33px; }
.ctas .cta a .wrap h2 span{ font-size: 15px; line-height: 20px; }

.page-title-parent, #wrapper > .header.main h1, #featured-vacations > .header.main h1{ font-size: 30px; line-height: 33px; }
#main #page h1, #featured-vacations > .header.main .vacation-option-meta-title{ font-size: 24px; line-height: 30px; }

#footer .wrapper{ padding: 30px 20px; }
#footer .btns{ display: block; margin: 0 auto 6px auto; }
#footer .btns a.btn{ float: none; display: inline-block; padding: 0 20px; margin: 0 2px 6px 2px; }
#footer .btns a.btn.airpass{ display:none; }
#footer .nav ul{ -moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; column-count: 2; column-gap: 15px; } 
#footer .contact ul{ margin: 0 15px 20px; }
#footer .contact ul:first-child{ display: block; }
#footer .fb-page{ margin: 0 0 20px; }

#nav_btn{ float: right;  border-left: 1px solid #dae2d6; border-top: none; }
#header .btns{ width: 100%; }
#mobile-contact-direct{ border-top: 1px solid #dae2d6; padding-top: 10px; }
#header .contact.direct, #header .btns{ display: none; }

#header #mobile-contact-direct .contact.direct,
#header #mobile-contact-direct  .btns{ display: block; }

#home .ctas.section,
#home .vacations.section,
#home .posts.section,
#home .instagram.section,
#home .about.section{ display: none;}
#footer .contact ul li.address br:first-child,
#footer .contact ul li.address br:first-child:after{ content:" "; display:inline-block; }
}

@media only screen and (max-width: 580px){
#home .about.section{ padding: 15px 30px 0; margin: 0 auto 10px; }
#home .about.section .header{ margin: 0 0 8px; }
#home .about.section .header h2{ font-size: 26px; line-height: 34px; }

.cta.contact.section{ padding: 0 30px; margin: 0 auto 10px; }
.cta.contact.section h2{ font-size: 22px; line-height: 30px; }
.cta.contact.section h3{ font-size: 17px; line-height: 23px; padding: 0 12px; }
.cta.contact.section .btn{ margin: 0 3px 10px; }

#hero .wrap #book .temp #booking-form-custom .form-field{ margin: 0 0 5px; width: 100%; }
#hero .wrap #book .temp #booking-form-custom .form-field input.long,
#hero .wrap #book .temp #booking-form-custom .form-field input[type="text"]{ width: 100%; max-width: 100%; }

#hero .wrap #book .temp #booking-form-custom .form-fields .form-field{ margin: 0 0 5px; }
#hero .wrap #book .temp #booking-form-custom .form-field.submit{ padding-top: 15px; }

#hero .wrap #book .temp #booking-form-custom .form-fields .airpassfield .form-field{ width: 32%; float: left; margin-right: 2%; }
#hero .wrap #book .temp #booking-form-custom .form-fields .airpassfield .form-field.last{ width: 32%; float: left; margin-right: 0; }

#booking-form-custom .data-tabs ul li {
    display: block;
    margin: 0 1% 10px;
    float: left;
    width: 48%;
}

#booking-form-custom .data-tabs ul li a{ width: 100%; text-align: center; }
#hero .wrap #book .temp #booking-form-custom span{ display: block; width: 100%; }
#header .contact.direct .btn.support.online,
#header .contact.direct .skype.btn{ display: none; }

#hero .wrap #book .temp #booking-form-custom .form-fields .form-field.mobile-field{ width: 32%;
    float: left;
    margin-right: 2%;
}
#hero .wrap #book .temp #booking-form-custom .form-fields .form-field.mobile-field label{ font-size: 12px; }
#hero .wrap #book .temp #booking-form-custom .form-fields .mobile-field.last{ margin-right: 0 !important; }
#hero .wrap .header{ display: none; }
#hero .wrap #book{ padding-top: 0; }
#hero .wrap #book .temp #booking-form-custom .form-field.submit input{ width: 100%; }

#hero .wrap #book .temp #booking-form-custom .form-fields .form-field{ width: 100%; float: left; margin:  0 0 20px;}
}

@media only screen and (max-width: 480px){
#header h1#logo{ padding-bottom: 10px; margin: 0 auto; }
#header .contact.direct{ width: 100%; padding: 0 0 10px; text-align: center; }

#header .contact.direct .call{ width: 100%; float: left; text-align: center; padding: 0; }
#header .contact.direct .btn{ float: none; clear: none; display: inline-block; margin: 10px 0 10px 4px; }

#header .contact.direct > a{ display: none; }

.section.grid .item.preview{ width: 100%; }
.section.grid .item.preview .equal{ height: auto !important; }

#hero .wrap .header h1{ font-size: 60px; line-height: 60px; padding: 10px 0; }
#hero .wrap .header h1 span{ font-size: 13px; line-height: 13px; margin-bottom: -2px; }

.section.instagram .item{ width: 50%; }

#footer .nav ul{ -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } 
#slideshow{ display: none; }
#hero{ background: #265094; }
}