/* Enter Your Custom CSS Here */

/* Added CSS by CS */

/*small navigation*/

button#responsive-menu-button { 
	background: #000!important;  
}

#tl_popupSC5 {
    z-index: 9999 !important;
    left: 1275px !important;
    top: 60px !important;
    width: 250px !important;
}

#logo {
    display: none !important;
}


button#responsive-menu-button.is-active {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(81, 255, 252) 0%, rgb(14, 192, 209) 51%, rgb(13, 152, 186) 100%) repeat scroll 0 0!important;
}

#responsive-menu-wrapper > ul { 
	padding:5px; 
}

#responsive-menu-wrapper > ul li { 
	list-style-type: none; padding: 5px 7px; 
}

#responsive-menu-wrapper > ul li a:link , #responsive-menu-wrapper > ul li a:visited {
	color:#fff;
}

#responsive-menu-wrapper > ul li a:hover { 
	color:#2a88bf; 
}

#responsive-menu-wrapper .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-5.current_page_item {
	background:white; 
}
 
#responsive-menu-wrapper .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-5.current_page_item .menu-title {
	color:black; 
}

#responsive-menu-button { 
	transition: all 0.5s ease !important; 
}
button#responsive-menu-button {
    z-index: 1;
}
#responsive-menu-button.stick-top {
	top:0!important; right:0;  
}
button#responsive-menu-button {
    z-index: 1 !important;
}

button#responsive-menu-button { 
	border-radius: 5px;  width:50px !important; height:50px !important; 
}

button#responsive-menu-button .responsive-menu-inner {
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	visibility:visible;  
	color: #fff;
	width:100%;
	height:2px;
	background:#ffffff;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

button#responsive-menu-button .responsive-menu-inner:before,
button#responsive-menu-button .responsive-menu-inner:after  { 
	width:100%; height:2px; 
	background:#ffffff; 
	-webkit-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

button#responsive-menu-button .responsive-menu-inner:before {
	top:-8px;
}

button#responsive-menu-button .responsive-menu-inner:after { 
	bottom:-8px;
}

/*button#responsive-menu-button:hover .responsive-menu-inner { background:rgba(0,0,0,0) !important;}
button#responsive-menu-button:hover .responsive-menu-inner:before { transform:rotate(45deg);}
button#responsive-menu-button:hover .responsive-menu-inner:after { transform:rotate(-45deg);}
#heritage-sec-2{margin|:none!important;}
/*.one{ background: pink; }
.two{ background: red; }
.three{ background: blue; }
#responsive-menu-button.meow{background:red!important;}*/
/*button#responsive-menu-button .responsive-menu-inner .test { background:rgba(0,0,0,0) !important;}
button#responsive-menu-button .responsive-menu-inner .test:before { transform:rotate(45deg);}
button#responsive-menu-button .responsive-menu-inner .test:after { transform:rotate(-45deg);}
*/

button#responsive-menu-button.is-active .responsive-menu-inner { 
	width:100%; 
	height:2px; 
	transform:rotate(0deg); 
	background:rgba(0,0,0,0) !important;
}

button#responsive-menu-button.is-active .responsive-menu-inner:before {
	transform:rotate(-45deg); 
	opacity:1; 
	filter:alpha(opacity=100);
}

button#responsive-menu-button.is-active .responsive-menu-inner:after {
	transform:rotate(45deg); 
	opacity:1; 
	filter:alpha(opacity=100);
}

.aaat-container { 
	width: 195px; 
	display:inline-block; 
  	vertical-align: middle;
}

.phone-container { 
	display:inline-block; 
   	vertical-align: middle;
}

/**/

#top-head .aaat {
    width: 240px;
    content: "";
    background-image: url('/wp-content/uploads/2017/10/star.jpg');
    background-repeat: no-repeat;
    background-position: center;
    color: #fff !important;
    font-size: 13px;
    text-decoration: none;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.menu-main li:last-child a:hover{
	transition:none !important;
}

#room-sec-2 .rooms-list .room-row.spaceit {
    padding-top: 200px;
}

.spaceit {
    position: relative;
    top: -200px;
}

#room-scroll-1 {
  	z-index: -1;
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 0 !important;
}

#room-scroll-1.fixedit {
  	z-index: 1;
    padding: 30px;
    box-sizing: border-box;
  	opacity: 1 !important;
}

#room-scroll-1.fixedit h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

#room-scroll-1.fixedit h1 {
    font-size: 30px;
    margin-bottom: 5px;
}

#slogan-sec-1 .body-slogan {
    font-size: 30px;
  	font-weight: 600;
    text-align: center;
    color: #333;
    font-family: 'Open Sans' !important;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

#slogan-sec-1 .body-disclaimer {
    font-size: 24px;
    text-align: center;
    color: #556688;
    font-weight: none;
    font-family: Arial;
    letter-spacing: 1px;
    margin: 0;
}

#room-sec-3 h2 {
    font-size: 30px;
  	font-weight: 600;
    text-align: center;
    color: #556688;
    font-family: 'Open Sans' !important;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

#room-sec-3 h3 {
    font-size: 16px;
  	font-weight: 400;
    text-align: left;
    color: #333;
    font-family: 'Open Sans' !important;
    letter-spacing: 1px;
}

#room-sec-3 h4 {
    font-size: 16px;
  	font-weight: 400;
    text-align: left;
    color: #333;
    font-family: 'Open Sans' !important;
    letter-spacing: 1px;
}

#heritage-sec-1 h3,
#room-scroll-1 h3,
#room-sec-1 h3,
#activity-sec-1 h3,
#location-sec-1 h3 {
    font-size: 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Open Sans' !important;
    letter-spacing: 1px;
}

/* #heritage-sec-1 h3 {
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    font-family: Arial;
    letter-spacing: 1px;
    margin: 0;
} */

#heritage-sec-1 .menu-img img {
    height: 56px;
}


