/* Home */
#home .main_logo .logo img{
    filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));
}
#home .mobile .main_logo .logo.sprites{
    background: unset;
}
@media only screen and (max-width: 1480px) {
	.mobile .topBar.alert{
		height:40px;
		font-size:0.97em;
		padding:8px 0 12px;
	}
	.mobile .topBar.alert .center {
		padding:0 8px;	
	}
	/*header .main_logo{
		margin-top:120px;	
	} */
}
@media only screen and (max-width: 1080px) {
	.mobile .topBar.alert{
		height:65px;
		font-size:0.84em;
		padding:8px 0 12px;
	}
	.mobile .topBar.alert .center {
		padding:0 8px;	
	}
	/* header .main_logo{
		margin-top:110px;	
    }
    .pageBanner{
        margin-top: 207px !important;
    } */
	
}
@media only screen and (max-width: 1041px) {
	.secondaryMenu .TourMenu {
		margin-top:90px;
	}
	
}
@media only screen and (max-width: 1024px) {
    /* footer .facebook, footer .instagram, footer .linkedIn, footer .twitter {
        padding-right: 10px;
    } */
    a.logo.sprites {
        margin-top: 0;
        /*margin-bottom: 20px; */
    }
    div.secondaryMenu {
        /* display: none; */
    }
	#cssmenu > ul > li.has-sub > a {
	  color: #fff !important;
	}
}
@media only screen and (max-width: 1020px) {
    .intro .social-media-wrapper{
        /* margin: 20px 0; */
        margin: auto;
        display: table;
        text-align: center;
    }
}
@media only screen and (max-width: 1000px) {
    .tour-leaders__wrapper{
        max-width: 300px;
    }
    .tour-leaders.popup-wrapper .popup{
        width: 80%;
    }
}
@media only screen and (max-width: 780px) {

    *{
        -webkit-appearance: none;
    }
    .backgroundChanger{
        height: 0px !important;
    }
    #home .mobile .main_logo{
        /* margin-top: -30px; */
    }
	#home .intromenu .intro .contentWrapper {
		z-index:auto;	
	}
    .pageBanner{
        margin-top: 100px !important;
    }
    .travelHealthAndSafety.pageBanner .contentWrapper{
        font-size: 36px;
    }
    .mobile .topBar{
        text-align: center;
    }
    .mobile .topBar .floatRight{
        float: unset;
        margin: 0px;
    }
    /* Main logo  */
    #home .mobile .main_logo .logo.sprites{
        background: white;
        width: 100%;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 20px;
        margin: 0px;
        margin-top: -20px;
    }
    #home header{
        /* height: 500px; */
        height: 480px;
        background-size: 130% !important;
        background-position-x: -50px !important;
        background-position-y: 30% !important;
    }
	
	#home .mobile .ourservices h2{
		text-align: center;
	}
	#home .mobile .ourservices p{
        width: 80%;
        margin: auto;
	}
	#home .main_logo:not(.scrolled) #cssmenu {
		margin-top:140px !important;	
	}
	#home .mobile .intromenu .TourMenu{
		top: 220px;
    }
    #home .mobile .intromenu{
        min-height: 300px !important;
    }
    #home .intromenu .TourMenu > div > a span{
        display: none;
    }
	/* Country Slide */
	#home .mobile .sectionHeader{
		width: 100%;
		text-align: center;
	}
	#home .parallax-mirror:nth-child(2){
		margin-top: -3px;
	}
	#home .parallax-mirror:nth-child(1){
		margin-top: -36px;
	}
	#home .mobile .parallax-window a{
		font-size: 2.3em;
		height: 50px;
	}

	/* Upcoming Event */
	#home .mobile .upcoming-event{
		margin-top: 160px;
	}

	/* Foonter */
	.mobile .quicklinktitle{
		text-align: center;
	}
	.mobile .quicklinks > div{
		width: 100%;
	}
	.mobile .quicklinks div > a {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 30px;
	}
	.mobile .quicklinks .contentWrapper > .sprites{
		background: none;
		background-size: unset;
		display: none;
	}
	.mobile .quicklinks form {
		padding-left: 30px;
	}
	.mobile .quicklinks .floatleft div > .sprites.facebook{
		background-position: -787px 0;
	}
	.mobile .quicklinks .floatleft div > .sprites.twitter{
		background-position: -840px 0;
	}
	.mobile .quicklinks .floatleft .followus{
		padding-left: 30px;
	}
	.mobile .membersection .membersof{
		margin-top: 15px;
		width: 100%;
		max-width: 350px;
	}
	.mobile .membersection .membersof .sprites.cmeaacme{
		background: url('../images/members_mobile/cmeaacme.png') no-repeat;
		width: 70px;
	}
	.mobile .membersection .membersof .sprites.iata{
		background: url('../images/members_mobile/iata.png') no-repeat;
		width: 70px;
	}
	.mobile .membersection .membersof .sprites.acta{
		background: url('../images/members_mobile/acta.png') no-repeat;
		width: 70px;
	}
	.mobile .membersection .membersof .sprites.cpbc{
		background: url('../images/members_mobile/cpbc.png') no-repeat;
		width: 70px;
	}
	.mobile .membersection .membersof .floatleft{
		margin: 0 8px;
	}
	.mobile .copyright{
		padding-top: 20px;
	}
	footer .newsletterBox .content .button, footer .newsletterBox .content p {
        font-size: 12px;
    }
    footer .facebook, footer .instagram, footer .linkedIn, footer .twitter {
        padding-right: 5px;
    }
    .newsletterSubscribeForm input[type=submit] {
        padding: 10px 0px 10px 0px;
    }
	.what-you-see_destination__video--section > .floatleft {
		width:100% !important;
	}
	.video--section-contentflip {
		margin-top: 14px;
	}
	.what-you-see_destination__video--section > .floatleft:nth-child(2) {
		aspect-ratio: 30/10;
	}
	.what-you-see_destination__video--section .video--section-contentflip .videoDescShowOff {
		width: calc(100%/3.1);
		padding-left: 0.5%;
	}
	.what-you-see__video--section .video--section-contentflip .videoDescShowOff {
		width: calc(100%/3.1);
	}
}
/* Start Planning */
@media only screen and (max-width: 780px) {
    .mobile #msform fieldset:nth-child(2) ul li{
        padding: 10px 0;
    }
    .mobile #msform input[type="text"]{
        width: 100%;
        max-width: 300px !important;
        margin-top: 2px;
    }
    .mobile #msform select{
        width: 95%;
        max-width: 300px;
    }
    .mobile #msform .ui-datepicker{
        margin-bottom: -20px;
    }
    .mobile #msform fieldset:nth-child(5) .iHost{
        max-width: 280px;
        padding: 3px;
        margin: 5px;
    }
    .mobile #msform fieldset:nth-child(7){
        text-align: left;
        padding-left: 20px;
    }
    .mobile #msform input[name=previous], .mobile #msform input[name=next]{
        position: initial;
        max-width: 100px;
    }
    .mobile fieldset:nth-child(5) input{
        max-width: unset;
    }

}
/* About us */
@media only screen and (max-width: 780px){
    .mobile .about-us, .mobile  .why-travel-with-us, .mobile .how-to-book, .mobile .testimonialsDisplay, .mobile .travel-insurance,
    .mobile .private-policy, .mobile .newsletter-unsubscribe, .mobile .thank-you-for-subscribing, .mobile .thank-you-for-request,
    .mobile .newsletter-subscribe, .mobile .request-a-quote, .mobile .duke-request-a-quote{
        width: 90%;
        margin: auto;
    }
    .mobile h3{
        font-size: 1.2em;
    }
    .mobile .travel-insurance img{
        width: 100%;
    }
	.travelinsurance_banner {
		width:100%;	
	}
    .mobile .companyLogos img{
        max-width: 100%;
        /* width: 100%; */
    }
    .mobile .pagination{
        text-align: center;
        margin-bottom: 20px;
    }
}

