/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

/* Font Family */
body { background-color: #fff;}

#page_wrapper {
    margin: 0 auto;
    max-width: 120em;
    min-width: 20em;
}

#donate p { font-size: 18px;}
#donate .donate-button{padding:7px 20px;}
#donate .donate-button span {font-size: 18px;}
#donate ul {
    margin: 15px 0 15px 15px !important;
    padding: 0 0 0 20px;
}
#donate ul li{ list-style: disc !important; }
.fw-600 { font-weight: 600;}

/*.iosslider-slideshow[class*="maskcontainer--"] .iosSlider .kl-caption-posv-bottom {
    bottom: 115x !important;
}*/

.some-css-selector {font-size:13px;}

/* Font Family */
.wla-font {font-family: "WLa",  Helvetica, Arial, sans-serif !important;}

/* Header + Logo */
.site-header[data-header-style="9"] .logo-container.hasInfoCard:before {content: none;}
#logo {margin: 0px auto;}
.site-logo { margin:0; display: table;}
.site-logo img { max-height: 100px;}
.site-logo a { padding: 0; display: table-cell; position:relative; vertical-align: middle; padding: 15px 20px 10px 20px; background: #fff; }
.site-header { position: relative;} 
.main-logo { position: relative;}

.site-header[data-header-style="9"] .main-nav {margin-left: 0px;}

.font-weight-100 { font-weight: 100;}

.go-to-website { border-radius: 0; font-size: 18px;}

.tonext-btn { bottom: 20px; }

h1,h2,h3,h4,h5 {font-family: "WLa",  Helvetica, Arial, sans-serif !important;}
h1 { font-size: 36px; }

nobr {
    color: inherit !important;
    white-space: nowrap;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.line-bottom-logo {
    content: '';
    border-bottom: 1px solid #e3e4e4;
    font-size: 0;
    position: absolute;
    bottom: 21px;
    right: 0;
    left: 2px;
    height: 1px;
    overflow: hidden;
    z-index: 0;
    display:block;
}

/* Main Menu */
#section-main-menu { border-bottom: 3px solid #cd2122;}
.main-nav > ul > li > a { color: #000; }

/* Banner Slider */
.iosslider--custom-height,
.iosslider-slideshow + .hg_fixed_slider_fill{
    /*    padding-bottom:32%;*/
    padding-bottom:40%;
}
.kl-ios-selectors-block.bullets2 { top: 20px; right: 0; width: 100px;}

/* Package Box */
#packages-list .imgboxes_style4 .imgboxes-wrapper {height: 400px; }
#packages-list .imgboxes_style4 .imgboxes-title { font-size: 20px;}


.image-boxes__carousel-wrapper .inner-slide .details { padding-top: 15px; min-height: 55px;}

/* Footer */
#footer[data-footer-style="6"] {
    font-family: "WLa",  Helvetica, Arial, sans-serif !important;
}
#footer[data-footer-style="6"] .bottom-footer {
    background-color: #2f2f2f;
    color: #fff;
}
#footer[data-footer-style="6"] .bg-black { color: #535353;; text-decoration: underline;}

#footer[data-footer-style="6"] a { color: #fff;}
#footer[data-footer-style="6"] .social-icons { margin-left: 0; margin-bottom: 0;}
#footer[data-footer-style="6"] .social-icons a {background: #898989; width: 42px; height: 40px;}
#footer[data-footer-style="6"] .social-icons a.fa-facebook-f:hover {background: #3B5998;}
#footer[data-footer-style="6"] .social-icons a.fa-instagram:hover {background: #231f20;}
#footer[data-footer-style="6"] .social-icons a.fa-youtube:hover {background: #cd201f;}

#footer[data-footer-style="6"] .social-icons.sc--clean li a { font-size: 18px; line-height: 18px;}
#footer[data-footer-style="6"] .social-icons li a::before { line-height: 42px;}

#footer[data-footer-style="6"] h4 {color: #000;}
#footer[data-footer-style="6"] .copyright { text-decoration: underline; font-weight: bold;}
#footer[data-footer-style="6"] .menu li a { font-size: 16px; }
#footer[data-footer-style="6"] .menu li  { padding: 5px 0;}
#footer[data-footer-style="6"] .copyright{ float: none;}

#footer[data-footer-style="6"] .contact-details p strong{ color: #535353;}


/* Hid Socail Feed */
.crt-widget.crt-widget-branded .crt-logo{  color: #fff !important; visibility: hidden;}
.referral{ display: none; visibility: hidden;}

.box-gray-border {
    border: 1px solid #E4E4E4;
    padding: 15px 15px 0 15px;
    margin: 0 0 10px 0;
}
.border-bottom-gray {
    border-bottom: 1px solid #E4E4E4;
}
.border-bottom-gray ul li { line-height: 1.3em;}
ul.blue-color-icon li { line-height: 1.3em;}
ul.blue-color-icon li i{ color: #126f88;}

.m-auto,.m-center { margin: 0 auto;}


.info-text{
    font-size: 1rem;  
}
.info-text h4 { color: #fff !important;} 
.info-text p { color: #eee;}
.info-text ul li {color: #eee;}

ul.fancy-list, ul.fancy-list ul {
    color: #000;
}

/*
* 
*/
#wrap-cart { width: 130px;}
.site-header[data-header-style="9"] .kl-cta-ribbon {margin-top: -15px;}
.site-header[data-header-style="9"] .ctabutton {padding: 12px 20px 12px 20px; margin-bottom: -30px;}


/*
* Form
*/
#booking {border-top:3px solid #cd2122; position: relative;}
.required{ color: red;}
form.booking-form select { height: 38px; width: 100%; font-size: 11px; font-weight: 600; outline: none; border-radius: 3px; 
                           border: 1px solid #999; background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center; 
                           background-position-x: calc( 100% - 10px ); text-transform: uppercase; padding-left: 10px; color: #909090; 
                           -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}

form.booking-form .form-control { border: 1px solid #999;}
form.booking-form  textarea {border: 1px solid #999; width: 100%; padding: 0.375rem 0.75rem;  }
form.booking-form  select:hover,
form.booking-form  select:focus { border: 1px solid #bababa; color: #787878;}

form.booking-form .booking__input {height: 40px; width: 98%; padding: 0 20px; outline: none; border: 1px solid #999; font-size: 0.8rem;}
form.booking-form .booking__submit {position: absolute; right: 0; border: 0; color: #BBB; background-color: transparent; outline: none; height: 42px; right: 20px; padding: 0 20px; font-size: 12px; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; cursor: pointer;}
form.booking-form .booking__submit:focus {outline: none;}
form.booking-form .booking__submit:hover {color: #131313;}
form.booking-form .booking__submit:after {content: ''; width: 1px; height: 24px; background-color: #ddd; display: block; left: 0; position: absolute; top: 50%; margin-top: -12px;}


form.booking-form .btn-fullwidth {font-size: 16px; padding: 5px 20px;}
.ui-state-error-text { color: #EB3034;}

.nlbox--inner { padding-top: 40px; padding-bottom: 40px;  padding-right: 40px; }


.cart-box{ padding: 20px; border: 1px solid #e2e2e2;}
.review-booking-details p{padding-bottom:5px; margin: 0; font-size: 14px; line-height: 16px;}
.review-booking-details dt,.review-booking-details dl{font-size: 14px;line-height: 14px;}


.select2-container--default .select2-selection--single {
    border: 1px solid #999;
    height: 38px;

}
.select2-error{
    border: 1px solid #EB3034!important ;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057;
}
.select2-selection__rendered {
    padding-top: 4px;

    /*    border: 1px solid #999;*/
    /*    color: #495057;
        padding: 3px 8px;*/
}

/*
/ Start Vochure
*/

#list-vouchers a.offer-banners-link {
    margin-bottom: 10px !important;
}
h1.vouchers-title {
    font-size: 16px; margin: 0; padding: 0;
}
#list-vouchers p.package-name{color: #303030; font-size: 14px; padding: 0 0 10px 0; margin: 0}
#list-vouchers p.buy-now {  padding-bottom: 15px;}
ul.vochure-condition-list{ margin: 0 0 0 30px;}
ul.vochure-condition-list li{ list-style-type: disc;}

.hg_badge_sale_orange { background: #f39f0d !important;}

#wraper-payment-tab .nav-pills .nav-link:hover{
    color: #000;
}
#wraper-payment-tab .nav-pills .nav-link.active, #wraper-payment-tab .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff !important;
}

/*form.booking-form .booking__submit {
    right: 20px;
    height: 42px;
}
form.booking-form .gensearch__input{height: 40px; border:1px solid #999; }*/


/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {
    #latest-homepage .big-post { max-height: 350px; overflow: hidden;}
    #latest-homepage .big-post img { /*max-width: 950px; width: 950px;*/ }

    #latest-homepage .big-post-1 { max-height: 350px ; overflow: hidden;}
    #latest-homepage .big-post-1 img { max-width: 530px ; width: 530px; }

    #latest-homepage .small-post { max-height: 190px; overflow: hidden;}
    #latest-homepage .small-post img { min-height: 190px;   }
}


/** Laptop **/
@media (max-width: 1200px) {
    #packages-list .imgboxes_style4 .imgboxes-wrapper {height: 280px; }

}


/** Laptop+ **/
@media (min-width: 991px) {
    .custom-wraper-video { height: 560px;}

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
    #latest-homepage .big-post { max-height: 289px; overflow: hidden;}
    /*    #latest-homepage .big-post img { max-width: 845px; width: 845px; }*/

    #latest-homepage .small-post { max-height: 170px; overflow: hidden;}
    #latest-homepage .small-post img { min-height: 170px;  }


    #latest-homepage .big-post-1 { max-height: 325px !important; overflow: hidden;}
    #latest-homepage .big-post-1 img { max-width: 430px !important; width: 430px !important; }

    .site-header[data-header-style="9"] .main-nav > ul > li > a { font-size: 16px;}
}


/** Large Tablets **/
@media (max-width: 992px) {
    #latest-homepage .big-post { max-height: 215px; overflow: hidden;}
    /*    #latest-homepage .big-post img { max-width: 845px; width: 845px; }*/

    #latest-homepage .small-post { max-height: 200px; overflow: hidden;}
    #latest-homepage .small-post img { min-height: 200px; min-width: 380px   }



}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
    .kl-slideshow.iosslider-slideshow {
        padding-bottom: 40% !important;
    }

    .custom-wraper-video { height: 450px;}

    .site-header .logo-container { padding: 0;}

    #latest-homepage .big-post-1 { max-height: 215px; overflow: hidden;}
    #latest-homepage .big-post-1 img { max-width: 325px; width: 325px; }

}


/** Tablets+  **/
@media (min-width: 768px) {  


    #logo-responsive { 
        display: none;
    }

    .iosslider-slideshow[class*="maskcontainer--"] .iosSlider .kl-caption-posv-bottom {bottom:115px !important;}

    /*
    / Template Line 650 --> @media (min-width: 992px){
    */
    .main-nav {display: block;}
    .main-nav ul {list-style: none; padding: 0; margin: 0; line-height: 1;}
    .main-nav > ul:after,
    .main-nav > ul:before {display: table; content: " "}
    .main-nav > ul:after {clear: both}
    .main-nav ul li {margin-bottom: 0;}
    .main-nav ul li a {display: block; font-weight: 400;}

    /* FIRST LEVEL */
    .main-nav > ul > li {float: left; margin-top: 0; margin-left: 5px;}
    .main-nav > ul > li:not(.menu-item-mega-parent) {position: relative;}
    .main-nav > ul > li:first-child {margin-left: 0;}
    .main-nav > ul > li > a {position:relative; padding: 12px 15px; text-transform: capitalize ; font-size: 16px; line-height: 16px; color: #000; z-index: 1; -webkit-transition:padding .2s ease-in-out, -webkit-transform .2s ease-in-out; transition:padding .2s ease-in-out, transform .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; /*border-bottom: 2px solid #FFF;*/  }

    .main-nav > ul > li.menu-item-has-children > a:after {content:''; opacity: 1; position: absolute; height: 1px; width: 7px; bottom: 3px; left: 17px; background-color: rgba(255,255,255,.4); -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;}

    .main-nav > ul > li > a:before {content:''; opacity:0; position:absolute; border-radius:0px; height:50%; width: 100%; top:50%; left: 0; background-color: #cd2122; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:height .2s ease-in-out; transition:height .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index: -1;}

    .main-nav > ul > li.active > a,
    .main-nav > ul > li > a:hover,
    .main-nav > ul > li:hover > a {text-decoration:none; color: #fff; /* border-bottom: 2px solid #CD2122;*/}
    .main-nav > ul > li.active > a:before,
    .main-nav > ul > li > a:hover:before,
    .main-nav > ul > li:hover > a:before,
    .main-nav > ul > li > a.active:before {height:100%; opacity:1; }
    .main-nav > ul > li.active.menu-item-has-children > a:after,
    .main-nav > ul > li.menu-item-has-children > a:hover:after,
    .main-nav > ul > li.menu-item-has-children:hover > a:after {opacity:0;}


    /* FIRST SUB-LEVEL */
    .main-nav ul ul.sub-menu li {position: relative;}
    .main-nav ul ul.sub-menu ul {top: 100%; margin-top: 0;}
    .main-nav ul ul.sub-menu li a:not(:only-child):after { position: absolute; top: 50%; margin-top: -1px; right: 10px; content: ''; opacity: .6; background-color: rgba(0, 0, 0, 0.3); width: 10px; height: 2px;}
    .main-nav ul ul.sub-menu li a {min-width: 235px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); padding: 10px 20px; font-size: 12px; color: #757575; position: relative; text-transform: capitalize;}
    .main-nav ul ul.sub-menu li a[title="separator"] {text-indent: -2999px; padding: 0; background-color: rgba(0, 0, 0, 0.05) !important; background-clip: padding-box; height: 5px;}
    .main-nav ul ul.sub-menu li.active > a,
    .main-nav ul ul.sub-menu li a:hover {color: #323232; background: rgba(0,0,0,0.04);}

    /* REST OF SUB-LEVELS */
    .main-nav ul ul.sub-menu,
    .main-nav .hg_mega_container {position: absolute; border-radius: 2px; border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; padding: 6px 0; background: rgba(245, 245, 245, 1);}
    .main-nav > ul > li > ul.sub-menu:before {content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px;} 
    /* fix for top hover */
    .main-nav > ul > li > ul.sub-menu:after {content:''; display: block; position: absolute; top: -11px; left: 14px; border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color: #f5f5f5;}
    .main-nav ul ul.sub-menu li:hover > ul  {left: 100%; top: -3px; opacity: 1;}

    /* MEGAMENU OVERRIDES */
    .main-nav .hg_mega_container a.zn_mega_title[href="#custom-invisible"], 
    .main-nav .hg_mega_container li:last-child a.zn_mega_title[href="#custom-invisible"] {color: transparent;}
    .main-nav .hg_mega_container { border: 1px solid rgba(255,255,255,.8); box-shadow: 0 0 4px rgba(0,0,0,.4); background: #f5f5f5; 
                                   padding: 6px 0; background: rgba(245, 245, 245, 0.95); position: absolute; padding: 20px 0; margin-top: 10px;}
    .main-nav .hg_mega_container:before { content:''; display: block; position:absolute; top: -10px; left:0; width:100%; height:10px; } /* fix for top hover */
    .main-nav .hg_mega_container li a {padding: 10px 0; font-size: 13px; color: #757575; position: relative; text-transform: uppercase;}
    .main-nav .hg_mega_container li a:not(.zn_mega_title):hover,
    .main-nav .hg_mega_container li.active > a:not(.zn_mega_title) {color: #323232;}
    .main-nav .hg_mega_container li a:not(.zn_mega_title):before {content:''; display:block; position:absolute; width:0; height:2px; 
                                                                  background-color:#cd2122; bottom:0; -webkit-transition: width .15s cubic-bezier(0.680, 0, 0.265, 1); 
                                                                  transition: width .15s cubic-bezier(0.680, 0, 0.265, 1);}
    .main-nav .hg_mega_container li a:not(.zn_mega_title):hover:before,
    .main-nav .hg_mega_container li.active > a:not(.zn_mega_title):before {width: 100%;}
    .main-nav .hg_mega_container .zn_mega_title_hide {display: none;}
    .main-nav .hg_mega_container .zn_mega_title_hide.v-hidden {display: block; visibility: hidden;}
    .main-nav .hg_mega_container li a.zn_mega_title,
    .main-nav div.hg_mega_container ul li:last-child > a.zn_mega_title {font-size: 0.9rem; padding-left: 0; padding-right: 0; border-bottom-width:1px; border-bottom-style: solid;padding: 12px 0px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; color: #333; border-bottom-color: rgba(0, 0, 0, 0.1);}
    .main-nav .menu-item-spacer {display: inline-block; height: 25px; width: 100%;}

    /* ANIMATIONS */
    .main-nav ul ul.sub-menu,
    .main-nav .hg_mega_container {left: -9999px; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, top .45s ease; transition: opacity .4s ease, top .45s ease;}
    .main-nav .hg_mega_container { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px);}
    .main-nav ul ul.sub-menu {top: 108%;}
    .main-nav .hg_mega_container {margin-top: 25px; -webkit-transition: opacity .4s ease, top .45s ease, margin-top .4s ease; transition: opacity .4s ease, top .45s ease, margin-top .4s ease;}
    .main-nav ul li:hover > ul,
    .main-nav ul li:hover > .hg_mega_container {left: 0; opacity: 1; visibility: visible; z-index: 100;}
    .main-nav ul li:hover > ul.sub-menu {top: 120%;}

    .main-nav ul li:hover > .hg_mega_container {margin-top: 10px;}
    .main-nav ul ul li a {-webkit-transition: padding-left .35s ease, border-right .35s ease; transition: padding-left .35s ease, border-right .35s ease;}

    /* MENU BADGES */
    .main-nav ul .hg-mega-new-item {position: absolute; line-height: 1; padding: 5px; text-transform: initial; font-size: 10px; top: 50%; right: 3px; background-color: #cd2122; color: #fff; border-radius: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    .main-nav ul ul .hg-mega-new-item {left: auto; right: 10px;}
    .main-nav ul ul.sub-menu li a:not(:only-child) .hg-mega-new-item {right: 23px;}
    .main-nav .hg_mega_container ul .hg-mega-new-item {right: 3px;}
    #menu-main-menu li>a[href="#"] {cursor: default;}




}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {
    .custom-wraper-video { height: 400px;}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
    .custom-wraper-video { height: 350px;}


    .site-logo a { padding: 0; display: inline-block !important; position:relative; vertical-align: middle; padding: 0 20px; background: #fff; }

    .kl-slideshow.iosslider-slideshow {
        padding-bottom: 50% !important;
    }

    #logo { margin: 10px auto 5px auto;} 
    .main-logo { display: none;}

    #logo-responsive { 
        box-shadow:rgba(0,0,0,.14) 0 0 8px 0;
        padding:10px 13px;
        margin-left:0px;
        position:absolute;
        height:90px;
        width: 90px;
        background-color:#fff;
        z-index:1;
        transform:translate3d(0,0,0);
        top: 0px;
        left: 10px;
    }
    #logo-responsive img { max-height:70px;}

    .site-logo img { max-height: 80px;}

    #packages-list .imgboxes_style4 .imgboxes-wrapper {height: 280px; }

    /*
    / template 839 --> @media (max-width: 992px) 
    */
    #zn-res-menuwrapper {display: block; position:  absolute; right: -10px; top: -4px;}
    .zn_res_menu_visible #zn-res-menu,
    .zn_res_menu_visible #zn-res-menu li ul {display: block}
    #main-menu { display: none;}
    #zn-res-menu li.active { background-color: #F3F3F3;}
    #zn-res-menu li.active > li { background-color: #F3F3F3;}
    #main-menu .dropdown-menu { margin-left: -20px; padding-left: 10px;}
    #main-menu .dropdown-menu { border: none; box-shadow: none;}
    #main-menu .dropdown-menu li > a { padding: 3px 8px; font-size: 12px;}
    #main-menu .dropdown-menu li > a:hover { background-color: transparent;}
    #main-menu .dropdown-menu > .active > a, 
    #main-menu .dropdown-menu > .active > a:hover, 
    #main-menu .dropdown-menu > .active > a:focus {background-color: transparent;}
    #main-menu .dropdown-menu li.active > .inner-elem { background-color: #cd2122;}

    #main-menu > ul { -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; 
                      -ms-transition: left 0.2s ease-out; transition: left 0.2s ease-out; -webkit-backface-visibility: hidden;}
    #main-menu > ul ul { position: static; opacity: 1 !important; visibility: visible !important; background: transparent;}
    #main-menu > ul li { float:none; width: 100%; margin-left: 0;  padding-left: 0; padding: 5px 0;}

    #zn-res-menu .zn-close-menu-button { display: inline-block; padding: 0 !important; position: absolute; right: 0; top: 0; height: 47px; width: 49px !important; border-left: solid 1px #ccc; z-index: 11111;}
    #zn-res-menu .zn-close-menu-button span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%,0); transform: translate3d(-50%, -50%,0);}

    .zn-res-trigger::after { content: ''; position: absolute; width: 25px; height: 4px; top: 50%; margin-top: -10px; background: none; border-radius: 4px;
                             left: 0; box-shadow: none;}
    .site-header[data-header-style="9"] .zn-res-trigger::after{ background: none; box-shadow:  none;}

    #section-main-menu{ position: relative; margin-bottom: 0px; padding-bottom: 10px !important; border: none;}

    #latest-homepage .big-post { max-height: 400px; overflow: hidden;}
    #latest-homepage .big-post img { max-width: 676px; width: 676px; }

    #latest-homepage .small-post { max-height: 190px; overflow: hidden;}
    #latest-homepage .small-post img { min-height: 190px;  min-width:  auto; }

    #ctabutton { display:none;}

    a.zn-res-trigger { border-right: 1px solid #ccc; width: 55px; height: 25px; margin: 0;}
    .mainnav--cart .drop{ margin-top: -5px;}
    #wrap-cart { margin-right: -80px; width: 0;}


    .btn-fullwidth {width:100%;}
}

@media (max-width: 668px) {
    #wrap-cart { margin-right: -45px; width: 0;}
    #zn-res-menuwrapper {display: block; position:  absolute; right: 20px; top: -4px;}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
    #packages-list .imgboxes_style4 .imgboxes-wrapper {height: 300px; }
    #footer[data-footer-style="6"] .social-icons { float: none;}

    #latest-homepage .big-post { max-height: 350px; overflow: hidden;}
    #latest-homepage .big-post img { max-width: auto; }

    #latest-homepage .small-post { max-height: 150px; overflow: hidden;}
    #latest-homepage .small-post img { min-height: 150px;   min-width:  auto; }
}

@media (min-width : 481px)  {



}


/** Smartphone portrait mode **/
@media (max-width: 480px) { 


    h1 { font-size: 26px; }

    .kl-slideshow.iosslider-slideshow {
        padding-bottom: 80% !important;
    }
    .custom-wraper-video { height: 250px;}

    #packages-list .imgboxes_style4 .imgboxes-wrapper {height: 250px; }


    #zn-res-menuwrapper {display: block; position:  absolute; right: 40px; top: -4px;}
    #zn-res-menuwrapper {right: 65px;}
    a.zn-res-trigger { border-right: 1px solid #ccc; width: 55px; height: 25px; margin: 0;}
    .mainnav--cart .drop{ margin-top: -5px;}

    #latest-homepage .big-post img { max-width: 100%; width: 100%;}

    #latest-homepage .big-post { max-height: 250px; overflow: hidden;}
    #latest-homepage .big-post img {  width:100%; max-width: 100%; }   


    #latest-homepage .small-post { max-height: 110px; overflow: hidden;}
    #latest-homepage .small-post img { min-height: 110px; min-width: auto;   }
    #wrap-cart { margin-right: 0;}

    .infobox3{ padding: 30px 0px;}

    .infobox3 .m_title {font-size: 18px;}
}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {

}