/**********************************************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) {
    .mainSite_logo {
        display: none;
    }
    .mobileLogo a {
        color: #fff;
        text-decoration: none;
    }
    .mobileLogo a:hover {
        color: #fff;
        text-decoration: none;
    }
    .firstproperty a.btn-style-1 {
        float: none;
        margin: 30px 0 0 !important;
    }
    .column {
        float: none !important;
        margin: 20px auto 0 !important;
        text-align: left !important;
        width: 100% !important;
    }
    #wrapper .cp-header2 {
        background-color: rgba(0, 0, 0, 0.83);
    }
    .top-menu {
        float: none;
        display: block;
        text-align: center;
    }
    .navigation-section .navbar {
        width: 100%;
        float: left;
    }
	.navigation-section #nav {
	  margin-top: 25px;
	  width: 100%;
	}
    .navigation-section .navbar-toggle {
        margin-top: 0px;
    }
    #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-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 15px 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: 0;
        display: none;
    }
    .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 0px 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;
    }
    .videoText {
        display: none;
    }
    .aboutOwner figure img {
        width: 100%;
    }
    .holidat-footer-copyrights strong.copyrights {
        text-align: center;
    }
    .holidat-footer-copyrights strong.payment {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
    }
    #travel-video {
        position: inherit !important;
    }
	.mobileLogo {
	  color: #fff;
	  display: block !important;
	  float: left;
	  font-size: 15px;
	  font-weight: 600;
	  margin-bottom: 15px;
	  width: 75%;
	}
    .inner-pageLogo {
        display: none;
    }
	
	.project-section .tab-frame {
	  width: 100%;
	}
	.project-section .tab-frame img {
	  height: 100%;
	  width: 100%;
	}
	.signImg {
	  display: none;
	}
	.artistTitle span {
	  padding: 10px;
	}
	.aboutOwner_1 strong {
	  font-size: 14px;
	  line-height: 22px;
	}	
	.cp_travel-theme p {
	  text-align: justify;
	}
	.room-box .text-box ul li {
	  width: 100%;
	}
	.royalSlider {
	  height: 400px;
	  margin-bottom: 30px;
	  overflow: hidden;
	  width: 100%;
	}
	.propertyDis li {
	  padding-bottom: 10px;
	  vertical-align: top;
	  width: 49%;
	}	
	.edit-search form input[type="text"] {
		float:none;
	}	
	.edit-search form {
	  float: none;
	  margin: 0;
	  width: 100%;
	}
	.room-section .row {
	  margin: 0;
	}
	.responsiveTab {
	  margin-bottom: 70px;
	  padding: 0px 15px;
	}
}


/**********************************************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: transparent;
    }
    .travel-gallery .text ul {
        margin-left: 70px;
    }
}


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