/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
.online-store ul li { width:100%; float:left; }
.banner { padding:0; margin: -46px 0 0 0; }

.banner img { height: 100px; object-fit: cover; }

.content-home .banner-img .main-img { width:100%; object-fit:cover; height:1200px; }
.content-home .banner-img img { display: inline-block; }

.content-home .banner-img .dance-club { position: absolute; left:0; right: 0; top:0; text-align: center; }
.content-home .banner-img .dance-club .image-1 { width:350px; top:auto; left:auto; position: relative; }
.content-home .banner-img .dance-club:hover .image-1 { opacity: 1; }
.content-home .banner-img .dance-club .image-2 { width:320px; top:0; left: 0px; display: none; }
.content-home .banner-img .dance-club:hover .image-2 { opacity: 0; }

.content-home .banner-img .restaurant-club { position: absolute; left: 0; right: 0; top:13%; text-align: center; }
.content-home .banner-img .restaurant-club .image-1 { width:350px; top:auto; left:auto; position: relative; }
.content-home .banner-img .restaurant-club:hover .image-1 { opacity: 1; }
.content-home .banner-img .restaurant-club .image-2 { width:320px; top:0; left: 0px; display: none; }
.content-home .banner-img .restaurant-club:hover .image-2 { opacity: 0; }

.content-home .banner-img .tikibar { position: absolute; left: 0; right: 0; top:30%; text-align: center; }
.content-home .banner-img .tikibar .image-1 { width:350px; top:auto; right: auto; left:auto; position: relative; }
.content-home .banner-img .tikibar:hover .image-1 { opacity: 1; }
.content-home .banner-img .tikibar .image-2 { width:320px; top:0; left: 0px; display: none; }
.content-home .banner-img .tikibar:hover .image-2 { opacity: 0; }


.content-home .banner-img .deliver-catering { position: absolute; left: 0; right: 0; top:53%; text-align: center; }
.content-home .banner-img .deliver-catering .image-1 { width:350px; top:auto; right: auto; left:auto; position: relative; }
.content-home .banner-img .deliver-catering:hover .image-1 { opacity: 1; }
.content-home .banner-img .deliver-catering .image-2 { width:320px; top:0; left: 0px; display: none; }
.content-home .banner-img .deliver-catering:hover .image-2 { opacity: 0; }


.content-home .banner-img .crocodile { position: absolute; left:0; right: 0; text-align: center; bottom: -13px; }
.content-home .banner-img .crocodile .image-1 { position: relative; width:auto; left: auto; right: auto; bottom: auto; display: inline-block; }

.content-home .banner-img .live-bait-bus { position: absolute; left: 0; right: 0; top:75%; text-align: center; }
.content-home .banner-img .live-bait-bus .image-1 { width:350px; top:auto; right: auto; left:auto; position: relative; }
.content-home .banner-img .live-bait-bus:hover .image-1 { opacity: 1; }
.content-home .banner-img .live-bait-bus .image-2 { width:320px; top:0; left: 0px; display: none; }
.content-home .banner-img .live-bait-bus:hover .image-2 { opacity: 0; }

}
@media (min-width: 569px) and (max-width: 767px){
.online-store ul li { width:50%; float:left; }
.banner { padding:0; margin: -50px 0 0 0; }



.content-home .banner-img .main-img { width:100%; object-fit:cover; height:1150px; }

.content-home .banner-img .dance-club .image-1 { width:auto; top:0; left: 0px; }
.content-home .banner-img .dance-club .image-2 { width:auto; top:0; left: 0px; }

.content-home .banner-img .restaurant-club .image-1 { width: 390px; top: 12%; left: auto; right: 0; }
.content-home .banner-img .restaurant-club .image-2 { width: 390px; top: 12%; left: auto; right: 0; }

.content-home .banner-img .tikibar .image-1 { width: 330px; top:26%; right: auto; left: 0; }
.content-home .banner-img .tikibar .image-2 { width: 330px; top:26%; right: auto; left: 0; }


.content-home .banner-img .deliver-catering .image-1 { width: auto; bottom: auto; left: auto; top: 44%; right: 0; }
.content-home .banner-img .deliver-catering .image-2 { width: auto; bottom: auto; left: auto; top: 44%; right: 0; }

.content-home .banner-img .crocodile .image-1 { width: auto; left: auto; bottom: 2%; right: 0; }

.content-home .banner-img .live-bait-bus .image-1 { width: auto; bottom:12%; right: auto; left: 0; }
.content-home .banner-img .live-bait-bus .image-2 { width: auto; bottom:12%; right: auto; left: 0; }
}