/* End of Added by CS */

a, a:hover {
	text-decoration: none;
}

#location-sec-2 .contact-cont .right-cont ul li a {
    color: #333 !important;
}

#location-sec-2 .contact-cont .right-cont ul li a:hover {
    text-decoration: none;
	color: #B5832C !important;
}


#top-head .top-cont .right .phone::before {
     content: "";
    background-image: url('/wp-content/uploads/2017/10/phone.jpg');
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    display: inline-block;
    margin-right: 17px;
  	vertical-align: middle;
}

.menu-cont::after {
    content: "";
    display: block;
    clear: both;
}

.menu-img {
    width: 17%;
    float: left;
  	margin-top: 10px;
}

.menu-mains {
    float: none;
    display: inline-block;
    margin-left: 170px;
    vertical-align: top;
}

.btn-1 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.btn-1 a {
	background: #f1c40f;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    display: block;
}

#heritage-sec-2 .bottom-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin: 48px 0 36px;
}

#heritage-sec-2 .bottom-btn a {
    padding: 13px 40px !important;
    text-align: center;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none;
    font-size: 20px;
    line-height: 22px;
  	background: #0d98ba;
    padding: 13px 40px;
    border-radius: 2px !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51fffc+0,0ec0d1+51,0d98ba+100 */
	background: rgb(81,255,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(81,255,252,1) 0%, rgba(14,192,209,1) 51%, rgba(13,152,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51fffc', endColorstr='#0d98ba',GradientType=0 ); /* IE6-9 */
}

#heritage-sec-2 .bottom-btn a:hover {
	background: #0aaea1 !important;
}

#heritage-sec-2 .heritage-content-2 p, #heritage-sec-2 .heritage-content-1 p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 26px;
}

#heritage-sec-2 .heritage-content-2,
#heritage-sec-2 .heritage-content-1 {
    padding-top: 40px;
}

#heritage-sec-2 .heritage-content-2 h2,
#heritage-sec-2 .heritage-content-1 h2 {
    font-size: 30px;
    font-weight: 600;
    color: #333;
    line-height: 34px;
    margin-bottom: 10px;
    font-family: 'Open Sans' !important;
}

#hp-sec-2 ul li,
#heritage-sec-2 .heritage-content-1 ul li {
    width: 30%;
    list-style: none;
}

#heritage-sec-2 .heritage-content-2 ul li {
    width: 22%;
    list-style: none;
}

#hp-sec-2 ul,
#heritage-sec-2 .heritage-content-2 ul,
#heritage-sec-2 .heritage-content-1 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#heritage-sec-2 .heritage-img {
    text-align: center;
}

#sidebar {
    display: none;
}

.content {
    float: none;
    width: 100%;
    margin: 0;
}

#location-sec-2 .contact-cont .right-cont ul li.header {
    padding: 10px !important;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Arial;
    letter-spacing: 1px;
    margin: 0 !important;
    width: unset !important;
  	line-height: 29px;
}

#activity-sec-3 {
    padding: 60px 0;
}

#activity-sec-3 h1 {
    font-size: 30px;
    line-height: 34px;
    color: #333;
    font-weight: 600;
    font-family: 'Open Sans' !important;
    margin-bottom: 40px;
}

#activity-sec-3 .attraction ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}

#activity-sec-3 .attraction li {
    width: 30%;
    list-style: none;
    margin: 0 1.5% 20px 1.5% !important;
    border: 1px solid #ccc;
    flex-direction: column;
    position: relative;
    padding-bottom: 50px;
}

#activity-sec-3 .img-list {
    overflow: hidden;
}

#activity-sec-3 .img-list img {
    width: 100%;
    transform: scale(1.1);
  	transition: all ease 0.5s;
}

#activity-sec-3 .img-list img:hover {
    transform: scale(1.2);
}

#activity-sec-3 .text-list {
    padding: 20px;
}

#activity-sec-3 .text-list h3 {
    text-align: center;
    color: #333;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 25px;
    line-height: 29px;
    font-weight: 700;
}

#activity-sec-3 .text-list p {
    line-height: 1.5em;
    font-size: 16px;
    font-family: Arial;
    letter-spacing: 1px;
}

#activity-sec-3 .text-list a {
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans' !important;
    font-weight: 600;
    padding: 13px 40px;
    line-height: 22px;
    border-radius: 2px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 105px;
    margin: 0 auto;
  	background: #0d98ba;
  	
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51fffc+0,0ec0d1+51,0d98ba+100 */
	background: rgb(81,255,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(81,255,252,1) 0%, rgba(14,192,209,1) 51%, rgba(13,152,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51fffc', endColorstr='#0d98ba',GradientType=0 ); /* IE6-9 */
}

#activity-sec-3 .text-list a:hover { 
  	background: #0aaea1 !important;
}

body {
    font-family: 'Open Sans' !important;
    color: #333 !important;
}

.clear {
    clear: both;
    display: block;
}

.header {
    position: relative;
    background: #080808;
    border: none !important;
    width: 100%;
    padding: 20px 0 0 !important;
}

.header .logo {
    float: left;
    padding-top: 0 !important;
    padding-bottom: 80px !important;
}

.menu-main {
    padding-top: 0 !important;
    float: none !important;
    bottom: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: block;
    left: 0;
    right: 0;
  	background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.menu-main li {
    position: relative;
    display: inline-block !important;
    margin: 0;
    list-style: none;
    text-align: center !important;
    margin: 0 auto !important;
}

/* TOP HEADER */

/* Hover Colour for Main Menu */

.menu-main li:hover > a, .menu-main li a:hover {
    color: #fff !important;
	background: #0aaea1 !important; 
}

/* Background Colour for Main Menu Book Now Button */

.menu-main li:last-child a {
	
/* background: #0aaea1; */ 
    
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51fffc+0,0ec0d1+51,0d98ba+100 */
	background: rgb(81,255,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(81,255,252,1) 0%, rgba(14,192,209,1) 51%, rgba(13,152,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51fffc', endColorstr='#0d98ba',GradientType=0 ); /* IE6-9 */
  
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px !important;
    padding: 28.5px 20px;
}

/* END OF TOP HEADER */

#header .right-content {
    float: right;
    width: 50%;
    text-align: right;
    padding-top: 20px;
}

#header .right-content .contact-cont {
    display: block;
}

#header .right-content .contact-cont .phone {
    color: #fff !important;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

#header .right-content .contact-cont .phone::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2017/06/before-png-1.png');
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    left: -33px;
    top: 3px;
}

