@media only screen and (max-width: 1279px){
	
	#main #screen1 .mainbginner { padding: 0 40px; }
	#main #layout .banner_sec h1 { padding: 0px 0px 5px; font-size: 55px; line-height: 40px; }
	#main #layout .banner_sec .bannerimg img { }
	#main #layout .map_sec .intro h2 { font-size: 47px; letter-spacing: -1.04px; }
	#main #layout .map_sec .mapbox .downloadsec { right: 20px; top: 20px; }
	#main #layout .map_sec .mapbox .chatbotbox { left: 30px; bottom: 20px; }
	#main #layout .map_sec .mapbox .mapbg { max-width: 970px; }
	#main #layout .map_sec .mapbox .mapbg li { width: 90px; }
	#main #layout .map_sec .mapbox .mapbg li.pin1 { left: 398px; top: 200px; }
	#main #layout .map_sec .mapbox .mapbg li.pin2 { left: 300px; top: 80px; }
	#main #layout .map_sec .mapbox .mapbg li.pin3 { left: 200px; top: 323px; }
	#main #layout .map_sec .mapbox .mapbg li.pin4 { left: 40px; top: 220px; }
	#main #layout .map_sec .mapbox .mapbg li.pin5 { left: auto; right: 215px; bottom: 140px; top: auto; }
	#main #layout .map_sec .mapbox .mapbg li.pin6 { left: 490px; top: 330px; }
	#main #layout .map_sec .mapbox .mapbg li.pin7 { left: 620px; top: 395px; }
	#main #layout .map_sec .mapbox .mapbg li.pin8 { left: 660px; top: 225px; }
	#main #layout .map_sec .mapbox .mapbg li.pin9 { left: 635px; top: 85px; }
	#main #layout .map_sec .mapbox .mapbg li.pin10 { left: auto; right: 0px; top: 340px; }
	#main #layout .map_sec .mapbox .mapbg li.pin11 { left: 580px; top: 260px; }
	#main #layout .map_sec .mapbox .mapbg li.pin12 { left: 110px; top: 260px; }
	#main #layout .slider_sec .imgslider figure img { height: 540px; }
	#main #layout .slider_sec .imgslider ul.slick-dots { }
	#main #layout .slider_sec .slick-arrow { }
	#main #layout .trip_sec .intro h2 { font-size: 47px; line-height: 40px; }
	#main #layout .card_sec figure { padding: 0px 20px; }
	#main #layout .card_sec .rightsec { }
	#main #layout .popupbox figure { padding: 70px 0px 30px 70px; }
	#main #layout .popupbox figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
	#main #layout .popupbox .text { padding: 70px 50px 30px 30px; }
	#main #layout .popupbox a.closebtn { right: 20px; top: 20px; font-size: 50px; line-height: 1; }
	#main #layout .popupbox .text h3 { font-size: 40px; line-height: 40px; }
	#main #layout .map_sec .mapbox { padding: 10px 0px 60px 8px; }
	
}

