@media (max-width: 1300px) {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .sectiongap {
        padding: 50px 0;
    }

    

    .form-control,
    .form-check-input,
    select {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }

    .form-check-input
 {
        font-size: 17px !important;
        padding: 8px !important;
    }


}

@media only screen and (max-width: 767px) {}

@media (max-width: 575px) {}

@media (max-width: 480px) {
.logo {text-align: left;}
h1, h2 {font-size: 30px;}
h3 {font-size: 25px;}
h6 {font-size: 16px;line-height: 22px;}
.sectiongap { padding: 20px 0;}
header {top: 0;width: 100%;padding: 5px 0;}
.whitebox {padding: 12px;}
a.readmore, .readmore {font-size: 14px;}
.copyright-txt {
	text-align: center;
	padding: 0 0 30px 0;
}



.banner .banner-caption {
        position: inherit;
        width: 100% !important;
        background: #333;
        padding: 20px;
        bottom: 0;
        right: 0 !important;
        left: 0 !important;
        text-align: center;
        border-radius: 0;
        top: 0;
        transform: translate(0, 0);
    }
    .tick_double ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        margin: 0 0 0 26px;
    }

   
    .tick_double ul li {
        width: 100%;
    }

    .btn {
        font-size: 14px;
    }

.banner .carousel-caption .btn{float: left;}
.banner-title h2 {font-size: 45px !important;	}
	.banner {
		padding:0 !important;background:var(--lblue);z-index: 1;position: relative;
	}
.banner hr {margin: 0 0 .6rem 0;}
.about_right_box img{width: 35px;margin: 22px auto 0 auto;left: 0;right: 0;}
.section-title h2, .section-title h1 {font-size: 22px;}
.section-title.text-left h1:after, .section-title.text-left h2:after {height: 2px;}
.about .section-title h1 {margin-top:15px;}
.contact-form .bluebg { padding: 20px;margin-top:15px;}
.advan_col{padding:8px;}
.advan_col img{width:40px;margin-bottom:6px;}
.advan_col h5 {font-size: 15px;}
.copyright{padding: 0 0 40px 0;text-align: center;}
.bluebox .card-body{height: 220px;}
footer .g-3.mb-4 {margin-bottom: 0;}
.copyright ul {padding:0;}
.copyright li {float: none;margin: 0;}
.bluebox .card img {width: 50px;}
.bluebox {padding: 8px;}
.bluebox .card h5 {font-size: 18px;}
.bluebox p {line-height: 20px;}
.heading_title strong {font-size: 18px;padding: 4px 6px;}
.heading_title strong:before {border-top: 35px solid transparent;}
.heading_title {border-bottom:0;}
.tagline h3 {font-size:17px;}
.topbar_cont ul{padding:0;}
.formbg h2 {margin-bottom: 10px;font-size: 30px;font-weight: 600;}
.formbg {padding:20px;font-size: 18px;}
.form-check-inline {margin-right: 8px;}
label, .form-text {font-size: 14px;}
.btn-primary, .sticky-menu .btn-primary {padding: 16px 16px;}
.eng_grp .orabgebg {background:transparent;padding: 0;margin-top: 16px;}	
[type=submit] {padding: 14px!important;}
.banner-caption h2 {font-size: 20px; margin-bottom:12px;line-height: 26px;}
.banner-caption h3 {font-size: 16px;font-weight:500;margin-bottom:0;}
.banner-caption {top: 12%;left: 5%;width: 90%;right: 5%;}
.banner-caption h4 {font-size: 20px;font-weight: 500;margin-bottom: 8px;}
.banner-caption h5 {font-size: 18px;font-weight: 500; margin-bottom: 8px;}
.banner-caption h6 {margin-top: 15px;}
.photo-item {margin: 5px 0;}
.social_icon_m {display: block; position: fixed;z-index: 9999; bottom: 0;width: 100%; background: #1e2332;display: flex; left: 0;}
.social_icon_m .social-button {
	width: 100%; height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	margin: 0 auto;
	border-radius: 0;
	color: #fff;
}
.social_icon_m .social-button i {font-size: 16px;margin:0 5px;}
.topbar_cont{display:none;}
.bannerbg {margin-top:115px;}
.top_btn .social_icon {position: relative;display: block;}
.top_btn .social_icon .social-button {
	width: 100%;
	height: auto;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	margin: 0;
	border-radius: 0;
	color: #3054b7;
	padding: 0px 5px;
	float: right;
	border: 1px solid #3054b7;
    margin: 2px 0;
}
.top_btn .social_icon .social-button:hover {
	color: var(--white)!important;
	border: 1px solid var(--green)!important;
	background:var(--green)!important;
}
.top_btn .social_icon .social-button i {font-size:9px;margin: 0 0 0 3px;color:var(--green);}
.top_btn .social_icon .social-button:hover i {color:var(--white);}
.luxury_amenities_txt h3 {font-size: 17px;}
#luxury_amenitiesbg {padding: 30px 6px;}
.location h4 {font-size: 22px;}
.location h4 strong {padding: 6px 10px 6px 10px;}
.location h4 strong:before {border-top: 34px solid transparent;}
.location-detail ul li h3 {font-size: 14px;}  
.location-detail ul li {padding: 6px 0;}
.location-detail {margin-bottom: 15px;}
.gallery_title {font-size: 16px;font-weight: 600;}
.foot_logo_area {margin-bottom: 16px;}
.foot_logo_area img {width: 100px !important;}	
.contact_detail .block {border-right: 0;margin-bottom: 13px;}
.contact_detail a {margin-left: 0;}
.contact_detail .block_link a {margin-left: 15px;}
.social_icon_m a:hover { color: var(--white);}	
.social_icon_m .social-button i { font-size:13px;}	
.err_msg {font-size: 13px;}
.gallery{margin-top:30px;}
.section-title h1:after, .section-title h2:after {width: 40px;}
.stay_banner_strip h2 {font-size: 26px;}
.stay_banner_strip h2 strong{display:block;}
.stay_banner_strip {padding: 8px 0;}


}

