@media screen and (max-width: 1600px) {
	.site-logo{left: 70px;}
	main{padding: 0 40px;}
	.main-wrap {padding: 40px 50px 60px; }
	.region-footer{padding: 0 40px;}

	nav.main-menu > ul, .main-menu > ul{padding-right: 50px;}

	.mailing-list { padding: 50px; }
    .mailing-list .ctct-embed-signup > div .ctct-custom-form { }


    .region-banner .wrapper { padding: 0 40px; }
    .region-banner .wrapper .tagline { right: 90px; }
    .region-banner .wrapper h1 { padding: 80px 450px 80px 50px; }
    .region-banner .wrapper .info { padding: 50px; }

    .tour-details .wrapper { padding: 0 50px; }
    .tour-details .wrapper .details-link { margin-right: 0; }

    .hp-ctas { padding: 50px 50px; }
    .hp-ctas .view-content .hp-cta .wrap .image { padding: 0 50px 35px; }
    .hp-ctas .view-content .hp-cta .wrap .info { padding: 30px 50px 40px; }

    
}



/*@media screen and (max-width: 1500px){
	
	main{ padding:80px 120px; }


	.region-sidebar-second{ width:350px; padding-left:100px; }
	.region-banner{ padding:80px 120; }
	main:has(aside) .layout-content {width: calc(100% - 450px);}
}
*/

@media screen and (max-width: 1350px) {
    
    /* TOUR DETAILS ----------------------------------------------- */
    .tour-details .wrapper .details li { padding-right: 20px; margin-right: 20px; font-size: 28px; line-height: 28px; }
    
}

/*@media screen and (max-width: 1300px){
	
	main{ padding:80px 90px; }

	.region-sidebar-second{ width:350px; padding-left:80px; }
	.region-banner{ padding:70px 0; }
	main:has(aside) .layout-content {width: calc(100% - 430px);}

	.paragraph--type--single-block.img-left .item{ padding-left:0; }
	.paragraph--type--single-block.img-right .item{ padding-right:0; }
	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ position:static; float:right; margin:0 0 40px 40px; }
	.field__item:has(.full-width) { padding:80px 90px; }

}*/

@media screen and (max-width: 1300px) {
    
    /* HEADER ---------------------------------------------------------- */
    .region-banner .wrapper .info .image { margin-left: 50px; }
    
    
    /* HEADER - HOMEPAGE ----------------------------------------------- */
    .front .region-banner .wrapper h1 { max-width: 100%; padding-right: 480px; }
    
}

@media screen and (max-width: 1200px) {
    
    .front main { padding: 0; }
    .site-logo { left: 60px; }
    .main-wrap { padding: 30px 40px 40px; }
    .region-footer { padding: 0; }
    
   
    /* MAILING LIST ---------------------------------------------------- */
    .mailing-list { padding: 40px; }
    
    
    /* HEADER - HOMEPAGE ----------------------------------------------- */
    .front .region-banner .wrapper h1 { padding: 40px 480px 40px 50px; font-size: 76px; }
    .region-banner .wrapper .tagline { top: -200px; }
    
    
    /* TOUR DETAILS ----------------------------------------------- */
    .tour-details .content { padding: 0 40px; }
    
    
    /* HOME PAGE CTAS -------------------------------------------------- */
    .hp-ctas { padding: 40px 40px; }
    .hp-ctas .view-content .hp-cta { padding: 0 20px 0 0; }
    .hp-ctas .view-content .hp-cta:last-child { padding: 0 0 0 20px; }
    .hp-ctas .view-content .hp-cta .wrap .image { height: 300px; padding: 0 40px 25px; }
    .hp-ctas .view-content .hp-cta .wrap .image h3 { font-size: 32px; }
    .hp-ctas .view-content .hp-cta .wrap .info { padding: 20px 40px 30px; }
    
}


/*@media screen and (max-width: 1120px){
	
	.region-sidebar-second{ width:300px; }
	.footer{ padding:30px 45px; }
	ul.triple{ columns:2; }
	
}*/


@media screen and (max-width: 1100px) {
    
    
    /* SIDEBAR PRESENT ------------------------------------------------- */
    main:has(aside) .layout-content { width: calc(100% - 290px);}
    .region-sidebar-second { width: 260px; padding-left: 30px;}
    #sub-menu .sub-menu{ padding: 0 0 0 30px; }
    .sub-menu li { padding: 12px 0; }
    .sub-menu ul li a { font-size: 16px; }
    
    
    /* HEADER ---------------------------------------------------------- */
    .region-banner .wrapper h1 { padding: 40px 50px; font-size: 56px; }
    .region-banner .wrapper .info .image { width: 250px; margin-top: 0; }
    .region-banner .wrapper .info h2 { font-size: 32px; }
    .region-banner .wrapper .info p { font-size: 18px; }
    
    
    /* HEADER - HOMEPAGE ----------------------------------------------- */
    .front .region-banner .wrapper h1 { padding: 40px 300px 40px 50px; }
    
    
    /* TOUR DETAILS ----------------------------------------------- */
    .tour-details { text-align: center; }
    .tour-details .wrapper .details { float: none; margin: 0 0 20px; text-align: center; }
    .tour-details .wrapper .details li { display: inline-block; float: none; }
    .tour-details .wrapper .details-link { float: none; display: inline-block; clear: both; }
}