#header .right-content .contact-cont .btn-cont {
    display: inline-block;
    padding-left: 30px;
}

#header .right-content .contact-cont .btn-cont a {
    background: #ebd985;
    background: -moz-linear-gradient(top, #ebd985 0%, #b5832c 100%);
    background: -webkit-linear-gradient(top, #ebd985 0%,#b5832c 100%);
    background: linear-gradient(to bottom, #ebd985 0%,#b5832c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd985', endColorstr='#b5832c',GradientType=0 );
    padding: 13px 40px;
    display: block;
    text-align: center;
    font-weight: 600;
    border-radius: 2px;
    color: #fff !important;
    text-decoration: none;
}

.menu-main .current-menu-ancestor > a,
.menu-main .current-menu-item > a {
    color: #fff !important;
  	background: #0aaea1; 
    font-family: 'Open Sans';
    font-weight: 800;
}

.menu-main li a {
   padding: 30px 20.5px;
    color: #333333;
    font-size: 14px !important;
    font-weight: 600;
}

#tagline {
    display: none;
}

p:empty {
display: none !important;
}

.bold {
    font-weight: 800 !important;
}

#main .container {
    max-width: 100% !important;
    padding: 0px !important;
}

.main {
    background: #fff;
    padding: 0px !important;
}

.my-container {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

#hp-sec-1 {
    padding: 180px 0;
    background-image: url('/wp-content/uploads/2017/09/newhp-sec-1-bg-img.jpg');
    background-size: cover;
    background-position: center center;
    display: block;
    text-align: center;
}
.envelope {
    display: inline-block;
    color: #fff;
    margin-left: 50px;
    position: relative;
    margin-right: 30px;
  	vertical-align: middle;
}
#hp-sec-1 h1 {
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    font-weight: bold;
    width: 57%;
    margin: 30px auto 10px;
    font-family: 'Open Sans' !important;
}

#hp-sec-1 p {
    font-weight: 600;
    width: 59%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    color: #fff !important;
}

#hp-sec-1 a {
    font-size: 20px;
  	color: #fff;
    padding: 13px 40px !important;
    display: inline-block;
    margin-bottom: 40px;
    border-radius: 2px;
  	font-weight: 600;
  
	/* background: #0d98ba; */
  
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51fffc+0,0ec0d1+51,0d98ba+100 */
	background: rgb(81,255,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(81,255,252,1) 0%, rgba(14,192,209,1) 51%, rgba(13,152,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51fffc', endColorstr='#0d98ba',GradientType=0 ); /* IE6-9 */
}
#hp-sec-1 a:hover {
 	background: #0aaea1 !important;
}

#hp-sec-2 {
    padding: 60px 0;
    background-image: url('/wp-content/uploads/2017/06/hp-sec-2-bg-img.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#hp-sec-2 h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans' !important;
    color: #333;
    line-height: 34px;
    margin-bottom: 10px;
}

#hp-sec-2 img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

#hp-sec-2 .img-cont-with-txt {
    padding-top: 30px;
    display: block;
}

#hp-sec-2 .img-cont-with-txt h2 {
    font-size: 25px;
    line-height: 29px;
    color: #333;
    margin-top: 50px;
    font-weight: 600;
    font-family: 'Open Sans' !important;
}

#hp-sec-2 .border-right {
    border-left: 5px solid #000 !important;
    padding-left: 14px;
}

#subfooter {
    display: none;
}

#footer {
    background: #000 !important;
    padding: 30px 0 !important;
}

.footer::before {
    display: none !important;
}


#my-footer {
    display: block;
    width: 100%;
    background: #151515 !important;
    padding: 60px 0;
}

#my-footer .my-col-1 {
    width: 25%;
    float: left;
    display: block;
    text-align: left;
}

#my-footer .my-col-1 h1 {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    font-family: 'Open Sans' !important;
    text-transform: capitalize;
    color: #fff;
}

#my-footer .my-col-1 ul {
    margin: 0;
    list-style: none;
    text-decoration: none;
}

#my-footer .my-col-1 ul li {
    padding: 0;
    margin: 4px 0 !important;
    display: block;
    list-style: none;
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
}

#my-footer .my-col-1.cont-2 {
    width: 14% !important;
    padding-left: 80px;
}

#my-footer .my-col-1.cont-3 {
    width: 22% !important;
    padding-left: 80px;
}

#my-footer .my-col-1.cont-4 {
    width: 18% !important;
    padding-left: 80px !important;
}

.footer-content {
    text-align: center !important;
    font-size: 15px !important;
}

#pagetitle {
    display: none;
}
#heritage-sec-1{
    padding: 180px 0;
    display: block;
    background-image: url('/wp-content/uploads/2017/09/newheritage1-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#room-scroll-1,
#room-sec-1,
#activity-sec-1,
#location-sec-1 {
    padding: 180px 0;
    display: block;
    background-image: url('/wp-content/uploads/2017/09/newbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#heritage-sec-1 h1,
#room-scroll-1 h1,
#room-sec-1 h1,
#activity-sec-1 h1,
#location-sec-1 h1 {
    font-size: 35px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Open Sans' !important;
    letter-spacing: 1px;
}

#heritage-sec-2,
#room-sec-2,
#activity-sec-2,
#location-sec-2 {
    padding: 60px 0;
    display: block;
    background-image: url('/wp-content/uploads/2017/06/hp-sec-2-bg-img.jpg');
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
}