@media only screen and (max-width: 1023px){
	
	#main #layout .banner_sec h1 { font-size: 45px; line-height: 40px; }
	#main #layout .banner_sec p,
	#main #layout .map_sec .intro p,
	#main #layout .slider_sec .intro p,
	#main #layout .trip_sec .intro p { font-size: 26px; line-height: 36px; }
	#main #layout .banner_sec .bannerimg img { }
	#main #layout .map_sec .intro h2,
	#main #layout .slider_sec h2,
	#main #layout .trip_sec .intro h2 { font-size: 44px; }
	#main #layout .map_sec .mapbox { padding: 100px 0px 200px 0px; }
	#main #layout .map_sec .mapbox .mapbg { max-width: 735px; }
	
	#main #layout .map_sec .mapbox .mapbg li { width: 70px; }
	#main #layout .map_sec .mapbox .mapbg li.pin1 { left: 300px; top: 150px; }
	#main #layout .map_sec .mapbox .mapbg li.pin2 { left: 225px; top: 50px; }
	#main #layout .map_sec .mapbox .mapbg li.pin3 { left: 150px; top: 245px; }
	#main #layout .map_sec .mapbox .mapbg li.pin4 { left: 35px; top: 175px; }
	#main #layout .map_sec .mapbox .mapbg li.pin5 { left: auto; right: 150px; bottom: 100px; top: auto; }
	#main #layout .map_sec .mapbox .mapbg li.pin6 { left: 370px; top: 250px; }
	#main #layout .map_sec .mapbox .mapbg li.pin7 { left: 475px; top: 295px; }
	#main #layout .map_sec .mapbox .mapbg li.pin8 { left: 500px; top: 165px; }
	#main #layout .map_sec .mapbox .mapbg li.pin9 { left: 485px; top: 60px; }
	#main #layout .map_sec .mapbox .mapbg li.pin10 { left: auto; right: 0px; top: 250px; }
	#main #layout .map_sec .mapbox .mapbg li.pin11 { left: 440px; top: 190px; }
	#main #layout .map_sec .mapbox .mapbg li.pin12 { left: 90px; top: 195px; }
	#main #layout .slider_sec .imgslider figure img { height: 480px; }
	#main #layout .slider_sec .imgslider ul.slick-dots { }
	#main #layout .slider_sec .slick-arrow { }
	#main #layout .slider_sec .imgslider .textmid { }
	#main #layout .slider_sec .bg1, #main #layout .slider_sec .bg2 { top: 480px; }
	#main #layout .slider_sec .slick-arrow { top: 200px; width: 70px; height: 70px; }
	#main #layout .slider_sec .slick-prev:before { left: -5px; top: 15px; border: transparent solid 20px; border-right: #000 solid 26px; }
	#main #layout .slider_sec .slick-next:before { top: 15px; border: transparent solid 20px; border-left: #000 solid 26px; left: 30px; }
	#main #layout .trip_sec .tripbox p { padding: 0px 0 10px; }
	#main #layout .trip_sec:before, #main #layout .trip_sec:after { }
	#main #layout .trip_sec .author h3, #main #layout .trip_sec .author h4 { font-size: 25px; }
	#main #layout .trip_sec .author h4 { font-size: 20px; }
	#main #layout .card_sec figure { padding: 0px 20px 0 0; }
	#main #layout .card_sec .intro h4 { font-size: 24px; }
	#main #layout .card_sec .intro p { font-size: 16px; line-height: 24px; }
	#main #layout .card_sec .rightsec img.img1 { margin: 0 auto 8px 0px; max-width: 100%; 	}
	#main #layout .popupbox figure { padding: 50px 0px 30px 40px; }
	#main #layout .popupbox .text { padding: 30px 20px 30px 30px; }
	#main #layout .popupbox .text h3 { font-size: 37px; line-height: 40px; }
	#main #layout .popupbox .text p { padding: 0px 0px 15px; font-size: 18px; line-height: 26px; }
	#main #layout .popupbox a.closebtn { right: 20px; top: 20px; font-size: 45px; line-height: 50px; }
	#main #layout .banner_sec .welcometext .midwelcome { padding: 40px 15px 4px; }
	#main #layout .banner_sec .bannerimg a.playbtn span { margin-top: -90px; }
	#main #layout .trip_sec .tripbox h5 { font-size: 19px; }
	#main #layout .content_sec:before, #main #layout .content_sec:after,
	#main #layout .slider_sec:before, #main #layout .slider_sec:after,
	#main #layout .slider_sec .bg1, #main #layout .slider_sec .bg2,
	#main #layout .trip_sec:before, #main #layout .trip_sec:after { width: 300px; height: 400px; }
	
	#main #layout .content_sec:before,
	#main #layout .slider_sec:before, 
	#main #layout .slider_sec .bg1, 
	#main #layout .trip_sec:before { background:  url(../images/topographic-top-left-mobile.svg) no-repeat; background-size: 100%; }
	
	#main #layout .content_sec:after,
	#main #layout .slider_sec:after, 
	#main #layout .slider_sec .bg2, 
	#main #layout .trip_sec:after { background:  url(../images/topographic-top-right-mobile.svg) no-repeat; background-size: 100%; }
	
	#main #layout footer .wrapper { justify-content: center; }
	
}

@media only screen and (min-width: 768px) {
	
	
}


