@media only screen and (min-width:768px) and (max-width:1199px) {
img{max-width:100%; height:auto;}
#cssmenu > ul > li > a{ font-size:10px; padding:0px 2px; }
#cssmenu.align-center > ul > li{margin:0px 4px;}
	
.banner-section .banner-section-text h1{ font-size:30px; line-height:35px}	
	.banner-section .banner-section-text p{ display:none;}	
	.topsection-rightmain-top{ margin-bottom:7px;}
	.banner-section .banner-section-text ul li a{ font-size:14px; line-height:30px; font-weight:400; padding:6px 15px;}
.homesection01{ padding:20px 15px;}
	.homesection01-top01 .titlesec{ padding-right:20px;}
	.homesection01-top01 .titlesec h2{ font-size:23px; line-height:27px;}
	.homesection01-top02 .textsec p{ font-size:14px; line-height:22px;}
	.homesection02{ padding:20px 15px;}
	.homesection02-top h2{ font-size:30px; line-height:35px;}
	.homesection02{ padding:25px 15px;}
	.homesection02-middlebox{ margin:8px;}
	.homesection03-top01 .titlesec{ padding-right:20px;}
	.homesection03-top01 .titlesec h2{font-size:23px; line-height:27px;}
	.homesection03-top02 .textsec h5{ font-size:20px; line-height:24px;}
	.homesection03-main01 .swiper-wrapperbox .textsec h4{ font-size:16px; line-height:24px;}
	.homesection04-left h3{font-size:23px; line-height:27px;}
	.homesection04-left02 ul li a{ font-size:12px; padding:6px 20px;}
	.homesection05{ padding:25px 15px 100px 15px;}
	.swiper-button-prev02{ left:0px!important;}
	.swiper-button-next02{ right:0px!important;}
	.booknow-sec a{font-size: 17px; line-height:50px; padding:0px 20px;}
	.homesection05-main01 .textsec p{ font-size:13px; line-height:22px;}
	
	/*=============our-pods start==============*/
	.innerbanner-text h1{ font-size:30px; line-height:35px;}
	.innerbanner-text p{ font-size:15px; line-height:19px;}
	.ourpods-section01{ padding-top:20px; padding-bottom:20px;}
	.ourpods-section01-right .text h2{ font-size:30px; line-height:35px;}
	.ourpods-section01-right .text p{ font-size:14px; line-height:22px; text-align:justify;}
	.ourpods-section02-middle p{ font-size:14px; line-height:22px;}
	.ourpods-section02-bottom h2{ font-size:35px; line-height:40px;}
	.ourpods-section02-bottom .textsec ul li{ font-size:15px;}
	.ourpods-bottom-section-top02 .textsec ul li{font-size:15px;}
	.ourpods-bottom-section-middle02 .textsec ul li{font-size:15px;}
	
	/*============sandy-beaches start==============*/
	.culturalheritage-section01{ padding-top:20px; padding-bottom:20px;}
	.culturalheritage-section01-right .textsec h2{font-size:30px; line-height:35px;}
	.culturalheritage-section01-right .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	
	/*==========shops-eating-out start===============*/
	.shopseating-section{ padding-top:30px; padding-bottom:30px;}
	.shopseating-section-top02 .textsec h2{ font-size:30px; line-height:35px;}
	.shopseating-section-top02 .textsec p{ font-size:14px; line-height:23px;}
	
	/*===============discover start==============*/
	.discoversection01{ padding-top:20px;}
	.discoversection01-right .textsec h2{ font-size:30px; line-height:35px;}
	.discoversection01-right .textsec p{ font-size:14px; line-height:23px; text-align:justify;}
	.discoversection02-top .discoversection02-top02{ padding-top:0px;}
	.discoversection02-top .discoversection02-top02 .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	
	/*============gallery-section start===========*/
	.gallery-section01{ padding:25px 15px;}
	.gallery-section01-main .swiper-button-next03{ right:6px!important;}
	.gallery-section01-main .swiper-button-prev03{ left:6px!important;}
	.gallery-section01 .titlesec h2{ font-size:30px; line-height:35px;}
	
	.gallery-section02{ padding-top:25px; padding-bottom:25px;}
	.gallery-section02 .titlesec h2{ font-size:30px; line-height:35px;}
	
	/*============gallery-section start===========*/
	
	/*=========contact-section start===============*/
	.contact-section{ padding-top:35px; padding-bottom:35px;}
	.contact-section-left .textsec h2{ font-size:30px; line-height:35px;}
	.contact-section-right .contact-section-right01{ padding-top:20px;}
	.contact-section-right{ margin-top:20px;}
	.contact-section-right .contact-section-right01{ padding:10px;}
	.contact-section-right .contact-section-right01 .textsec h2{ font-size:30px; line-height:35px;}
	
}




