@media (max-width: 480px) {
nav a{margin:0 10px;}
.contact-box {padding:35px 15px;}
.brand-icon {width: 40px;height: 40px;font-size: 20px;}
.banner_img{margin-top:25px;}
.hero{padding:14px 0;align-items:normal;margin: 6px 15px 15px 15px;border-radius:12px;}
 .hero .carousel-item img {width:100%;}
.hero-stat {flex-wrap: initial; gap: 5px;}
.stat-box {padding: 12px 12px;}
.carousel-caption {
	position: inherit;
	width: 100% !important;
	padding: 20px 0 0 0;
	bottom: 0;
	right: 0 !important;
	left: 0 !important;
	text-align: left;
	top: 0;
	transform: translate(0, 0);
	border-radius:0 0 20px 20px;
} 
.carousel-indicators{display:none;}
.hero-title-left {display: inline-block;left:0;}
.hero-title-right {display: inline-block;right:0;}
.hero-title-area{background:var(--dblue);padding:8px;text-align:center;border-radius:6px;}
.hero-title-left, .hero-title-right {position: relative; transform: translateY(10%);}
.sectiongap:nth-child(odd), .sectiongap:nth-child(even) {padding: 30px 0;}
.tick_double ul, .tick_double ol{columns: 1; -webkit-columns: 1; -moz-columns: 1;}
.tick_triple ul{columns: 1; -webkit-columns: 1; -moz-columns: 1;}
.section-title h6 {letter-spacing: 4px;}
.category-bar a {padding: 10px 6px;}
.category-bar {margin-bottom: 8px;margin-top: 8px;}
#sticky-header.sticky-menu {position: relative;}
.menu-toggle{float:right;margin-top: 10px;}
.counter_block ul {display: block;}
#counter p {line-height: 16px;font-weight: 300;}
.readmore {padding: 6px 25px 10px 0;}
.readmore .bg {width: 17px; height: 1px;}
.readmore .bg:before, .readmore .bg:after {height: 1px;width: 10px;}
hr {margin:0;}	
.counter_block img {width: 40px;margin-right: 0;}
.counter_block {text-align: center;display: block;}
.counter_block:nth-child(2) {border-right:0;}
.counter_block .text-start {text-align: center !important;}
.navbar-collapse {
background: rgba(3,16,11,.97);
padding: 20px;
margin-top: 12px;
border-radius: 10px;
}
.navbar-nav {gap: 8px;}
.footer-links li { margin:6px 0;}
.footer-links li i{display: inline-block;}
.footer-links li i{font-size: clamp(.8rem, .8vw, .8rem); color: var(--green) !important;}
.nav-icons {display: none;}
.btn-primary, .btn-secondary {padding: 12px 16px;}
.footer-links {display: block;}
.footer-links li {border-right:0;}
.social_icon .social-button {
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
	border-radius: 0;
	color: #fff;
}
.social_icon .social-button i {font-size: 14px;margin-right:2px;}
.social_icon {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #1e2332;
	display: flex;
	left: 0;
	z-index: 1;
}
.copyright { margin-bottom: 45px;margin-top: 10px;}
.whatsapp {bottom: 60px;}
.social_icon .social-button {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	margin: 0 auto;
	border-radius: 0;
	color: #fff;
}
a.social-button:hover{color: #fff;}
a.social-button:hover i{color:var(--white);}
.social_icon .social-button i {font-size: 14px;margin-right:2px;color:var(--blue);}
.social_icon {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #1e2332;
	display: flex;
	left: 0;
	z-index: 1;
}
.lifestyle_gallery .owl-item {height: 280px;}
.lifestyle_gallery .panel {height: 280px;}
.contact-small h5 strong{display:block;}
.luxury img{height:200px;object-fit:cover;}
.location-item{margin-bottom:15px;}
.section-title.mb-5 {margin-bottom: 1rem !important;}



}

@media (min-width: 768px) and (max-width: 800px) {




}



/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 675px) and (max-width: 800px) {
.top-bar a {font-size: 15px;margin-left: 6px;}
.menubar .btn-info::before, .menubar .btn-info::after {display:none;}
.menubar .btn-info {font-size: 12px;padding: 10px 10px 10px 10px;}
.menubar .d-none.d-sm-block{padding-left:0;padding-right:0;}
.stellarnav .menu-toggle span.bars {top: 0;}
.btn-primary, 
.btn-secondary,
.btn-outline-light
{border-radius: 6px;font-size: 13px;padding: 14px 40px 14px 10px;}







}
  

  
  
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
.btn-info {font-size:13px;padding:12px 27px 12px 9px;}
.carousel-caption p {font-size:14px;line-height:20px;}


}

/* Media Query for Large screens */
@media (min-width: 1400px) {
.hero-section p {line-height: 28px;}
.carousel-caption p{line-height: 34px;}
.navbar-nav .nav-link {padding: 7px 15px !important;}
.bg-primary{padding:20px;}




}