#room-sec-2 .rooms-list,
#activity-sec-2 .activity-list {
    width: 100%;
    display: block;
}

#room-sec-2 .rooms-list .room-row .right-col h1,
#activity-sec-2 .activity-list .activity-row .right-col h1,
#location-sec-2 h1 {
    font-size: 30px;
    line-height: 34px;
    color: #333;
    font-weight: 600;
    font-family: 'Open Sans' !important;
    text-transform: capitalize;
}

#location-sec-2 h1 {
    text-align: center;
}

#room-sec-2 .rooms-list .room-row,
#activity-sec-2 .activity-list .activity-row {
  display: block;
  clear: both;
  padding: 20px 0;
}

#room-sec-2 .rooms-list .room-row:nth-child(even) .left-col,
#activity-sec-2 .activity-list .activity-row:nth-child(even) .left-col {
  	float: right;
}

#room-sec-2 .rooms-list .room-row:nth-child(even) .right-col,
#activity-sec-2 .activity-list .activity-row:nth-child(even) .right-col {
  	float: left;
}

#room-sec-2 .rooms-list .room-row .left-col,
#activity-sec-2 .activity-list .activity-row .left-col {
    display: block;
    width: 100%;
    max-width: 50%;
    float: left;
}

#room-sec-2 .rooms-list .room-row .right-col,
#activity-sec-2 .activity-list .activity-row .right-col{
    display: block;
    width: 100%;
    max-width: 47%;
    float: right;
    margin-left: 20px;
}

#room-sec-2 .rooms-list .room-row .right-col .col-1 {
    width: 50%;
    float: left;
    display: block;
}

#activity-sec-2 .activity-list .activity-row .right-col .col-1 {
    width: 100%;
    float: left;
    display: block;
}

#activity-sec-2 .activity-list .activity-row .right-col .col-1 ul {
    list-style: none;
    text-decoration: none;
    margin: 0;
}

#activity-sec-2 .activity-list .activity-row .right-col .col-1 ul li {
    position: relative;
    list-style: none;
    display: block;
    padding-left: 40px;
    margin: 7px 0;
}

#activity-sec-2 .activity-list .activity-row .right-col .col-1 ul li::before {
    content: '';
    background-image: url('/wp-content/uploads/2017/06/before-big-bullet.png');
    width: 10px;
    height: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 0;
}

#room-sec-2 .rooms-list .room-row .right-col .col-1 ul,
#activity-sec-2 .activity-list .activity-row .right-col .col-1.content,
#location-sec-2 .para-cont {
    margin: 0;
    padding-left: 20px;
    list-style: none;
    display: block;
    text-decoration: none;
    border-left: 6px solid #000;
}

#room-sec-2 .rooms-list .room-row .right-col .col-1 ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding-top: 2px;
    font-size: 16px;
}

#room-sec-2 .rooms-list a {
    text-transform: capitalize;
    color: #fff;
    padding: 13px 40px;
    display: inline-block;
    margin-top: 32px;
    text-decoration: none;
    border-radius: 2px;
    font-family: 'Open Sans' !important;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    /* background: #0d98ba; */
  
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51fffc+0,0ec0d1+51,0d98ba+100 */
	background: rgb(81,255,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(81,255,252,1) 0%, rgba(14,192,209,1) 51%, rgba(13,152,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51fffc', endColorstr='#0d98ba',GradientType=0 ); /* IE6-9 */
}
#room-sec-2 .rooms-list a:hover {
	background: #0aaea1 !important;
}

#location-sec-2 .map-cont,
#location-sec-2 .map-cont iframe{
    width: 100%;
    display: block;
}

#location-sec-2 .map-cont {
    padding-top: 10px;
}

#location-sec-2 .contact-cont {
    padding-top: 60px;
    display: block;
    width: 100%;
}

#location-sec-2 .contact-cont .left-cont {
    width: 50%;
    float: left;
    display: block;
}

#location-sec-2 .contact-cont .right-cont {
    float: right;
    width: 47%;
    display: block;
}

#location-sec-2 .contact-cont .right-cont h1 {
    font-size: 25px;
    text-align: left;
    line-height: 29px;
    font-family: 'Open Sans';
    font-weight: 600;
}

#location-sec-2 .contact-cont .right-cont ul {
    margin: 0;
}

#location-sec-2 .contact-cont .right-cont ul li {
    list-style: none;
    display: block;
    margin: 14px 0 !important;
    position: relative;
    padding-left: 40px;
}

#location-sec-2 .contact-cont .right-cont ul li.address::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 19px;
    background-image: url('/wp-content/uploads/2017/06/before-address.png');
    background-repeat: no-repeat;
    background-size: cover;
    top: 4px;
    left: 3px;
}

#location-sec-2 .contact-cont .right-cont ul li.fax::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2017/06/before-fax.png');
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
}

#location-sec-2 .contact-cont .right-cont ul li.tel-num::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 19px;
    background-image: url('/wp-content/uploads/2017/06/before-phone-location.png');
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
}

#location-sec-2 .contact-cont .right-cont ul li.email-address::before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background-image: url('/wp-content/uploads/2017/06/before-email.png');
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
}

