@media (max-width: 767px) {
/*15/02/2015*/
/* moved to carousel-only.css */
    .inspired-row:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
/*15/02/2015*/
/* moved to carousel-only.css */
    .single-holiday .img-responsive {
        padding-left: 15px;
    }
    .view-guide-wrapper  /*JT: name changed from "description-right" to "view-guide-overlay" to avoid conflict with wowslider style*/ {
        height: 200px;
        width: auto;
    }

     .view-guide-overlay {
            padding: 5px;
            opacity: 0.8;
        }

     .view-guide-overlay a.morelink {
       padding-bottom: 0;
       display: inline;
        }

    @media (min-width: 320px ) and (max-width: 359px) and (orientation:portrait) {
        .view-guide-overlay {
            max-height: 150px;
        }

        .view-guide-overlay h2 {
        font-size: 75%;
        }

        .view-guide-overlay p {
        font-size: 71%;
        line-height:1;    
        }

        .view-guide-overlay a {
        line-height:1;    
        }
    }
        @media (min-width: 360px ) and (max-width: 399px) and (orientation:portrait) {
        .view-guide-overlay {
            max-height: 150px;
        }

        .view-guide-overlay h2 {
        font-size: 84%;
        }

        .view-guide-overlay p {
        font-size: 75%;
        line-height:1;    
        }

        .view-guide-overlay a {
        line-height:1;    
        }
    }
        @media (min-width: 400px ) and (max-width: 414px) and (orientation:portrait) {
        .view-guide-overlay {
            max-height: 200px;
        }

        .view-guide-overlay h2 {
        font-size: 90%;
        }

        .view-guide-overlay p {
        font-size: 85%;
        line-height:1;    
        }

        .view-guide-overlay a {
        line-height:1;    
        }

        .view-guide-wrapper .view-guide-img > img {
        height: auto !important;
    }

    }


    .view-guide-wrapper .view.guide-overlay {  /*JT: name changed from "description-right" to "view-guide-overlay" to avoid conflict with wowslider style*/
        bottom: 0;
        background: #fffbfb;
    }
    
    .view-guide-wrapper .view-guide-img > img {
        min-height: 185px;
        height: 200px;
        width: auto;
    }

    @media (min-width: 568px ) and (max-width: 737px) and (orientation:landscape) {
        .view-guide-wrapper .view-guide-img > img, .view-guide-wrapper {
            height: auto !important;
        }
    }
    .tabs-wrapper .navbar-toggle {
        margin-bottom: 0;
    }
    .tabs-wrapper .navbar-toggle.collapsed:hover .icon-bar, .tabs-wrapper .navbar-toggle .icon-bar {
        width: 40px;
        height: 9px;
        border: 1px solid #7bc143;
        background: #7bc143;
        margin: 2px 0;
    }
    .tabs-wrapper .navbar-toggle.collapsed .icon-bar {
        border: 1px solid #CB6B27;
        background: #CB6B27;
    }
    .current-tab-title {
        display: block;
        border: 1px solid #CB6B27;
        background: #CB6B27;
        color: #FFF;
        font-family: 'alegreya_sanslight', sans-serif;
        padding: 0 15px;
        -moz-min-width: 120px;
        -ms-min-width: 120px;
        -o-min-width: 120px;
        -webkit-min-width: 120px;
        min-width: 120px;
    }
    .tabs-wrapper .nav-tabs {
        margin-bottom: -2px;
    }
    .tabs-wrapper.trip-info .nav-tabs > li,
    .tabs-wrapper.trip-info .nav-tabs > li > a {
        /* width: 100%; */
        text-align: left;
    }
    .tabs-wrapper.trip-info .nav-tabs > li.active > a {
        border: 1px solid #E3E5E3;
        background: #E3E5E3;
        color: #6E786E;
    }
    .tabs-wrapper .nav-tabs > li.active > a:hover, .tabs-wrapper .nav-tabs > li.active > a:focus,
    .tabs-wrapper .nav-tabs > li > a:hover, .tabs-wrapper .nav-tabs > li > a:focus {
        border: 1px solid #cb6b27;
        background: #cb6b27;
        color: #fff;
    }
    .tabs-wrapper .nav-tabs > li {
        margin-bottom: 1px;
    }
    .tabs-wrapper.trip-info .nav-tabs > li {
        margin-bottom: 0;
    }
    .navigation {
        height: 47px;
        border-bottom: 2px solid #cb6b27;
        line-height: 45px;
    }
    .pull-xs-none {
        float: none !important;
    }
    
}

/* Reduced from 769 to 767 to stop having an effect on iPad in portrait orientation on 26/01/2017 by TB */

