@media only screen and (max-width:320px){
	.head {position: relative; right: 0;}
	.head-col {width: 100%; float: none; border-left: 0; background-color: #FFF; padding: 10px 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); border-radius: 10px;}
	.head-logo-col {background-color: transparent; padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.head-col-download {background-color: transparent; padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.main {margin-top: 0;}
	.main-left {width: 100%; float: none;}
	.main-right {width: 100%; float: none; position: relative; padding: 0; right: 0; margin-bottom: 20px;}	
	.price {margin-bottom: 20px;}
	.highlights-full {padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.highlights-col-border {border-right: 0;}
	.highlights-col {width: 50%; float: left; padding: 15px; box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); border-radius: 10px;}
	.highlights-col-1 i {margin: auto; display: table;}
	.highlights-col-1, .highlights-col-2 {width: 100%; float: none;}
	.highlights-col-2 h4 {text-align: center; font-size: 0.9rem;}
	.surrounded-full h2 {font-size: 1.3rem;}
	.surrounded-col {width: 100%; float: none; margin: 20px 0;}
	.news-full h2 {font-size: 1.3rem;}
	.news-col {width: 100%; float: none; margin: 20px 0;}
	.location-map-full {padding: 0;}
	.googlemaps-full {padding: 15px;}
	.googlemaps-col-left {width: 100%; float: none;}
	.googlemaps-col-left h4 {font-size: 1.8rem; text-align: center;}
	.googlemaps-col-right {width: 100%; float: none; padding: 30px 0;}
	.googlemaps-col-right a {width: 75%; display: block; margin: 0 auto;}
	.contact-col-left {width: 100%; float: none;}
	.contact-col-left img {width: 60%;}
	.contact-col-right {width: 100%; float: none; padding: 20px; border-left:0; text-align: center;}
	.contact-col-right h2 {font-size: 1.5rem; margin: 20px 0; text-decoration: underline;}
	.contact-col-right p {line-height: 2.2rem; font-size: 0.9rem;}
	.designby-full {padding: 10px 0;}
	.designby-col {width: 100%; float: none; padding: 0 20px;}
	.designby-col-right {text-align: left; padding: 0 20px 0 20px;}
	.designby-col p {font-size: 0.7rem; text-align: center;}
	.mobile-hide {display: none;}
	.desktop-hide {display: block;}
	.contact-text p {font-size: 0.8rem; line-height: 1.8rem;}
	.contact-text img {width: 60%;}
	.copyright-col {width: 70%;}
	.nk-cookie-banner img {margin-top: 25%;}
	.pop-btn {font-size: 1.5rem;}
	.modal-content1 {width: 80%;}
}

@media only screen and (max-width:400px) and (min-width:360px) {
	.head {position: relative; right: 0;}
	.head-col {width: 100%; float: none; border-left: 0; background-color: #FFF; padding: 10px 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); border-radius: 10px;}
	.head-logo-col {background-color: transparent; padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.head-col-download {background-color: transparent; padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.main {margin-top: 0;}
	.main-left {width: 100%; float: none;}
	.main-right {width: 100%; float: none; position: relative; padding: 0; right: 0; margin-bottom: 20px;}	
	.price {margin-bottom: 20px;}
	.highlights-full {padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.highlights-col-border {border-right: 0;}
	.highlights-col {width: 50%; float: left; padding: 15px; box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); border-radius: 10px;}
	.highlights-col-1 i {margin: auto; display: table;}
	.highlights-col-1, .highlights-col-2 {width: 100%; float: none;}
	.highlights-col-2 h4 {text-align: center;}
	.surrounded-full h2 {font-size: 1.3rem;}
	.surrounded-col {width: 100%; float: none; margin: 20px 0;}
	.news-full h2 {font-size: 1.3rem;}
	.news-col {width: 100%; float: none; margin: 20px 0;}
	.location-map-full {padding: 0;}
	.googlemaps-full {padding: 15px;}
	.googlemaps-col-left {width: 100%; float: none;}
	.googlemaps-col-left h4 {font-size: 1.8rem; text-align: center;}
	.googlemaps-col-right {width: 100%; float: none; padding: 30px 0;}
	.googlemaps-col-right a {width: 60%; display: block; margin: 0 auto;}
	.contact-col-left {width: 100%; float: none;}
	.contact-col-left img {width: 60%;}
	.contact-col-right {width: 100%; float: none; padding: 20px; border-left:0; text-align: center;}
	.contact-col-right h2 {font-size: 1.5rem; margin: 20px 0; text-decoration: underline;}
	.contact-col-right p {line-height: 2.2rem;}
	.designby-full {padding: 10px 0;}
	.designby-col {width: 100%; float: none; padding: 0 20px;}
	.designby-col-right {text-align: left; padding: 0 20px 0 20px;}
	.designby-col p {font-size: 0.85rem; text-align: center;}
	.mobile-hide {display: none;}
	.desktop-hide {display: block;}
	.contact-text p {font-size: 0.8rem; line-height: 1.8rem;}
	.contact-text img {width: 60%;}
	.copyright-col {width: 70%;}
	.nk-cookie-banner img {margin-top: 25%;}
	.pop-btn {font-size: 1.5rem;}
	.modal-content1 {width: 80%;}
}

@media only screen and (max-width:667px) and (min-width:400px) {
	.head {position: relative; right: 0;}
	.head-col {width: 100%; float: none; border-left: 0; background-color: #FFF; padding: 10px 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); border-radius: 10px;}
	.head-logo-col {background-color: transparent; padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.head-col-download {background-color: transparent; padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.main {margin-top: 0;}
	.main-left {width: 100%; float: none;}
	.main-right {width: 100%; float: none; position: relative; padding: 0; right: 0; margin-bottom: 20px;}	
	.price {margin-bottom: 20px;}
	.highlights-full {padding: 0; box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 0%); border-radius: 0;}
	.highlights-col-border {border-right: 0;}
	.highlights-col {width: 50%; float: left; padding: 15px; box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); -moz-box-shadow: 0px 5px 15px rgba(153, 153, 153, 0.2); -webkit-box-shadow: 0px 5px 15px rgb(153 153 153 / 20%); border-radius: 10px;}
	.highlights-col-1 i {margin: auto; display: table;}
	.highlights-col-1, .highlights-col-2 {width: 100%; float: none;}
	.highlights-col-2 h4 {text-align: center;}
	.surrounded-full h2 {font-size: 1.3rem;}
	.surrounded-col {width: 100%; float: none; margin: 20px 0;}
	.news-full h2 {font-size: 1.3rem;}
	.news-col {width: 100%; float: none; margin: 20px 0;}
	.location-map-full {padding: 0;}
	.googlemaps-full {padding: 15px;}
	.googlemaps-col-left {width: 100%; float: none;}
	.googlemaps-col-left h4 {font-size: 2rem; text-align: center;}
	.googlemaps-col-right {width: 100%; float: none; padding: 20px 0;}
	.googlemaps-col-right a {width: 60%; display: block; margin: 0 auto;}
	.contact-col-left {width: 100%; float: none;}
	.contact-col-left img {width: 60%;}
	.contact-col-right {width: 100%; float: none; padding: 20px; border-left:0; text-align: center;}
	.contact-col-right h2 {font-size: 1.5rem; margin: 20px 0; text-decoration: underline;}
	.contact-col-right p {line-height: 2.2rem;}
	.designby-full {padding: 10px 0;}
	.designby-col {width: 100%; float: none; padding: 0 20px;}
	.designby-col-right {text-align: left; padding: 0 20px 0 20px;}
	.designby-col p {font-size: 0.85rem; text-align: center;}
	.mobile-hide {display: none;}
	.desktop-hide {display: block;}
	.contact-text p {font-size: 0.8rem; line-height: 1.8rem;}
	.contact-text img {width: 60%;}
	.copyright-col {width: 70%;}
	.nk-cookie-banner img {margin-top: 25%;}
	.pop-btn {font-size: 1.5rem;}
	.modal-content1 {width: 80%;}
}

@media only screen and (max-width:736px) and (min-width:410px) {
	
}


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

@media only screen and (max-width:960px) and (min-width:730px) {
	
}

@media only screen and (max-width:1024px) and (min-width:800px){
	
}

@media only screen and (max-width:1200px) and (min-width:1024px){
	
}


/*Menu*/


@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav .icon {
    display: inline-block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative; background-color: rgba(0, 0, 0, 0.8); margin-left: 0px;}
  .topnav.responsive .icon {
    position: absolute;
    right: 25px;
    top: 0;
	border-bottom: none;
  }
 
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	border-bottom: 1px dotted #555;
  }
  .topnav a:hover, .dropdown:hover .dropbtn {
	  background-color: transparent;
	  color: #FFF;
	  border-bottom: none;
	}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
	border-bottom: 1px dotted #555;
  }
}