.plansMap.mobile img{float:none;margin: 0;}
.plansMap.mobile select{width: 96%;padding:8px 4px;margin: 0 2%;height:60px;background-color:#f9f9f9;color:#222;border:2px solid #bf9410}
@media screen and (max-width:1650px) {
.centerLogo{top:100px}    
.cta-txt{top: 350px;}
.cta{top: 500px;}
#start.main-container{margin-top:700px}
}
@media screen and (max-width:1366px) {
a.home{margin-left:20px}
#lang-select-box{margin: 6px 10px 0 0;}
header .topContact{/* margin-right:20px */}
#start.main-container{margin-top:600px}
body .banner-container, body .swiper-container{height:800px}
#map .chboxes{width:100%}
}
@media screen and (max-width:1200px) {
a.home{margin-left:5px}
header .topContact{display:none}
.cta-txt{top: 380px;}
.cta{top: 540px;}
.centerLogo{top: 100px;}
#start.main-container{margin-top:400px}
#plans-intro .container,#plans-intro .container img{width: 96%!important;}
.plansMap{margin-bottom:40px;margin-top: 56px;}
.plansMap, .tabs ul{width: 96%;margin-left: 2%;}	
.plansMap img{/* height:auto!important; */xwidth:100%!important;}
#map .chboxes{width: 96%;display: block;}
#map .chboxes .chbItem{margin: 1%;width: 46%;float: left;}
.tabs ul{left:0;z-index: 100;}
.tabs p{margin-left:0px;}
.icon-list, .list{width: 96%;padding: 0 2%;margin-top: 0px;}
.icon-list .list-item{width: 98%;margin: 40px auto 0;clear:both;/* margin-top: 60px; */}
.icon-list .list-item:last-child {margin: 40px 0 0 0;}
body .banner-container, body .swiper-container{height:700px}
}
@media screen and (max-width:1099px) {
.container{width:100%;margin-bottom: 20px;}
.benefitsImg{width:100%;margin-bottom: 0;}
.desktop{display: none!important;}
.mobile,.swiper-container.mobile{display:block}
.levelPagination .nextLevel,.levelPagination .prevLevel,.levelPagination .currLevel{display:none!important}
.desc, .list, .contact, .gallery{width: 100%;padding: 0;}
#appTab .btn{float:right}
#cookie p.l,#cookie p.r{width: auto;float:left;clear:both;}
#about-col1 {display:none;}
#about-col2 {display:none;  }
footer .container,#about{width:96%;margin:0 auto}
}

@media screen and (max-width: 999px) {
#poi div{width:100%!important;margin: 0 auto!important;float: none!important;}
a.home{margin-left: calc(50% - 90px);}
.toggleMenu{display:block}
#main-menu{display:none}
#main-menu-mobile{background-color: #b28b13;background-color: #222;width:100%;height:100%;position:fixed;top: 65px;display:none;overflow-y: scroll;z-index: 999;}
#main-menu-mobile ul{padding: 0;margin-top: 1px;width:100%;height:100%;display:block;}
#main-menu-mobile ul li {margin: 0px 1px;float:none;text-align:center;margin-bottom: 1px;}
#main-menu-mobile ul a, #main-menu-mobile ul a:link, #main-menu-mobile ul a:visited{color: #fff;font-weight: 300;font-family: 'Khand',sans-serif;padding: 5px 0px;font-size: 2.5em;display: block;background-color: #333;/* border-bottom: 1px solid #fff; */transition:.3s;text-transform: none;text-decoration: none;}
#main-menu-mobile ul a:not(.active):hover{color: #fff!important;xbackground-color:#96750d;xpadding:10px 20px;}
#main-menu-mobile ul a.active{color:#bf9410;border-bottom: 1px solid #bf9410}
#main-menu-mobile ul li ul li:first-child{margin-top: 2px;}
#main-menu-mobile ul li li{/* background-color: #666; */margin-bottom: 1px;/* padding: 8px 0; */}
#main-menu-mobile ul li li a, #main-menu-mobile ul li li a:link, #main-menu-mobile ul li li a:visited{border:none;/* padding: 16px 0; */}
#main-menu-mobile ul .sub_menu_mob{display:none;padding: 0;margin: 0;list-style:none}
#main-menu-mobile ul .sub_menu_mob li a{background-color:#555}
.centerLogo{left:calc(50% - 80px);top:50px}
.centerLogo .mainLogo{width:150px;}
.cta-txt{top: 250px;}
.cta{top: 400px;}
.vid-txt{background:rgba(0,0,0,0.5);/* background: #222; */bottom: 9px;padding: 6px 0px;width: 100%;left: 0;font-size: .7em;z-index: 100;/* position: fixed; *//* bottom: 0; */}
#start{margin-top:20%}
#start.main-container{margin-top:60%}
.icon-list .list-item .text-holder h4{font-size: 1.8em;}
.contact .main-container .two-column p{float:none;width:96%;/* margin-left:2% */}
table th.blk, table td.blk,table th.tar, table td.tar{display:none}
#appTab td:first-child{width:130px}
#appTab .btn{padding: 9px 7px;}
#appTab .btn.reset{display:none}
.squaredFour{/* width: 400px!important; */}  
.desc{width:96%}
.desc .btn,.desc .btn.white{width: 100%;display:block;float:none;text-align: center;margin: 10px 0 !important;padding: 12px 0;position: static;}
#appTab .btn i{/* padding: 0 19px 0 17px; *//* line-height: .71; */}
#appTab th div{width:auto!important}
#appTab thead br, #levels1, #levels2{display:none}
#appTab thead th > div{position:static;border:none;height:auto;margin-left: auto;}
#appTab .chboxes .chbItem{display:none}
#appTab th,#appTab td{/* padding: 15px 0px 15px 10px; */}
#appTab th.chboxes,#appTab td.status{display:none}
#appTab .btn{width: 87%;margin: 1px 0;/* display: none; */}
.tabs a.btn{/* margin-left:60px */}
.swiper-slide div{display:none}
.swiper-slide a{padding: 15px;bottom:20px;}
#levels .show{display:block}
.levelDiv .action a{width: 33.3%;background: none;border: none;color: #bf9410;float: left;font-size: .95em;text-align: center;/* display: flex; */}
.levelDiv .action a span{color:#222;display: block;margin-top: 13px;/* text-align: center; */}
.levelDiv .action i{border:1px solid #bf9410;border-radius: 30px;padding: 13px;/* line-height: 1.5; *//* width: 15px; *//* height: 20px; *//* margin: 0 auto; */display: inline;}
body .banner-container, body .swiper-container{height: 450px;margin-bottom:40px}
.swiper-container.mobile{height:600px}
.contact .left-side,.contact .right-side{width:96%}
footer div.footer-top .column{width: 100%;/* padding: 0; */}
.mfp-content form input[type=text], .mfp-content form input[type=email], .mfp-content form input[type=tel], .mfp-content form textarea{width:100%!important}
footer .container,  {width: 96%;margin-right: auto;margin-left: auto;background: none;}
footer div.footer-top .column.contact,footer div.footer-top .column.contact input[type=text], footer div.footer-top .column.contact input[type=email], footer div.footer-top .column.contact input[type=tel], footer div.footer-top .column.contact textarea{width:100%}
footer div.footer-top{display:block}
footer div.footer-top .column:first-child{width: 96%;}
footer div.footer-top .column, footer div.footer-top ul{text-align: center;/* padding-left: 1%; */}
footer div.footer-top .column .chboxes-footer{margin-left:1%}
.desktop-xs{display:none}
.mobile-xs{display:block}
}

@media screen and (max-width: 769px) {  
header{padding:5px}
.centerLogo{left:calc(50% - 80px);top: 70px!important;}
.centerLogo .mainLogo{width:150px;}
#video video.imgOnly{height:inherit!important;min-height:285px;top:50px;xz-index:200}
.main-container h1{margin-top: 0px;margin-bottom: 20px;line-height:1;font-size: 2em;padding-bottom: 0px;}
.main-container h1.two-lines{margin-top:0}
.main-container .desc h1{margin: 20px 0;}
.main-container h1::before{display:none}
.main-container h2{font-size:1.6em}
.main-container p,.main-container p b{xmargin:5px 0;font-size: 1em!important;}
.main-container .contact{width:96%}
.main-container .contact .text-holder{width:100%}
#selected-value span,#chevrons{display:none}
#selected-value{margin:0}
.chboxes .chbItem .clear{height: 34px;}
#options-view-button:checked ~ #options .label{text-indent:-9999px}
.cta-txt{/*top:200px;left:calc(50% - 240px);font-size:2.6em*/display:none!important}
.cta{/*top:310px;font-size:2em;height:auto;font-size:2em;padding:10px 0;left:calc(50% - 125px);*/display:none!important}
#telTop2{right:auto;left:10px;bottom:10px;width:50px;height:50px}
#telTop2 i{font-size:2em;margin-top:16px}
#benefits{display:block;margin-top: 0;width: 96%;}
#benefits .benefItem{width:100%;}
.main-container .two-column p{width:100%;padding: 0!important;float: none;}
.tabs p{padding:10px}
.squaredFour{/* width: 500px!important; */}
.chbItem:first-child .clear{height: 70px;}
#mapster_wrap_0,#mapster_wrap_0 *,#mapster_wrap_1,#mapster_wrap_1 *{width:100%!important;height:auto!important}
table th, table td{padding: 20px 0px;}
.contact .two-column .leftCol, .contact .two-column .rightCol{width:98%;float:none}
.contact .chboxes .chbItem .labelAbs{width: 305px;}
.gallery .galleryTabs ul{display:block;padding: 0;margin: 0;}
.gallery .galleryTabs li{width: 97%;margin: 0 auto 40px;padding: 0;}
.gallery .galleryTabs li span{font-size:1.1em;margin-top:10px;margin-bottom:50px;}
.gallery .galleryTabs li img{width:100%;height:auto;box-shadow: none;}
body .banner-container, body .swiper-container{height: 400px}
.swiper-container .swiper-button-prev, .swiper-container .swiper-container-rtl .swiper-button-next {background-image: url(../img/arrow-l-notext.svg);width: 20px;}
.swiper-container .swiper-button-next, .swiper-container .swiper-container-rtl .swiper-button-prev{background-image: url(../img/arrow-r-notext.svg);width: 20px;}
.swiper-container.mobile{height: 480px;}
.swiper-slide a{bottom: 20px;padding: 12px;font-size: 1em;}
.swiper-slide a.wn360{bottom:0;right:inherit;left: 0px;background-image:none!important;padding-left:25px!important;}
.swiper-slide a.p360{bottom:0;right: 3px!important;background-image:none!important;padding-left:25px!important;}
.news-container{width:100%}
.news-item{display:block}
.news-item img,.news-item p{width:100%; margin-right:0px;}
.news-item .date{/* position:static; */width: 100%;}
.news-item p{padding-top:8px}
#map .chboxes .chbItem{margin:1px 0 ;width: 100%;padding:16px 0 10px;}
#map .mapInfoTxt img{width:250px}
.text-holder .articleLeftImage, .text-holder .articleRightImage{width: 100%;float: none;margin: 10px 0!important;}
.gallery .list .list-item{width: 100%;margin: 0;}
footer{padding-bottom:1px}
footer div.copyright, footer .container div{float:none;text-align:center;margin: 10px auto;/* width: 96%; */}
.btn-sect a.btn,.tabs a.btn{/* width: 90%; */text-align:center;display: block;float: none;/* margin: 2px 0; */}
.mfp-content .chboxes .chbItem .labelAbs{width: 260px;}
footer div.footer-bottom{width:98%;/* margin:0 auto */}
.top-arrow{Xbottom:10px;right: 10px;}
.mfp-content h1{font-size: 2em;}
.mfp-content input[type=tel]{width:90%!important}
.contact .left-side img{display:none}
.tabContainer{max-height: inherit;overflow-y: visible;}
table tr.sold{display:none}
}

@media screen and (max-width:500px) {
.centerLogo{top: 40px!important;left: calc(50% - 60px);}
.centerLogo .mainLogo{width:120px;}
.container .txt4 span{font-size:1.3em}
.btn-sect a{display:block}
header .lang{margin-right:10px}
.swiper-slide a{/* padding:2px; */background: transparent;}
.swiper-slide span{display:none}
body .banner-container, body .swiper-container{height: 270px;}
.swiper-container.mobile{height: 300px;}
body .swiper-button-next, body .swiper-button-prev{top:20px}
}

/* floating scroll nav with scrollspy */
/* #scrollNav{position:fixed;top: 10%;right: 60px;z-index:100;display:none;}
#scrollNav ul{list-style:none;padding: 5px 0px;text-align: right;}
#scrollNav ul li{margin: 40px 0;}
#scrollNav ul a{text-decoration:none;padding: 2px 0px;font-family: 'Poppins';font-size: 2.2em;transition:.3s;}
#scrollNav ul a:hover{color:#ab840e}
#scrollNav ul a.active{border-bottom: 1px solid #bf9410;} */

/* image pattern after and before div */
/*.add_pattern::after {background: url(../img/patternbottom.png) repeat-x;background-position: top;width: 100%;height: 13px;position: absolute;bottom: -13px;left: 0;content: "";}*/
/*.add_pattern::before {background: url(../img/patterntop.png) repeat-x;background-position: top;width: 100%;height: 13px;position: absolute;top: -13px;left: 0;content: "";}*/