@media screen and (max-width: 1040px) {
	
	/* DESKTOP NAVIGATION ------------------------------------------- */
	nav.main-menu > ul > li > a, nav.main-menu > ul > li  span, .main-menu > ul > li > a, main-menu > ul > li  span {  padding: .75em 1em; }
/*	#navigation .menu li:last-child:hover > ul { right: 0; }*/
	
}



@media screen and (max-width: 975px) {
    
    .front .site-logo { width: 290px; }
    
    
    /* HEADER ---------------------------------------------------------- */
    .region-banner { padding: 150px 0 0; }
    
    
    /* HEADER - HOMEPAGE ----------------------------------------------- */
    .front .region-banner{ padding: 155px 0 0; }
    .front .region-banner .wrapper h1 { padding: 40px 240px 40px 50px; font-size: 56px; }
    .region-banner .wrapper .tagline { top: -120px; width: 175px; height: 175px; }
    .region-banner .wrapper .tagline div { font-size: 17px; line-height: 24px; }
    
    
    /* SITE FOOTER ----------------------------------------------------- */
    .footer .info { max-width: 100%; width: calc(100% - 220px); }
    .footer .design-4-good { float: none; clear: left; padding: 50px 0 0; margin: 0; }
    
}


@media screen and (max-width: 850px) {
    
    .site-logo,
    .front .site-logo { position: absolute; z-index: 4; left: 0; top:0; width: 139px; height: 89px; background: transparent url(img/logo-mobile.png) center center no-repeat; }
    .site-logo img,
    .front .site-logo img { display: none; }

    #block-mocha-main-menu,
	.main-menu { display: none; }

	#mt-container { display: block; }   
    
    /* HEADER ----------------------------------------------- */
    .region-banner { padding: 0; }
    .region-banner .wrapper .info .image { padding: 10px; }
    
    
    /* HEADER - HOMEPAGE ----------------------------------------------- */
    .front .region-banner { padding: 0; }
    .region-banner .wrapper .tagline { top: 30px; width: 125px; height: 125px; }
    .region-banner .wrapper .tagline div { font-size: 12px; line-height: 19px; }
    
    
    /* TOUR DETAILS ----------------------------------------------- */
    .tour-details .wrapper .details li:first-child { display: block; margin: 0 0 20px; padding: 0; border: none; }
    
}

@media screen and (max-width: 800px) {
    
    /* SIDEBAR PRESENT ------------------------------------------------- */
    main:has(aside) .layout-content { width: auto; padding: 0; }
    .region-sidebar-second { display: none; }
    .section-tour-listing.sidebar-second .sidebars { display: block; width: 100%; }
    .section-tour-listing.sidebar-second .sidebars .sidebar-sponsors { width: 100%; max-width: 350px; margin: 0 auto; }
	
}


@media screen and (max-width: 750px) {
    
    main { padding: 0; }
    
    /* HEADER - HOMEPAGE ----------------------------------------------- */
    .region-banner .wrapper { padding: 0; }
    .region-banner .wrapper .info { background-color: rgba(132,23,111,1); }
    
    
    /* HOME PAGE CTAS ----------------------------------------------- */
    .hp-ctas { padding: 30px 30px; }
    .hp-ctas .view-content { flex-direction: column; }
    .hp-ctas .view-content .hp-cta { width: 100%; padding: 0; }
    .hp-ctas .view-content .hp-cta:first-child { margin-bottom: 30px; }
    .hp-ctas .view-content .hp-cta:last-child { padding: 0; }
    
}

@media screen and (max-width: 650px) {
    
    .main-wrap { padding: 30px; }
    
    
    /* HEADER ---------------------------------------------------------- */
    .front .region-banner .wrapper h1 {  font-size: 48px; font-weight: 400; padding: 60px 30px; }
    .region-banner .wrapper h1 { padding: 30px 30px; font-size: 44px; }
    .region-banner .wrapper .info { padding: 30px 30px; }
    .region-banner .wrapper .info .image { width: 200px; margin-left: 30px; }
    .region-banner .wrapper .tagline { display: none; }
    
    
    /* TOUR DETAILS ----------------------------------------------- */
    .tour-details { padding: 30px 0; }
    .tour-details .wrapper { padding: 0 30px; }
    .tour-details .wrapper .details { margin: 0; }
    .tour-details .wrapper .details li { display: block; padding-right: 0; border-right: none; margin: 0 0 10px !important; font-size: 24px; }
    
    
    /* HOME PAGE CTAS -------------------------------------------------- */
    .hp-ctas .view-content .hp-cta .wrap .image { padding: 0 30px 25px; }
    .hp-ctas .view-content .hp-cta .wrap .info { padding: 20px 30px; }
    
    
    /* MAILING LIST ---------------------------------------------------- */
    .mailing-list h2 { font-size: 28px; margin-bottom: 5px; }
    .mailing-list .ctct-embed-signup { padding: 30px; }
    .mailing-list .ctct-embed-signup > div #success_message { font-size: 20px; }
    .mailing-list .ctct-embed-signup > div .ctct-custom-form p { font-size: 20px; }
    
    
}