@media only screen and (min-width:480px) and (max-width:767px) {
img{max-width:100%; height:auto;}
.logosec{ width:200px; margin:0px auto;}
 .topsection-rightmain-top02-left{ width:100%;}
 .topsection-rightmain-top02-left::after{ display:none;}
	.topsection-rightmain-top02::after{ display:none;}
 .topsection-rightmain-top02-right h6 a{ font-size:12px;}
	.topsection{ position:static!important;}
	.topsection-rightmain-top02-right{ padding-left:10px;}
	.banner-section .banner-section-text h1{ font-size:16px; line-height:18px;}
	.banner-section .banner-section-text p{ display:none;}
	.banner-section .banner-section-text ul li a{ font-size:12px; line-height:30px; padding:0px 15px;}
.homesection01{ padding-top:20px; padding-bottom:20px;}
	.homesection01-top01 .titlesec h2{ font-size:24px; line-height:30px; margin-bottom:12px;}
	.homesection01-top02 .textsec p{ font-size:14px; line-height:23px; text-align:justify;}
	.homesection01-bottom02{ padding-top:25px;}
	.homesection01-bottom02box .textsec h4{ font-size:18px; line-height:20px;}
	.homesection01-bottom02box .textsec h6{ font-size:14px; line-height:20px;}
	.homesection02{ padding-top:25px; padding-bottom:25px;}
	.homesection02-top h2{ font-size:26px; line-height:32px;}
	.homesection02-middlebox{ width:124px; height:124px; margin:1%;}
	.homesection02-bottom h6 a{ font-size:12px; line-height:35px; padding:0px 20px;}
	.homesection03{ padding-top:25px; padding-bottom:25px;}
	.homesection03-top01 .titlesec{ padding-right:10px; min-height:50px;}
	.homesection03-top01 .titlesec h2{font-size:26px; line-height:32px;}
	.homesection03-top02 .textsec h5{ font-size:20px; line-height:24px;}
	.homesection03-top02 .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	
	.homesection04{ padding-top:25px; padding-bottom:25px;}
	.homesection04-left h3{font-size:27px; line-height:32px; margin-bottom:12px;}
	.homesection04-left p{font-size:14px; line-height:23px;}
	.homesection04-left02 ul li a{font-size:11px; line-height:30px; padding:0px 3px;}
	.homesection04-right{ padding-top:30px;}
	.homesection04-right .mapsec iframe{ height:320px;}
	.homesection05{ padding-top:30px; padding-bottom:300px;}
	.homesection05 .titlesec h2{font-size:26px; line-height:32px;}
	.homesection05-main01 .textsec p{ font-size:14px; line-height:23px; text-align:justify;}
	.swiper-button-next02{ right:0px;}
	.swiper-button-prev02{ left:0px;}
	.homesection03-main01 .swiper-button-next{ right:0px!important;}
	.homesection03-main01 .swiper-button-prev{ left:0px!important;}
	.booknow-sec a{ font-size:14px; line-height:35px; padding:0px 25px;}
	.topsection-rightmain-top02{ width:100%;}
	
	/*=============our-pods start==============*/
	.innerbanner-text h1{ font-size:25px; line-height:28px;}
	.innerbanner-text p{ font-size:14px; line-height:19px;}
	.ourpods-section01{ padding-top:20px; padding-bottom:20px;}
	.ourpods-section01-left .imgsection{ padding-top:5px;}
	.ourpods-section01-right .text h2{font-size:26px; line-height:32px;}
	.ourpods-section01-right .text p{ font-size:14px; line-height:23px; text-align:justify;}
	.checkin-boxmain{ display:block;}
	.checkin-boxmain01{ width:100%; float:none; margin:0px auto 15px auto;}
	.checkin-boxmain02{ width:100%; float:none; margin:0px auto 15px auto;}
	.checkin-boxmain03{ width:100%; float:none; margin:0px auto; }
	.ourpods-section02-middle p{ font-size:14px; line-height:23px;}
	.ourpods-section02-middle{ padding:20px 15px;}
	.ourpods-section02-bottom h2{ font-size:30px; line-height:35px;}
	.ourpods-section02{ padding-top:20px; padding-bottom:20px;}
	
	.ourpods-bottom-section-bottom{ margin-top:20px; margin-bottom:20px;}
	.ourpods-bottom-section-bottom .imgsec{ width:98%; margin:0px auto;}
	
	/*============sandy-beaches start==============*/
	.culturalheritage-section01-right .textsec h2{font-size:26px; line-height:32px;}
	.culturalheritage-section01-right .textsec p{ font-size:14px; line-height:23px; text-align:justify;}
	.culturalheritage-section01{ padding-top:20px; padding-bottom:20px;}
	.wildlifebttom-section .imgsection{ margin-bottom:15px;}
	.wildlifebttom-section .imgsection img{ width:100%; height:auto;}
	
	/*==========shops-eating-out start===============*/
	.shopseating-section{ padding-top:25px; padding-bottom:25px;}
	.shopseating-section-top02 .textsec h2{font-size:26px; line-height:32px;}
	.shopseating-section-top01{ margin-bottom:25px;}
	.shopseating-section-top02 .textsec p{ font-size:14px; line-height:23px;}
	.shopseating-section-bottom01{ width:96%; float:none; margin:0px auto 15px auto;}
	
	/*===============discover start==============*/
	.discoversection01{ padding-top:20px; padding-bottom:20px;}
	.discoversection01-left{ padding-top:0px;}
	.discoversection01-right .textsec{ padding-top:30px;}
	.discoversection01-right .textsec h2{ font-size:30px; line-height:35px;}
	.discoversection01-right .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	.discoversection02{ padding-top:30px; padding-bottom:30px;}
	.discoversection02-top .discoversection02-top02 .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	.discoversection02-bottom .imgsec{ width:46%;}
	
	/*============gallery-section start===========*/
	.gallery-section01{ padding:25px 15px;}
	.gallery-section01-main .swiper-button-next03{ right:6px!important;}
	.gallery-section01-main .swiper-button-prev03{ left:6px!important;}
	.gallery-section01 .titlesec h2{ font-size:30px; line-height:35px;}
	
	.gallery-section02{ padding-top:25px; padding-bottom:25px;}
	.gallery-section02 .titlesec h2{ font-size:30px; line-height:35px;}
	
	/*============gallery-section start===========*/
	
	/*=========contact-section start===============*/
	.contact-section{ padding-top:25px; padding-bottom:25px;}
	.contact-section-left .textsec h2{ font-size:30px; line-height:35px;}
	.contact-section-right .contact-section-right01{ padding-top:20px;}
	.contact-section-right{ margin-top:20px;}
	.contact-section-right .contact-section-right01{ padding:10px;}
	.contact-section-right .contact-section-right01 .textsec h2{ font-size:30px; line-height:35px;}



.mobilenone{display:none;}






}



