@media (max-width:480px){
#cp_header{position:inherit;background-color:#080808;padding-bottom:20px}
.top-menu{float:none;display:block;text-align:center;margin:0 0 20px 0}
.top-menu li{display:inline;float:none;padding:0 20px}
#nav,.navigation-section .navbar,.weather-section{float:left}
.weather-section ul{display:block;text-align:center}
.weather-section ul li{float:none;display:inline;padding:0 10px}
.weather-section ul li a .fa{float:none}
.weather-section .dropdown-menu{left:-34px}
.resevration-form,.weather-section ul .dropdown-menu{display:none}
.navigation-section .navbar{width:100%}
#nav li{float:none;margin:0 0 15px 0}
#nav li ul{position:static}
#nav li a{padding:0 15px 0 0}
.navigation-section #nav li a.btn-book{margin:0}
strong.logo{display:block;margin:0 auto;float:none}
#travel-banner .caption{height:auto;top:10px}
#travel-banner .caption strong.title{font-size:26px}
.footer-contact-section form,.heading-style-1 .holder{max-width:100%}
.cp_travel-theme h2{font-size:26px}
.cp_welcome-section .text-box{text-align:center}
.cp_welcome-section .text-box blockquote{margin:20px 0}
.cp_welcome-section .bx-wrapper .bx-prev{left:0}
.cp_welcome-section .bx-wrapper .bx-next{left:inherit;right:0}
.cp_welcome-section .bx-wrapper .bx-controls-direction a{background-color:#fff}
.footer-contact-section form span,.guests-section blockquote,.holiday-room-section .box-1 img,.room-section .box a,.room-section .box a img,.services-left-align .thumb,.services-right-align .thumb{width:100%}
.room-section .box{width:100%;margin:0 0 20px 0}
.guests-section,.room-section,.services-section{padding:30px 0}
.room-section .bx-wrapper .bx-controls-direction a{margin:0}
.services-left-align .text,.services-right-align .text{width:100%;padding:0}
.parallax-section{padding:80px 0}
.services-section ul{float:left;margin:0 0 20px 0;width:100%}
.services-section ul li{float:none;width:100%}
.services-section .owl-carousel{margin:0}
.parallax-section blockquote q{font-size:24px;line-height:inherit}
#travel-banner .caption strong.title{margin:10px 0 0}
.holiday-banner h1{font-size:24px;line-height:24px}
.holiday-banner span{display:none}
.holiday-room-section .box-1:hover h3{margin:0 0 10px}
.video-section{padding:50px 0}
.video-section .holder iframe{height:auto!important}
.align-right .icon-box{float:inherit;margin:0 0 30px;text-align:center}
.room-info ul li{width:100%}
.room-info .btn-style-1{width:100%;padding:12px 15px;margin:0 0 5px}
.hotel-parallax{padding:50px 0}
.hotel-parallax em{font-size:50px;line-height:50px;padding:0 0 30px}
.holidat-footer-copyrights strong.copyrights{width:100%;margin:0 0 20px}
#inner-banner .holder{padding:20px 0}
.error-page form{width:100%}
.input-box{width:90%;margin:0 0 30px}
.error-page form a.btn-home{float:left}
#wrapper #inner-banner .holder{margin:0}
.cp_travel-theme h1{font-size:40px;line-height:40px}
.blog-post-box .comment-box{margin:0 0 20px}
.blog-post-box strong.title{font-size:20px;line-height:20px;padding:0 0 18px}
.blog-post-box .comment-box ul li{padding:0 20px 0 0}
.blog-post-box .date-box{padding:0 0 10px}
.blog-post-box blockquote{padding:0}
.map-box address ul li{margin:0 0 20px;width:100%}
.dining-welcome-section .outer{float:left;width:100%;margin:0 0 20px}
.things-do-box .text-box{padding:20px 20px}
.booking-section .inner h3{font-size:20px;line-height:20px}
.booking-section .inner em{font-size:18px;line-height:18px;color:#fff;margin:0 0 10px;display:block}
.booking-section .inner .btn-style-2{background-color:#fff}
#cp_header{padding:0}
#travel-banner .caption{display:none}
.room-suites .frame .caption{padding:30px 0 0}
.room-suites .frame .caption a.btn-book{display:none}
.services-box-holder .text-holder{padding:10px 20px}
.services-box-holder .read-more{display:none}
.holiday-room-section .box-1 .amount-row,.holiday-room-section .box-1 .btn-style-2{display:none}
.holiday-room-section .box-1 .caption{bottom:-80%}
.hotle-banner .caption{display:none}
#wrapper .right-box{width:100%}
#wrapper .hotel-parallax{padding:50px 0p}
.btn-holder li{min-width:145px;padding:13px 15px}
.travel-gallery .text li{width:100%}
.navigation-section .holder{padding:0}
.navigation-section .holder::before{content:'';display:none}
.cp-header-new .logo-new{text-align:center;width:100%;padding:11px 0;margin:0 0 10px 0}
#wrapper .cp-header-new{background:#000;padding:0}
.top-menu{clear:both}
.top-menu li{display:inline-block;padding:4px 20px}
.cp-header-new .top-menu{margin:0}
.cp-header-new a.btn-book{float:none;display:table;margin:0 auto 10px}
.cp-header-new .weather-section{margin:30px 28px 20px 0}
#wrapper #cp_header.cp_sticky{position:inherit}
.navigation-section strong.logo{float:none;text-align:center;display:block}
#wrapper nav{width:100%;overflow:hidden;position:inherit;top:27px}
.side-nav{width:100%}
#wrapper .cp-header-new #nav{margin:0;padding:40px 0 0 0}
#travel-banner-new .caption{display:none}
#travel-banner-new .holder::before{display:none}
#travel-banner-new .holder::after{display:none}
#static-banner{display:none}
.cp-header-2 .navigation-section .navbar-toggle{margin:0;background-color:#000}
.cp-header-2 #nav li a{color:#fff}
.static-header{background:#000}
.static-header .cp_top-bar{padding:70px 0 15px}
.special-space{margin:200px 0 0 0}
}
@media (max-width:767px){
#wrapper .cp-header2{background-color:rgba(0,0,0,.83)}
.top-menu{float:none;display:block;text-align:center}
.navigation-section .navbar{width:100%;float:left}
.navigation-section #nav{width:100%}
.navigation-section .navbar-toggle{margin-top:-42px}
#nav li{float:none;margin:0 0 15px 0}
#nav li ul{position:static}
#nav li a{padding:0 15px 0 0}
.navigation-section #nav li a.btn-book{margin:0}
.services-left-align .thumb,.services-right-align .thumb{margin:0 0 20px}
.parallax-section,.spa-testimonials{padding:50px 0}
.booking-section .inner{padding:30px 0}
.box-1 img,.footer-contact-section form span,.room-info,.services-left-align .text,.services-left-align .thumb,.services-right-align .text,.services-right-align .thumb{width:100%}
.services-left-align .text,.services-right-align .text{padding:20px 30px;text-align:center}
.resevration-form form span{margin:10px 5px 0 0}
.latest-offer-section .box strong.price{font-size:150px;line-height:120px}
.latest-offer-section .box .text-box{width:100%;margin:30px 0 0}
.latest-offer-section,.news-update{padding:30px 0}
.offers-section{margin:50px 0 0}
.offers-section .icon-box{margin:0 10px 15px}
.resevration-form{display:none}
.holiday-banner h1{font-size:40px;line-height:40px}
.holiday-banner span{font-size:20px;line-height:20px}
.holiday-room-section ul li{width:100%}
.blog,.footer-contact-section,.guests-section,.padding-tb-70{padding:50px 0}
.hotel-services ul li{padding:0 0 50px}
.hotel-services ul li:last-child{padding:0}
.room-holder .detail-box{float:left;width:100%;padding:30px 20px 0}
.hotel-reservation form{float:left;width:100%}
.hotel-reservation form [type=text]{width:100%;float:left;margin:0 0 20px}
.holiday-footer{padding:50px 0 20px}
.holiday-footer-box{margin:0 0 30px}
.align-right .pull-left{margin:0 0 30px}
.hotle-banner .caption{bottom:70px;left:-15px}
#inner-banner .holder{padding:50px 0;margin:0}
#inner-banner{background-size:cover;height:auto}
.our-services .thumb{margin:0 0 20px}
.our-services .thumb img{width:100%}
.project-section .nav-tabs{padding:30px 0}
.project-section .nav-tabs li{padding-bottom:10px}
.cp_travel-theme h1{font-size:30px;line-height:30px;margin:0}
.cp_welcome-section .bx-wrapper .bx-prev{left:43%}
.blog-post-box .thumb iframe{height:auto!important}
.mp3-player-box{margin:0}
.pagination-box .pagination,.resort-section{padding:0}
.blog-post-outer ul li:first-child{padding-top:0}
.pagination-box .pagination>li>a,.pagination-box .pagination>li>span{padding:8px 10px}
.pagination-box{margin:30px 0 0}
.comments-box form input[type=submit],.image-detail .holder>.thumb{margin:0 0 30px}
.loop-entry{width:100%!important;margin:0 auto;left:0!important}
.booking-section .inner .text-box{width:100%}
.booking-section .inner h3{line-height:inherit;margin:0 0 10px}
.services-section .owl-carousel{margin:0}
.services-section{padding:0 0 50px}
.contact-page-1.padding-tb-70{padding:30px 0 50px}
.contact-social li:first-child{padding:0}
.contact-social li{padding:0 0 20px}
.contact address{margin:30px 0 0}
.guest-information form{width:100%}
.image-detail .holder .text>h2,.related-image .thumb{margin:0 0 15px}
.room-box .thumb{float:left;width:100%;margin:0}
.room-box .thumb img{width:100%}
.room-box .text-box{float:left;width:100%;padding:20px}
.sidebar-box{margin:0 0 30px}
.services-left-align .thumb::before,.services-right-align .thumb::before{display:none}
.services-section ul{float:left;width:100%}
.holiday-banner .bx-wrapper .bx-controls-auto,.holiday-banner .bx-wrapper .bx-pager{bottom:0}
.cp_travel-theme #navbar{background-color:#000;padding:0 10px}
.dining-welcome-box{transform:rotate(0);width:100%}
.dining-welcome-section .outer{margin:0 0 20px;width:100%}
.hotel-services ul li{padding:0 0 50px}
#travel-video .video-block{width:100%;height:200px}
.blog-section,.travel-gallery{padding:30px 0}
#wrapper #cp_header.cp_sticky .navigation-section{padding:10px 0}
.heading-style-1,.travel-gallery .services-left-align .heading-style-3 .holder h2,.travel-gallery .services-right-align .heading-style-3 .holder h2{margin:0 0 20px}
.travel-gallery .bx-wrapper .bx-controls-auto,.travel-gallery .bx-wrapper .bx-pager{bottom:-10px;text-align:center}
.blog-box .text-holder{padding:0}
#travel-banner .caption{bottom:60px}
#travel-banner .caption .inner-caption strong.title{font-size:36px;line-height:36px}
#travel-banner .caption strong.title span{font-size:24px;line-height:24px}
#travel-banner .caption strong.title{font-size:36px}
.cp_travel-theme .room-section .box{width:100%}
#wrapper .cp_welcome-section-2 img{width:100%}
.right-box{width:89%}
.hotel-services ul li{padding:0 0 50px}
.room-holder #bx-pager{display:none}
.room-info{margin:30px 0}
.hotel-parallax{padding:100px 0}
.hotel-parallax em{font-size:50px;line-height:50px}
.hotel-reservation:after,.hotel-reservation:before{display:none}
#travel-video .travel-video-caption .title{font-size:20px;line-height:20px;margin:0}
#travel-video .travel-video-caption{top:40%}
.room-types-section .room-box{margin:0 0 20px}
.footer-map-section .map_canvas{height:400px}
.edit-search{margin:30px 0}
#wrapper #cp_header{position:relative}
.project-section .nav-tabs>li>a{text-transform:inherit}
#wrapper .things-do-box .text-box{padding:30px}
.things-do-box .thumb{margin:0 0 20px}
address .row .col-md-4.col-sm-4{float:left;width:100%;margin:0 0 30px}
.contact #inner-banner{background:inherit}
.contact-page-1 .contact-social{width:100%}
.contact-page-1 .contact-social li{padding:0 15px 0 0}
.dining-welcome-section{margin:0}
.services-box-holder p{line-height:20px}
.weeding-booking:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.travel-gallery .services-right-align .text{padding:10px 10px 0}
.travel-gallery .services-left-align .text{padding:10px 10px 0}
#wrapper .travel-gallery .text ul{margin-left:0}
.dining-welcome-box{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.dining-welcome-section .outer{width:100%;margin:0;padding:0 10px 30px}
#travel-banner .caption .inner-caption{width:100%;padding-left:30px}
#travel-banner .caption .inner-caption .btn{display:none}
.hotle-banner .caption{left:0}
.hotle-banner .caption .holder{width:100%;padding:30px 0}
.hotle-banner .caption .holder h1{font-size:36px;line-height:36px}
.navigation-section .holder{padding:0}
.navigation-section .holder::before{content:'';display:none}
.cp-header-new .logo-new{text-align:center;width:100%;padding:11px 0;margin:0 0 10px 0}
#wrapper .cp-header-new{background:#000;padding:0}
.top-menu{clear:both}
.top-menu li{display:inline-block;padding:4px 20px;float:none}
.cp-header-new .top-menu{margin:0}
.cp-header-new a.btn-book{float:none;display:table;margin:0 auto 10px}
.cp-header-new .weather-section{margin:30px 28px 20px 0}
#wrapper #cp_header.cp_sticky{position:inherit}
.navigation-section strong.logo{float:none;text-align:center;display:block}
#wrapper nav{width:100%;overflow:hidden;position:inherit;top:27px}
.side-nav{width:100%}
#wrapper .cp-header-new #nav{margin:0;padding:40px 0 0 0}
#travel-banner-new .caption{height:50%}
#travel-banner-new .holder::before{display:none}
#travel-banner-new .holder::after{display:none}
.weather-section{float:none;display:block;text-align:center;width:100%;overflow:hidden;clear:both}
.weather-section ul li{float:none;display:inline-block}
.cp-header-new .top-menu{float:none;display:block;text-align:center;width:100%}
.cp-header-new .top-menu li{float:none;display:inline-block}
.cp-header-2 .navigation-section .navbar-toggle{margin:0;background-color:#000}
.cp-header-2 #nav li a{color:#fff}
#static-banner .caption{height:0}
#static-banner .caption h1{font-size:40px;line-height:40px;text-shadow:0 0 0 #000;-moz-text-shadow:0 0 0 #000;-webkit-text-shadow:0 0 0 #000}
#static-banner .caption strong.title{font-size:40px;line-height:40px;text-shadow:0 0 2px #000;-moz-text-shadow:0 0 2px #000;-webkit-text-shadow:0 0 2px #000}
}
@media (min-width:768px) and (max-width:1024px){
.navigation-section #nav li a.btn-book{margin:10px 0 0}
.booking-section .inner,.padding-tb-70,.travel-gallery{padding:50px 0}
.footer-contact-section form span{width:48%}
.contact-page-1.padding-tb-70{padding:0 0 50px}
#wrapper #nav>li>a{font-size:14px;padding:0 10px 10px 0}
#wrapper #nav>li .btn-book{padding:7px 10px}
#wrapper #nav li{margin:0 0 0 5px}
.resevration-form{display:none}
#cp_header{position:relative}
.top-menu li{padding:0 15px 0 0}
.navigation-section #nav li a.btn-book{margin:0}
#wrapper .top-menu li a{font-size:13px}
.latest-offer-section .box .text-box{float:right;margin:0}
#wrapper .holiday-form form input[type=text]{width:265px;padding:0 20px 0 10px}
.room-holder #bx-pager{display:none}
.travel-gallery .services-left-align .text{padding:10px 10px 0}
.travel-gallery .services-right-align .text{padding:10px 10px 0}
.paginationbox{margin:20px 0}
#wrapper .things-do-box .text-box{padding:30px}
#inner-banner{height:auto}
#travel-banner .caption{bottom:105px}
.holiday-form form input[type=text]{width:260px}
.holiday-room-section .caption p{margin:0 0 10px}
#nav li ul{top:34px}
.hotle-banner .caption{bottom:100px}
.hotle-banner .caption .holder{padding:30px 0}
.hotle-banner .caption .holder h1{font-size:40px}
#travel-video .video-block{height:500px}
#travel-video .travel-video-caption{top:30%}
.navigation-section .holder{padding:0}
.navigation-section .holder::before{content:'';display:none}
.cp-header-new .logo-new{text-align:center;width:100%;padding:11px 0;margin:0 0 10px 0}
#wrapper .cp-header-new{background:#000;padding:0}
.top-menu{clear:both}
.top-menu li{display:inline-block;padding:4px 20px}
.cp-header-new .top-menu{margin:0}
.cp-header-new a.btn-book{float:none;display:table;margin:0 auto 10px}
.cp-header-new .weather-section{margin:30px 28px 20px 0}
#wrapper #cp_header.cp_sticky{position:inherit}
.navigation-section strong.logo{float:none;text-align:center;display:block}
#wrapper nav{width:100%;overflow:hidden;position:inherit;top:27px}
.side-nav{width:100%}
#wrapper .cp-header-new #nav{margin:0;padding:40px 0 0 0}
#travel-banner-new .caption{height:65%}
#travel-banner-new .holder::before{display:none}
#travel-banner-new .holder::after{display:none}
.weather-section{float:none;display:block;text-align:center;width:100%;overflow:hidden;clear:both}
.weather-section ul li{float:none;display:inline-block}
.cp-header-new .top-menu{float:none;display:block;text-align:center;width:100%}
.cp-header-new .top-menu li{float:none;display:inline-block}
#static-banner .caption{height:10%}
#static-banner .caption h1{font-size:55px;line-height:55px;text-shadow:0 0 0 #000}
#static-banner .caption strong.title{font-size:50px;line-height:50px;text-shadow:0 0 2px #000;-moz-text-shadow:0 0 2px #000;-webkit-text-shadow:0 0 2px #000}
}
@media (min-width:1200px){
.video-section .holder{width:945px}
.news-update .box,.project-section .tab-frame{margin:0}
.hotle-banner .caption{bottom:150px}
.our-services .thumb img{width:auto}
.footer-contact-section form span{width:48%;margin:0 0 30px}
.contact form{margin:0 0 100px}
.dining-welcome-section .outer{display:inline-block;width:200px;margin:0 44px}
.dining-welcome-section{margin:60px auto 0;width:1170px;position:relative;z-index:9;display:block;text-align:center;float:left}
.travel-gallery .text ul{margin-left:60px}
#wrapper .cp-header2{background-color:transparent}
.travel-gallery .text ul{margin-left:70px}
}