@media only screen and (max-width: 767px) {
	
/*.head-wrap { padding-bottom: 0px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); height: 100px; }
header { }
#layout header .paidcontent { max-width: 100%; margin: 0; left: 0; transform: translateX(0); background: #000; text-align: center; width: 100vw; height: 30px; padding-top: 6px; top: 4px; border-bottom:  #fff solid 1px; }
header .header_inner{ border-top:none; padding: 35px 15px 5px; min-height: 55px; }
header ul.left_logos { padding: 8px 0 0 0; z-index: 10; position: relative;}
#layout header .paidcontent span { left: 50%; margin-left: -80px; top:  100%; z-index: -10; }
#layout header .paidcontent:hover span { z-index: 10; }
header ul.left_logos li.boarshead_logo { }
header ul.left_logos li.boarshead_logo a { width: 100px; }
.head-wrap { padding-bottom: 0px; height: 86px; background: #000; }
header ul.left_logos li.parents_logo a { width: 120px; }

header ul.left_logos li.tse_logo { }
header ul.left_logos li.tse_logo a { width: 80px; }

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 { }
header ul.left_logos li.shape_logo a { }

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

.mob-show { display: block !important; }	*/
	
header ul.left_logos li.citi_logo a { width: 140px; }
header ul.left_logos li.tl_logo a { width: 90px; }
#layout header .paidcontent { max-width: 150px; margin: 20px auto 8px;  position: absolute; left: auto;transform: translateX(0);right: 15px; }
	
#main #layout .banner_sec h1 { font-size: 40px; line-height: 40px; }
#main #layout .banner_sec p, #main #layout .map_sec .intro p, #main #layout .slider_sec .intro p, #main #layout .trip_sec .intro p {
    font-size: 22px; line-height: 30px; }
	#main #layout .banner_sec p br { display: none; }
