@media(max-width:1480px) {
	.navbar .menu_nav .nav-item .nav-link {
		font-size: 14px;
		font-family: 'Futura-Med';
	}
	.navbar {
		display: none;
	}
	
	.navbar .menu_nav .nav-item.submenu ul {
		left: auto;
		right: 0
	}
	
	.header-img {
		top: 28px;
		left: 0px;
}
	
	.theme_btn {
		background: #000;
		color: #fff;
	}
	
	button:not(.toggle) {
		background: transparent;
	}
	
	.banner_content h6 {
    text-shadow: #000 2px 2px 4px;
}
}

@media(max-width:1199px) {
	.navbar {
		display: none;
	}
	
.header-img {
    position: absolute;
    width: 18%;
    top: 40px;
 	left: 0;
}
	
	.banner_content {
    top: 390px;
}
	
	.slick-slider {
		height: auto;
	}
	
	.sliders-1 {
		height: 480px;
	}
	
	.slick-slide img {
		height: 416px !important;
	}
	
	.wrapper-img img, .wrapper-img1 img {
		height: 300px;
	}
	
	.br-link1 {
		padding: 9px 25px;
	}
	
	.bg-video h2 {
		font-size: 42px;
	}
	
	h4 {
    margin: 1.5rem auto 2.5rem;
}
	
	.slick-slide img {
	object-fit: fill;
    height: 325px !important;
}
	
	.big-text {
    padding: 20px 200px 0 12px;
}
	
	.bg-water h2 {
		padding-top: 50px;
	}
	
	.slider-content {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.video-wrapper-loop iframe {
		height: 500px;
	}
}

@media(max-width:991px) {
	.navbar .menu_nav .nav-item.dropdown:after {
		color: #fff !important;
		font-size: 20px !important;
		font-weight: bold !important;
		right: 10px !important;
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
		background-color: #000 !important;
		border-color: #000 !important;
		text-decoration: none;
	}
	
	.slick-slider {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
}
	
	.navbar-toggler {
		border: none;
		border-radius: 0;
		padding: 0;
		cursor: pointer;
		margin-right: 10px;
	}
	.navbar {
		padding: 0 15px;
		display: flex;
		margin-left: 0;
	}
	.header_area .navbar-brand {
		padding-top: 6px;
	}
	
	.navbar-light .navbar-brand {
		color: #fff;
	}
	.main_menu_inner {
		background: #000;
	}
	.navbar-toggler[aria-expanded=false] span:nth-child(2) {
		opacity: 1
	}
	.navbar-toggler[aria-expanded=true] span:nth-child(2) {
		opacity: 0
	}
	.navbar-toggler[aria-expanded=true] span:first-child {
		transform: rotate(-45deg) !important;
		position: relative;
		top: 7.5px
	}
	.navbar-toggler[aria-expanded=true] span:last-child {
		transform: rotate(45deg) !important;
		bottom: 6px;
		position: relative
	}
	.navbar-toggler span {
		display: block;
		width: 25px;
		height: 3px;
		background: #fff;
		margin: auto;
		margin-bottom: 4px;
		transition: all 400ms linear;
		cursor: pointer
	}
	
	.navbar-toggler[aria-expanded=true] span:first-child {
    transform: rotate(-45deg) !important;
    position: relative;
    top: 7.5px !important;
}
	
	.navbar-toggler[aria-expanded=true] span:last-child {
    transform: rotate(45deg);
    bottom: 6px;
    position: relative;
}
	
	.navbar .menu_nav .nav-item {
		z-index: 1;
		margin-left: 30px;
	}
	.navbar .menu_nav .nav-item .nav-link {
		line-height: 36px;
		padding: 0;
		position: relative;
		color: #fff;
	}
	.navbar .menu_nav .nav-item.dropdown:after {
		display: inline-block;
		content: "\e874";
		font-family: linearicons-free;
		font-size: 13px;
		color: #777;
		top: 0;
		height: 100%;
		line-height: 36px;
		border: 0;
		position: absolute;
		right: 0;
		z-index: -1
	}
	.navbar .menu_nav .nav-item.dropdown.show:after,
	.navbar .menu_nav .nav-item.dropdown:focus:after {
		color: #52c5fd;
		outline: none
	}

	.navbar-collapse {
		max-height: 288px;
		overflow-y: scroll
	}
	.hotel_booking_table {
		padding: 28px 15px 15px
	}
	.banner_area {
		display: block
	}
	.banner_area .position {
		position: relative;
		background: #04091e;
		bottom: 0
	}
	.banner_area {
		min-height: 100%
	}
	.accomodation_area .row {
		max-width: 556px;
		margin: 0 auto -30px
	}
	.about_content {
		padding-right: 0
	}
	.testimonial_slider .testimonial_item {
		padding: 25px 30px
	}
	.footer-area .col-sm-6 {
		margin-bottom: 30px
	}
	.footer-bottom {
		text-align: center
	}
	.footer-bottom .footer-social {
		text-align: center;
		margin-top: 20px
	}
	.blog_banner .banner_content {
		margin: 200px 0 120px
	}
	.categories_post img {
		width: 100%
	}
	.blog_categorie_area .col-lg-4+.col-lg-4 {
		margin-top: 40px
	}
	.blog_area {
		padding-bottom: 80px
	}
	.single-post-area .blog_right_sidebar {
		margin-top: 30px
	}
	
	.sliders {
		height: 480px;
	}
	
	.small-text {
		padding-top: 0;
	}
	
	.banner_content {
		margin: 0 44px 34px;
	}
	
	.unveils {
		margin-top: 30px;
	}
	
	.bg-water h2, .bg-water p {
		text-shadow: none;
		color: #000;
	}
	
	.bg-water p {
		font-family: 'Futura-Lig';
		font-weight: normal;
	}
	
	.header-nav {
		display: flex;
	}
	
	#mega-menu-wrap-primary {
		display: none;
	}
	
	.header-img {
    width: 16%;
    left: 0px;
		top: 38px;
		z-index: 1;
}
	
	.fullscreen-nav {
		display: none ;
	}
	
	.navbar-brand {
		width: 26% ;
	}
	
	nav {
		display: block ;
		background: #471960;
	}
	
	.navbar {
		min-height: 35px ;
		margin-bottom: 0px;
		padding: 0;
		background: linear-gradient(#B34083, #652F8F) !important;
	}
	
	nav {
		display: flex;
	}
	
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	
	.banner_content {
		position: relative;
		top: 0;
	}
	
	.banner_content h6 {
		color: #000;
		text-shadow: none;
		margin-top: 30px;
    	margin-bottom: 20px;
	}
	
	.banner_content span {
		padding: 0;
	}
	
	.npm {
		padding-bottom: 0;
		margin-bottom: ;
	}
	
	.margin-t {
		margin-top: 0px;
	}
	
	.big-text {
		padding: 0 0 0 12px;
	}
	
	.big-text p {
		font-size: 50px;
		line-height: 56px;
	}
	
	.small-text p {
		font-family: 'Futura-Lig';
		font-size: 18px;
		margin-top: 10px;
		line-height: 24px;
	}
	
	.bg-water {
		background-image: none;
		background: #fff;
	}
	
	.tab-view, .slider-content {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.bg-water h2 {
		font-size: 42px;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	
	.padding-t {
		padding-top: 0px !important;
	}
	
	.text-wrapper {
    padding: 25px 60px 0 0;
}
	
	.text-wrapper h2 {
		font-size: 42px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.text-wrapper p {
    	font-size: 18px;
	}
	
	.wallpaper {
		padding-top: 1rem;
	}
	
	.flex-tab {
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 20px;
	}
	
	.slider-content1 {
		display: none;
	}
	
	.theme_btn {
    background: #000;
    color: #fff;
}
	
	.br-link1 {
		color: #000 !important;
		border: 2px solid #000 !important;
	}
	
	.sliders {
    height: 305px;
}
	
	.sliders-1 {
    height: 304px;
}
	
	.slick-slide img {
    height: auto !important;
}
	
	.upvc {
		font-size: 20px;
	}
	
	.upvc-contact a {
    font-size: 15px;
}
	
	.bg-water h2 {
		margin-top: 0;
		padding-top: 0;
	}
	
	.text-wrapper {
    padding: 0px 60px 0 0;
}
	
	.text-wrapper h2 {
		font-size: 34px;
	}
	
	.big-text p, .bg-water h2 {
		font-size: 34px;
	}
	
	.br-link {
		padding: 16px 10px;
	}
	
	.notepad { 
		margin-right: 10px;
	}
}


@media(max-width:767px) {
	#wpadminbar {
		position: relative;
	}
	
	.about_content {
		padding-bottom: 50px
	}
	.single-recent-blog-post {
		max-width: 360px;
		margin: 0 auto 30px
	}
	.boking_table {
		margin-left: 0
	}
	.hotel_booking_table {
		display: block;
		padding: 30px 0
	}
	.gallery_item img {
		max-width: 100%;
		width: 100%
	}
	.blog_banner .banner_content h4 {
		font-size: 48px;
		line-height: 58px;
		margin-bottom: 20px
	}
	.blog_info {
		text-align: left!important;
		padding-top: 0;
		padding-bottom: 10px
	}
	.blog_meta li {
		display: inline-block;
		width: calc(95%/2)
	}
	.single-post .blog_info {
		padding-top: 30px;
		padding-bottom: 0
	}
	.single-post-area .social-links {
		padding-left: 0;
		margin-bottom: 0
	}
	.comment-form .email {
		margin-bottom: 0
	}
	.contact_form {
		margin-top: 30px
	}
	
	.slick-slide img {
    height: 300px;
}
	
	.mr-auto {
		margin: 0;
	}
}

@media(max-width:575px) {
	.call-us .header-nav {
		display: none;
	}
	.banner_content h2 {
		font-size: 40px;
		line-height: 50px
	}
	.banner_content p br {
		display: none
	}
	.accomodation_area .row {
		max-width: 278px;
		margin: 0 auto -30px
	}
	.section_gap {
		padding: 70px 0
	}
	.section_title h2 {
		font-size: 26px;
		line-height: 36px
	}
	.testimonial_slider .testimonial_item img {
		margin-right: 0;
		margin-bottom: 15px
	}
	.testimonial_slider .testimonial_item {
		display: block
	}
	
	.header_area .container {
		padding: 0
	}
	.header-top .container {
		padding: 0 15px
	}
	.blog_banner .banner_content h4 {
		font-size: 36px;
		line-height: 46px
	}
}

@media(max-width:485px) {
	.comments-area .comment-list.left-padding {
		padding-left: 5px
	}
	
	.wrapper-img, .wrapper-img1 {
		width: 100%;
	}
	.comments-area .thumb {
		margin-right: 5px
	}
	.comments-area .btn-reply {
		padding: 0 8px
	}
	
	#mega-menu-wrap-primary {
		display: none;
	}
	
	.fullscreen-nav {
		display: none;
	}
	
	nav {
		display: flex;
	}
	
	.navbar {
		margin-bottom: 0;
		background: #000;
		margin-left: 0;
	}
	
	.navbar-brand {
		width: 88%;
		height: auto;
		padding: 0;
	}
	
	.notepad {
		margin-right: 13px;
		font-size: 13px;
	}
	
	.unveils {
		margin-bottom: 0.5rem;
	}
	
	p.futura-light {
		line-height: 2.5;
	}
	
	.nav-item, .nav-item+li {
		margin-left: 30px;
	}
	
	.navbar-light .navbar-toggler {
		margin-top: 4px;
	}
	
	.banner_content {
		position: relative;
		margin: 0px 0px 10px;
		top: 0px;
	}
	
	.banner_content span {
		padding: 0px;
		font-family: 'Futura-Lig';
	}
	
	.banner_content h6 {
		font-size: 26px;
		color: #000;
		margin-top: 10px;
	}
	
	.theme_btn {
		background: #000;
		color: #fff;
	}
	
	p.futura-light {
		font-size: 20px;
	}
	
	.small-text {
    padding: 20px;
}
	
	.slick-slide img {
    height: 300px !important;
}

	.small-text p {
		font-size: 20px;
		line-height: 28px;
		margin-top: 10px;
		font-family: 'Futura-Lig';
	}
	
	.big-text {
		padding: 0 12px;
	}
	
	.big-text p {
    font-size: 30px;
    line-height: 40px;
	}
	
	.bg-water {
		background: none;
		background-color: #fff;
	}
	
	.bg-water h2 {
		margin-top: 0px;
		font-size: 30px;
		line-height: 48px;
		text-shadow: none;
		color: #000;
	}
	
	.text-wrapper h2 {
		font-size: 30px;
	}
	
	.bg-water p {
		text-shadow: none;
		color: #000;
	}
	
	.br-link1 {
    color: #000 !important;
    border: 2px solid #000 !important;
}
	
	.text-wrapper {
		padding: 0px;
	}
	
	.text-wrapper p {
		font-size: 18px;
	}
	
	.wrapper-img {
		margin-bottom: 20px;
	}
	
	.slider-content1 {
		display: none;
	}
	
	.slider {
		display: block;
	}
	
	.img1 img {
		height: auto;
	}
	
	.dnone {
		display: none;
	}
	
	.footer {
    flex: 0 0 50%;
    max-width: 50%;
}
	
	.responsive-header {
		margin-top: 10px;
	}
	
	.navbar-brand {
    display: block;
}
	
	.sliders, .sliders-1 {
    height: 352px;
}
	
	.col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.float-left {
		display: none;
	}
	
	.text-right {
		text-align: center !important;
	}
	
	.pad-res {
		padding: 0 !important;
	}
	
	.float-right img {
		margin-left: 25px;
	}
	
	.section_gap {
		padding: 0;
	}
	
}

@media screen and (max-width: 395px) {
	.header_area .navbar-brand {
    padding-top: 2px;
}
	
	.navbar-brand {
		width: 86%;
	}
	.notepad {
		margin-right: 5px;
	}
	
	.flex-tab {
    flex: 0 0 100%;
    max-width: 100%;
}
	
	.wrapper-img img, .wrapper-img1 img {
		height: auto;
	}
	
	p.futura-light {
    font-size: 19px;
}
	.text-wrapper h2 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.slider-title h2 {
		margin-bottom: 0px;
		padding-bottom: 0;
	}
	
	h4 {
    margin: 0.5rem auto 2.5rem;
}
}	


@media screen and (max-width: 375px) {
	.notepad {
		margin-right: 28px;
	}
	
	.sliders, .sliders-1 {
    height: 350px;
}

	.big-text p {
    font-size: 28px;
}
	
	.upvc {
    font-size: 19px;
}
	.upvc-contact a {
    font-size: 14px;
}
	.bg-water h2 {
		font-size: 28px;
	}
	
	.text-wrapper h2 {
		font-size: 22px;
	}
	
	.navbar-brand {
		width: 85%;
	}
}

@media screen and (max-width: 335px) {
	.navbar-brand {
    margin-right: 140px;
}
	
	.notepad {
		margin-right: 13px;
	}
	
	.banner_content h6 {
		font-size: 22px;
	}
	
	p.futura-light {
    font-size: 18px;
}
	
	.slider-title h2 {
		font-size: 17px;
	}
	
	.sliders {
    height: 380px;
}
	
	.bg-water h2 {
		font-size: 38px;
	}
	
	.upvc {
    font-size: 18px;
}
	
	.navbar-brand {
		width: 45%;
	}
	
	.bg-water h2 {
    font-size: 24px;
}
	
	.text-wrapper h2 {
		line-height: 36px;
	}
	
}