@media (max-width:767px) {
    .pull-xs-none .btn.btn-search {
        margin: 5px auto;
        float: none;
        display: block;
        width: 230px;
        padding: 0;
        height: 46px;
    }
    .pull-xs-none .btn-search span {
        float: none;
        display: inline-block;
        text-transform: uppercase;
        margin: auto;
        padding: 7px 0;
        word-spacing: 2px;
        letter-spacing: 1px;
    }
    .pull-xs-none .btn-search span.right-arr {
        margin-top: 5px;
        margin-bottom: -5px;
    }
    .quote {
        padding: 15px 20px 15px 60px;
    }
    /*.header-logo a {
        margin: 0;
    }*/
    a .icon-phone,
    .icon {
        margin: 0 10px 0 0;
    }
    .star {
        margin: 2px 0;
    }
    .navbar {
        position: static;
        padding-bottom: 0;
        z-index: 2000;
        border: 0;
    }
    .content-wrapper {
        /* margin-top: 0; */
    }
    .brochure img {
        margin-top: 0;
    }
    
    .pl-xs-0 {
        padding-left: 0;
    }

    .pt-xs-20 {
        padding-top: 20px;
    }
    .pb-xs-20 {
        padding-bottom: 20px;
    }
    .pr-xs-0 {
        padding-right: 0;
    }
    .pull-xs-left {
        float: left !important;
    }
    .panel-footer .logos-wrapper a {
        margin-left: 0;
        margin-right: 10px;
    }
    .tab-content {
        margin-bottom: 20px;
    }
    
    .pink-wrapper {
        background: #fff;
    }
    .food-info,
    .days-count {
        text-align: left;
    }
    
    .inspired-row h4 {
        margin-top: 0;
    }
    .description-left,
    .white-pane .left-pane {
        width: 320px;
        height: 160px;
    }
    
    .white-pane .left-pane .heading {
        margin-bottom: 5px;
        margin-top: 0px;
    }
    .white-pane .left-pane .call-us {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .white-pane .left-pane {
        left: 10px;
    }
    .white-xs-box {
        background: #ffffff;
    }
/*15/02/2015*/
/* moved to carousel-only.css and to leaf-wowslider-only.css*/
    .navbar-collapse .phone-menu li span {
        width: 240px;
        display: block;
    }
    .navbar-collapse .phone-menu li ul.dropdown-menu {
        left: auto;
        right: 0;
        margin-top: -45px;
/*        background: #0F1E0F; */
		opacity: 0.95;
    }
    .navbar-collapse .phone-menu li .dropdown-toggle span.right-arr {
        background-position: -64px -253px;
        width: 12px;
        float: right;
        margin-top: 5px;
        margin-right: 0;
        display: none;
    }
    .navbar-collapse .phone-menu li.open .dropdown-toggle span.right-arr {
        display: block;
    }
    .navbar-collapse .phone-menu li.open .dropdown-toggle > a {
        color: #7bc143;
    }
    a.search-button .icon-search {
        margin-top: 10px;
    }
    h2.serif {
        margin-bottom: 10px;
        margin-top: 0;
    }
    .pr-xs-0 {
        padding-right: 0;
    }
    .no-xs-padding {
        padding: 0;
    }
    
/*15/02/2015*/
/* moved to carousel-only.css and to leaf-wowslider-only.css*/
    
}
    
/*15/02/2015*/
/* moved to carousel-only.css */
@media (max-width:850px) {
     /*.header-logo {
        max-width: 300px;
    }
    .header-logo a {
        background: url("../_images/home-logo-small.png") no-repeat center;
        width: 300px;
        height: 51px;
    }*/
    /* 15/02/2015 */
    .checkbox-list {
        padding-left: 30px;
        /*font-family: 'alegreya_sansbold';*/
    }
    .checkbox-list .no-style {
        font-family: 'alegreya_sanslight';
    }
    .fix {
        margin-left: -8%;
    }
    .container.white-pane .top-pane {
        width: 100%;
        margin: 0;
    }
    .container.white-pane .top-menu.vertical-menu > li {
        margin-top: 0;
        /* TB 14Aug deactivate: margin-bottom: 0;*/
    }
    .contentTop {
        margin-top: 160px;
    }
    footer.content {
        margin-top: 0;
    }
    .reviews-wrapper {
        padding-bottom: 10px;
    }
    .green-bt {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .download-brochure {
        margin-top: 15px;
    }
    .pl-xs-15 { padding-left: 15px;}
    .mr-xs-0 { margin-right: 0 !important;}
    .mt-xs-0 { margin-top: 0;}
}
@media (max-width:767px) {
    .country-map-wrapper {
        position: absolute;
        background: #FFF;
        z-index: 999;
        top: 215px;
    }
    .white-box.gray-b {
        border-left: 0;
        border-right: 0;
    }
    .hide-me {
        display: none;
    }
    /*15/02/2015*/
/* moved to carousel-only.css */
    .green-xs-bt {border-top: 10px solid #7BC143;}
    .single-search-result .info-price { clear: both;}
    .pull-xs-right {
        float: right !important;
    }
}
@media (max-width: 550px) {
    .quote {
        padding: 4px 10px 4px 50px;
        background-position: 5px center;
    }
    .description-left, .white-pane .left-pane {
        left: 0px;
    top: 0px;
    }
    .container.pl-0.pr-0,
    .container.pl-0.pr-0.relative-pane > .container {
        padding-left: 0;
        padding-right: 0;
        /* margin-bottom: 100px; */
    }
    .view-guide-overlay {  /*JT: name changed from "description-right" to "view-guide-overlay" to avoid conflict with wowslider style*/
        right: 0;
    }
    .view-guide-overlay p {  /*JT: name changed from "description-right" to "view-guide-overlay" to avoid conflict with wowslider style*/
        margin-bottom: 5px;
    }
    .navbar-form {
        padding-right: 0;
    }
    .navbar-collapse .phone-menu li {
        width: 100%;
		margin-bottom:  0px;
    }
    .navbar-collapse .phone-menu li ul.dropdown-menu > li > a {
        word-wrap: normal;
        white-space: pre-wrap;
    }
    .navbar-collapse .phone-menu li > span,
    .navbar-collapse .phone-menu li ul.dropdown-menu {
        width: 50%;
    }
    .navbar-collapse .phone-menu li > span {
        -moz-min-width: 150px;
        -ms-min-width: 150px;
        -o-min-width: 150px;
        -webkit-min-width: 150px;
        min-width: 150px;
    }
    .big-rating img {
        width: 40px;
        height: 40px;
    }
}

@media (max-width:480px) {
    .navbar-header .header-logo {
        width: 100%;
        padding: 0;
        position: relative;
        right: 35;

    }

.header-logo a {
    margin-left:-150px;
    margin-top: 5px;
    }

    .navbar-header .col-xs-5 {
    width: 100%;
    margin-top: 15px;
    }

    .big-rating img {
        width: 35px;
        height: 35px;
    }
}

h2 {
    font-family: "alegreya_sanslight",sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
    }

.first, .last {
    width: 100% !important;
    float: none !important;
    }

.last {
    margin-left: -15px;
    }

h1 {margin-left:0px;
    margin-top:20px;
}

.top-details {
    margin-right: 10px;
    }

/* TB 131216 Not sure why this was in here - RUINING mobile website for Galaxy SIII, etc 

div#wowslider-container1 .ws_images, div#wowslider-container2 {    
    top: 160px;
    margin-bottom: 120px;
}

*/

/* Brochure page for phones in portrait orientation */

@media (min-width:400px) and (max-width:414px) {

.brochurePage {
    margin-top: 30px;
}
        
}

@media (min-width:320px) and (max-width:399px) {

.brochurePage {
    margin-top: 10px;
}
        
}

/* Styling for iPhone 5 to iPhone 6 in portrait, mostly home page */

@media (min-width:320px) and (max-width:375px) {

.action-pane {
    position: relative;
    display: block;
    background-color: rgba(255,255,255,0.85);
    z-index: 150;
    padding: 20px;
    line-height: 22px;
    width: 100%;
    height: 210px;
    padding: 10px 20px;
/* left: 1% */    
    }

.white-pane {
    left:0%;
    }

.white-pane .action-pane .action {
    font-size: 23px;
    }

.white-pane h2 {
    margin-top: 0px;
    font-size: 20px;
    }

.white-pane p {
    font-size: 15px;
    }

.act-lhs, .act-rhs {
    background-repeat: no-repeat;
    background-position: 0px 100%;
    position: absolute;
    bottom: 0;
    width: 180px;
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 0px;
    }

.act-lhs {
    left: 0;
    padding-left: 20px;
    background-image: url(/_images/icons/act-lhs-lg.png);
    background-size: 180px 50px;
    }

.act-rhs {
    right: 0;
    width: 180px;
    padding-left: 70px;
    background-image: url(/_images/icons/act-rhs-lg.png);
    background-size: 180px 50px;
    }

.act-lhs a {
    float: right;
    font-size:100%;
    position: relative;
    top: -15px;
    right: 40px;
    }

.act-rhs a {
    float: left;
    font-size:100%;
    position: relative;
    top: -4px;
    right: -1px;
    }

div#header {
    position: fixed;
    top: 0px;
    z-index: 900;
    width: 100%;
    background-color: white;
    padding-bottom: 10px;
    }

p.call-us {
    font-size: 105%;
    }

h1.small {
    margin-top: 20px;
    }

.top-pane h1 {margin-top: 30px; margin-bottom: -30px;}

p.bigintro {margin-right: 0%;}

div#lhs-menu {
    margin-left: -50px;
    }

.row {
    margin-right: 0px;
    margin-left: 0px;
    }

}

/* Home page styling for a small pixel range */

@media (min-width:370px) and (max-width:375px) {

.act-lhs, .act-rhs {    
    width: 187px;
    }

.act-lhs {
    background-size: 187px 50px;
    }

.act-rhs {
    width: 187px;
    background-size: 187px 50px;
    }

}

/* iPhone 5 portrait styling */

@media (min-width:320px) and (max-width:345px) {

.act-lhs, .act-rhs {    
    width: 160px;
    font-size: 16px;
    }

.act-lhs {
    background-size: 160px 50px;
    }

.act-rhs {
    width: 160px;
    background-size: 160px 50px;
    }

.white-pane h2 {
    margin-top: 0px;
    font-size: 19px;
    }

}

/* Up to iPhone 6 portrait styling, mostly home page */

@media (min-width:376px) and (max-width:414px) {

.action-pane {
    position: relative;
    display: block;
    background-color: rgba(255,255,255,0.85);
    z-index: 150;
    padding: 20px;
    line-height: 22px;
    width: 100%;
    height: 210px;
    padding: 10px 15px;
/* left: 1% */    
    }

.white-pane {
    left:0%;
    }

.white-pane .action-pane .action {
    font-size: 23px;
    }

.white-pane h2 {
    margin-top: 0px;
    font-size: 20px;
    }

.white-pane p {
    font-size: 15px;
    }

.act-lhs, .act-rhs {
    
    width: 207px;
    font-size: 18px;
    padding-top: 50px;
    padding-bottom: 0px;
    }

.act-lhs {
    left: 0;
    padding-left: 20px;
    background-size: 207px 50px;
    }

.act-rhs {
    right: 0;
    width: 207px;
    padding-left: 70px;
   background-size: 207px 50px;
    }

.act-lhs a {
    float: right;
    position: relative;
    top: -15px;
    right: 70px;
    }

.act-rhs a {
    float: left;
    position: relative;
    top: -15px;
    right: 8px;
    }

div#header {
    position: fixed;
    top: 0px;
    z-index: 900;
    width: 100%;
    background-color: white;
    padding-bottom: 10px;
    }

/*

Now defunct - TB 26/04/2017

.home-gallery, .countryHome-Gallery {
    margin-top: 55px;    
    }
	
*/	

p.call-us {
    font-size: 105%;
    }
	
/* Now defunct - TB  14062017 
h1.small {
    margin-top: -10px;
    } */

.top-pane h1 {margin-top: 30px; margin-bottom: -30px;}

p.bigintro, .big {margin-right: 0%;}

div#lhs-menu {
    margin-left: -50px;
    }