#main #layout .banner_sec .bannerimg img { }
#main #layout .banner_sec .bannerimg a.playbtn span { top: 50%; width: 80px; height: 80px; margin: -40px 0px 0px -40px; }
#main #layout .banner_sec .bannerimg a.playbtn span:after { left: 30px; top: 20px; border: transparent solid 20px; border-left: #000 solid 30px; }
#main #layout .content_sec p { padding: 0px 0px 20px; font-size: 18px; line-height: 26px; }
#main #layout .map_sec .intro h2, #main #layout .slider_sec h2, #main #layout .trip_sec .intro h2 { font-size: 40px; }	
#main #layout .map_sec .mapbox .downloadsec { width: 270px; }
#main #layout .map_sec .mapbox p { padding: 5px 20px 0px; font-size: 18px; line-height: 25px; }
#main #layout .map_sec .mapbox .chatbotbox { left: 0px; bottom: 0px; width: 250px; }
	#main #screen1 .mainbginner span.ready { font-size: 25px; }
	#main #layout a.button { font-size: 18px; }
	#main #layout .map_sec .mapbox .mapbg { max-width: 450px; }
	#main #layout .map_sec .mapbox { padding: 100px 0px 300px 0px; }
	#main #layout .map_sec .mapbox .mapbg li { width: 50px; }
	#main #layout .map_sec .mapbox .mapbg li.pin1 { left: 185px; top: 90px; }
	#main #layout .map_sec .mapbox .mapbg li.pin2 { left: 135px; top: 30px; }
	#main #layout .map_sec .mapbox .mapbg li.pin3 { left: 90px; top: 145px; }
	#main #layout .map_sec .mapbox .mapbg li.pin4 { left: 10px; top: 95px; }
	#main #layout .map_sec .mapbox .mapbg li.pin5 { left: auto; right: 95px; bottom: 60px; top: auto; }
	#main #layout .map_sec .mapbox .mapbg li.pin6 { left: 225px; top: 150px; }
	#main #layout .map_sec .mapbox .mapbg li.pin7 { left: 290px; top: 185px; }
	#main #layout .map_sec .mapbox .mapbg li.pin8 { left: 305px; top: 93px; }
	#main #layout .map_sec .mapbox .mapbg li.pin9 { left: 290px; top: 35px; }
	#main #layout .map_sec .mapbox .mapbg li.pin10 { left: auto; right: 0px; top: 145px; }
	#main #layout .map_sec .mapbox .mapbg li.pin11 { left: 265px; top: 107px; }
	#main #layout .map_sec .mapbox .mapbg li.pin12 { left: 50px; top: 115px; }
	#main #layout .slider_sec .imgslider figure img { height: 390px; }
	#main #layout .slider_sec .imgslider .textmid { }
	#main #layout .slider_sec .bg1, #main #layout .slider_sec .bg2 { top: 390px; }
	#main #layout .slider_sec .imgslider h4 { padding-bottom: 5px; font-size: 26px; }
	#main #layout .slider_sec .imgslider p { font-size: 18px; line-height: 24px; }
	#main #layout .slider_sec { padding: 75px 0px 40px; }
	#main #layout .trip_sec .tripbox .trip-item { padding: 0 0px 25px; width: 100%; }
	#main #layout .trip_sec .author { padding-bottom: 30px; }
	#main #layout .trip_sec .author p { font-size: 18px; line-height: 24px; }
	#main #layout .trip_sec small { line-height: 1; }
	#main #layout .card_sec figure { padding: 0px 20px 0 0; width: 45%; }
	#main #layout .card_sec .intro { padding: 0px 0px 0px 0px; width: 55%; }
	#main #layout .card_sec .rightsec { padding: 25px 0px 0px 0px; margin-top: 20px; width: 100%; border: 0px; border-top: #fff solid 1px; }
	#main #layout .map_sec .mapbox .chatbotbox .results ul { max-height: 360px; }
	#main #layout .map_sec .mapbox .chatbotbox .results ul li { padding-bottom: 10px; }
	#main #layout .popupbox figure { padding: 70px 20px 30px 20px; width: 100%; }
	#main #layout .popupbox .text { padding: 10px 20px 20px 20px; width: 100%; }
	#main #layout .popupbox .text h3 { font-size: 37px; line-height: 40px; }
	#main #layout .popupbox .text p { padding: 0px 0px 15px; font-size: 18px; line-height: 28px; }
	#main #layout .popupbox a.closebtn { right: 20px; top: 15px; font-size: 40px; line-height: 40px; }
	#main #layout .popupbox .text span.pin-number1 { padding-top: 12px; width: 60px; height: 110px; font-size: 30px; line-height: 40px; margin-bottom: 20px; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps p { padding: 0px 0px 20px; font-size: 18px; line-height: 24px; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps h4 { padding: 0px 0px 10px; font-size: 18px; line-height: 24px; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps { padding: 20px 10px 20px; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps li a { padding: 4px 5px; font-size: 16px; line-height: 20px; letter-spacing:  0px; }
	#main #layout .map_sec .mapbox .chatbotbox h4 { font-size: 18px; line-height: 24px;  }
	#main #layout .content_sec:before { width: 100%; height: 400px; background: url(../images/topographic-top-left-mobile.svg) top no-repeat; background-size: 100%; }
	#main #layout .content_sec:after, #main #layout .slider_sec:before, #main #layout .slider_sec:after { display: none; }
	#main #layout .map_sec { position: relative; }
	#main #layout .map_sec:before { content: ""; position: absolute; right: 0px; bottom: -200px; width: 100%; height: 600px; background: url(../images/topographic-top-right-mobile.svg) top no-repeat; background-size: 100%; }
	#main #layout .slider_sec .bg2 { display: none; }
	#main #layout .slider_sec .bg1 { top: 250px; width: 100%; height: 450px; background: url(../images/topographic-top-left-mobile.svg) top no-repeat; background-size: 100%; }
	
	#main #layout .content_sec .wrapper,
	#main #layout .wrapper { padding: 0 25px; }
	#main #layout .slider_sec .imgslider .textmid { padding: 45px 25px 0px 25px; }
	
	#main #layout .popupbox .popupbg { background: #fff url(../images/hotspot-bg.svg) left no-repeat; background-size: auto 100%; }
	
	/*.gpt-ad:not(.pageviewtracker-ad) { margin-top: 0px !important; display: none !important; }
	#main #layout { padding-top: 40px; }*/


}