@media (min-width: 1200px) {

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1300px;
    }

    .banner .carousel-caption {
        width: 40%;
        left: 0;
    }
	
	.carousel-img img{object-fit:cover;height: 575px;min-width:100%;object-position:100% 0;}

}


@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) {
    .btn {
        padding: 10px 8px !important;
    }

    h1,
    h2 {
        font-size: 30px;
    }
.section-title h2, .section-title h1 {font-size: 30px;}
    .get_in_touch h3 {
        font-size: 25px;
    }

    .get_in_touch_right img {
        width: 350px;
    }
.tagline h3 { font-size: 20px;}
.logo span {font-size: 11px;}	
.advan_col {padding: 15px 20px;}
.luxury_amenities_txt h3 {font-size: 20px;font-weight: 600;}
#luxury_amenitiesbg {padding: 40px 0;}
.location-detail ul li {padding: 10px 0 9px 0;}


	
}

@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {
	
	.about_right_box img { width: 35px;}
	.about_right_box h4, .about_right_box h4 strong {font-size:18px;}
.play_btn {height: 50px;width: 50px;}
.play_btn i{font-size: 17px;line-height: 50px;}
.co_working {background-image: linear-gradient(var(--beige) 40%, #fff 0);}
.section-title h2, .section-title h1 {font-size: 30px;}
.orabgebg img {width: 45px;}
.orabgebg h3 {font-size: 27px;}
.orabgebg h5 {font-size: 18px;}
h1, h2 { font-size: 30px;}
.count, .plus {font-size: 26px;}
#counter i {font-size: 22px;}
.list-text h3 {font-size: 18px;}
.topbar_cont a{display:none;}
.tagline h3 { font-size: 18px;}
.amenities_bg_text h2 {font-size: 35px;}
.sectiongap {padding: 30px 0;}
.footer_left_bg img {width: 100px;}	
	
}