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

#main #layout .banner_sec .textmid { padding: 40px 20px 40px 20px; max-width: 440px; margin: 0 auto; width: 100%; }
#main #layout .hero_sec img, #main #layout .hero_sec video { height: 570px; }
#main #layout .content_sec .aftercontent { margin-top: 15px; }
#main #layout .content_sec.azores .detailcontent { margin-top: 15px; }
#main #layout .content_sec.tokyo .imgwithcontent3 figure .img4 { margin: 10px 0 0 0px; max-width: 100%; }
#main #layout .content_sec.tokyo .detailcontent { margin-top: 20px; }
#main #layout .content_sec.tokyo .imgwithcontent3 .text { padding-right: 35px; }
		
}

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

header .header_inner { padding: 0 20px; }
    
#main #layout .banner_sec .textmid h1 { padding: 0px 0px 15px; font-size: 60px; line-height: 60px; letter-spacing: 10px; }
#main #layout .banner_sec .textmid p { padding: 0px 0px 10px; font-size: 22px; line-height: 30px; }
#main #layout .intro_sec .textblock { padding: 30px 40px 0px 40px; width: 400px; }
#main #layout .hero_sec img, #main #layout .hero_sec video { height: 500px; }
#main #layout .hero_sec a.backtohome { padding-bottom: 50px; font-size: 40px; letter-spacing: 4px; background-size: 60px; }
#main #layout .content_sec h1, #main #layout .content_sec.tokyo h1 { padding: 0px 40px; font-size: 50px; line-height: 55px; }
#main #layout .content_sec h2, #main #layout .content_sec.azores h2, #main #layout .content_sec.arequipe h2, #main #layout .content_sec.tokyo h2 { padding: 0px 80px 25px; font-size: 30px; line-height: 40px; }
#main #layout .content_sec .intro p { font-size: 25px; line-height: 35px; }
#main #layout .content_sec .imgwithcontent .text, #main #layout .content_sec.azores .imgwithcontent4 .text, #main #layout .content_sec.arequipe .imgwithcontent2 .text, #main #layout .content_sec.tokyo .imgwithcontent3 .text { padding: 10px 20px 0px 20px; }
#main #layout .content_sec h3 { font-size: 30px; letter-spacing: 2px; }
#main #layout .content_sec.arequipe .imgwithcontent2 figure img.img4 { max-width: 100%;  margin: 10px 0px 0px 0px; }
#main #layout .content_sec .imgwithcontent p, #main #layout .content_sec .detailcontent p { font-size: 19px; line-height: 26px; }
#main #layout .content_sec blockquote, #main #layout .content_sec.tokyo blockquote { padding: 0px 0px 50px 0; font-size: 40px; line-height: 45px; }
#main #layout .content_sec .imgwithcontent2 img.img2 { width: 100%; }
#main #layout .content_sec .aftercontent { margin-top: 25px; padding-bottom: 50px; }
#main #layout .content_sec .bottomtext { padding-bottom: 60px; }
#main #layout .content_sec.azores .imgwithcontent3 figure { margin-top: 15px; }
#main #layout .content_sec.azores .detailcontent { margin-top: 25px; }
#main #layout .content_sec.azores .imgwithcontent4 .img3 { max-width: 100%; margin-left: 0px; }
#main #layout .content_sec.tokyo .imgwithcontent3 figure { margin-top: 0px; }
#main #layout .content_sec.tokyo .imgwithcontent4 .img4 { margin: 10px 0px 0px 0px; max-width: 100%; }
	
}


@media only screen and (max-width: 767px) {
    
    #main #layout { overflow:  hidden; }
#main #layout header .wrapper { padding:  0px; }
.head-wrap { padding-bottom: 70px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); height: 100px; }
header { bottom: 10px; }
 #layout header .paidcontent { max-width: 100%; margin: 0; left: 0; transform: translateX(0); background: #000; text-align: center; width: 100vw; height: 40px; padding-top: 10px; top:  0px; border-bottom:  #fff solid 1px; }
