@media only screen and (max-width:1599px) {
.testi_text p,
.weddingRetreat p {
font-size: 1.3rem
}
.titleRetreat {
font-size: 3.4rem
}
.mediaCnt {
top: 60%
}
.nextprev {
bottom: -40px;
right: 0;
}
.testi_text {
padding: 108px 27px 50px;
margin-top: 150px
}
.testi_text p {
line-height: 3.5rem
}
.weddingRetreat {
padding-top: 30px
}
.footerTitle {
font-size: 2.41rem
}
}
@media (width <= 1418px){
.stript{
margin-top: -45px;
}
}
@media only screen and (max-width:1399px) {
.bookNowcnt {
margin-top: 20px
}
.glrytltCnt {
padding-left: 0
}
.wedTitle {
font-size: 2.8rem
}
.titleThird,
.wedTitle span {
font-size: 3rem
}
.nextprev {
bottom: -40px
}
.footerTitle {
font-size: 2rem
}
.testi_text {
padding: 57px 27px 28px;
margin-top: 77px
}
.testi_text p {
font-size: 1.3rem;
line-height: 2.8rem
}  }
@media only screen and (max-width:1299px) {
.footerLinks ul li {
font-size: .875rem
}
.mediaCnt p {
font-size: 1rem
} .search-container{
max-width: 1024px;
padding: 0 15px;
}
.overlay-container{
max-width: 830px;
}
}
@media (width <=1050px) {
.stript{
margin-top:-35px;
}
}
@media only screen and (max-width:1024px) {
.banner,
.banner img,
.banner-container {
height: 100vh
}
.banner img {
object-fit: cover
}
.titleRetreat {
font-size: 2.4rem
}
.brideGroom img,
.gallery img,
.webImg img {
border: 10px solid var(--white)
}
.mediaCnt {
top: 50%
}
.sticky nav.navbar {
padding: 0;
z-index: 99
}
.search-container input[type="text"]{
font-size:18px;
}
}
@media only screen and (max-width:991px) {
.closeMobMenu,
.d-block,
.sticky a.mobLogo {
display: block
}
.emailCntr,
.pt-90,
.services{
padding-top: 45px !important
}
.gallery {
margin-top: 13px;
padding-top: 0
}
.textRight {
text-align: right
}
.testi_text {
margin-top: 0
}
footer {
margin-top: 45px
}
.sticky {
box-shadow: none;
background-color: transparent;
padding: 0
}
.sticky .openNav {
background-color: #fff;
padding: 8px 23px
}
.navOverlay,
a.mobLogo,
header.show.sticky li.logoccontainer {
display: none
}
nav.navbar li {
margin-bottom: 1rem
}
nav.navbar li a {
font-size: 1rem;
font-weight: 500;
color: #333
}
.navOverlay {
background-color: #3333330f;
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
cursor: pointer;
width: 100%;
height: 100%;
position: fixed;
inset: 0%;
z-index: 0
}
.openNav {
padding: 23px;
font-size: 1.5rem;
color: var(--black);
display: flex;
justify-content: space-between;
align-items: center;
line-height: 0
}
.mobLogo img {
max-width: 44px
}
a.mobLogo {
flex: 1;
text-align: center
}
.show nav.navbar {
margin-left: 0
}
.bookNowcnt {
margin-top: 6px
} header {
max-height: 75px
}
.slider-main{
min-height:revert-rule;
}
caption {
margin-top: 12px;
}
.nextprev {
position: absolute;
}
}
@media (width <=820px) {
.stript{
margin-top:-25px;
}
}
@media only screen and (max-width:767px) {
.gallery,
.logo img {
margin-top: 0
}
.testi_text {
padding: 57px 10px 28px
}
.mediaCnt p,
.testi_text p,
.weddingRetreat p {
font-size: 1.2rem;
line-height: 2rem
}
.logo img {
max-width: 132px
}
.gallery::after {
position: static;
content: initial
}
.mediaCnt .wedTitle {
font-size: 2rem
}
.mediaCnt {
padding: 10px
}
.bookNowcnt {
margin-top: 6px
} .caption {
margin-top: 15px
}
.wedingEvents {
padding-left: 0;
padding-top: 15px
}
.flex-wrap {
flex-wrap: wrap
}
.svgCntr> svg{
height: 52px!important;
}
.left-side, .right-side{
flex-wrap: wrap;
width:100%;
min-width: 100%;
}    
.left-side{
border-right: 0;
border-bottom: 2px solid #d0e2e4;
}  
.nextprev {
background-color: #fff;
bottom: 0;
}  
}
@media only screen and (max-width:665px) {
nav.navbar {
width: 100%;
max-width: 100%
}
.brideGroom,
.glrytltCnt {
padding-top: 0
}
.brideGroom{
margin-top: 40px;
}
.emailCntr .btn {
font-size: .875rem
} .roomType{
padding-top: 40px;
}
.glrytltCnt{
padding:40px 0;
}
.testimonial{
padding-top: 5px;
padding-bottom: 40px;
}
.wedTitle{
margin-top: 40px;
}
.titleHead {
padding: 15px
}
.how-to-get-title{
line-height: normal;
}
.nav.next, .nav.prev {
font-size: 2.5rem;
background: 0 0;
transform: none;
}
}
@media (width <=574px) {
.stript{
margin-top:-15px;
}
.heading{
flex-wrap: wrap;
}
}
@media (width <=350px) {
.stript{
margin-top:-11px;
}
.titleThird, .wedTitle span {
font-size: 2rem;
}
}