.row {
    margin-right: 0px;
    margin-left: 0px;
    }

}

/* Phone landscape styling - TB 19/01/2017 */

@media (min-width:568px) and (max-width:767px) {

nav.countryNav {
    height: 60px;
    position: fixed;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    z-index: 998;
    background-color: white;
    width:100%;
}

.header-logo    {
    margin-top: 10px;
}

.navbar-toggle.collapsed {
    margin-top: 20px;
    margin-right: 30px;
    }

}

/* Maximises screen width for body text when in portrait orientation on mobile phones  - Tb 19/01/2017 */

@media (min-width:320px) and (max-width:414px) {

.pl-50 {
    padding-left: 0px;
} 

.pt-30 {
    padding-top: 0px;
} 
}


/* .white-pane p {
    font-size: 15px;
    }
*/

/* Sorts out home page white pane on phones when viewed in landscape - Tb 19/01/2017 */

@media (min-width:568px) and (max-width:767px) {

.action-pane {
    
    width: 180px;
    height: 250px;
    padding: 10px;
    left: 1%;
    font-size: 80%;
}

.white-pane h2 {
    margin-top: -10px;
    margin-bottom: 5px;
    font-size: 150%;
    padding-top: 10px;
}

.white-pane p.call-us {
    font-size: 120%;
}

.white-pane p {
    padding: 0px;
    margin: 0px;
    font-size: 105%;
}

.act-lhs, .act-rhs {
    background-repeat: no-repeat;
    background-position: 0px 100%;
    position: absolute;
    bottom: 0;
    width: 90px;
    font-size: 19px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.act-lhs {
    left: 0;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 5px;
    background-image: url(/_images/icons/act-lhs-lg.png);
    background-size: 90px 50px;
}

.act-rhs {
    right: 0;
    width: 90px;
    padding-left: 25px;
    padding-bottom: 10px;
    padding-top: 5px;
    background-image: url(/_images/icons/act-rhs-lg.png);
    background-size: 90px 50px;
}

.act-lhs a {
    float: right;
    font-size:80%;
    position: relative;
    right: 0px;
}

.act-rhs a {
    float: left;
    font-size:80%;
    position: relative;
    right: 0px;
    }

.act-lhs a, .act-rhs a {
    line-height: 100%;   
}

.home-gallery, .countryHome-Gallery {
    margin-top: 20px;    
    }

}

/* Adjusts leaf wrapper heading and image on phones in portrait orientation - TB 26/01/2017 */

@media (min-width:320px) and (max-width:414px) {

.leaf-wrapper h1 {
	margin-top: 10px;
}

.leaf-wrapper .home-gallery {
	margin-top: 10px;
}

}

/* Sorts out rendering of new Hotel pages on mobile phones (iPhone 6 and above, Samsung, Nexus) in portrait and landscape - TB 03/02/2017 */

@media (min-width:320px) and (max-width:736px) {

.hotelpage {margin: 0px; padding: 0px;}

.hotelpage #backimage {
    margin-top: 60px;
}

.hotelpage h1 {font-size:110%;}

.hotelpage h6 {font-size:80%;}

.hotelpage h6 span#lblHeading {font-size:90%;}

.hotelpage .container {
    padding: 0px 0px;
    margin: 0px 0px;
}

.hotelpage .rating {
    padding: 0px;
    margin-left: 55px;
}

.hotelpage .col-xs-offset-1 {
    margin-left: 0px;
}

.hotelpage .col-xs-12, .hotelpage .col-xs-10 { 
    width: 100%; 
    padding: 0px;    
}

.hotelpage .col-xs-5 { 
    width: 50%;    
}

.hotelpage #dhotel-intro { 
    padding-right: 0px; 
    padding-left: 0px; }