header .header_inner{ border-top:none; padding: 45px 15px 0; min-height: 55px; }
header ul.left_logos { padding: 12px 0 0 0; }
    #layout header .paidcontent span { left:  50%; margin-left: -80px; top:  100%; }
header ul.left_logos li.mygmreward_logo  { padding: 0 20px 0 0; background-size: 8px; }
header ul.left_logos li.mygmreward_logo  a { width: 95px; }

header ul.left_logos li.bhg_logo { padding: 0 0 0 10px; }
header ul.left_logos li.bhg_logo a { width: 100px; }

header ul.left_logos li.msl_logo { padding: 0 0 0 10px; }
header ul.left_logos li.msl_logo a { width: 85px; }

header ul.left_logos li.rs_logo { padding: 0 0 0 10px; }
header ul.left_logos li.rs_logo a { width: 120px; }

header ul.left_logos li.shape_logo { padding: 0 0 0 10px; }
header ul.left_logos li.shape_logo a { width: 85px; }

header ul.social_icon { margin-top: 10px; }

.mob-show { display: block !important; }
.desktop{ display:none !important; }
    
#main #layout .banner_sec figure { width: 100%; }
#main #layout .banner_sec figure img { height: auto; }
#main #layout .banner_sec .text { width: 100%; }
#main #layout .banner_sec .textmid { padding: 40px 30px 20px 30px; }
#main #layout .banner_sec .textmid h1 { font-size: 45px; line-height: 45px; letter-spacing: 15px; }
#main #layout .banner_sec .textmid p { font-size: 20px; line-height: 25px; }
#main #layout .banner_sec .textmid .logos { display: none; }
#main #layout .banner_sec .textmid .logos span { font-size: 15px; }
#main #layout .intro_sec .textblock { padding: 30px 50px 0px 50px; width: 100%; }
#main #layout .intro_sec .textblock p, #main #layout .intro_sec .textblock h4 { padding: 0px 0px 25px; font-size: 20px; line-height: 25px; }
#main #layout .intro_sec .textblock h4 { padding: 0; font-size: 16px; line-height: 25px; letter-spacing: 2px; }
#main #layout .intro_sec .block.imgblock  { padding: 30px 0px 0 0; width: 100%; }
#main #layout .intro_sec .imgblock span { display: block; padding: 15px 30px 0px; font-size: 22px; line-height: 25px; text-align: center; }
#main #layout .intro_sec .horizontal-scroll-wrapper { padding-bottom: 25px; }
#main #layout .intro_sec .imgblock a { font-size: 24px; line-height: 30px; }
#main #layout .intro_sec .horizontal-inner { width: 100%; overflow: hidden; }
#main #layout .intro_sec { padding: 0px; }
#main #layout .bottom_sec { padding: 40px 20px; }
#main #layout .bottom_sec p { font-size: 20px; line-height: 24px; }
#main #layout .bottom_sec a { text-transform: uppercase; }
#main #layout .bottom_sec p br { display: none; }
#main #layout .hero_sec img, #main #layout .hero_sec video { height: auto; min-height: 240px; }
#main #layout .hero_sec a.backtohome { padding-bottom: 40px; font-size: 35px; letter-spacing: 2px; background-size: 50px; display: none; }
#main #layout .content_sec figure.logo, #main #layout .content_sec.azores figure.logo { padding: 15px; max-width: 175px; }
#main #layout .content_sec h1, #main #layout .content_sec.tokyo h1 { padding: 0px; font-size: 35px; line-height: 40px; }
#main #layout .content_sec h1 br, #main #layout .content_sec.tokyo h1 br { display: none; }
#main #layout .content_sec h2, #main #layout .content_sec.azores h2, #main #layout .content_sec.arequipe h2, #main #layout .content_sec.tokyo h2 { padding: 5px 0px 20px; font-size: 25px; line-height: 30px; }
#main #layout .content_sec .wrapper { padding: 0 45px; }
#main #layout .content_sec.azores .intro p { padding-bottom: 20px; }
#main #layout .content_sec .intro p { font-size: 20px; line-height: 28px; }
#main #layout .content_sec .imgwithcontent figure, #main #layout .content_sec.azores .imgwithcontent4 figure, #main #layout .content_sec.arequipe .imgwithcontent figure, #main #layout .content_sec.tokyo .imgwithcontent3 figure { padding: 14px 0px 0px; width: calc(100% + 60px); max-width: calc(100% + 60px); margin: 0 -30px; }
#main #layout .content_sec .imgwithcontent figure img.hidemobile { display: none; }
#main #layout .content_sec .imgwithcontent figure.mobileimg { max-width: 100%; margin: 0px; display: block; padding: 0px 0px 20px; }
#main #layout .content_sec .imgwithcontent .text, #main #layout .content_sec.azores .imgwithcontent4 .text, #main #layout .content_sec.arequipe .imgwithcontent .text, #main #layout .content_sec.tokyo .imgwithcontent3 .text { padding: 25px 15px 0px 15px; width: 100%; } 
#main #layout .content_sec h3 { font-size: 30px; line-height: 35px; letter-spacing: 3px; }
#main #layout .content_sec .imgwithcontent p, #main #layout .content_sec .detailcontent p { font-size: 20px; line-height: 30px; }
#main #layout .content_sec .imgwithcontent .innertext, #main #layout .content_sec .imgwithcontent2 .textinner { max-width: 100%; }
#main #layout .content_sec blockquote, #main #layout .content_sec.tokyo blockquote { padding: 0px 0px 40px 0; font-size: 35px; line-height: 40px; }
#main #layout .content_sec.tokyo blockquote br { display: none; }
#main #layout .content_sec .imgwithcontent2 img.img2 { max-width: 100%; }
#main #layout .content_sec .bottomtext p { font-size: 22px; line-height: 32px; }
#main #layout .content_sec .bottomtext p br { display: none; }
#main #layout .content_sec.azores blockquote { padding: 0px 0px 40px; }
#main #layout .content_sec.azores blockquote br { display: none; }
#main #layout .content_sec.azores .imgwithcontent4 .textinner { max-width: 100%; }
#main #layout .content_sec.azores .imgwithcontent3 .text { padding: 30px 20px 0px 20px; }
#main #layout .content_sec.azores .imgwithcontent4 { padding-bottom: 0px; }
#main #layout .content_sec.azores .imgwithcontent figure.mobileimg,
#main #layout .content_sec.arequipe .imgwithcontent figure.mobileimg,
#main #layout .content_sec.tokyo .imgwithcontent figure.mobileimg { width: calc(100% + 90px); max-width: calc(100% + 90px); margin: 0 -45px; }
#main #layout .content_sec.arequipe .imgwithcontent { padding-bottom: 0px; }

