@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:1715px){
.amenities-page .media-text ul li:first-child::before {top: 8px;}


}

@media only screen and (max-width:1364px){
.hm-faq {background-attachment: scroll;}


}

@media only screen and (max-width:1282px){
.hm-gallery .col-right, .hm-gallery .col-left {flex: 0 0 100%;max-width: 100%; margin-bottom:20px}	
.hm-gallery .col-mid {width: 100%; flex: 0 0 100%; max-width: 100%;}
.header-main-area .header-nav {padding-left: 20px; padding-right: 20px;}
.amenities-bridal .amenities-caption .media-body {left: 50px}
.wedding-cost figure, .wedding-cost figure img {height: auto; object-fit: inherit;}
.amenities-groom .media-body1 figure img {height: auto;}	



}


@media only screen and (max-width:1100px){
.header-main-area .header-info {justify-content: end;}
.hm-postservices .entry-post {margin-bottom: 20px}
.costs-coprate .entry-post {height: 100%;}
.stellarnav>ul>li>a::after {display: none;}
.stellarnav.mobile > ul > li {border-bottom: 1px solid #f5f5f5;}
.stellarnav.mobile.light li a {border-bottom: 0px solid #fff; display: block;}
	
}


@media only screen and (max-width:991){
.amenities-page .row {flex-direction: column;}
.amenities-page .media-body {padding: 0;}

}
 




@media only screen and (max-width:767px){
.hm-postservices .entry-post .entry-overlay::before, .hm-postservices .entry-post .entry-overlay::after {display: none}
.hm-about figure img {width: 100%;}
.cta-wedding h2 {padding: 0px;}
.hm-benefit .row {flex-direction: column;}	
.hm-benefit .max-width {padding:20px 0 0 0px;}
.hm-cta .row { flex-direction: column;}
.hm-cta .col-lg-6:first-child {width: 100%;max-width: 100%;flex: 0 0 100%; margin-bottom: 20px}
.hm-cta .col-lg-6:last-child {width: 100%;max-width: 100%;flex: 0 0 100%; }
.hm-cta .media-form {padding-left: 0;}
.footer .row {flex-direction: column;}
.footer .footer-widget {margin-bottom: 20px;}
.hm-cta .media-form .col-sm-4 {width: 100%;max-width: 100%;}
.amenities-page .media-body {padding: 0;}
.amenities-page {padding: 40px 0;}
.amenities-page .row, .amenities-page .media-gallery {flex-direction: column}
.amenities-page .media-image figure {margin-bottom: 20px;}
.amenities-page .media-gallery figure {margin-right: 0;}
.amenities-page .media-gallery img {width: 100%;height: 100%;object-fit: cover;}	
.amenities-bridal .amenities-caption .media-body {left: 15px;}
.wedding-list .row {flex-direction: column;}
.wedding-list .col-sm-6 {max-width: 100%;}	
.costs-coprate .col-sm-12 {margin-bottom: 20px;}
.faq-page .set>a {position: relative; padding-right: 50px;}
.faq-page .set .fa {position: absolute; right: 10px;top: 13px;}
.contact-page .col-sm-12 {margin-bottom: 20px;}	

	
}

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

}

@media only screen and (max-width: 575px){
.logo {margin-bottom: 25px; text-align: center; width: 100%; max-width: 100% !important;}
.logo img {width: 45%;}
.header-main-area .header-info {justify-content: center;}
.hm-benefit {padding: 0 15px;}
.hm-benefit .col-6 {width: 100%; max-width: 100%; flex: 0 0 100%;}
.hm-faq .faq-video {border:20px solid #fff;} 
.banner-title {font-size: 35px; line-height: 42px;}
.amenities-page{padding: 0 15px;}
.amenities-page .col-6 {width: 100%; max-width: 100%;  flex: 0 0 100%}
.amenities-services .entry-post {padding: 1rem;}	
.amenities-packages .row {flex-direction: column;}	
.amenities-packages .col-left, .amenities-packages .col-right {width: 100%; max-width: 100%;  flex: 0 0 100%}
	
	
	
	
	
	
	
}


@media only screen and (max-width: 479px){
.amenities-bridal .amenities-caption .media-body {left: 0; padding: 1rem; display: flex; flex-wrap: wrap;}
	
	
	

}