.hotelpage #dhotel-gallery, .hotelpage #dhotel-long-description { padding-right: 5px;
padding-left: 0px }

.hotelpage #dhotel-tours-inc, .hotelpage #dhotel-location, .hotelpage #dhotel-other, .hotelpage div#SG-tours, .hotelpage div#TM-tours { 
padding-right: 5px;
padding-left: 5px; }

.hotelpage #dhotel-intro-img { 
padding-right: 10px;
padding-left: 5px; }

.leaf-wrapper h1 {
    margin-top: 15px;
}

.hotelpage #dhotel-location {
	visibility: hidden;
}
}

/* Hotel page iphone 5 portrait stylings */

@media (min-width:320px) and (max-width:350px) {

.hotelpage h6 {font-size:70%;}

.hotelpage h6 span#lblHeading {}

.hotelpage #dhotel-intro p, .hotelpage #dhotel-gallery p, .hotelpage #dhotel-long-description p, .hotelpage #dhotel-tours-inc p, .hotelpage #dhotel-location p, .hotelpage #dhotel-other p, .hotelpage div#SG-tours p, .hotelpage div#TM-tours p { 
	font-size: 90%;
 }

.hotelpage #dhotel-intro-img { padding-right: 10px; 
padding-left: 5px; }


}

/* Hotel page gallery padding iPhone 6 and above, Samsung, Nexus - TB 03/02/2017 */

@media (min-width:360px) and (max-width:375) {
    .hotelpage #dhotel-gallery {
     padding-right: 15px;
    }
}

/* Blog page iphone 5 portrait - TB 03022017 */

@media (min-width:320px) and (max-width:350px) {
.blogpage .inspired-row {
	padding: 0px;
}
}

}

/* Blog entry page on phones landscape - TB 03022017 */

@media (min-width:415px) and (max-width:736px) {

.blogentry h1 {
    margin-top: 20px;
}

.blogentry .container {
    padding: 0px;
}

.makeithappen {
    float: left;
    margin-top: 220px;
    width: 40%;
    position: relative;
    left: 30px;
}

.makeithappen h2 {
    margin-left: 10px;
}

.makeithappen .row {}

.makeithappen .inspired-row {
    float: right;
}

.relatedcontent {
    float: left;
    background-color: red;
    width: 40%;
}

}

/* Hide Feedbackify and Tawk thing up till tablet size. Hiding Tawk not working - TB 03/02/2017 */

@media (min-width:320px) and (max-width:736px) {

div#feedbackify, div#tawkchat-minified-box {
    visibility: hidden;
}
}

/* Sorts out rendering issue affecting main page content hiding behind header bar on mobile phones in portrait from iPhone 5 portrait to iPhone 6s Plus - TB 10/02/2017 */

@media (min-width:300px) and (max-width:413px) {

div#header
    {
    margin-top: 0px;
}

 .content-wrapper {
        margin-top: 60px;
    }

 .home-gallery {
    margin-top: -3px;    
    }

}

/* Sorts out rendering issue affecting main page content hiding behind header bar on mobile phones in landscape from iPhone 5 portrait to iPhone 6s Plus - TB 10/02/2017 */

@media (min-width:414px) and (max-width:736px) {

div#header
    {
    margin-top: 0px;
}

 .content-wrapper {
        margin-top: 30px;
    }
}

/*  - TB 12/04/2017 */



@media (min-width:320px) and (max-width:414px) {
	
.homePage h1 {
	margin-top: 20px;
	font-size: 125%;
}	

.homePage .white-pane h2 {
	font-size: 150%;
	font-family: 'playfair_displayregular', serif;
	}

.content {
    margin-top: 10px;
}

.container {
padding-left: 0;
padding-right:0;
}

 a.morelink {
   padding-bottom: 20px;
   display: block;
   }

.navbar-collapse {
    top:62px;
	opacity: 0.95;
}

.dropdown-menu {
	background-color: transparent;
	box-shadow:none;
	}

.dropdown-menu > li > a {
    padding: 3px 0px 0px 10px
}

.navbar-collapse .phone-menu li ul.dropdown-menu li {
    margin: 0 0 0 10px;
    font-size: 140%;
}

.navbar-collapse .phone-menu li {
	background-color: transparent;
	}

.container {
padding-left: 0px;
}

.container.white-pane {
    padding-left: 15px;
}

.navbar-form {
	margin-top: 0px;
	}

}

@media (min-width:414px) and (max-width:736px) {

.home-gallery {
    margin-top: 17px;    
    }

.countryHome-Gallery {
    margin-top: 17px;    
    }

.leaf-wrapper .container {
padding-left: 0px;
}

.leaf-wrapper .ws_images {
    min-height: 0px;
}

}

