@media only screen and (min-width:1600px) and (max-width:1799px) {
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.home-ban .ban-text{width: 1320px;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.home-ban .ban-text{width: 1140px;}

.welcome ul li h4 { font-size: 34px;}

.luxury-resort:before{height: 360px;}

.ban-in .ban-text{width: 1140px;}
.event-ban .ban-text:before{left: -20px;}

.facilities-page ul li h4{font-size: 22px;}

.home-ban .ban-text:before{left: -10px;}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
.home-ban{min-height: 600px;}
.home-ban .ban-text{width: 960px;}
.home-ban .ban-text h1 {font-size: 60px; line-height: 60px;}
.home-ban .ban-text:before{width: 506px; height: 359px; background-size: 100%; left: -8px; top: -40px;}

.welcome ul li h4 { font-size: 34px;}

.luxury-resort .slick {padding-bottom: 40px;}
.luxury-resort:before{height: 320px;}
.luxury-resort .slick-prev, .luxury-resort .slick-next{bottom: -40px;}

.booking form{width: 100%; padding: 40px 30px}
.booking form label {font-size: 20px;}

.event-ban{min-height: 600px;}
.ban-in .ban-text{width: 960px;}
.ban-in .ban-text h1 {font-size: 60px; line-height: 60px;}
.event-ban .ban-text:before{width: 506px; height: 359px; background-size: 100%; left: -8px; top: -40px;}

footer .footer2 .left, footer .footer2 .right{font-size: 16px;}

.facilities-page ul{gap:2%}
.facilities-page ul li{width: 32%; margin: 0 0 20px;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.home-ban{min-height: 400px;}
.home-ban .ban-text{width: 720px;}
.home-ban .ban-text h1 {font-size: 30px; line-height: 40px;}
.home-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

#content .row-am {padding: 40px 0;}

.welcome ul li h4 { font-size: 24px;}

.luxury-resort .slick {padding-bottom: 40px;}
.luxury-resort:before{height: 260px;}
.luxury-resort .slick-prev, .luxury-resort .slick-next{bottom: -40px;}

.booking form{width: 100%; padding: 40px 30px}
.booking form label {font-size: 20px;}

footer .footer1 .col-md-4{margin-bottom: 20px;}
footer .footer2 .left, footer .footer2 .right{float: none; width: 100%; text-align: center; font-size: 15px;}

.mobile{display: block;}
.desktop{display: none;}

.event-ban{min-height: 400px;}
.ban-in .ban-text{width: 720px;}
.ban-in .ban-text h1 {font-size: 30px; line-height: 40px;}
.event-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

.resort ul li{width: 100%; margin: 0 0 20px;}
.ceremonial-party .left, .ceremonial-party .right{width: 100%;}
.ceremonial-party .left{margin: 0 0 20px;}
.groom-suites ul li{display: flex; flex-wrap: wrap;}
.groom-suites ul li .img{order: 1; width: 100%; margin: 0 0 20px;}
.groom-suites ul li .text{order: 2; width: 100%;}
.ploating-plinth .left, .ploating-plinth .right{width: 100%;}
.ploating-plinth .left{margin: 0 0 20px;}
.ploating-plinth ul li{display: flex; flex-wrap: wrap;}
.ploating-plinth ul li .img{order: 1; width: 100%;  margin: 0 0 20px;}
.ploating-plinth ul li .text{order: 2; width: 100%;}

footer .footer1 .f-contact ul li{font-size: 16px;}
footer .footer1 .links ul li{font-size: 16px;}

/* dining */
.brajbhog ul li:last-child .text{width: 100%;}
.brajbhog ul li:last-child .img{width: 100%; margin: 0 0 20px;}

.villas-party .left, .villas-party .right{width: 100%;}
.villas-party .left{margin: 0 0 20px;}

.contact ul li{width: 100%; margin: 0 0 20px;}

.facilities-page ul{gap:2%}
.facilities-page ul li{width: 49%; margin: 0 0 20px;}

.villas .box p{padding: 0;}
.resort .box p{padding: 0;}
.luxury-resort{padding-bottom: 80px !important}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
.navbar-header{width: 100%; padding-top: 60px;}

.home-ban{min-height: 300px;}
.home-ban .ban-text{width: 100%;}
.home-ban .ban-text h1 {font-size: 30px; line-height: 40px;}
.home-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

#content .row-am {padding: 40px 0;}
h2 {font-size: 40px;}

.welcome ul li{width: 100%; margin: 0 0 20px;}
.welcome ul li h4 {font-size: 28px;}

.luxury-resort:before{height: 200px;}
.luxury-resort .slick-prev{width: 40px; height: 40px;}
.luxury-resort .slick-next{width: 40px; height: 40px;}
.luxury-resort .slick-prev, .luxury-resort .slick-next{bottom: -40px;}
.luxury-resort .box-1 figure{margin-left: -10px;}

.booking form{width: 100%; padding: 40px 30px}
.booking form ul li{width: 100%; border: none; border-bottom: 1px solid #212121; padding: 0 0 4% 0; margin: 0 0 10px;}
.booking form ul li:last-child{width: 100%;}
.booking form .search-btn{width: 100%;}

.villas-suites ul li{width: 100%; margin: 0 0 20px;}

.testimonial p {font-size: 26px; line-height: 38px;}
.testimonial .name span {font-size: 34px;}

footer .footer1 .col-md-4{margin-bottom: 20px; text-align: center}
footer .footer2 .left, footer .footer2 .right{float: none; width: 100%; text-align: center; font-size: 15px;}

.mobile{display: block;}
.desktop{display: none;}

.event-ban{min-height: 300px;}
.event-ban .ban-text{width: 540px;}
.ban-in .ban-text h1 {font-size: 30px; line-height: 40px;}
.event-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

.resort ul li{width: 100%; margin: 0 0 20px;}
.ceremonial-party .left, .ceremonial-party .right{width: 100%;}
.ceremonial-party .left{margin: 0 0 20px;}
.groom-suites ul li{display: flex; flex-wrap: wrap;}
.groom-suites ul li .img{order: 1; width: 100%; margin: 0 0 20px;}
.groom-suites ul li .text{order: 2; width: 100%;}
.ploating-plinth .left, .ploating-plinth .right{width: 100%;}
.ploating-plinth .left{margin: 0 0 20px;}
.ploating-plinth ul li{display: flex; flex-wrap: wrap;}
.ploating-plinth ul li .img{order: 1; width: 100%;  margin: 0 0 20px;}
.ploating-plinth ul li .text{order: 2; width: 100%;}

.facilities ul li{margin: 10px 0; padding: 0 15px;}
.facilities ul li:nth-child(1), .facilities ul li:nth-child(3){width: 100%;}
.facilities ul li:nth-child(2){width: 100%}

/* dining */
.dining-facilities ul li{margin: 10px 0; padding: 0 15px;}
.dining-facilities ul li:nth-child(1), .dining-facilities ul li:nth-child(3){width: 100%;}
.dining-facilities ul li:nth-child(2){width: 100%}

.brajbhog ul li:last-child .text{width: 100%;}
.brajbhog ul li:last-child .img{width: 100%; margin: 0 0 20px;}

/*table, div{font-size: 20px; line-height: 36px}*/
.dining .box{padding: 20px; text-align: left;}

.villas-party .left, .villas-party .right{width: 100%;}
.villas-party .left{margin: 0 0 20px;}

.contact ul li{width: 100%; margin: 0 0 20px;}

.facilities-page ul{gap:2%}
.facilities-page ul li{width: 49%; margin: 0 0 20px;}
.club-house ul li:nth-child(1), .club-house ul li:nth-child(3){width: 100%; padding: 0 15px; margin: 10px 0}
.club-house ul li:nth-child(2){width: 100%; padding: 0 15px}

.villas .box p{padding: 0;}
.resort .box p{padding: 0;}
.slick-next, .slick-prev{background-size: 10px;}
.luxury-resort{padding-bottom: 80px !important}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
.navbar-header{width: 100%; padding-top: 60px;}

.home-ban{min-height: 300px;}
.home-ban .ban-text{width: 100%;}
.home-ban .ban-text h1 {font-size: 30px; line-height: 40px;}
.home-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

#content .row-am {padding: 40px 0;}
h2 {font-size: 40px;}

.welcome ul li{width: 100%; margin: 0 0 20px;}
.welcome ul li h4 {font-size: 28px;}

.luxury-resort:before{height: 200px;}
.luxury-resort .slick-prev{width: 40px; height: 40px;}
.luxury-resort .slick-next{width: 40px; height: 40px;}
.luxury-resort .slick-prev, .luxury-resort .slick-next{bottom: -40px;}
.luxury-resort .box-1 figure{margin-left: -10px;}

.booking form{width: 100%; padding: 40px 30px}
.booking form ul li{width: 100%; border: none; border-bottom: 1px solid #212121; padding: 0 0 4% 0; margin: 0 0 10px;}
.booking form ul li:last-child{width: 100%;}
.booking form .search-btn{width: 100%;}

.villas-suites ul li{width: 100%; margin: 0 0 20px;}

.testimonial p {font-size: 26px; line-height: 38px;}
.testimonial .name span {font-size: 34px;}

footer .footer1 .col-md-4{margin-bottom: 20px; text-align: center}
footer .footer2 .left, footer .footer2 .right{float: none; width: 100%; text-align: center; font-size: 15px;}

.mobile{display: block;}
.desktop{display: none;}

.event-ban{min-height: 300px;}
.event-ban .ban-text{width: 100%;}
.ban-in .ban-text h1 {font-size: 30px; line-height: 40px;}
.event-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

.resort ul li{width: 100%; margin: 0 0 20px;}
.ceremonial-party .left, .ceremonial-party .right{width: 100%;}
.ceremonial-party .left{margin: 0 0 20px;}
.groom-suites ul li{display: flex; flex-wrap: wrap;}
.groom-suites ul li .img{order: 1; width: 100%; margin: 0 0 20px;}
.groom-suites ul li .text{order: 2; width: 100%;}
.ploating-plinth .left, .ploating-plinth .right{width: 100%;}
.ploating-plinth .left{margin: 0 0 20px;}
.ploating-plinth ul li{display: flex; flex-wrap: wrap;}
.ploating-plinth ul li .img{order: 1; width: 100%;  margin: 0 0 20px;}
.ploating-plinth ul li .text{order: 2; width: 100%;}

.facilities ul li{margin: 10px 0; padding: 0 15px;}
.facilities ul li:nth-child(1), .facilities ul li:nth-child(3){width: 100%;}
.facilities ul li:nth-child(2){width: 100%}

/* dining */
.dining-facilities ul li{margin: 10px 0; padding: 0 15px;}
.dining-facilities ul li:nth-child(1), .dining-facilities ul li:nth-child(3){width: 100%;}
.dining-facilities ul li:nth-child(2){width: 100%}

.brajbhog ul li:last-child .text{width: 100%;}
.brajbhog ul li:last-child .img{width: 100%; margin: 0 0 20px;}

/*table, div{font-size: 20px; line-height: 36px}*/
.dining .box{padding: 20px; text-align: left;}

.villas-party .left, .villas-party .right{width: 100%;}
.villas-party .left{margin: 0 0 20px;}

.contact ul li{width: 100%; margin: 0 0 20px;}
.contact .insta-link{font-size: 25px;}

.facilities-page ul li{width: 100%; margin: 0 0 20px;}
.club-house ul li:nth-child(1), .club-house ul li:nth-child(3){width: 100%; padding: 0 15px; margin: 10px 0}
.club-house ul li:nth-child(2){width: 100%; padding: 0 15px}

.villas .box p{padding: 0;}
.resort .box p{padding: 0;}
.slick-next, .slick-prev{background-size: 10px;}
.luxury-resort{padding-bottom: 80px !important}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.navbar-header{width: 100%; padding-top: 60px;}

.home-ban{min-height: 300px;}
.home-ban .ban-text{width: 100%;}
.home-ban .ban-text h1 {font-size: 30px; line-height: 40px;}
.home-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

#content .row-am {padding: 40px 0;}
h2 {font-size: 40px;}

.welcome ul li{width: 100%; margin: 0 0 20px;}
.welcome ul li h4 {font-size: 28px;}

.luxury-resort:before{height: 180px;}
.luxury-resort .slick-prev{width: 40px; height: 40px;}
.luxury-resort .slick-next{width: 40px; height: 40px;}
.luxury-resort .slick-prev, .luxury-resort .slick-next{bottom: -40px;}
.luxury-resort .box-1 figure{margin-left: -10px;}

.booking form{width: 100%; padding: 40px 30px}
.booking form ul li{width: 100%; border: none; border-bottom: 1px solid #212121; padding: 0 0 4% 0; margin: 0 0 10px;}
.booking form ul li:last-child{width: 100%;}
.booking form .search-btn{width: 100%;}

.villas-suites ul li{width: 100%; margin: 0 0 20px;}

.testimonial p {font-size: 26px; line-height: 38px;}
.testimonial .name span {font-size: 34px;}

footer .footer1 .col-md-4{margin-bottom: 20px; text-align: center}
footer .footer2 .left, footer .footer2 .right{float: none; width: 100%; text-align: center; font-size: 15px;}

.mobile{display: block;}
.desktop{display: none;}

.event-ban{min-height: 300px;}
.event-ban .ban-text{width: 100%;}
.ban-in .ban-text h1 {font-size: 30px; line-height: 40px;}
.event-ban .ban-text:before{width: 316px; height: 229px; background-size: 100%; left: -8px; top: 20px;}

.resort ul li{width: 100%; margin: 0 0 20px;}
.ceremonial-party .left, .ceremonial-party .right{width: 100%;}
.ceremonial-party .left{margin: 0 0 20px;}
.groom-suites ul li{display: flex; flex-wrap: wrap;}
.groom-suites ul li .img{order: 1; width: 100%; margin: 0 0 20px;}
.groom-suites ul li .text{order: 2; width: 100%;}
.ploating-plinth .left, .ploating-plinth .right{width: 100%;}
.ploating-plinth .left{margin: 0 0 20px;}
.ploating-plinth ul li{display: flex; flex-wrap: wrap;}
.ploating-plinth ul li .img{order: 1; width: 100%; margin: 0 0 20px;}
.ploating-plinth ul li .text{order: 2; width: 100%;}

.facilities ul li{margin: 10px 0; padding: 0 15px;}
.facilities ul li:nth-child(1), .facilities ul li:nth-child(3){width: 100%;}
.facilities ul li:nth-child(2){width: 100%}

/* dining */
.dining-facilities ul li{margin: 10px 0; padding: 0 15px;}
.dining-facilities ul li:nth-child(1), .dining-facilities ul li:nth-child(3){width: 100%;}
.dining-facilities ul li:nth-child(2){width: 100%}

.brajbhog ul li:last-child .text{width: 100%;}
.brajbhog ul li:last-child .img{width: 100%; margin: 0 0 20px;}

/*table, div{font-size: 20px; line-height: 36px}*/
.dining .box{padding: 20px; text-align: left;}

.villas-party .left, .villas-party .right{width: 100%;}
.villas-party .left{margin: 0 0 20px;}

.contact ul li{width: 100%; margin: 0 0 20px;}
.contact .insta-link{display: block; margin: 10px 0}

.facilities-page ul li{width: 100%; margin: 0 0 20px;}
.club-house ul li:nth-child(1), .club-house ul li:nth-child(3){width: 100%; padding: 0 15px; margin: 10px 0}
.club-house ul li:nth-child(2){width: 100%; padding: 0 15px}

.villas .box p{padding: 0;}
footer .footer1 .links ul li{width: 100%;}
.slick-next, .slick-prev{background-size: 10px;}
.luxury-resort{padding-bottom: 80px !important}
.resort .box p{padding: 0;}
}