@media screen and (max-width: 600px) {
    
    /* HEADER ----------------------------------------------- */
    .front .region-banner .wrapper h1, .region-banner .wrapper h1 { font-size: 42px; font-weight: 400; padding:70px 30px; }
    .region-banner .wrapper .info { padding: 30px 30px 50px; }
    .region-banner .wrapper .info .image { }
    .region-banner .wrapper .info h2 { font-size: 24px; }
    
    
    /* SITE FOOTER ----------------------------------------------------- */
    .footer .region { padding: 30px; }
    .footer .gay-community { float: none; margin: 0 auto 20px; }
    .footer .info { float: none; width: auto; text-align: center; }
    .footer .info .social-media li { float: none; }
    .footer .info .social-media li a { display: inline-block; }
    .footer .design-4-good { margin: 0 auto; padding: 0; }
    
}

@media screen and (max-width: 450px) {
    
    /* HEADER ----------------------------------------------- */
	.region-banner .wrapper .info { text-align:center; }
    .region-banner .wrapper .info .image { float: none; width: auto; padding: 0; max-width:200px; margin:10px auto 30px; background-color: transparent;}
    .region-banner .wrapper .info .image img { border: 6px solid rgba(249,249,249,.5); }
    
}


/*@media screen and (max-width: 1000px) {

	.region-banner{ padding:70px 80px; }
	main,
	main:has(aside){ display:block !important; padding:0; }
	.layout-content{ padding:60px 80px; }
	.region-sidebar-second{ box-sizing:border-box; padding:60px 80px 40px; background:#f3f3f3; }
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; } 
	.layout-container .primary-img img{ display:block; float:right; width:35%; margin:0 0 30px 30px; }
	aside .primary-img{ display:none; }
	aside .sub-menu{ display:none; }
	aside .box{ background:none; padding:0; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second{ margin:0; width:100%; }
	main:has(aside) .layout-content {width: unset;}

	header{ height:115px; }
	.site-logo { width:120px; left:22px; top:22px; }
	#block-mocha-main-menu,
	.main-menu { display: none; }
	.top-nav{ display:none; }
	#mt-container { display: block; }

	.field__item:has(.full-width){margin: 60px -80px;}
	
}

@media screen and (max-width: 850px) {

	.sm-stack tr{ display:block; padding:15px; }
	.sm-stack td{ display:block; border:none; padding:0; }

	.paragraph--type--multi-column-content .item{ padding: 1rem 0 !important; }

}

@media screen and (max-width: 700px) {
	
	.region-banner{ padding:60px 60px; }
	.layout-content{ padding:50px 60px; }
	.region-sidebar-second{ padding:50px 60px; }
	.layout-container .primary-img img{ float:none; margin:0 0 40px; width:100%; }

    .field__item:has(.full-width) { padding:70px 60px; margin:50px -60px; }
	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ float:none; width:100%; margin:0 0 40px; }
	.accordion .item .content .image{ margin: 0 0 25px 25px; }
	
}

@media screen and (max-width: 600px){
	.paragraph.slider {margin: 50px -60px}

	.pop-alert .view-content > div{max-width: 400px;}
	.pop-alert .view-content{margin-left: -200px;}
	.pop-alert .inner p{font-size: 16px; line-height: 1.5em}
	.pop-alert .inner{padding: 50px 40px;}

}

@media screen and (max-width: 500px) {
	
	.region-banner{ padding:60px 40px; }
	h1{ font-size:40px; }
	.layout-content{ padding:60px 40px; }
	.region-sidebar-second{ padding:50px 40px 20px;  }
	.footer{ padding:30px 35px; }
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; width: 100%;}
	.field__item:has(.box-wrap) { padding:70px 40px; margin:50px -40px; }
	.field__item:has(.full-width) { padding:70px 40px; }
	.paragraph.slider {margin: 50px -40px}

    
	p.big{ font-size:22px; }
	ul{ padding-left:25px; }
	ul.double, ul.triple{ columns:1; }
	.xs-stack tr{ display:block; padding:15px; }
	.xs-stack td{ display:block; border:none; padding:0; }

	main .field__item:has(.box-wrap):last-child{margin: 50px -40px -60px;}
}

@media screen and (max-width: 450px){
	.pop-alert .view-content > div{max-width: 300px;}
	.pop-alert .view-content{margin-left: -150px;}
	.pop-alert .inner p{font-size: 14px; line-height: 1.5em;}
	.pop-alert .inner{padding: 50px 25px;}
	.pop-alert .inner h2.title,
.pop-alert .inner h2.title a{font-size: 32px;}
}

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

	.region-banner{ padding:30px 25px; }
	.layout-content{ padding:30px 25px; }
	.region-sidebar-second{ padding:50px 25px 20px; }
	.footer{ padding:30px 25px; }

	.paragraph.slider {margin: 50px -25px}

	main .field__item:has(.box-wrap):last-child{margin: 50px -40px -30px;}

}
*/