#location-sec-2 .contact-cont .right-cont ul li.site-address::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 19px;
    background-image: url('/wp-content/uploads/2017/06/before-site-address.png');
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Raleway', sans-serif;
  	font-weight: 500;
}
::-moz-placeholder { /* Firefox 19+ */
  	color: #333 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Raleway', sans-serif;
  	font-weight: 500;
}
:-ms-input-placeholder { /* IE 10+ */
  	color: #333 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Raleway', sans-serif;
  	font-weight: 500;
}
:-moz-placeholder { /* Firefox 18- */
  	color: #333 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

#location-sec-2 .contact-cont .left-cont input {
	position: relative !important;
	border-radius: 5px !important;
	border: 2px solid #c0c2c6 !important;
	margin: 8px 0 !important;
	padding: 10px 10px 10px 40px !important;
	color: #333 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	font-family: 'Raleway', sans-serif;	
	background-color: #ffffff !important;
}
#location-sec-2 .contact-cont .left-cont .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    position: relative !important;
    border-radius: 5px !important;
    border: 2px solid #c0c2c6 !important;
    margin: 8px 0 !important;
    padding: 10px 10px 10px 40px !important;
    color: #9299A5 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Raleway', sans-serif;
    background-color: #ffffff !important;
}
#location-sec-2 .contact-cont .left-cont #room {
    position: relative !important;
    border-radius: 5px !important;
    border: 2px solid #c0c2c6 !important;
    margin: 8px 0 !important;
    padding: 10px 10px 10px 40px !important;
    color: #9299A5 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Raleway', sans-serif;
    background-color: #ffffff !important;
}
#location-sec-2 .contact-cont .left-cont #room option {
    color: #9299A5 !important;
}
#location-sec-2 .contact-cont .left-cont .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required option {
    color: #9299A5;
}

#location-sec-2 .contact-cont .left-cont textarea {
    background: #fff !important;
    position: relative !important;
    border-radius: 5px !important;
    border: 2px solid #c0c2c6 !important;
    margin: 8px 0 !important;
    padding: 14px 14px 14px 14px !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: 'Raleway', sans-serif;
}

#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.yourname::before,
#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.email::before,
#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.subject::before {
    content: '';
    position: absolute;
    top: 4px;
	left: 14px;
	z-index: 9999;
}

#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.yourname::before {
    background-image: url('/wp-content/uploads/2017/06/name-placeholder-before.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.email::before {
    background-image: url('/wp-content/uploads/2017/06/email-placeholder-before.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}
.logo-new {
    display: inline-block;
    vertical-align: middle;
}

#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.subject::before {
    background-image: url('/wp-content/uploads/2017/06/subject-placeholder-before.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

#location-sec-2 .contact-cont .left-cont .text-area {
    position: relative;
}

#location-sec-2 .contact-cont .left-cont .text-area::before {
    background-image: url('/wp-content/uploads/2017/06/text-area-before.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
    content: '';
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 9999;
}

#location-sec-2 .contact-cont .left-cont .wpcf7-form-control.wpcf7-submit {
    padding: 13px 40px !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 2px !important;
    border: none !important;
    margin-top: 17px !important;
  	background: #0d98ba;
  	font-size: 20px !important;
  	line-height: 24px !important;
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51fffc+0,0ec0d1+51,0d98ba+100 */
	background: rgb(81,255,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(81,255,252,1) 0%, rgba(14,192,209,1) 51%, rgba(13,152,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(81,255,252,1) 0%,rgba(14,192,209,1) 51%,rgba(13,152,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51fffc', endColorstr='#0d98ba',GradientType=0 ); /* IE6-9 */
}
#location-sec-2 .contact-cont .left-cont .wpcf7-form-control.wpcf7-submit:hover {
	background: #0aaea1 !important;
  	transition: none;
}
.topbar {
    background: none !important;
    border-bottom: none !important;
}

#top-head {
    background: #000;
}
#top-head .top-cont {
    max-width: 1180px;
    margin: 0 auto;
    width: 100%;
}
#top-head .top-cont .right {
    float: right;
}
.envelope p {
    margin: 0 !important;
  	font-size: 13px;
line-height: 22px;
}
#top-head .top-cont .right .phone {
    color: #fff !important;
    padding-right: 20px;
    display: inline-block;
  	font-size: 13px;
line-height: 20px;
}
.menu-cont {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}
#menu-1 {
    background: #fff;
}
#new-sec #awcc1502420815351 .aw-widget-content.bg-s {
    padding: 30px !important;
}
.text-cont ul li i {
    margin-right: 5px;
}


.amazingcarousel-item .amazingcarousel-image div{
	font-size: 0 !important;
	height: 0;
	width: 0;
	color: transparent !important;
	background: transparent !important;
	z-index: 0 !important;
}
.amazingcarousel-item .amazingcarousel-image div a{
	color: transparent !important;	
}
.menu-main li ul.sub-menu li a {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 14px !important;
    padding: 10px;
    text-transform: capitalize;
    font-weight: unset;
    text-align: justify;
    width: 180px;
}
.menu-main li ul.sub-menu {
    background-color: rgba(0,0,0,0.7);
}
#activity-sec-1 {
    background-image: url('/wp-content/uploads/2017/09/newbanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.enquiry-type i {
    position: absolute;
    z-index: 1;
    margin-top: 23px;
    margin-left: 15px;
    color: #A8ABB2;
}
.phone i {
    position: absolute;
    z-index: 1;
    margin-top: 23px;
    margin-left: 15px;
    color: #A8ABB2;
}
.motel-room i {
    position: absolute;
    z-index: 1;
    margin-top: 23px;
    margin-left: 13px;
    color: #A8ABB2;
}
.dates i {
    position: absolute;
    z-index: 1;
    margin-top: 23px;
    margin-left: 13px;
    color: #A8ABB2;
}
.menu-main .sub-menu li:last-child a {
    background: rgba(0,0,0,0.5);
}
#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.email::before {
   z-index: 1;
}

#location-sec-2 .contact-cont .left-cont .wpcf7-form-control-wrap.yourname::before { 
   z-index: 1;
}
.carousel-slider.owl-loaded {
    display: block;
    z-index: 0;
}

@media screen and (max-width: 1920px) { 
#tl_popupSC5 {
    left: 1280px !important;
}
}
@media screen and (max-width: 1500px) { 
#tl_popupSC5 {
    left: 1230px !important;
}
}
@media screen and (max-width: 1366px) { 
#tl_popupSC5 {
    left: 1100px !important;
}
}