@media only screen and (min-width:320px) and (max-width:479px){
img{max-width:100%; height:auto;}
 .logosec{ width:200px; margin:0px auto;}
 .topsection-rightmain-top02-left{ width:100%;}
 .topsection-rightmain-top02-left::after{ display:none;}
	.topsection-rightmain-top02::after{ display:none;}
 .topsection-rightmain-top02-right h6 a{ font-size:12px;}
	.topsection{ position:static!important;}
	.topsection-rightmain-top02-right{ padding-left:10px;}
	.banner-section .banner-section-text h1{ font-size:16px; line-height:18px;}
	.banner-section .banner-section-text p{ display:none;}
	.banner-section .banner-section-text ul li a{ font-size:12px; line-height:30px; padding:0px 15px;}
.homesection01{ padding-top:20px; padding-bottom:20px;}
	.homesection01-top01 .titlesec h2{ font-size:24px; line-height:30px; margin-bottom:12px;}
	.homesection01-top02 .textsec p{ font-size:14px; line-height:23px; text-align:justify;}
	.homesection01-bottom02{ padding-top:25px;}
	.homesection01-bottom02box .textsec h4{ font-size:18px; line-height:20px;}
	.homesection01-bottom02box .textsec h6{ font-size:14px; line-height:20px;}
	.homesection02{ padding-top:25px; padding-bottom:25px;}
	.homesection02-top h2{ font-size:26px; line-height:32px;}
	.homesection02-middlebox{ width:124px; height:124px; margin:1%;}
	.homesection02-bottom h6 a{ font-size:12px; line-height:35px; padding:0px 20px;}
	.homesection03{ padding-top:25px; padding-bottom:25px;}
	.homesection03-top01 .titlesec{ padding-right:10px; min-height:50px;}
	.homesection03-top01 .titlesec h2{font-size:26px; line-height:32px;}
	.homesection03-top02 .textsec h5{ font-size:20px; line-height:24px;}
	.homesection03-top02 .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	
	.homesection04{ padding-top:25px; padding-bottom:25px;}
	.homesection04-left h3{font-size:27px; line-height:32px; margin-bottom:12px;}
	.homesection04-left p{font-size:14px; line-height:23px;}
	.homesection04-left02 ul li a{font-size:11px; line-height:30px; padding:0px 3px;}
	.homesection04-right{ padding-top:30px;}
	.homesection04-right .mapsec iframe{ height:320px;}
	.homesection05{ padding-top:30px; padding-bottom:300px;}
	.homesection05 .titlesec h2{font-size:26px; line-height:32px;}
	.homesection05-main01 .textsec p{ font-size:14px; line-height:23px; text-align:justify;}
	.swiper-button-next02{ right:0px;}
	.swiper-button-prev02{ left:0px;}
	.homesection03-main01 .swiper-button-next{ right:0px!important;}
	.homesection03-main01 .swiper-button-prev{ left:0px!important;}
	.booknow-sec a{ font-size:14px; line-height:35px; padding:0px 25px;}
	.topsection-rightmain-top02{ width:100%;}
	/*=============our-pods start==============*/
	.innerbanner-text h1{ font-size:25px; line-height:28px;}
	.innerbanner-text p{ font-size:14px; line-height:19px;}
	.ourpods-section01{ padding-top:20px; padding-bottom:20px;}
	.ourpods-section01-left .imgsection{ padding-top:5px;}
	.ourpods-section01-right .text h2{font-size:26px; line-height:32px;}
	.ourpods-section01-right .text p{ font-size:14px; line-height:23px; text-align:justify;}
	.checkin-boxmain{ display:block;}
	.checkin-boxmain01{ width:100%; float:none; margin:0px auto 15px auto;}
	.checkin-boxmain02{ width:100%; float:none; margin:0px auto 15px auto;}
	.checkin-boxmain03{ width:100%; float:none; margin:0px auto; }
	.ourpods-section02-middle p{ font-size:14px; line-height:23px;}
	.ourpods-section02-middle{ padding:20px 15px;}
	.ourpods-section02-bottom h2{ font-size:30px; line-height:35px;}
	.ourpods-section02{ padding-top:20px; padding-bottom:20px;}
	
	.ourpods-bottom-section-bottom{ margin-top:20px; margin-bottom:20px;}
	.ourpods-bottom-section-bottom .imgsec{ width:98%; margin:0px auto;}
	
	/*============sandy-beaches start==============*/
	.culturalheritage-section01-right .textsec h2{font-size:26px; line-height:32px;}
	.culturalheritage-section01-right .textsec p{ font-size:14px; line-height:23px; text-align:justify;}
	.culturalheritage-section01{ padding-top:20px; padding-bottom:20px;}
	.wildlifebttom-section .imgsection{ margin-bottom:15px;}
	
	/*==========shops-eating-out start===============*/
	.shopseating-section{ padding-top:25px; padding-bottom:25px;}
	.shopseating-section-top02 .textsec h2{font-size:26px; line-height:32px;}
	.shopseating-section-top01{ margin-bottom:25px;}
	.shopseating-section-top02 .textsec p{ font-size:14px; line-height:23px;}
	.shopseating-section-bottom01{ width:96%; float:none; margin:0px auto 15px auto;}
	
	/*===============discover start==============*/
	.discoversection01{ padding-top:20px; padding-bottom:20px;}
	.discoversection01-left{ padding-top:0px;}
	.discoversection01-right .textsec{ padding-top:30px;}
	.discoversection01-right .textsec h2{ font-size:30px; line-height:35px;}
	.discoversection01-right .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	.discoversection02{ padding-top:30px; padding-bottom:30px;}
	.discoversection02-top .discoversection02-top02 .textsec p{font-size:14px; line-height:23px; text-align:justify;}
	.discoversection02-bottom .imgsec{ width:46%;}
	
	/*============gallery-section start===========*/
	.gallery-section01{ padding:25px 15px;}
	.gallery-section01-main .swiper-button-next03{ right:6px!important;}
	.gallery-section01-main .swiper-button-prev03{ left:6px!important;}
	.gallery-section01 .titlesec h2{ font-size:30px; line-height:35px;}
	
	.gallery-section02{ padding-top:25px; padding-bottom:25px;}
	.gallery-section02 .titlesec h2{ font-size:30px; line-height:35px;}
	
	/*============vouchers start===========*/
	.vouchers-sec{ padding:25px 15px 200px 15px;}
	.voucherssec h2{ font-size:30px; line-height:35px;}
	.voucherssec p{ font-size:14px; line-height:22px; padding:0px 5%;}
	
	/*=========contact-section start===============*/
	.contact-section{ padding-top:25px; padding-bottom:25px;}
	.contact-section-left .textsec h2{ font-size:30px; line-height:35px;}
	.contact-section-right .contact-section-right01{ padding-top:20px;}
	.contact-section-right{ margin-top:20px;}
	.contact-section-right .contact-section-right01{ padding:10px;}
	.contact-section-right .contact-section-right01 .textsec h2{ font-size:30px; line-height:35px;}
	
	

.mobilemenu{display:block; position:static;}
.mobilenone{display:none;}
.logosec{width: auto;}
#cssmenu #menu-button{margin-top: 15px !important;}
 #cssmenu #menu-button::before{background: #fff;}
 #cssmenu #menu-button::after{border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.topsection{padding-top:10px; position:relative;}
.topsection-right{padding-top:15px;}
.topsection [class*="col-"]{position:static;}
.topsection #cssmenu{position:static;}
 #cssmenu ul.open{z-index: 999;position: absolute; top:70px; left: 0px; right: 0px; width: auto; padding-bottom: 0px;}
#cssmenu #menu-button.menu-opened::before{background: #fff;}
#cssmenu #menu-button.menu-opened::after{background: #fff;}
#cssmenu ul.open .sub-menu.open{position:static;}




}