/**********************************************RESPONSIVE 480 START**********************************************/
@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;
}
.weather-section, #nav, .navigation-section .navbar {
	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;
}
.weather-section ul .dropdown-menu, .resevration-form {
	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;
}
.heading-style-1 .holder, .footer-contact-section form {
	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;
}
.room-section .box a, .room-section .box a img, .services-left-align .thumb, .services-right-align .thumb, .guests-section blockquote, .footer-contact-section form span,.holiday-room-section .box-1 img {
	width: 100%;
}
.room-section .box {
	width: 100%;
	margin: 0 0 20px 0;
}
.room-section, .guests-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;
}
}
/**********************************************RESPONSIVE 480 END**********************************************/

/**********************************************RESPONSIVE 767 START**********************************************/
@media (max-width: 767px) {

#wrapper .cp-header2{
	background-color: rgba(230, 230, 230, 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;
	position: absolute;
}
#nav li {
	float: none;
	margin: 0 0 15px 0;
}
#nav li ul {
	position: static;
}
#nav li a {
	padding: 0 15px 0 0;
	color: white;
}
.navigation-section #nav li a.btn-book {
	margin: 0;
}
.services-right-align .thumb,.services-left-align .thumb{
	margin:0 0 20px;
}
.parallax-section,.spa-testimonials{
	padding:50px 0;
}
.booking-section .inner{
	padding: 30px 0;
}
.services-left-align .thumb, .services-right-align .thumb,.services-left-align .text,.services-right-align .text,.footer-contact-section form span,.box-1 img,.room-info{
	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%;
}
.padding-tb-70,.blog,.footer-contact-section,.guests-section{
	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-pager, .holiday-banner .bx-wrapper .bx-controls-auto{
	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;
}
.travel-gallery,.blog-section{
	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-pager, .travel-gallery .bx-wrapper .bx-controls-auto{
	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:before,.hotel-reservation:after{
	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,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(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.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: 0px;
}
.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;
}
}
/**********************************************RESPONSIVE 767 END**********************************************/

/**********************************************RESPONSIVE 768 AND 1024 START**********************************************/
@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;
}
}
/**********************************************RESPONSIVE 768 AND 1024 END**********************************************/

/**********************************************RESPONSIVE 1200 START**********************************************/
@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: #ffffffd4;
}
.travel-gallery .text ul{margin-left: 70px;}
}

/**********************************************RESPONSIVE 1200 END**********************************************/