@media (min-width: 568px) and (max-width:767px) and (orientation: landscape) {

.home-gallery, .countryHome-Gallery {
    margin-top: 10px !important;    
    }

.leaf-wrapper .container {
padding-left: 0px;
}

.leaf-wrapper .ws_images {
    min-height: 0px;
}
}


@media (min-width:320px) and (max-width:374px) {

    .navbar-collapse .phone-menu li {
font-size: 100%;
    }

.navbar-collapse .phone-menu li ul.dropdown-menu li {
    margin: 0 0 0 10px;
    font-size: 110%;
}

.dropdown-menu {
	min-width: 140px;
	}

}

/* Landscape phone widths - TB 03072017 */

@media (min-width: 568px) and (max-width: 767px) {
.navbar-collapse .phone-menu li ul.dropdown-menu {
    left: auto;
    right: 0;
	background: #0F1E0F;
    opacity: 0.95;
    overflow-y:visible;
}

.navbar-toggle, .navbar-toggle.collapsed {
    margin-top: 15px;
    margin-right: 30px;
}
}

@media (min-width: 300px) and (max-width: 767px) {
#header-visible-xs .navbar-collapse .phone-menu li > span > a, .navbar-collapse .phone-menu li > a { 
	text-transform: uppercase !important; 
	font-family: 'Alegreya_sanslight', sans-serif !important;
	 }
	 
.StartPlan, .StartPlan > div, .StartPlan div > div { padding: 0; }
.StartPlan div > div { padding: 0 15px 0 0; }
    .StartPlan {
        display: none;
    }

.indDestSectPageIntro > div {
    padding: 0 15px 0 0;   
}

}

@media (min-width: 300px) and (max-width: 359px) {

/* .navbar-collapse#headerToggle { padding: 0 0 0 5px; } */
 
 .navbar-header .col-xs-5 { padding-left: 10px; }	 	 

.header-logo a {
    margin-left: -110px;
	margin-top:10px;
	z-index: 1000;

/* .StartPlan { display: none; } */
}

/* #header-visible-xs .navbar-collapse .phone-menu li > span > a, .navbar-collapse .phone-menu li > a { 
	font-size: 95%;
	 } */
	 
.navbar-collapse .phone-menu li ul.dropdown-menu a { margin-left: -5px; }	 

}

@media (min-width: 360px) and (max-width: 400px) {

 .navbar-header .col-xs-5 { padding-left: 10px; }

.header-logo a {
    margin-left: -115px;
	margin-top:10px;
	z-index: 1000;
}

.navbar-collapse .phone-menu li ul.dropdown-menu a { margin-left: -5px; }

}

@media (min-width: 412px) and (max-width: 414px) {

.header-logo a {
    margin-left: -120px;
	margin-top:10px;
	z-index: 1000;
}
}


/* Mobile Phone Local Menu Section - TB 04072017 */

/* Breadcrumb */

.breadcrumb {
    background-color: #fbfdfb !important;
}

nav.localMenu .navbar-collapse {
    top: 30px;
}

nav .breadcrumb a, nav ol.breadcrumb li.active {
    font-family: 'alegreya_sanslight', sans-serif !important;
    text-transform: uppercase;
    font-size: 90%;
}

nav .breadcrumb a, nav span.breadcrumb-item.active {
    font-family: 'alegreya_sanslight', sans-serif !important;
    text-transform: uppercase;
}

nav.localMenu {
    width: 100%;
    margin: 0px 0px 0px 15px;
}

    nav.localMenu button {
        float: left;
    }

    nav.localMenu .navbar-header {
        font-family: 'alegreya_sanslight';
        font-size: 90%;
    }

    nav.localMenu .navbar-toggle {
        background-color: #fbfdfb !important;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
        padding-left: 15px !important;
        border-right: 1px solid #e3e5e3;
        border-left: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-radius: 0 !important;
    }

    nav.localMenu .container-fluid {
        padding: 0;
        margin:0 15px;
        border-bottom: 1px solid #e3e5e3;
    }

.navbar.localMenu {
    padding-top: 0px;
    min-height: 30px !important;
    margin: 0px 0px 0px 0px;
}

    .navbar.localMenu.in {
        border-bottom: none;
    }

nav.localMenu .navbar-collapse {
    background-color: #fbfdfb !important;
    opacity: 1;
    top: 30;
    overflow-y: auto;
    padding-left: 0px;
    padding-right: 0px !important;
}

nav.localMenu ol.breadcrumb {
    padding: 10px 0 0 0;
    margin-bottom: 5px;
}

nav.localMenu ul.navbar-nav {
    margin: 0px !important;
}

    nav.localMenu ul.navbar-nav li {
        padding: 0px;
        margin-bottom: 0px;
    }

        nav.localMenu ul.navbar-nav li a {
            padding: 7.5px 0px 7.5px 0px;
            font-family: 'alegreya_sanslight';
            border-bottom: 1px solid #e3e5e3;
            text-transform: uppercase;
            font-size: 90%;
        }

nav.localMenu h4 {
    font-size: 90%;
    text-transform: uppercase;
    /*margin-top: -5px;*/
    border-bottom: 1px solid #e3e5e3;
    padding-bottom: 10px;
    margin-bottom: -2.5px;
}

nav.localMenu.localMenuMenu {
    margin-top: -10px;
}

.removePaddingRight {
    padding-right: 15px;
}

nav.localMenu .navbar-collapse {
    max-height: 340px;
    display: none;
    position: inherit;
    padding-bottom: 50px;
}

    nav.localMenu .navbar-collapse.in {
        display: block;
        margin: 0;
    }

.navbar.localMenu.shadow {
    box-shadow: none;
}

.mtReduce {
    margin-top: 10px !important;
}

.tourPageContentWrapper .navbar.localMenu { margin-top: 30px; }

nav.localMenu ol.breadcrumb {
 margin-bottom: 25px;
}

nav.localMenu ol.breadcrumb li, nav.localMenu ol.breadcrumb li a {
 font-size: 14px;
 margin-bottom: 0px;
}

.localMenu ol.breadcrumb > li + li:before {
    padding: 0 2px;
}

.localMenu ol.breadcrumb {
    line-height: 100%;
}

nav.localMenu ol.breadcrumb li.active {
    color: #aa2616;
}