@media only screen and (max-width: 479px) {
	
	header ul.left_logos li { padding: 0px 3px; }
	header ul.left_logos li.citi_logo a { width: 110px; }
header ul.left_logos li.tl_logo a { width: 60px; }
#layout header .paidcontent { max-width: 140px; margin: 20px auto 8px;  right: 10px; }
	
	#main #layout .banner_sec { padding: 0px 0px 0px; }
	#main #layout .banner_sec h1 { font-size: 34px; line-height: 35px; }
	#main #layout .banner_sec p, #main #layout .map_sec .intro p, #main #layout .slider_sec .intro p, #main #layout .trip_sec .intro p { font-size: 20px; line-height: 26px; }
	#main #layout .banner_sec .bannerimg img { }
	#main #layout .content_sec p { font-size: 17px; line-height: 24px; }
	#main #layout .map_sec .intro h2, #main #layout .slider_sec h2, #main #layout .trip_sec .intro h2 { font-size: 35px; line-height: 1; }
	#main #layout .banner_sec p, #main #layout .map_sec .intro p, #main #layout .slider_sec .intro p, #main #layout .trip_sec .intro p { font-size: 18px; line-height: 24px; }
	#main #layout .map_sec .mapbox { padding: 80px 0px 30px 0px; }
	#main #layout .map_sec .mapbox .downloadsec { width: 250px; right: 0; }
	#main #layout .map_sec .mapbox .mapbg { max-width: 450px; width: 450px; transform: scale(0.7) translateX(-50%); left: 50%; margin-left: -64px; }
	#main #layout .map_sec .mapbox .chatbotbox { left: 0px; bottom: 0px; width: 100%; position: relative; }
	#main #layout .slider_sec { padding: 50px 0px 40px; }
	#main #layout .slider_sec .imgslider figure img { height: 330px; }
	#main #layout .slider_sec .imgslider ul.slick-dots { }
	#main #layout .slider_sec .slick-arrow { }
	#main #layout .slider_sec .imgslider p { font-size: 17px; line-height: 24px; }
	#main #layout .trip_sec .tripbox p { padding: 0px 15px 10px; font-size: 18px; line-height: 24px; }
	#main #layout .trip_sec .author figure { width: 100%; }
	#main #layout .trip_sec .author .text { padding: 20px 0px 0px 0px; width: calc(100% - 0px); }
	#main #layout .card_sec figure { padding: 0px 0px 20px 0; width: 100%; }
	#main #layout .card_sec .intro { padding: 0px 0px 0px 0px; width: 100%; }
	#main #layout .map_sec .mapbox .chatbotbox { min-height: 540px; display: flex; align-items: center; }
	#main #layout .map_sec .mapbox .chatbotbox .results { height: auto; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps { padding: 30px 20px 20px; width: 100%; max-width: 100%; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps h4 { font-size: 18px; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps li { padding: 0 4px 15px; }
	#main #layout .map_sec .mapbox .chatbotbox .tabsteps li a { padding: 4px 5px; line-height: 25px; font-size: 18px; }
	#main #layout .map_sec .mapbox .chatbotbox .results { max-width: 100%; }
	#main #layout .map_sec .mapbox .chatbotbox .results li a span { padding-left: 10px; font-size: 12px; line-height: 16px; }
	#main #layout .popupbox .text h3 { font-size: 32px; line-height: 38px; }
	#main #layout .popupbox .text p { font-size: 16px; line-height: 24px; }
	#main #layout .popupbox a.closebtn { right: 20px; top: 15px; font-size: 40px; line-height: 40px; }
	#main #layout .popupbox .text span.pin-number1 { padding-top: 12px; width: 60px; height: 110px; font-size: 30px; line-height: 40px; margin-bottom: 20px; }
	#main #layout .slider_sec .slick-arrow { top: 150px; width: 50px; height: 50px; }
	#main #layout .slider_sec .slick-prev { left: 15px; }
	#main #layout .slider_sec .slick-next{ right: 15px; }
	#main #layout .slider_sec .slick-prev:before { left: -5px; top: 10px; border: transparent solid 15px; border-right: #000 solid 20px; }
	#main #layout .slider_sec .slick-next:before { top: 10px; border: transparent solid 15px; border-left: #000 solid 20px; left: 20px; }
	
}