/*============================= Small MOBILE Devices================================ */
	
	@media(min-width:767px){
		
		
		
		
	}
	
	
	
	
	
	/*============================= MOBILE Devices================================ */
	@media(max-width:767px){
		body {
			overflow: auto;
	
		}
		.mynav{
			padding: 0px;
		}
		.VScroll {
			overflow-x: hidden;
		}
		.bullets {
			display: none;
		}
		.d-flex {
			flex-wrap: wrap;
			flex-direction: column;
		}
		
		label {
			/* display: none; */
			max-width: 100%;
			margin-bottom: 5px;
			font-weight: bold;
		}
		.logo img {
			padding: 7px 0px;
			width: 126px;
			float: left;
			/* position: absolute; */
			/* left: 9px; */
			background: #fff;
			border-radius: 4px;
		}
		span.callbtn img {
			width: 105px;
			margin-top: 14px;
		}
		
		nav.navbar.bootsnav .navbar-toggle {
			float: right;
			margin-right: 0px;
			margin-left: 15px;
			margin-top: 15px;
		}
		
		.footer .credits {
			text-align: center;
			margin-bottom: 60px;
		}
		
		.popupbox h2 {
			font-size: 22px;
		}
		.popup-left::before {
			height: 144%;
		}
		.ps4 {
			display: flex;
		}
		.pbox img {
			width: 36px;
		}
		.footer {
			margin-bottom: 39px;
		}
		.popupbox form input,
		.popupbox form select {
			margin-bottom: 5px;
		}
		section {
			height: inherit !important;
		}
		.herosec {
			flex-direction: column !important;
			height: 108vh;
		}
		
		.herosec .hero-left,
		.herosec .hero-right {
			width: 100%;
		}
		
		.heroinfo {
			padding: 14px 0 20px;
			margin-top: 0px;
		}
		.heroinfo,
		.hero-left img {
			height: auto;
		}
		.heroinfo h2 {
			font-size: 28px;
			letter-spacing: 4px;
			line-height: 36px;
		}
		.h_location {
			margin: 2vh 0;
		}
		.h_location span,
		.h_location i {
			font-size: 20px;
		}
		
		.btnbox a {
			padding: 6px 32px;
			font-size: 17px;
		}
		.amenities {
			padding: 0px 0 30px;
		}
		.amtrow {
			flex-direction: column;
		}
		.amtlinebox {
			display: none;
		}
		.amtbox {
			margin: auto;
			height: auto;
			width: 90%;
			padding: 30px 20px;
		}
		.slick-next {
			right: 0px;
		}
		.slick-prev {
			left: 0;
			z-index: 1;
		}
		
		.slick-prev:before,
		.slick-next:before {
			font-size: 30px;
		}
		.plansec::before {
			display: none;
		}
		.title1 h1 {
			font-size: 38px;
			text-align: center;
		}
		.abt-top {
			padding: 30px 0;
		}
		.abt-top p {
			text-align: justify;
		}
		.abt-bottom {
			padding-top: 30px;
		}
		.slider-bottom {
			margin-left: 60px;
			padding: 68px 0 30px;
		}
		.sliderwrapper::after {
			width: 40px;
			left: 10px;
		}
		.swiper-arrow {
			right: -2%;
		}
		.title3 h1 {
			width: 73%;
			font-size: 40px;
		}
		.title3 {
			margin-bottom: 30px !important;
		}
		.title3 span {
			height: 35px;
			top: 5px;
		}
		.planimg {
			padding: 30px 0;
		}
		.v-btn a {
			font-size: 19px;
			padding: 9px 33px;
		}
		.whitebg {
			background: #fff;
			/* margin: -1px -1px; */
		}
		.planbox {
			padding: 30px 0px;
		}
		.gallerysec {
			padding: 30px 0px 0;
		}
		.virtual-tour {
			padding: 40px 0;
		}
		.what_invite {
			bottom: 57px;
			left: 9px;
		}
		.what_invite img {
			width: 40px;
		}
		.locbox {
			padding-right: 0px;
		}
		
		.abt-bottom::after {
			right: -137px;
		}
		.abt-stats {
			margin-bottom: 30px;
		}
		.row.locationrow{
			   margin: 0px;
		}
		.faq-style-accordion{
			margin-top: 30px;	
		}
		.faq-style-accordion .accordion-item .accordion-button{
			font-size: 15px;
		}
		.counterbox {
			margin-bottom: 50px;
		}
		.lightbox-content{
			max-width: 100%;
			height: 100%;
			width: 100%;
		}
		.lightbox-img {
			max-width: 100%;
			max-height: 100%;
			border-radius: 8px;
		}
	}
	
	
	



	
	


	/*============================= Medium Devices, Tablets ================================ */
	@media(min-width:768px) and (max-width:991px){
		body {
			overflow: auto;
		}
		nav.navbar.bootsnav .navbar-toggle{
			right: -50px;
		}
		.row.locationrow{
			margin: 0px;
	 }
	 .faq-style-accordion{
		 margin-top: 30px;	
	 }
	 .faq-style-accordion .accordion-item .accordion-button{
		 font-size: 15px;
	 }
		.bullets {
			display: none;
		}
		.d-flex {
			flex-wrap: wrap;
			/* flex-direction: column; */
		}
		nav.navbar.bootsnav .navbar-toggle {
			float: right;
			margin-right: 0px;
			margin-left: 15px;
		}
		.navbar {
			min-height: 68px;
		}
		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
		.logo img {
			padding: 7px 0px;
			width: 66px;
			float: left;
			position: absolute;
			left: 9px;
			/* background: #fff; */
			border-radius: 4px;
		}
		span.callbtn img {
			width: 120px;
			margin-right: 30px;
		}
		
		.logo img {
			padding: 13px 0px;
			width: 96px;
		}
		nav.navbar.bootsnav .navbar-toggle {
			margin-top: 15px;
			margin-bottom: 30px;
		}
		section {
			height: inherit !important;
		}
		.heroinfo h2 {
			font-size: 30px;
			letter-spacing: 5px;
			line-height: 37px;
		}
		.herosec .hero-left {
			width: 60%;
		}
		.herosec .hero-right {
			width: 40%;
		}
		.hero-left img,
		.hero-right,
		.herosec {
			height: 70vh;
		}
		.heroinfo {
			height: 50vh;
		}
		.h_location span,
		.h_location i {
			font-size: 22px;
		}
		.h_location {
			margin: 3vh 0;
		}
		.btnbox a {
			padding: 6px 30px;
			font-size: 20px;
		}
		.slider-bottom {
			margin-left: 60px;
			padding: 68px 0 30px;
		}
		.sliderwrapper::after {
			width: 40px;
			left: 10px;
		}
		.swiper-arrow {
			right: -2%;
		}
		.title3 h1 {
			font-size: 52px;
			width: 70%;
		}
		.title3 span {
			top: 15px;
		}
		.sliderwrapper::after {
			top: 57px;
		}
		.v-btn a {
			font-size: 19px;
			padding: 9px 33px;
		}
		
		.plansec::before {
			display: none;
		}
		.whitebg {
			background: #fff;
			/* margin: -1px -1px; */
		}
		.amenities {
			padding: 00px 0;
		}
		.virtual-tour {
			padding-top: 0;
		}
		
		.locbox {
			padding-right: 0px;
		}
		
		.abt-bottom::after {
			width: 100px;
			top: 89%;
			right: 32%;
		}
		
		
	}
	
	
	
	/*============================= Medium Devices, Desttop ================================ */
	@media(min-width:992px) and (max-width:1199px){
		
		body {
			overflow: auto;
		}
		section {
			height: inherit !important;
		}
		.sliderwrapper::after {
			width: 60px;
			left: 29px;
		}
		.slider-bottom {
			padding: 8% 0;
		}
		.highlisht {
			padding-bottom: 0;
		}
		.amenities,
		.virtual-tour {
			padding-top: 0;
		}
		.title3 h1 {
			width: 70%;
		}
		.abt-bottom::after {
			top: 79%;
			width: 100px;
			right: 10%;
		}
		
	}	


	@media(min-width:1200px) and (max-width:1600px){
		.slider-bottom{
			padding: 71px 0;
		}
		.abt-bottom::after{
			top: 14%;
			right: 116px;
			width: 108px;
			height: 78px;
		}
	}