.localMenu.navbar-default {
    background-color: #fbfdfb;    
}

/* Tour Page tabs - TB 04072017 */

/* General phone Tour Page portrait stylings */

@media (min-width:320px) and (max-width:767px) {
.trip-info { padding: 0 0; }

.trip-info .navigation { display: none; }

.trip-info div.collapse {display: block;width: 100%;margin-bottom: 0px;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 4px;
		font-size: 95%;
		font-family: 'alegreya_sanslight', sans-serif;
		text-align:center;
		background-color: #E3E5E3;
		color:black;
		/* border: 1px solid #cb6b27; */
		min-width: inherit !important;
		}
		
		.tabs-wrapper.trip-info .nav-tabs > li.firstTab > a {
		border-left: 1px solid #cb6b27;
		}
	
	    .tabs-wrapper.trip-info .nav-tabs > li.active > a {
		background-color: #cb6b27;
		color:white;
		border: 1px solid #cb6b27;
    }

.trip-info ul.nav-tabs {
    width: 100%;
    padding:  0;
    /* margin-left: 10px; */
}

.tabs-wrapper.trip-info .nav-tabs > li {
	float: left !important;
	width: auto;
	}

ul.pagination-sm a { 
	padding: 7px 2px;	 
	}

.tourPageContentWrapper .pagination {
	margin: 0px 0 -5px 5px;
	z-index: 1000;	
}

.tourPageContentWrapper .trip-info button {
	/* display: none;   hides months dropdown on iphone so remmed out by JT DEC21*/
}

.trip-info ul.nav-tabs {
	display:block;
	width: 100%;
	/* margin-bottom: -3px; */
	}

.tourPageContentWrapper .pagination li.active a {
	border: 1px solid #cb6b27;
	background-color: #cb6b27;
	color: white;
}

.tourPageContentWrapper .mt-30 {
	margin-top: 10px;
	margin-bottom: 0px;
	}

.tourPageContentWrapper .tab-content {
    border: 1px solid #cb6b27;
}

.tourPageContentWrapper .tab-content img {
}

.tourPageContentWrapper .tab-content > div,
 .tourPageContentWrapper .tab-content > div > div,
  .tourPageContentWrapper .tab-content > div > div > div {
	padding: 0;
}

   .tourPageContentWrapper .tab-content > div > div > div > div { padding: 5px; }

div#ClimateBars {
	padding: 0px;
	}

}

/* iphone 6 + portrait */

@media (min-width:400px) and (max-width:414px) {

.trip-info ul.nav-tabs {
    padding-left:  6px;
    /* margin-left: 10px; */
}
}


/* iphone 6 portrait */

@media (min-width:375px) and (max-width:399px) {


.trip-info div.collapse { margin-bottom: 0px;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 2px;
		font-size: 90%;
		}

.trip-info ul.nav-tabs {
	padding-left: 1px;
	}
}

@media (min-width:360px) and (max-width:374px) {


.trip-info div.collapse { margin-bottom: 0px;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 2px;
		font-size: 89%;
		}

.trip-info ul.nav-tabs {
	margin-left: 2px;
	}
}

/* iPhone 5 */

@media (min-width:320px) and (max-width:359px) {

.trip-info div.collapse {display: block; width: 100%;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 1px;
		font-size: 80%;
		}		

.trip-info div.collapse { margin-bottom: 0px;}

.trip-info ul.nav-tabs {
	padding-left: 0px;
}

}

/* Phones landscape */

@media (min-width:568px) and (max-width:767px) {

#header-visible-xs .navbar-toggle {
	float: left;
	margin-top: 5px;
	margin-left: -15px;
	}    

.tourPageContentWrapper .tab-content > div,
 .tourPageContentWrapper .tab-content > div > div,
  .tourPageContentWrapper .tab-content > div > div > div {
	padding: 5px;
}

   .tourPageContentWrapper .tab-content > div > div > div > div { padding: 15px; }
   
}

@media (min-width:568px) and (max-width:639px) {

.trip-info div.collapse {display: block;width: 100%; margin-bottom: 0px;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 10px;
		font-size: 105%;
		}

.trip-info ul.nav-tabs {padding-left: 12px; }
}


@media (min-width:640px) and (max-width:666px) {

.trip-info div.collapse {display: block;width: 100%; margin-bottom: 0px;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 13px;
		font-size: 105%;
		}

.trip-info ul.nav-tabs {padding-left: 12px; }
}

@media (min-width:667px) and (max-width:735px) {

.trip-info div.collapse {display: block;width: 100%;margin-bottom: 0px;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 20px;
		font-size: 105%;
		}

.trip-info ul.nav-tabs {

padding-left: 20px;
}
}

@media (min-width:736px) and (max-width:767px) {

.trip-info div.collapse {display: block;width: 100%;margin-bottom: 0px;}

    .tabs-wrapper.trip-info .nav-tabs > li > a {
		padding: 5px 25px;
		font-size: 110%;
		}

.trip-info ul.nav-tabs {

padding-left: 15px;
}
}

/* Header for Phones Portrait */

@media (min-width:320px) and (max-width:414px) {

#header-visible-xs .navbar-toggle {
	float: left;
	margin-left: -5px;
/*	margin-top: 15px */
	}
}

/* Header for Phones Landscape*/

@media (min-width:415px) and (max-width:766px) {

#header-visible-xs .navbar-toggle {
	float: left;
	margin-left: -15px;
	}

}

/* Styling for Brochure and Enquiry Page - TB 05072017 */

/* Brochure and Enquiry Page - All phones */

@media (min-width:320px) and (max-width:479px) {

#udpBrochureSelection img {
    float: left;
}

#udpBrochureSelection h3 {
    padding: 0;
}

#udpBrochureSelection > div > div > div { 
    max-width: 200px;
    float: left;
}

#udpBrochureSelection > div  { 
    margin-bottom: 10px;
    padding: 0;
}

#udpBrochureSelection .col-xs-10 {
    max-width: 200px;
    float: left;
}

#udpBrochureSelection .col-xs-10 > .col-xs-12 {
    padding: 0;
}

#udpBrochureSelection .col-xs-10 > .col-xs-12 .checkbox {
    margin-left: 0px;    
}
}