@media screen and (max-width: 1280px) {

#my-footer .my-col-1.cont-2,
#my-footer .my-col-1.cont-3,
#my-footer .my-col-1.cont-4 {
    padding-left: 60px !important;
}

.container {
    max-width: 1180px !important;
}
  #tl_popupSC5 {
    left: 1000px !important;
}
}

@media screen and (max-width: 1180px) {
#my-footer .my-col-1.cont-2, 
#my-footer .my-col-1.cont-3, 
#my-footer .my-col-1.cont-4 {
    padding-left: 40px !important;
}

.menu-main {
    max-width: 100% !important;
}
#top-head .top-cont {
    max-width: 1100px;
}
.menu-cont {
    max-width: 1100px;
}
.menu-mains {
    margin-left: 125px;
}
#heritage-sec-1,  
#hp-sec-1,
#room-sec-1,
#room-sec-1,
#activity-sec-1,
#location-sec-1 {
    padding: 140px 0;
}

.container,
.my-container {
    max-width: 980px !important;
    padding: 0 20px;
}
  
#hp-sec-1 h1 {
    width: 67%;
}

#hp-sec-1 p {
    width: 69%;
}

}
@media screen and (max-width: 1110px) { 
#top-head .top-cont {
    max-width: 1000px;
}
.menu-cont {
    max-width: 1000px;
}
.menu-mains {
    margin-left: 30px;
}
  #tl_popupSC5 {
    left: 830px !important;
}
}
@media screen and (max-width: 1080px) { 
#tl_popupSC5 {
    left: 800px !important;
}
}
@media screen and (max-width: 1000px) { 
.btn-1 {
    float: right;
    margin-right: 125px;
    	margin-top: 20px;
}
  .menu-cont {
    max-width: 900px;
}
  #top-head .top-cont {
    max-width: 900px;
}
  .menu-img {
    margin-top: 0;
}
}
@media screen and (max-width: 980px) {
heritage-sec-2 .heritage-content-2 p, #heritage-sec-2 .heritage-content-1 p {
    font-size: 15px;
}

.container,
.my-container {
    max-width: 768px !important;
}
#heritage-sec-1,  
#hp-sec-1,
#room-sec-1,
#room-sec-1,
#activity-sec-1,
#location-sec-1 {
    padding: 100px 0;
}
  .menu-cont {
    max-width: 900px;
}
#top-head .top-cont {
    max-width: 900px;
}
.btn-1 {
    float: right;
    margin-right: 125px;
}
  
#hp-sec-1 h1 {
    width: 87%;
}

#hp-sec-1 p {
    width: 89%;
}
  
#my-footer .my-col-1.cont-2,
#my-footer .my-col-1.cont-3 {
    width: 15% !important;
    padding-left: 40px;
}

#my-footer .my-col-1.cont-3 {
    width: 26% !important;
}
  
#room-sec-2 .rooms-list .room-row .right-col .col-1 ul li {
    font-size: 14px;
}
  
#location-sec-2 .contact-cont .right-cont {
    width: 44%;
}
  #tl_popupSC5 {
    left: 700px !important;
}
}
@media screen and (max-width: 940px) { 
.menu-img {
   width: 22% !important;
}
}
@media screen and (max-width: 900px) { 
#top-head .top-cont {
    max-width: 767px;
}
.menu-cont {
    max-width: 767px;
}
.menu-img {
    width: 23%;
}
.btn-1 {
    margin-right: 100px;
}
}
@media screen and (max-width: 800px) {
.menu-mobile-toggle {
    display: none !important;
}
}
@media screen and (max-width: 780px) { 
#top-head .top-cont {
    max-width: 640px;
}
.menu-cont {
    max-width: 640px;
}
.menu-img {
    width: 28%;
}
  #top-head .aaat {
    text-align: left;
}
#top-head .top-cont .right {
    float: none;
    text-align: center;
}
}
@media screen and (max-width: 780px) { 
.menu-img {
    width: 28% !important;
}
}
@media screen and (max-width: 767px) { 
button#responsive-menu-button {
    top: 105px !important;
}
#tl_popupSC5 {
    left: 400px !important;
    top: 89px !important;
}
  .aaat-container {
    width: 240px;
}
#top-head .top-cont .right .phone {
   padding: 0;
}
}
@media screen and (max-width: 768px) {

#activity-sec-3 .attraction li {
    width: 46.5%;
}
  #hp-sec-2 ul li,
#heritage-sec-2 .heritage-content-1 ul li {
    margin-left: 10px;
}
#heritage-sec-2 .heritage-content-2 ul li {
    width: 44%;
}

.container,
.my-container {
    max-width: 640px !important;
}

.menu-mobile-toggle {
    display: none !important;
}

#hp-sec-1 {
    padding: 60px 0;
}

  
#hp-sec-1 h1,
#hp-sec-1 p {
    width: 100%;
}

#room-sec-2 .rooms-list .room-row,
#activity-sec-2 .activity-list .activity-row {
    display: block;
    clear: both;
    padding: 0 !important;
}
  
#room-sec-2 .rooms-list .room-row .left-col,
#activity-sec-2 .activity-list .activity-row .left-col {
    display: block;
    width: 100%;
    max-width: 100%;
    float: none;
}

#room-sec-2 .rooms-list .room-row .right-col,
#activity-sec-2 .activity-list .activity-row .right-col {
    display: block;
    width: 100%;
    max-width: 100%;
    float: none;
    margin-left: 0;
    padding: 20px 0;
}

#heritage-sec-2,
#room-sec-2,
#activity-sec-2,
#location-sec-2 {
    padding: 40px 0;
}
  
#room-sec-2 .left-col img {
    margin: 0 auto !important;
    display: block !important;
}
#heritage-sec-1 h1,
#room-sec-1 h1,
#activity-sec-1 h1,
#location-sec-1 h1 {
    font-size: 36px;
    line-height: 44px;
}