@media (max-width: 767px) {
/*upadate navigation*/
.sm-simple a.has-submenu span.font-awesome { display:none; }
.pad-right { padding-right:15px; }
.navigation { padding:74px 0 0 0; }
.main-title { padding:9px 0 6px 59px; }
.main-title:after { top:13px; left:15px; height:29px; width:35px; background-size:100%; }
.footer .footer-detail .footer-top .col-sm-7.col-md-9.padding { width:100%; }
.footer .footer-detail .footer-top .col-sm-5.col-md-3.padding { width:100%; }
.footer .footer-detail .footer-top .col-sm-5.col-md-3.padding img { width:auto; }

a.menu { display:block; width:25px; margin:0; float:right; }
a.menu span{display:block; height:2px; width:100%; margin:5px 0; background:#FFFFFF; }
#main-menu { display:none; margin:30px 0 0 0; clear:both; float:none !important; }
.sm-simple > li { padding:0 !important; }
.sm-simple > li.menu-item-has-children::after { display:none; }

.sm-simple > li.active a { border-bottom:none !important; color: #f1696b !important; }

.padding { padding: 0 15px; }
.top-bg-img { height:150px; }
.header .header-bottom { padding:0; }
.header .header-bottom .logo { width:100px; left:10px; top: -12px; }
.header .header-top .main-header-top ul li a { font-size:12px; line-height:12px; letter-spacing: 0; }
.header { position:relative; left:auto; right:auto; top:auto; }
.footer .footer-top { padding-bottom:15px; }
.footer .footer-detail .footer-top .left-detail { padding:15px; border:none; }
.footer-top .right-detail { padding:0 15px; }
.footer .footer-detail h3 { font-size:18px; line-height:18px; padding-bottom:10px; }
.footer .footer-detail .footer-bottom .social { border-right:none; padding:15px; }
.footer .footer-detail .footer-bottom .contact-us { border-right:none; padding:0 15px; }
.footer .footer-detail .footer-bottom .copyright { padding:15px; }
.footer .footer-detail .footer-bottom .social ul li { width:auto; float: none; display: block; margin: 0 0 10px 0; }
.footer .footer-detail .footer-bottom .social ul li:last-child { margin: 0 0 10px 0; }
.footer .footer-detail .footer-bottom .social ul li:first-child { margin: 0 0 10px 0; }
/*.hotel-services-list .services-section h2 { font-size:24px; line-height:24px; word-wrap: break-word; margin: 0 0 10px 0; }
.hotel-services-list .services-section .title { padding: 18px 8px 18px 14px; }
.hotel-services-list .services-section .title h2 { font-size:24px; line-height:24px; }
.hotel-services-list .services-section h6 { padding:15px 0; }
.hotel-services-list .services-section { padding: 20px 0 30px 0; }*/

/*hotel-section-list start */
.services-section { height:270px; }
.hotel-services-list .services-section .image img { width:100%; height: 270px; object-fit: cover; }
.hotel-services-list .services-section h6 { padding:10px 0; }
.hotel-services-list .services-section .title { padding:5px; }
.hotel-services-list .services-section .title h2 { font-size:18px; line-height:18px; }
.hotel-services-list .services-section h6 { padding:4px 0;}
.hotel-services-list .services-section h2 { font-size:18px; line-height:18px; margin:0 0 10px 0; }

.hotel-services-list .services-section p { font-size:12px; line-height:14px; }
/*hotel-section-list End */
}



@media (min-width:768px) {
/* updated Navigation */
.sm-simple > li { border-left:none !important; }
.sm-simple a span.sub-arrow { right:10px !important; }
.sm-simple .sm-nowrap > li > a { padding:10px !important; }
.sm-simple a span.sub-arrow { display:none !important; }
.sm-simple a.has-submenu span.font-awesome { margin:0 0 0 10px;	}
#main-menu.done { display:block !important; } 
a.menu { display:none;}
.header .header-top .container:before { display:none; }

}
@media (min-width: 768px) and (max-width: 991px){
.top-bg-img { height: 300px; }
.sm-simple > li { padding:0 0 0 14px !important; }
.sm-simple a { font-size: 12px !important; line-height: 12px !important; }
.header .header-bottom .logo { width:150px; }
.sm-simple > li.menu-item-has-children:after { font-size:10px; right:-2px; top:0; }
.footer .footer-detail .footer-top .left-detail { padding: 16px 16px 16px 32px; }
.footer .footer-detail .footer-bottom .social { padding: 17px 5px 11px 20px; }
.footer .footer-detail .footer-bottom .social ul { float: none; display: block; text-align: center; }
.footer .footer-detail .footer-bottom .social ul li { display:inline-block; margin-right:0; margin-bottom:0; width: auto; }
.footer .footer-detail .footer-bottom .contact-us { padding:27px 19px 33px 16px; }
.footer .footer-detail .footer-bottom .copyright { padding: 27px 19px 4px 16px; }
.footer .footer-detail .footer-top .col-sm-5.col-md-3.padding { width: 21%; }
.footer .footer-detail .right-detail .background-color ul li { display: block; width: 100%; padding: 0 0 10px 0; }
.footer .footer-detail .right-detail .background-color { padding: 33px 0; }
.footer .footer-detail .footer-top .col-sm-5.col-md-3.padding img { width: auto; }

.hotel-services-list .services-section h2 { font-size:20px; line-height:17px; margin:0; }
.hotel-services-list .services-section .title { padding: 11px 5px 7px 6px; }
.hotel-services-list .services-section .title h2 { font-size: 20px; line-height: 17px; }
.hotel-services-list .services-section h6 { padding:15px 0; }


/*hotel-section-list start */
.services-section { height: 230px; }
.hotel-services-list .services-section .image img { width:100%; height: 234px; object-fit: cover; }
.hotel-services-list .services-section h6 { padding:10px 0; }
/*hotel-section-list End */


.content-home .banner-img .dance-club .image-1 { width: 35%; }
.content-home .banner-img .dance-club .image-2 { width: 35%; }
.content-home .banner-img .restaurant-club .image-1 { width:40%; }
.content-home .banner-img .restaurant-club .image-2 { width:40%; }
.content-home .banner-img .tikibar .image-1 { width:25%; }
.content-home .banner-img .tikibar .image-2 { width:25%; }

.content-home .banner-img .deliver-catering .image-1 { width:30%; }
.content-home .banner-img .deliver-catering .image-2 { width:30%; }

.content-home .banner-img .live-bait-bus .image-1 { width:30%; }
.content-home .banner-img .live-bait-bus .image-2 { width:30%; }
.content-home .banner-img .crocodile .image-1 { width:25%; }

.footer .footer-detail h3 { font-size: 16px; line-height: 16px; padding: 0 0 6px 0; margin: 0; }
.footer .footer-detail p { font-size: 12px; line-height: 16px; margin: 0 0 17px 0px; }
.footer .footer-detail .footer-bottom .social { padding: 17px 5px 11px 20px; }
.footer .footer-detail .footer-bottom .copyright { padding: 27px 19px 4px 16px; }
.footer .footer-detail .right-detail .background-color { padding: 5px 0; }
.footer .footer-detail .footer-bottom .copyright ul li { font-size: 12px; }

}

@media (min-width: 992px) and (max-width:1200px){
.sm-simple a { font-size:17px !important; line-height:17px !important; }
.sm-simple > li { padding: 0 0 0 20px !important; }
.header .header-bottom .logo { width:165px; top:-23px; }

.footer .footer-detail .footer-bottom .social ul li { display: inline-block; width: 46%; }
.footer .footer-detail .footer-bottom .social { padding: 19px 25px 18px 20px; }
.footer .footer-detail .footer-bottom .contact-us { padding:15px 9px 36px 9px; }
.footer .footer-detail p { font-size: 12px; line-height: 14px; }
.footer .footer-detail .footer-bottom .copyright { padding: 14px 7px 2px 14px; }
.footer .footer-detail .footer-bottom .copyright ul li { font-size:12px; line-height:12px; }
.footer .footer-detail .footer-bottom .copyright ul li a { font-size:12px; line-height:12px; }
.footer .footer-detail h3 { padding-bottom:6px; }

.footer .footer-detail .footer-top .col-sm-5.col-md-3.padding { width: 21.40%; }
.footer .footer-detail .right-detail .background-color { padding: 37px 0; }

.hotel-services-list .services-section h2 { font-size:40px; line-height:40px; }
.hotel-services-list .services-section .title { padding: 18px 8px 18px 14px; }
.hotel-services-list .services-section .title h2 { font-size:40px; line-height:40px; }


/*hotel-section-list start */
.services-section { height: 318px; }
.hotel-services-list .services-section h2 { margin:0; }
.hotel-services-list .services-section h6 { padding:10px 0; }
.hotel-services-list .services-section .image img { object-fit: cover; }
/*hotel-section-list End */


.content-home .banner-img .dance-club .image-1 { width: 35%; }
.content-home .banner-img .dance-club .image-2 { width: 35%; }
.content-home .banner-img .restaurant-club .image-1 { width:40%; }
.content-home .banner-img .restaurant-club .image-2 { width:40%; }
.content-home .banner-img .tikibar .image-1 { width:25%; }
.content-home .banner-img .tikibar .image-2 { width:25%; }

.content-home .banner-img .deliver-catering .image-1 { width:30%; }
.content-home .banner-img .deliver-catering .image-2 { width:30%; }

.content-home .banner-img .live-bait-bus .image-1 { width:30%; }
.content-home .banner-img .live-bait-bus .image-2 { width:30%; }
}

@media (min-width:1201px) and (max-width:1264px){
.container { width: 970px; }
.sm-simple a { font-size:17px !important; line-height:17px !important; }
.sm-simple > li { padding: 0 0 0 20px !important; }
.header .header-bottom .logo { width:165px; }

.footer .footer-detail .footer-bottom .social ul li { display: inline-block; width: 46%; }
.footer .footer-detail .footer-bottom .social { padding: 19px 25px 18px 20px; }
.footer .footer-detail .footer-bottom .contact-us { padding: 15px 9px 29px 9px; }
.footer .footer-detail p { font-size: 12px; line-height: 14px; }
.footer .footer-detail .footer-bottom .copyright { padding: 14px 7px 2px 14px; }
.footer .footer-detail .footer-bottom .copyright ul li { font-size:12px; line-height:12px; }
.footer .footer-detail .footer-bottom .copyright ul li a { font-size:12px; line-height:12px; }
.footer .footer-detail h3 { padding-bottom:6px; }

.footer .footer-detail .footer-top .col-sm-5.col-md-3.padding { width: 21.40%; }
.footer .footer-detail .right-detail .background-color { padding: 37px 0; }

.hotel-services-list .services-section h2 { font-size:40px; line-height:40px; }
.hotel-services-list .services-section .title { padding: 18px 8px 18px 14px; }
.hotel-services-list .services-section .title h2 { font-size:40px; line-height:40px; }


/*hotel-section-list start */
.services-section { height: 318px; }
.hotel-services-list .services-section h2 { margin:0; }
.hotel-services-list .services-section h6 { padding:10px 0; }
.hotel-services-list .services-section .image img { object-fit: cover; }
/*hotel-section-list End */
}



/*---------- Large Desktop , Large Screen End ----------*/