.mobile .bannerImage.sprites {
    background: none;
}
.mobile .countryBottom .sprites {
    background: none;
}

/* Tour  */
@media only screen and (max-width: 780px){
    .mobile .bannerImage.sprites > img{
        width: 100%;
        max-width: 500px;
        margin-top: 20px;
    }
    .mobile .bannerImage.sprites #international{
        margin-top: 70px;
    }
    .mobile .contentWrapper.canada{
        padding: 20px 0 60px;
    }
    .mobile .contentWrapper.canada h2, .mobile .usa h2, .mobile .international h2, .mobile .gallery h2, .mobile .event h2{
        text-align: center;
        padding-bottom: 20px;
    }
    .mobile .contentWrapper.canada > p, .mobile .usa > p, .mobile .international > p, .mobile .music-tours > p,
    .mobile .sports-tours > p, .mobile .language-tours > p, .mobile .leadershop-tours > p, .mobile .other-tours > p, .mobile .desc{
        width: 90%;
        margin: auto;
    }
    .mobile .event-desc {
        width: 90%;
        margin: auto;
    }
    .mobile .bannerImage.sprites {
        width: 100%;
    }
    .mobile .pageBanner{
        height: 350px;
    }
    .mobile .tourDescription-TitleImage {
        width: 95%;
        max-width: 360px;
    }
    .mobile .table .countryTourDetails{
        width: 95%;
        margin: auto;
    }
    .mobile .tourDescription .row .cell p{
        width: 95%;
        margin: auto;
    }
    .mobile .internationalTourDetails span{
        margin-left: 0px;
	}
    .mobile .slick-slide{
        width: 250px;   
    }
    .mobile .tourDescription .sampleTourSlide{
        max-width: 300px;
    }
    .mobile .tourDescription .responsiveSampleTours{
        margin: auto;
        margin-top: 20px;
    }

    .mobile .countrySprites .thirdwidth{
        width: 100%;
        text-align: center;
    }
    .mobile .countrySprites .floatright, .mobile .countrySprites .floatleft{
        float: none;
    }
    
    /* TOUR */
    .mobile .contentWrapper .tourItinerary{
        width: 95%;
        margin: auto;
    }
    
    /* upcoming event */
    .mobile .upcomingTours .contentWrapper{
        width: 100%;
        min-width: 200px;
    }
    .mobile .sepCards .cardflip{
        width: 85%;
        max-width: 300px;
        margin: 25px;
    }
    .mobile .sepCards .cardflip img{
        width: 100%;
    }
    .mobile .contactFormTable .cell:first-child{
        width: 35%;
    }
    .mobile .contactFormTable select, .mobile .contactFormTable input[type="text"], .mobile .contactFormTable textarea{
        width: 70%;
    }
    .mobile form .contactFormTable .empty{
        width: 0px !important;
    }
    .mobile form .contactFormTable input[type=submit]{
        width: 50%;
    }
    .mobile .contactInfoTable .contactInfo{
        display: none;
    }
    .mobile .contactform input, 
    .mobile .contactform textarea{
        width: 100%;
        
    }
    .mobile .contactInfoTable{
        width: 95%;
        margin: auto;
    }
    .mobile .table .tourDescription-TitleImage-title{
        font-size: 1.2em;
        padding-top: 20px;
    }
    .mobile  .duke-request-a-quote, .mobile .newsletter-subscribe{
        padding-left: 20px;
    }
    /* Banner Strip  */
    .mobile .sports .bannerStrip{
        background: linear-gradient(90deg, #a9e223 90%, #a9e22300 40%);
    }
    .mobile .music .bannerStrip{
        background: linear-gradient(90deg, #e96c48 90%, #e96c4800 38%);
    }
    .mobile .language .bannerStrip{
        background: linear-gradient(90deg, #5ecce0 90%, #5ecce000 43%);
    }
    .mobile .others .bannerStrip{
        background: linear-gradient(90deg, #d463bb 90%, #d463bb00 43%);
    }
    .mobile .contentWrapper.music-festival .row .col:nth-child(1){
        font-weight: bold;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 5px;
    }
    .mobile .contentWrapper.music-festival .row .col{
        width: 95%;
    }
    .mobile .contentWrapper.music-festival .row{
        width: 95%;
        margin: auto;
    }
    .mobile .button.requestAQuote{
        margin: auto;
    }
}

@media only screen and (max-width: 768px) {
	#home .main_logo:not(.scrolled) #cssmenu {
		margin-top:140px !important;	
	}
    .tourDescription .cell:first-child {
        padding-right: 0;
    }
    .facebook, .instagram, .linkedIn, .twitter {
        width: 40px !important;
    }
    footer .facebook {
        background-position: -10px 0px;
    }
    footer .instagram {
        background-position: -70px 0px;
    }
    footer .linkedIn {
        background-position: -130px 0px;
    }
    footer .twitter {
        background-position: -10px -50px;
    }
	.sprites.logo {
		height:auto;	
	}
}

@media only screen and (max-width: 540px) {
	#home .main_logo:not(.scrolled) #cssmenu {
		margin-top:140px !important;	
	}
    footer .newsletterBox .title {
        text-align: center; 
        font-size: 20px;
    }
    footer .newsletterBox .content {
        display: contents;
    }
    footer .newsletterBox .content .onSocial, footer .newsletterBox .content .viewNewsletters, footer .newsletterBox .content .subscribeNewsletter {
        width: auto;
        display: grid;
        padding-top: 15px;
        padding-left: 0px;
    }
    footer .newsletterBox .content .onSocial {
        border-right: none;
        border-bottom: 2px solid #057ea9;
    }
    footer .newsletterBox .content .button {
        position: relative;
        margin-top: 5px;
    }
    .nltSubscribeFields label {
        width: 100px;
    }
    .nltSubscribeFields input:not([type=checkbox]), .nltSubscribeFields select{
        min-width: 0px !important;
        width: 200px !important;
    }
}
@media only screen and (max-width: 500px){
    #home .mobile .intromenu .TourMenu{
        top: 320px;
    }
    #home .mobile .intromenu{
        min-height: 400px !important;
    }

    .tour-leaders__box{
        width: 100%;
    }
    .tour-leaders__wrapper{
        margin: 0;
        margin-top: 30px;
        max-width: 95%;
    }
    .tour-leaders__profile-about{
        -webkit-line-clamp: 3;
    }
    .tour-leaders.popup-wrapper .popup{
        width: calc(95% - 40px);
        overflow-y: scroll;
        max-height: 85vh;
        display: block;
        top: 0;
    }
    .tour-leaders .startplanning_close {
        right: 10px;
        top: 10px;
    }
    .pageBanner:not(.tours) .contentWrapper {
        font-size: 36px;
    }
}
@media only screen and (max-width: 375px) {
	.topBar.alert--covid {
		height: 55px !important;
		top: 175px !important;
	}
    #home .mobile .intromenu .TourMenu {
        top: 365px;
    }
    #home .mobile .intromenu {
        min-height: 450px !important;
    }
}
@media only screen and (max-width: 320px) {
    #home .mobile .intromenu .TourMenu {
        top: 465px;
    }
    #home .mobile .intromenu {
        min-height: 550px !important;
    }
    .nltSubscribeFields input:not([type=checkbox]), .nltSubscribeFields select{ 
        width: 150px !important;
    }
    #home .main_logo:not(.scrolled) #cssmenu {
        margin-top: 150px !important;
    }
}
@media only screen and (max-width: 280px) {
    .topBar {
        height: 35px !important;
    }
	.topBar.alert {
        height: 80px !important;
        top: 100px !important;
    }
    .topBar.alert--covid {
		top: 200px !important;
        height: 55px !important;
	}
    
}