@media (min-width:320px) and (max-width:750px) {
	.brochureEnquiryPage .btn {
		font-size: inherit;
	}
	
	.brochureEnquiryPage .form-group {
		margin: 20px 0;
	}
}

/* iPhone 6 Plus */
@media (min-width:414px) and (max-width:500px) {
	.brochureEnquiryPage .content {
		margin-top: 40px;
		}
}

/* Brochure Page OPUS */

@media (min-width:320px) and (max-width:750px) {
    .brochurePage hr {
        margin: 10px 0px;
    }
}

@media (min-width:320px) and (max-width:500px) {

    .brochurePage .checkbox input[type=checkbox], .brochurePage .checkbox {
        margin-left: 30px;
        margin-bottom: 10px;
    }

    input#BroCR, input#BroCU, input#BroEC, input#BroPE, input#BroTT, input#BroVE {
        margin-left: -20px;
    }
}

@media (min-width:501px) and (max-width:736px) {

        .brochurePage .checkbox input[type=checkbox], .brochurePage .checkbox {
        margin-left: 30px;
        margin-bottom: 10px;
    }

    input#BroCR, input#BroCU, input#BroEC, input#BroPE, input#BroTT, input#BroVE {
     /*   margin-left: -20px; */
    }
}

@media (min-width:320px) and (max-width:414px) {
.brochurePage #costa-rica-download,
.brochurePage #cuba-download,
.brochurePage #ecuador-download,
.brochurePage #peru-download,
.brochurePage #trinidad-download,
.brochurePage #venezuela-download,
.brochurePage #insert-download {
	float: left;
	max-width: 320px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-color: #f8f8f8;
	padding: 0;
}

    .brochurePage .form-group .col-xs-12 {
    width: 90%;    
    }  

.brochure-list .checkbox label {
    font-size: 90% !important;
}

.brochurePage #costa-rica-download > div,
.brochurePage #cuba-download > div,
.brochurePage #ecuador-download > div,
.brochurePage #peru-download > div,
.brochurePage #trinidad-download > div,
.brochurePage #venezuela-download > div,
.brochurePage #insert-download > div {
	float: left;
	width: 40%;
	padding: 0;
}

.brochurePage #costa-rica-download > div h4,
.brochurePage #costa-rica-download > div label,
.brochurePage #cuba-download > div h4,
.brochurePage #cuba-download > div label,
.brochurePage #ecuador-download > div h4,
.brochurePage #ecuador-download > div label,
.brochurePage #peru-download > div h4,
.brochurePage #peru-download > div label,
.brochurePage #trinidad-download > div h4,
.brochurePage #trinidad-download > div label,
.brochurePage #venezuela-download > div h4,
.brochurePage #venezuela-download > div label,
.brochurePage #insert-download > div h4, 
.brochurePage #insert-download > div label 
{
    font-size: 110%;
    margin: 0px;
    padding: 10px 0px 10px 0px;
}

.brochurePage > div h4
{
    border-bottom: 1px solid #e5e5e5;
}

}

@media (min-width:415px) and (max-width:736px) {
    .brochurePage #costa-rica-download,
.brochurePage #cuba-download,
.brochurePage #ecuador-download,
.brochurePage #peru-download,
.brochurePage #trinidad-download,
.brochurePage #venezuela-download,
.brochurePage #insert-download {
	float: left;
    max-width: 320px;
    margin-bottom: 10px;
}

.brochurePage #costa-rica-download > div,
.brochurePage #cuba-download > div,
.brochurePage #ecuador-download > div,
.brochurePage #peru-download > div,
.brochurePage #trinidad-download > div,
.brochurePage #venezuela-download > div,
.brochurePage #insert-download > div {
	float: left;
	width: 50%;
}

.brochurePage #costa-rica-download > div h4,
.brochurePage #costa-rica-download > div label,
.brochurePage #cuba-download > div h4,
.brochurePage #cuba-download > div label,
.brochurePage #ecuador-download > div h4,
.brochurePage #ecuador-download > div label,
.brochurePage #peru-download > div h4,
.brochurePage #peru-download > div label,
.brochurePage #trinidad-download > div h4,
.brochurePage #trinidad-download > div label,
.brochurePage #venezuela-download > div h4,
.brochurePage #venezuela-download > div label,
.brochurePage #insert-download > div h4, 
.brochurePage #insert-download > div label 
{
    font-size: 110%;
    margin: 0px;
    padding: 0px 0px 10px;
}

    .brochurePage .form-group .col-xs-12 {
    width: 90%;    
    }  


}

@media (min-width:500px) and (max-width:568px) {
        .brochurePage #costa-rica-download,
.brochurePage #cuba-download,
.brochurePage #ecuador-download,
.brochurePage #peru-download,
.brochurePage #trinidad-download,
.brochurePage #venezuela-download,
.brochurePage #insert-download {
	float: left;
    max-width: 250px;
    margin-bottom: 10px;
}

    .brochurePage img {
    height:110px;
    margin-bottom: 10px;    
    }

.brochurePage #costa-rica-download > div h4,
.brochurePage #costa-rica-download > div label,
.brochurePage #cuba-download > div h4,
.brochurePage #cuba-download > div label,
.brochurePage #ecuador-download > div h4,
.brochurePage #ecuador-download > div label,
.brochurePage #peru-download > div h4,
.brochurePage #peru-download > div label,
.brochurePage #trinidad-download > div h4,
.brochurePage #trinidad-download > div label,
.brochurePage #venezuela-download > div h4,
.brochurePage #venezuela-download > div label,
.brochurePage #insert-download > div h4, 
.brochurePage #insert-download > div label 
{
    font-size: 100%;
    margin: 0px;
    padding: 0px 0px 10px;
}    

}    


@media (min-width:320px) and (max-width:359px) {
    .brochurePage img {
    height:120px;    
    }

    .brochurePage .brochure-image {
    width: 35% !important;
    }

    #udpBrochureSelection > div > div > div { 
    max-width: 170px;
    float: left;
}

#udpBrochureSelection > div  { 
    margin-bottom: 10px;
}

#udpBrochureSelection .col-xs-10 { 
    max-width: 170px;
    float: left;
    padding: 0;
}
}


@media (min-width:360px) and (max-width:399px) {
    .brochurePage img {
    height:140px;    
    }

.brochurePage #costa-rica-download > div,
.brochurePage #cuba-download > div,
.brochurePage #ecuador-download > div,
.brochurePage #peru-download > div,
.brochurePage #trinidad-download > div,
.brochurePage #venezuela-download > div,
.brochurePage #insert-download > div {
	float: left;
	width: 40%;
}

}