#activity-sec-2 .activity-list .activity-row .right-col .col-1 {
    float: none;
}
#my-footer .my-col-1.cont-4, 
#my-footer .my-col-1.cont-2, 
#my-footer .my-col-1.cont-3, 
#my-footer .my-col-1 {
    width: 45% !important;
    padding: 0 20px 20px 0 !important;
}

}

@media screen and (max-width: 650px) {
.menu-main {
    display: none !important;
}
}

@media screen and (max-width: 640px) {

.container,
.my-container {
    max-width: 440px !important;
}
  
.menu-main {
    max-width: 90% !important;
    display: none !important;
}
  .menu-cont {
    max-width: 440px;
}
.menu-img {
    width: 40%;
}
  .btn-1 {
    margin-right: 50px;
}
  #top-head .top-cont {
    max-width: 440px;
}
  #top-head .top-cont {
    max-width: 440px;
}
#top-head .top-cont .right .phone {
    border: none;
}
.envelope {
    padding: 15px;
}
.envelope a::before {
    left: -20px !important;
    top: 18px !important;
}
button#responsive-menu-button {
    top: 105px !important;
}
  #top-head .top-cont .right .phone {
    padding-bottom: 0px;
}

.header .logo,
#header .right-content{
    float: none !important;
    text-align: center !important;
    width: 100%;
    padding-bottom: 0px !important;
    margin: 0 auto;
}
  
.header .logo img {
    text-align: center;
    display: block;
    margin: 0 auto;
}
  
#header .right-content {
    padding-top: 10px;
}

  
#header .right-content .contact-cont .btn-cont {
    display: block !important;
    padding-left: 0 !important;
    max-width: 250px !important;
    margin: 10px auto 0 !important;
}

.header {
    padding: 20px 0 20px !important;
}
  
#hp-sec-1 h1 {
    font-size: 28px !important;
    line-height: 36px !important;
}

#hp-sec-2,
#my-footer {
    padding: 40px 0;
}
  
#my-footer .my-col-1 {
    width: 100% !important;
    float: none;
    display: block;
    text-align: left;
}
  
#my-footer .my-col-1 img {
    margin: 0 auto;
    display: block;
}

#my-footer .my-col-1.cont-2,
#my-footer .my-col-1.cont-3,
#my-footer .my-col-1.cont-4 {
    padding-left: 0 !important;
    width: 100% !important;
	display: block;
}
  
#my-footer .my-col-1 h1,
#my-footer .my-col-1 ul {
    text-align: center;
}

#my-footer .my-col-1.cont-2,
#my-footer .my-col-1.cont-3,
#my-footer .my-col-1.cont-4 {
    padding-top: 30px !important;
}

#my-footer .my-col-1 h1 {
    margin-bottom: 10px;
}

.footer-content {
    text-align: center !important;
    font-size: 15px !important;
    line-height: 27px;
}
  
#footer {
    padding: 15px 0 !important;
}
  
#room-sec-1 {
    padding: 80px 0;
}
#heritage-sec-1,
#activity-sec-1 {
    padding: 60px 0;
}
#heritage-sec-1 h1,
#room-sec-1 h1,
#activity-sec-1 h1,
#location-sec-1 h1 {
    font-size: 30px;
    line-height: 40px;
}
  
#location-sec-2 .contact-cont .left-cont,
#location-sec-2 .contact-cont .right-cont {
    width: 100%;
    float: none;
}

#location-sec-2 .contact-cont .right-cont {
    margin-top: 30px;
} 
  
#location-sec-1 {
    padding: 60px 0;
}
  
#location-sec-2 .contact-cont {
    padding-top: 40px;
}

#heritage-sec-2 .bottom-btn a {
    font-size: 15px;
}
button#responsive-menu-button {
    top: 97px !important;
}
#tl_popupSC5 {
    left: 370px !important;
}  
}
@media screen and (max-width: 620px) { 
.menu-img {
    width: 45% !important;
}
}

@media screen and (max-width: 510px) { 
.btn-1 {
    margin-right: 90px;
}
}
@media screen and (max-width: 480px) { 
.container, .my-container {
    padding: 0 !important;
}
 
#heritage-sec-2 .bottom-btn a {
    font-size: 12px;
}
  
}
@media screen and (max-width: 460px) { 
.menu-img {
    width: 100%;
    float: none !important;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
}
.menu-mains {
    display: none;
}
.btn-1 {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: block;
    padding: 20px;
}
button#responsive-menu-button {
    top: 120px !important;
}
}
@media screen and (max-width: 440px) {
#activity-sec-3 .attraction li {
    width: 100%;
    margin-right: 0 !important;
}
  #hp-sec-2 ul li,
  #heritage-sec-2 .heritage-content-2 ul li,
#heritage-sec-2 .heritage-content-1 ul li {
    margin-left: 0;
    width: 100%;
}
#tl_popupSC5 {
    left: 175px !important;
}
.container,
.my-container {
    max-width: 320px !important;
}
  
#hp-sec-1 {
    padding: 40px 0;
}

#hp-sec-1 h1 {
    font-size: 26px !important;
    line-height: 34px !important;
    margin-top: 20px;
}

#hp-sec-1 p {
    text-align: left !important;
    font-size: 15px !important;
    margin-top: 16px;
    margin-bottom: 20px;
}
  
#hp-sec-2 h1 {
    font-size: 32px;
    line-height: 38px;
}
  
#hp-sec-2 .img-cont-with-txt {
    padding-top: 10px;
}

#hp-sec-2 p {
    margin-bottom: 18px !important;
}

#hp-sec-2 .img-cont-with-txt h2 {
    margin-top: 30px;
}

#hp-sec-2,
#my-footer {
    padding: 25px 0;
}
  