footer { padding: 15px 0 10px;}
footer ul li { padding: 0; width: 100%; background:none;}
    footer ul li:not(:first-child):before { display:  none; }
    #main #layout footer .wrapper { justify-content: center; }
footer ul li a { display: inline-block;}
    
}

@media only screen and (max-width: 389px) { 
    
header ul.left_logos { padding: 12px 0 0 0; }
header ul.left_logos li.chase_logo a { width: 100px; }
header ul.left_logos li.tl_logo a { width: 75px; }
header ul.social_icon li { margin-left: 2px; }
header ul.left_logos li.fw_logo a { width: 75px; }

#main #layout .banner_sec .textmid h1 { letter-spacing: 10px; }
#main #layout .banner_sec .textmid { padding: 40px 20px 20px 20px; }
#main #layout .intro_sec .textblock { padding: 30px 20px 0px 20px; }
#main #layout .intro_sec .imgblock span { padding: 15px 20px 0px; }
#main #layout .content_sec .wrapper { padding: 0 20px; }
#main #layout .content_sec .imgwithcontent figure, #main #layout .content_sec.azores .imgwithcontent4 figure, #main #layout .content_sec.arequipe .imgwithcontent figure, #main #layout .content_sec.tokyo .imgwithcontent3 figure { width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }
#main #layout .content_sec h3 { font-size: 28px; line-height: 34px; letter-spacing: 1px; }
#main #layout .content_sec .imgwithcontent p, #main #layout .content_sec .detailcontent p { font-size: 18px; line-height: 26px; }
#main #layout .content_sec blockquote, #main #layout .content_sec.tokyo blockquote { padding: 0px 0px 40px 0; font-size: 32px; line-height: 36px; }
#main #layout .content_sec.azores .imgwithcontent figure.mobileimg,
#main #layout .content_sec.arequipe .imgwithcontent figure.mobileimg,
#main #layout .content_sec.tokyo .imgwithcontent figure.mobileimg { width: calc(100% + 40px); max-width: calc(100% + 40px); margin: 0 -20px; }

.footer .wrapper { padding:0 15px; }
    
}