@media (min-width:400px) and (max-width:500px) {
    .brochurePage img {
    height:160px;    
    }

#selectbrochures > .col-xs-12 {
   float: right;
}
}


    @media (min-width:501px) and (max-width:639px) {
        .brochurePage img {
            height: 140px;
        }

        .brochurePage #costa-rica-download > div,
        .brochurePage #cuba-download > div,
        .brochurePage #ecuador-download > div,
        .brochurePage #peru-download > div,
        .brochurePage #trinidad-download > div,
        .brochurePage #venezuela-download > div,
        .brochurePage #insert-download > div {
            float: left;
            width: 50%;
        }
    }

@media (min-width:640px) and (max-width:737px) {
    .brochurePage img {
    height:160px;    
    }

.brochurePage #costa-rica-download > div,
.brochurePage #cuba-download > div,
.brochurePage #ecuador-download > div,
.brochurePage #peru-download > div,
.brochurePage #trinidad-download > div,
.brochurePage #venezuela-download > div,
.brochurePage #insert-download > div {
	float: left;
	width: 45%;
}
}

/* End of brochure page OPUS */

/* Enquiry Page */

@media (min-width:320px) and (max-width:479px) {
    .enquiryPage {
        padding: 0;
    }

        .enquiryPage > div {
            margin-top: 0px;
            padding: 0px;
        }

        .enquiryPage > div > div {
            padding: 0px;
        }

        .enquiryPage .green-bb-1 {
            border-bottom: none;
        }

        .enquiryPage h1 {
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: 10px;
        }

        .enquiryPage .col-sm-6 {
            padding: 0px;
            position:initial;
        }

        .enquiryPage h2 {
            padding-left: 15px;
        }

        .enquiryPage input#Telephone {
            margin: 0 15px;
            width: 90%;
        }

        .enquiryPage .mb-30 {
            margin-bottom: 10px;
        }

        .enquiryPage input#btnSubmit {
    font-size: inherit;
        }
}

@media (min-width:400px) and (max-width:413px) {
    .enquiryPage {
    margin-top: 15px;
    }
}

@media (min-width:414px) and (max-width:479px) {
    .enquiryPage {
    margin-top: 35px;
    }
}

/* General section of the website */

@media (min-width: 320px ) and (max-width: 737px) {
    .content-wrapper > div > div > .green-bt-1 { border: none; }
}

/* Your Holiday Page - Phones TB 11072017 */

@media (min-width: 320px ) and (max-width: 737px)  {
    .yourHolidayPage .white-box.gray-b { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 0px; padding: 0; background-color: #fbfdfb;        
    }
    .yourHolidayPage.container.mt-30 { margin-top: 15px; }
    .yourHolidayPage h1 { padding-left: 15px; padding-right: 15px; }
    .yourHolidayPage a.map-button {  }
    .yourHolidayPage > div.green-bt-1 { border: none; }
    .yourHolidayPage > div.green-bt { border: none; padding: 0 15px; }
    .yourHolidayPage .white-box.gray-b h2 {}
    .yourHolidayPage > div > div { margin: 0 auto; padding: 0 15px; }
    .yourHolidayPage > div > div > div > div.mt-30 { margin-top: -20px; border-bottom: 1px solid #e5e5e5; }
    .yourHolidayPage > div > div > div { margin: 0 auto; padding: 0 15px; }
    .yourHolidayPage .white-box.gray-b > #Container { margin-top: -10px; }
    .yourHolidayPage .white-box.gray-b > #Container > #item {padding: 5px 0;}
    .yourHolidayPage .white-box.gray-b > #Container > #item a > div {padding-right: 0;}
    .yourHolidayPage .white-box.gray-b > #Container > #item a > div p {}
    .yourHolidayPage .white-box.gray-b > #Container > #item h4 { 
    position: relative;
    top: 187px;
    z-index: 700;
    margin-bottom: 10px;
      }
    .yourHolidayPage .white-box.gray-b > #Container > #item img { position: relative; top: -35px; }  
    .yourHolidayPage > div.green-bt-1 > div > div { padding: 0; }
    .yourHolidayPage > div.green-bt-1 > div > div > div > div > div { padding: 0; }
    .yourHolidayPage > div.green-bt-1 > div > div > div > div > div a > div { padding: 0; }
    .yourHolidayPage > div.green-bt-1 > div > div > div > div > div a > div h4 { padding-top: 10px; }
    .yourHolidayPage > div.green-bt > div, .yourHolidayPage > div.green-bt > div > div { padding: 0; }
}

@media (min-width: 320px ) and (max-width: 399px) and (orientation: portrait) {
    .yourHolidayPage.container.mt-30 { margin-top: 0px; }
}

@media (min-width: 320px ) and (max-width: 359px) and (orientation: portrait) {
    .yourHolidayPage .white-box.gray-b > #Container > #item h4 { 
        top: 165px;}
}

@media (min-width: 375px ) and (max-width: 399px) and (orientation: portrait) {
    .yourHolidayPage .white-box.gray-b > #Container > #item h4 { 
        top: 195px;}
}

@media (min-width: 400px ) and (max-width: 414px) and (orientation: portrait) {
    .yourHolidayPage .white-box.gray-b > #Container > #item h4 { 
        top: 215px;}
}  
  

@media (min-width: 480px ) and (max-width: 736px) and (orientation: landscape) {
    .yourHolidayPage .white-box.gray-b > #Container > #item h4 { 
        top: 302px;}
    .yourHolidayPage .white-box.gray-b > #Container {margin-top: 20px;}
}

@media (min-width: 414px ) and (max-width: 414px) and (orientation: portrait) {
    .yourHolidayPage.container.mt-30 { margin-top: 30px; }
}

@media (min-width: 480px ) and (max-width: 767px) and (orientation: landscape) {
    .yourHolidayPage h1 { padding: 0; }
    .yourHolidayPage.container.mt-30 { margin-top: 30px; }
    .yourHolidayPage > div.green-bt-1 > div > div > div > div > div { padding: 0 15px }
    .yourHolidayPage .white-box.gray-b > #Container > #item { padding: 0px; }
}