#room-sec-2 .rooms-list .room-row .right-col .col-1 {
    width: 100%;
    float: none;
    margin-top: 20px;
}
#heritage-sec-1 h1,
#activity-sec-1 h1 {
    font-size: 27px !important;
    line-height: 35px !important;
}
#heritage-sec-2 .heritage-content-2 h2, #heritage-sec-2 .heritage-content-1 h2,  
#room-sec-2 .rooms-list .room-row .right-col h1,
#activity-sec-2 .activity-list .activity-row .right-col h1,
#location-sec-2 h1 {
    font-size: 22px;
    line-height: 28px;
}

#room-sec-1 {
    padding: 40px 0;
}
#heritage-sec-1 h1,
#room-sec-1 h1,
#activity-sec-1 h1,
#location-sec-1 h1 {
    font-size: 36px;
    line-height: 40px;
}
  
#header .right-content .contact-cont .btn-cont {
    max-width: 180px !important;
}
  
#activity-sec-2 .activity-list .activity-row .right-col .col-1 ul li::before {
    background-size: 61%;
    background-position: 100%;
}

#location-sec-1 h1 {
    font-size: 26px !important;
    line-height: 30px !important;
}
    
#location-sec-2 h1 {
    font-size: 20px !important;
    line-height: 26px !important;
}
  
#room-scroll-1.fixedit h3 {
    font-size:14px;
}
  
#room-scroll-1.fixedit h1 {
    font-size:27px;
}
#room-scroll-1.fixedit {
	padding: 15px;
}
  
}

@media screen and (max-width: 400px) { 

#room-scroll-1.fixedit h3 {
    font-size:12px;
}
  
#room-scroll-1.fixedit h1 {
    font-size:25px;
}

@media screen and (max-width: 380px) { 
#top-head .aaat {
    background-position: right;
    width: 155px;
}

#room-scroll-1.fixedit h3 {
    font-size:12px;
}
  
#room-scroll-1.fixedit h1 {
    font-size:25px;
}
#room-scroll-1.fixedit {
	padding: 15px;
}
  
}
@media screen and (max-width: 375px) { 
.container, .my-container {
    padding: 0 !important;
}
}
@media screen and (max-width: 370px) { 
button#responsive-menu-button {
    top: 120px!important;
}
}
@media screen and (max-width: 360px) { 
.container, .my-container {
    padding: 0 !important;
}
}
@media screen and (max-width: 350px) { 
.menu-img {
    width: 40%;
}
  #top-head .top-cont .right .phone {
    padding-right: 0;
	font-size: 14px;
line-height: 22px;
}
.envelope {
    font-size: 14px;
}
}
  
@media screen and (max-width: 336px) { 
button#responsive-menu-button {
    top: 120px!important;
}
}
  
@media screen and (max-width: 320px) {

.container,
.my-container {
    max-width: 90% !important;
    padding: 0 10px;
}
  
#hp-sec-1 h1 {
    font-size: 22px !important;
    line-height: 29px !important;
    margin-top: 10px;
    text-align: left;
}
  .envelope {
    margin-left: 30px !important;
}

#hp-sec-1 a {
    margin-bottom: 30px;
    padding: 8px 25px;
}
button#responsive-menu-button {
    top: 195px !important;
}
    
#tl_popupSC5 {
    left: 35px !important;
    top: 185px !important;
}
    
#hp-sec-2 h1 {
    font-size: 28px;
    line-height: 32px;
}
  
#hp-sec-2 .img-cont-with-txt h2 {
    margin-top: 23px;
}

#hp-sec-2 .border-right {
    border-left: 3px solid #000 !important;
    padding-left: 10px;
}
  
#my-footer .my-col-1 h1,
#my-footer .my-col-1 ul {
    text-align: left !important;
}

#my-footer .my-col-1 img {
    display: inline-block !important;
    max-width: 180px !important;
    text-align: left !important;
}
  
.footer-content {
    font-size: 14px !important;
    line-height: 23px;
}

#header .right-content .contact-cont .btn-cont {
    max-width: 160px !important;
}
#heritage-sec-1 h1,  
#room-sec-1 h1,
#activity-sec-1 h1,
#location-sec-1 h1 {
    font-size: 30px;
    line-height: 34px;
}

#heritage-sec-2,
#room-sec-2,
#activity-sec-2,
#location-sec-2 {
    padding: 30px 0;
}
#heritage-sec-2 .heritage-content-2 h2, #heritage-sec-2 .heritage-content-1 h2,
#room-sec-2 .rooms-list .room-row .right-col h1,
#activity-sec-2 .activity-list .activity-row .right-col h1,
#location-sec-2 h1 {
    font-size: 20px;
    line-height: 26px;
}
#heritage-sec-1 h1,
#activity-sec-1 h1 {
    font-size: 24px !important;
}
  
#activity-sec-2 .activity-list .activity-row .right-col .col-1 ul li::before {
    background-size: 50%;
}

#activity-sec-2 .activity-list .activity-row .right-col .col-1 ul li {
    padding-left: 30px;
}

#location-sec-1 h1 {
    font-size: 27px !important;
    line-height: 33px !important;
}

#location-sec-2 h1 {
    font-size: 19px !important;
    line-height: 25px !important;
}

#heritage-sec-2 .bottom-btn a {
    font-size: 10px;
}  

#hp-sec-1 a {
	font-size:16px;
}

#room-scroll-1.fixedit {
padding: 12px;    
}

#room-scroll-1.fixedit h1 {
    font-size:20px;
}
#room-scroll-1.fixedit {
	padding: 12px;
}
    
}
@media screen and (max-width: 319px) { 
button#responsive-menu-button {
    top: 140px!important;
}
}
@media screen and (max-width: 300px) { 
.envelope {
    margin-left: 20px !important;
    padding-right: 0;
}
button#responsive-menu-button {
	top: 195px !important;
}
#tl_popupSC5 {
	left: 25px !important;
    top: 185px !important;
}
	}