@media only screen and (max-width: 111px) {
	
#main #layout .banner_sec .textmid { padding: 30px 15px 20px 15px; }
#main #layout .banner_sec .textmid h1 { font-size: 40px; line-height: 45px; letter-spacing: 4px; }
#main #layout .banner_sec .textmid p { font-size: 16px; line-height: 22px; }
#main #layout .banner_sec .textmid .logos span { font-size: 14px; }
#main #layout .intro_sec .textblock { padding: 25px 15px 0px 0px; width: 280px; }
#main #layout .intro_sec .textblock p, #main #layout .intro_sec .textblock h4 { padding: 0px 0px 20px; font-size: 18px; line-height: 26px; }
#main #layout .intro_sec .textblock h4 { padding: 0; font-size: 15px; line-height: 25px; letter-spacing: 2px; }
#main #layout .intro_sec .block.imgblock  { padding: 25px 20px 0 0; width: 320px; }
#main #layout .intro_sec .imgblock a { font-size: 22px; line-height: 28px; }
#main #layout .intro_sec .horizontal-inner { width: 1580px; }
#main #layout .bottom_sec { padding: 30px 15px; }
#main #layout .bottom_sec p { font-size: 18px; line-height: 26px; }
#main #layout .bottom_sec p  br { display: none; }

#main #layout .hero_sec img, #main #layout .hero_sec video { height: 350px; }
#main #layout .hero_sec a.backtohome { padding-bottom: 35px; font-size: 30px; letter-spacing: 2px; background-size: 40px; }
#main #layout .content_sec figure.logo, #main #layout .content_sec.azores figure.logo { max-width: 300px; }
#main #layout .content_sec h1, #main #layout .content_sec.tokyo h1 { font-size: 40px; line-height: 45px; }
#main #layout .content_sec h1 br { display: none; }
#main #layout .content_sec h2, #main #layout .content_sec.azores h2, #main #layout .content_sec.arequipe h2, #main #layout .content_sec.tokyo h2 { padding: 5px 10px 20px; font-size: 23px; line-height: 30px; }
#main #layout .content_sec .intro p { font-size: 20px; line-height: 26px; }
#main #layout .content_sec h3 { font-size: 25px; letter-spacing: 0px; }
#main #layout .content_sec .imgwithcontent p, #main #layout .content_sec .detailcontent p { font-size: 16px; line-height: 22px; }
#main #layout .content_sec blockquote, #main #layout .content_sec.tokyo blockquote { padding: 0px 0px 30px 0; font-size: 30px; line-height: 35px; }
#main #layout .content_sec .bottomtext p { font-size: 20px; line-height: 30px; }

}