
@media(min-width:991px) and (max-width:1200px){
	
	.page-heading p{
		width:75%;
	}
}

@media(max-width:991px){
	
	.page-heading p{
		width:90%;
	}
	
	.innerpage-heading p{
		width:90%;
	}
}

@media(max-width:768px){
	
	.btn{
		font-size:14px;
	}
	
	.btn-padding{
		padding:10px 30px;
	}
	
	.page-heading h2{
		font-size:35px;
	}
	
	.page-heading p{
		font-size:17px;
	}
	
	.innerpage-heading h1{
		font-size:30px;
	}
			
	.innerpage-heading p{
		font-size:16px;
	}
	
	.butn .btn{
		width:200px;
		padding:14px 0px;
	}
}

@media(max-width:400px){
	
	.page-heading h2{
		font-size:32px;
	}
	
	.innerpage-heading h1{
		font-size:28px;
	}
}
	
@media (min-width: 1200px) {
	
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
	
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 768px) {
	
	.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media(min-width:992px){
	
	.space-right{
		padding-right:38px;
	}
	
	.space-left{
		padding-left:38px;
	}
}

/* -----------------------------------------------------
		Top Bar
   ----------------------------------------------------- */

@media(min-width:991px){
	
	#top-bar #links ul li:last-child{
		margin-left:30px;
	}
}

@media(min-width:768px) and (max-width:991px){

	#top-bar #links ul li:last-child{
		margin-left:15px;
	}
}

@media(min-width:768px){
	
	#top-bar #info li:first-child{
		margin-right:20px;
	}
}

@media(max-width:767px){
	
	#top-bar{
		text-align:center;
	}
	
	#top-bar #links{
		float:none;
		text-align:center;
		margin-top:5px;
	}
	
	#top-bar #links ul li:last-child{
		margin-left:20px;
	}
}

/* -----------------------------------------------------
		Navbar
   ----------------------------------------------------- */

@media(min-width:1200px){
	
	.navbar-default .nav > li{
		margin-left:2px;
		margin-right:2px;
	}
	
	.navbar-default .nav > li:last-child{
		margin-left:22px;
		margin-top:6px;
		margin-right:0px;
	}
	
	.navbar-default .nav > li:last-child a{
		font-size:14px;
		padding:8px 27px;
	}
	
	.navbar-default .navbar-nav li .dropdown-menu {
		margin-top:10px;
	}
	
	.mega-dropdown-menu{
		min-width:900px;
	}
	
	.mega-dropdown-menu ul li a{
		padding-right:15px;
	}
	
	.navbar-right .mega-dropdown-menu.dropdown-menu{
		left:auto;
		right:-270px;
	}
}

@media(min-width:768px) and (max-width:1199px){

	#mynavbar{
		padding:0px;
	}
	
	#mynavbar .navbar-header{
		padding-top:15px;
	    padding-bottom: 0;
	}

	.navbar-collapse.collapse{
		display:none !important;
	}
	
	.navbar-collapse.collapse.in{
		display:block !important;
	}
	
	.navbar-collapse{
		margin-top:0px;
		padding-left:0px;
		padding-right:0px;
	}
	
	#mynavbar .navbar-nav {
        float: none !important;
		width:100%;
		    
    }
	
	#mynavbar .navbar-nav>li {
        float: none;
    }
	
	#mynavbar .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	
	#mynavbar .navbar-brand img{
		margin-left:15px;
	}
	
	#mynavbar .navbar-toggle{
		display:block;
		margin-top:10px;
		margin-right:0px;
	}
	
	#mynavbar .navbar-header{
		float:none;
	}
	
	#mynavbar .navbar-nav li .dropdown-menu{
		width:100%;
		max-height:300px;
		overflow:auto;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#mynavbar .navbar-brand img{
	
		margin-top:3px;
	}
}

@media(min-width: 768px) {
	
  	.navbar-custom {
		    padding-top: 2px;
    /*padding-bottom: 25px;*/
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
  	}
  
	.navbar-custom .navbar-brand {
		font-size: 2.4em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
  
	.navbar-custom.affix {
		  padding: 0px 0;
	}
	
	.navbar-custom.affix .navbar-brand {
		font-size: 2.4em;
	}
	
	.navbar-right .dropdown-menu {
		left: 0;
		right: auto;
	}
}

@media(max-width:767px){

	#mynavbar{
		z-index:100;
	}
	
	#mynavbar .navbar-brand{
		padding-bottom:0px;
		padding-top:17px;
	}
	
	#mynavbar .navbar-nav{
		    margin-top: 81px;
		margin-bottom:0;
	}
	
	#mynavbar .navbar-toggle{
		padding:20px;
		border-radius:0px;
		margin:0px;
	}
	
	#mynavbar .navbar-nav>li>a {
       	font-size:14px;
	}
	
	.affix ~ section{
		top:42px;
	}
	
	#mynavbar .navbar-nav li .dropdown-menu{
		width:100%;
		max-height:220px;
		overflow:auto;
	}
	
	.navbar-default .navbar-nav li .dropdown-menu li a {
		font-size: 14px;
	}
	
	.mega-dropdown-menu .col-sm-4{
		padding-left:0px;
		padding-right:0px;
	}
	
	.mega-dropdown-menu .dropdown-header:before{
		top:-1px;
	}
	
	.navbar-default .navbar-nav li .mega-dropdown-menu ul li a{
		padding-left:25px;
	}
}

@media(max-width:768px){

/*.mega-dropdown-menu .dropdown-header{
	padding:4px 15px;
	font-size:13px;
	font-weight:900;
	margin-bottom:15px;
}*/
}
			
/* -----------------------------------------------------
		Hero Content
   ----------------------------------------------------- */

@media(min-width:1201px){
	
	#slider ul li{
	padding: 0px 0px;
	}
	
	.home-background #hero-main{
		padding:275px 0px;
	}
	
	.fullscreen-bg > video {
		max-height: 915px;
		min-height: 915px;
	}
}

@media(min-width:992px) and (max-width:1200px){

	.home-background{
		padding:215px 0px;
	}
}

@media(min-width:768px) and (max-width:1200px){
	
	#slider ul li{
		padding:400px 0px;
	}
	
	.home-background{
		padding:215px 0px;
	}
	
	.fullscreen-bg > video {
		max-height: 795px;
		min-height: 795px;
	}
}

@media(max-width:991px){
	
	.home-background{
		padding:187px 0px;
	}
	
	#hero-main .hero-content .text-align #welcome{
		font-size:48px;
	}
}

@media(max-width:768px){
	
	#slider ul li{
		  padding: 0px 0px;
	}
	
	#hero-main .hero-content .text-align #welcome{
		font-size:38px;
	}
	
	#hero-main .hero-content form .btn{
		margin-top:20px;
	}
	.pp {
    padding-top: 0;
}
.navbar-brand>img{top: -7px;
      width: 177px;}
.page-heading {
    text-align: center;
    margin-bottom: 10px;
}
}

@media(max-width:767px){
	
	.home-background{
		padding:115px 0px;
	}
	
	.fullscreen-bg > video {
		max-height: 745px;
		min-height: 745px;
	}
}

@media(max-width:570px){
	
	.home-background{
		padding:150px 0px;
	}

	#hero-main .hero-content .text-align #welcome{
		font-size:28px;
	}
	
	#hero-main .hero-content .text-align #tagline{
		font-size:18px;
	}
	
	#hero-main .hero-content form input,
	#hero-main .hero-content form select{
		height:44px;
		font-size:14px;
	}
	
	#hero-main .hero-content form .fa{
		position:absolute;
		right:35px;
		top:14px;
		font-size:16px;
	}
	
	#hero-main .hero-content form .btn{
		padding:13px 38px;
	}
}

/* -----------------------------------------------------
		About
   ----------------------------------------------------- */

@media(max-width:768px){
	
	#about{
		padding-top:120px;
		padding-bottom:120px;
	}
	
	#about-text{
		padding:45px;
	}
	
	#about-text h2{
		font-size:28px;
	}
}

/* -----------------------------------------------------
		Banners
   ----------------------------------------------------- */

@media(max-width:991px){
	
	#banner-2 .highlight-box{
		margin-top:15px;
		margin-bottom:15px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#banner-1 p{
		width:64%;
		margin:0 auto 35px;
	}
}

@media(min-width:768px){
	
	.btn-right{
		text-align:right;
	}
	
	.btn-left{
		text-align:left;
	}
}

@media(max-width:768px){
	
	#banner-1 h2{
		font-size:30px;
		line-height:1.3em;
	}
	
	#banner-1 p{
		width:70%;
	}

	#banner-1 .btn{
		font-size:16px;
		width:190px;
	}
	
	#banner-1 #btn-price{
		margin-bottom:20px;
	}
	
	#banner-2 .highlight-box h2{
		font-size:45px;
	}
	
	#banner-2 .highlight-box h4{
		font-size:18px;
	}
}

@media(max-width:570px){
	
	#banner-1 p{
		width:90%;
	}
}

@media(max-width:397px){
	
	#banner-1 #btn-price{
		margin-right:0px;

	}
}

/* -----------------------------------------------------
		Rooms Grid
   ----------------------------------------------------- */

@media(max-width:768px){
	
	.room-block .room-title h3{
		font-size:20px;
	}
	
	.room-block .room-price{
		padding:20px 25px;
	}
	
	.room-block .room-price ul li{
		font-size:17px;
	}
}

/* -----------------------------------------------------
		Latest Offers
   ----------------------------------------------------- */
 
@media(min-width:991px) and (max-width:1200px){
	
	.offer-block .offer-mask{
	  width:80%;
	}
}

@media(max-width:991px){
	
	#offer-1{
		margin-bottom:30px;
	}
}

@media(max-width:768px){
	
	.offer-block .offer-mask .offer-info h2{
		font-size:21px;
	}
}

@media(max-width:590px){
	
	.offer-block .offer-mask{
		
	}
}

@media(max-width:420px){
	
	.offer-block .offer-mask .offer-info h2{
		font-size:20px;
	}
}

@media(max-width:323px){
	
	#offer-2{
		height:390px;
	}
}

/* -----------------------------------------------------
		Services
   ----------------------------------------------------- */

@media(max-width:991px){
	
	.service-block{
		margin-bottom:30px
	}

	#services .butn{
		margin-top:0px
	}
}

@media(max-width:768px){
	
	.service-block .fa{
		font-size:60px;
	}
}

/* -----------------------------------------------------
		Gallery
   ----------------------------------------------------- */

@media(max-width:1200px){
	
	#filter-buttons .filter-button{
		margin-bottom:20px;
	}
}

@media(max-width:768px){
	
	#filter-buttons .filter-button{
		width:130px;
		height:40px;
		font-size:15px;
		margin-left:6px;
		margin-right:6px;
		margin-bottom:15px;
	}
	
	#gallery .gallery-block .gallery-mask .gallery-title h2{
		font-size:20px;
	}
}

/* -----------------------------------------------------
		Testimonials
   ----------------------------------------------------- */

@media(min-width:1200px){
	
	.review-carousel .carousel-inner .item img{
		max-height:215px;
	}
	
	.review-carousel .carousel-indicators{
		margin-top:35px;
	}
}
	
@media(min-width:991px) and (max-width:1200px){
	
	.review-carousel .carousel-inner .item img{
		max-height:180px;
	}
	
	.review-carousel .carousel-inner .review-text{
		margin-top:30px;
	}
	
	.review-carousel .carousel-indicators{
		margin-top:65px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	.review-carousel .carousel-inner .item img{
		max-height:180px;
	}
	
	.review-carousel .carousel-inner .review-text{
		margin-top:20px;
	}
	
	.review-carousel .carousel-indicators{
		margin-top:65px;
	}
}

@media(max-width:768px){

	.review-carousel h2{
		font-size:28px;
		margin-bottom:40px;
	}
	
	.review-carousel .carousel-inner .item img{
		max-height:150px;
	}
	
	.review-carousel .carousel-inner .review-text{
		font-size:16px;
	}
	
	.review-carousel .carousel-inner .item .rating .fa{
		font-size:18px;
	}

	.review-carousel .carousel-inner .item .reviewer-name{
		font-size:22px;
	}
	
	.review-carousel .carousel-indicators li{
		width:15px;
		height:15px;
		margin-bottom:31px;
		margin-top:31px;
	}
}

@media(max-width:767px){
	
	.review-carousel{
		text-align:center;
	}
}

@media(min-width:434px) and (max-width:768px){
	
	.review-carousel .carousel-indicators{
		margin-top:65px;
	}
}

@media(max-width:434px){
	
	.review-carousel .carousel-indicators{
		margin-top:105px;
	}
	
	.review-carousel h2{
		line-height:1.3em;
	}
}

/* -----------------------------------------------------
		Price Table
   ----------------------------------------------------- */

@media(max-width:991px){
	
	.price-table{
		margin-bottom:30px;
	}
}

@media(max-width:768px){
	
	.price-table .p-table-heading .title{
		font-size:22px;
	}
	
	.price-table .p-table-heading .price{
		font-size:50px;
	}
	
	.price-table .features li{
		font-size:16px;
	}
	
	.price-table .features .btn{
		font-size:15px;
	}
}

/* -----------------------------------------------------
		Latest Blog
   ----------------------------------------------------- */
   
@media(max-width:991px){
	
	.latest-block{
		margin-bottom:30px;
	}
}

@media(max-width:768px){
	
	.latest-block .latest-img .latest-info h2{
		font-size:17px;
	}
}

/* -----------------------------------------------------
		Newsletter
   ----------------------------------------------------- */

@media(max-width:768px){
	
	#newsletter h2{
		font-size:31px;
	}
	
	#newsletter p{
		font-size:15px;
	}
	
	#newsletter form .form-group{
		width:60%;
	}
}

@media(max-width:600px){
	
	#newsletter form .form-group{
		width:90%;
	}
}	

/* -----------------------------------------------------
		Contact Form 2
   ----------------------------------------------------- */

@media(max-width:991px){
	
	#contact-form-2 form{
		margin-top:40px;
	}
}

@media(max-width:768px){
	
	#contact-form-2 h2{
		font-size:32px;	
	}
}


/* -----------------------------------------------------
		Footer
   ----------------------------------------------------- */

@media(min-width:992px){
	
	#footer-top #more-about p{
		width:90%;
	}
	
	#footer-top #f-services{
		padding-left:55px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#footer-top #more-about,
	#footer-top #company{
		margin-bottom:40px;
	}
}

@media(min-width:768px){
	
	#terms{
		text-align:right;
	}
}

@media(max-width:768px){
	
	#footer-top #more-about,
	#footer-top #company,
	#footer-top #f-services{
		margin-bottom:40px;
	}
	
	#footer-top .footer-heading{
		font-size:22px;
	}
}

@media(max-width:767px){
	
	#footer-top #more-about .footer-heading{
		font-size:30px;
	}
	
	#footer-bottom{
		text-align:center;
	}
	
	#footer-bottom #copyright{
		margin-bottom:10px;
	}
}

/* -----------------------------------------------------
		Page Cover
   ----------------------------------------------------- */

@media(max-width:768px){
	
	.page-cover h1{
		font-size:30px;
	}
}

/* -----------------------------------------------------
		About Page
   ----------------------------------------------------- */

/********** ABOUT-1 **********/

@media(min-width:992px){
	
	#history-text p{
		width:91%;
	}
}

@media(max-width:991px){
	
	#features ul{
		margin-top:30px;
	}
}

@media(max-width:768px){
	
	#features ul li{
		height:140px;
		padding-top:30px;
	}
	
	#features ul li .feature-block .fa{
		font-size:45px;
	}
	
	#features ul li p{
		font-size:14px;
	}
	
	#video .innerpage-heading h1{
		font-size:35px;
	}

	#video #play-button .fa{
		font-size:27px;
		width:110px;
		height:110px;
		padding-top:34px;
	}
}

@media(max-width:767px){
	
	#features ul li{
		width:50%;
	}
}

/********** ABOUT-2 **********/

@media(min-width:992px){
	
	#intro-text p{
		width:91%;
	}
}

@media(max-width:991px){
	
	#intro-text{
		margin-top:40px;
	}
	
	#intro #features ul li{
		width:33.33%;
	}
}

@media(max-width:767px){
	
	#intro #features ul li{
		width:50%;
	}
}

/* -----------------------------------------------------
		Room Pages
   ----------------------------------------------------- */

/********** ROOM LISTINGS PAGE **********/
 
@media(max-width:768px){
	
	.room-list-block .room-text .room-name{
		font-size:25px;
	}
	
	.room-info .room-features li .fa{
		height:40px;
		width:40px;
		font-size:18px;
		padding-top:12px;
	}

	.room-list-block .room-text p{
		font-size:14px;
		width:100%;
	}
	
	.room-info .btn{
		font-size:13px;
		padding:9px 30px;
	}
}
  
@media(max-width:767px){
	
	.room-list-block .room-text{
		margin-bottom:300px;
	}
}

@media(max-width:400px){
	
	.room-info .room-features{
		margin-bottom:12px;
	}
	
	.room-info .room-features li{
		margin-bottom:12px;
	}
}
	
/********** ROOM DETAILS PAGE **********/
 
@media(max-width:1200px){
	
	.facility-block{
		margin-bottom:30px;
	}
	
	#room-facilities{
		padding:53px 50px 33px;
	}
}
  
@media(min-width:992px){
	
	.search-bar .form-group{
		margin-bottom:0px;
	}
	
	.search-bar form .btn{
		float:right;
		width:100%;
		padding:14px 0px 0px 0px;
	}
	
	.special-offer{
		margin-top:10px;
	}
	
	.special-offer #circle{
		padding:73px 0px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	.special-offer #circle{
		height:250px;
		width:250px;
		display:inline-block;
		padding-top:90px;
	}
}

@media(max-width:991px){
	
	.search-bar form .btn{
		margin-top:30px;
	}
	
	#room-details-page .room-block{
		margin-bottom:30px;
	}
}

@media(min-width:768px){
	
	#room-inner-carousel .carousel-inner .item{
		max-height:505px;
	}
}

@media(max-width:768px){
	
	#room-details-page .innerpage-heading h1{
		font-size:28px;
	}
	
	#description{
		padding:45px 30px;
	}

	#description .innerpage-heading h1{
		font-size:26px;
	}
	
	.support-block h3{
		font-size:20px;
	}
	
	.special-offer #circle{
		height:200px;
		width:200px;
		display:inline-block;
		padding-top:65px;
	}
	
	.special-offer #circle h3{
		font-size:20px;
	}
	
	.special-offer #circle p{
		font-size:18px;
	}	
}

@media(max-width:500px){
	
	#room-inner-carousel .price-tag{
		padding:8px 20px;
	}

	#room-inner-carousel .price-tag p{
		font-size:15px;
	}
	
	#room-inner-carousel .carousel-indicators li{
		height:13px;
		width:13px;
	}
}

@media(max-width:360px){
	
	#room-inner-carousel .price-tag{
		padding:5px 15px;
	}

	#room-inner-carousel .price-tag p{
		font-size:13px;
	}
	
	#room-inner-carousel .carousel-indicators li{
		height:10px;
		width:10px;
	}
}

/* -----------------------------------------------------
		Dinning Pages
   ----------------------------------------------------- */

/********** DINNING-1 **********/

@media(min-width:1200px){
	
	.white,
	.dinnig-background{
		max-height:391px;
		min-height:391px;
	}
}

@media(max-width:1200px){
	
	#shef-text{
		padding-top:20px;
	}
}

@media(min-width:992px)  and (max-width:1200px){
	
	.white,
	.dinnig-background{
		height:480px;
	}
}

@media(min-width:991px){
	
	.dinning-block{
		padding:60px 35px 0px;
	}
}

@media(max-width:991px){
	
	#shef-img img{
		max-height:400px;
		margin-bottom:50px;
	}
	
	#shef-text{
		padding-left:0px;
	}
	
	.dinning-block{
		padding:60px 38px 75px;
	}
	
	.dinnig-background{
		height:360px;
	}
}

@media(max-width:768px){
	
	.dish-title{
		font-size:26px;
	}
	
	#shef-text h1{
		font-size:35px;
	}
	
	#shef-text #tagline{
		font-size:23px;
	}

	.dinning-block p{
		font-size:14px;
		width:100%;
	}
}

@media(max-width:400px){
	
	#shef-text h1{
		font-size:28px;
	}
	
	#shef-text #tagline{
		font-size:20px;
	}
}

/********** DINNING-2 **********/

@media(max-width:768px){
	
	#menu #menu-content .tab-pane{
		padding-top:0px;
	}

	#menu #menu-content .dish-category{
		margin-top:50px;
		margin-bottom:50px;
	}
}

@media(max-width:500px){
	
	#menu #menu-tabs li{
		width:100%;
	}
	
	#menu #menu-tabs li a{
		padding:10px 15px;
		font-size:17px;
	}
}

/* -----------------------------------------------------
		Extra Pages
   ----------------------------------------------------- */

/************ OFFERS PAGE ***********/

@media(max-width:768px){
	
	.e-offer-block{
		padding:60px 38px 75px;
	}

	.offer-title{
		font-size:28px;
	}
	
	.e-offer-block p{
		width:100%;
	}
	
	.offer-price{
		font-size:26px;
	}
}

/************ SERVICE PAGES ***********/

@media(max-width:768px){
	
	.service-block-2 .main-icon .fa{
		height:75px;
		width:75px;
		font-size:40px;
		padding-top:18px;
	}
	
	.service-block-2 .s-2-text h2{
		font-size:25px;
	}

	#our-services-2 .service-block-2 .back-icon{
		font-size:80px;
	}
}

/************ GALLERY PAGES ***********/

@media(min-width: 1201px) {
	
    .masonry-gallery {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media(min-width: 769px) and (max-width: 1200px){
	
    .masonry-gallery {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media(min-width: 576px) and (max-width: 768px){
	
    .masonry-gallery {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media(max-width: 576px) {
	
    .masonry-gallery {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/************* SPA PAGE **************/

@media(min-width:1199px){
	
	#spa-content #spa-text{
		padding-top:40px;
	}
}

@media(max-width:360px){
	
	#owl-spa-services .spa-service-img .spa-mask{
		width:80px;
		height:80px;
		padding:15px 12px 0px 12px;
	}
	
	#owl-spa-services .spa-service-img .spa-mask p span{
		font-size:18px;
	}
}

/********** EVENT LISTINGS PAGE *********/
   
@media(max-width:768px){
	
	.event-block .event-title h2{
		font-size:22px;
	}
}

@media(max-width:767px){
	
	#event-blocks .pagination li{
		font-size:18px;
	}
	
	#event-blocks .pagination li a{
		margin-left:6px;
		margin-right:6px;
		padding:4px 12px;
	}
}

@media(max-width:470px){
	
	.event-img{
		padding-top:245px;
	}
	
	#event-blocks .pagination li{
		font-size:16px;
	}
	
	#event-blocks .pagination li a{
		margin-left:3px;
		margin-right:3px;
		padding:3px 10px;
	}
	
	#event-blocks .pagination li:first-child a,
	#event-blocks .pagination li:last-child a{
		font-size:22px;
		margin-top:-4px;
	}
}

@media(max-width:400px){
	
	#event-blocks .pagination li:first-child a{
		margin-right:15px;
	}
	
	#event-blocks .pagination li:last-child a{
		margin-left:15px;
	}
}

@media(max-width:340px){
	
	#event-blocks .pagination li a{
		margin-left:2px;
		margin-right:2px;
		padding:3px 10px;
	}
}

/********** EVENT DETAILS PAGE *********/
   
@media(max-width:991px){
	
	.side-bar{
		margin-top:90px;
	}
	
	.left-side-bar.side-bar{
		margin-top:0px;
		margin-bottom:90px;
	}
	
	#details-content .content-side p{
		width:100%;
	}
}

@media(max-width:768px){
	
	.content-side-heading{
		font-size:26px;
	}
	
	.side-bar-heading{
		font-size:24px;
	}
	
	.content-side .event-details-img ul li{
		width:100%;
		font-size:14px;
		padding:15px 0px;
	}
	
	#details-content .detail-buttons .btn{
		width:128px;
	}
	
	#details-content .about-block .butn .btn{
		width:120px;
	}
	
	.related-events .related-event-block .title{
		font-size:20px;
	}
}

/************ ERROR PAGE ***********/

@media(max-width:768px){
	
	#error-text h1{
		font-size:200px;
	}
	
	#error-text p{
		font-size:30px;
		text-transform:uppercase;
		margin-bottom:0px;
	}
	
	#error-text .btn{
		width:180px;
	}
}

@media(max-width:500px){
	
	#error-text h1{
		font-size:120px;
	}
	
	#error-text p{
		font-size:20px;
		text-transform:uppercase;
		margin-bottom:0px;
	}
	
	#error-text .btn{
		width:130px;
		margin-top:40px;
	}
}

/****** BLOG LISITINGS PAGE ********/

@media(max-width:991px){

	#blog-listing-page .left-side-bar.side-bar{
		margin-top:0px;
		margin-bottom:0px;
	}
}

/*@media(min-width:768px) and (max-width:991px){
	
	.side-bar .contact,
	.side-bar .tags{
		margin-top:0px;
	}
}*/

@media(max-width:768px){
	
	.blog-list-detail{
		padding:27px 40px 50px;
	}

	.blog-list-detail .list-title{
		font-size:22px;
	}
	
	.blog-list-detail p{
		font-size:15px;
	}
	
	.blog-sidebar .side-bar-heading{
		font-size:22px;
	}
	
	.side-bar .search .form-group input{
		height:50px;
	}
	
	.side-bar .search .form-group .btn{
		font-size:20px;
		padding-top:10px;
		padding-right:20px;
	}
	
	.blog-sidebar .about-block p,
	.blog-sidebar .follow-us p{
		font-size:15px;
	}
	
	.side-bar .contact .c-list .text p{
		font-size:16px;
	}
	
	.side-bar .categories .nav-pills li a{
		font-size:16px;
		padding:12px 24px;
	}
	
	.side-bar .follow-us li a{
		font-size:25px;
	}	
}

@media(max-width:400px){
	
	.blog-list-detail{
		padding:27px 30px 45px;
	}
	
	.blog-list-detail .list-title{
		font-size:20px;
	}
	
	.side-bar .recent-post .recent-block{
		margin-bottom:30px;
	}
	
	.side-bar .recent-post .recent-block .recent-img{
		float:none;
		margin-bottom:15px;
	}
}

/******** BLOG DETAILS PAGE ********/

@media(max-width:991px){

	#blog-details .left-side-bar.side-bar{
		margin-top:0px;
		margin-bottom:0px;
	}
}

@media(max-width:768px){
	
	.comment-block .user-text ul .user-name{
		font-size:17px;
	}
	
	.comment-block .user-text ul .user-name:after{
		top:3px;
		height:17px;
	}
	
	#comment-form .innerpage-heading h1{
		font-size:26px;
	}
}

@media(max-width:767px){
	
	#comments{
		margin-top:120px;
		width:100%;
	}
	
	#comment-form .form-group{
		margin-bottom:15px;
	}
}

@media(max-width:550px){
	
	.comment-block .user-img{
		float:none;
		margin-bottom:20px;
	}
	
	.comment-block .user-img img{
		max-height:50px;
	}
	
	.reply-block{
		padding-left:45px;
	}
}

/******** COMING SOON ********/

@media(max-width:768px){
	
	.coming-soon-text h1{
		font-size:35px;
	}
	
	.coming-soon-text h3{
		font-size:60px;
	}
	
	.coming-soon-text p{
		font-size:16px;
	}
}

@media(max-width:600px){
	
	.coming-soon-text form .form-group{
		width:100%;
	}
}

@media(max-width:576px){
	
	.coming-soon-text h1{
		font-size:30px;
	}
	
	.coming-soon-text h3{
		font-size:50px;
	}
}

@media(max-width:500px){
	
	.coming-soon-text h1{
		font-size:28px;
	}
	
	.coming-soon-text h3{
		font-size:45px;
	}
}

@media(max-width:420px){
	
	.coming-soon-text h1{
		font-size:25px;
	}
	
	.coming-soon-text h3{
		font-size:40px;
	}
	
	.coming-soon-text p{
		font-size:15px;
	}
}

/* -----------------------------------------------------
		Contact Pages
   ----------------------------------------------------- */

/********** CONTACT-1 **********/
  
@media(max-width:991px){
	
	#contact-page #contact-form .innerpage-heading p{
		width:90%;
	}
}

@media(max-width:768px){
	
	#contact-page #contact-form .innerpage-heading h1{
		font-size:30px;
	}
}

@media(max-width:767px){
	
	#contact-page #contact-blocks ul li{
		width:100%;
	}

	#contact-page #contact-form input,
	#contact-page #contact-form textarea{
		margin-bottom:15px
	}
}

@media(max-width:400px){
	
	#contact-page .innerpage-heading h1{
		font-size:28px;
	}
}

/********** CONTACT-2 **********/

@media(max-width:768px){
	
	#map-contact-text .contact-links{
		font-size:28px;
	}
}

/* -----------------------------------------------------
		Reservation Pages
   ----------------------------------------------------- */

@media(min-width:1200px){
	
	#reservation form .btn{
		width:100%;
	}
}

@media(min-width:992px) and (max-width:1199px){
	
	#reservation form .btn{
		margin-top:30px;
		width:auto;
		float:none;
	}
	
	.reservation-info,
	.reservation-support{
		position:relative;
		height:550px !important;
	}
	
	.reserve-position{
		position:absolute;
		width:470px !important;
		right:0;
		padding:90px 90px 90px 0px;
	}
}

@media(min-width:992px){
	
	.reservation-info,
	.reservation-support{
		position:relative;
		height:500px;
	}
	
	.reserve-position{
		position:absolute;
		width:570px;
		right:0;
		padding:90px 70px 90px 0px;
	}
}

@media(max-width:991px){
	
	.center{
		text-align:Center;
	}
	
	.reservation-info,
	.reservation-support{
		padding:90px 15px;
	}
	
	.reservation-info p{
		width:60%;
		margin:0 auto 20px;
	}
	
	.reservation-support .support-list{
		width:60%;
		margin:0 auto 20px;
	}
	
	.reservation-support .support-list .icon{
		float:none;
		font-size:40px;
		width:auto;
	}

	.reservation-support .support-list .text{
		width:100%;
	}
}

@media(max-width:768px){
	
	#reservation .innerpage-heading h1{
		font-size:28px;
	}
	
	#reservation .form-group .fa{
		right:15px;
		top:15px;
		font-size:15px;
		z-index:0;
	}
	
	#reservation form input,
	#reservation form select{
		z-index:1;
		font-size:13px;
		height:45px;
	}
	
	#reservation form textarea{
		font-size:13px;
	}
	
	#reservation form .btn{
		font-size:14px;
		text-transform:uppercase;
		font-weight:bold;
		height:45px;
		padding-top:12px;
	}
	
	.reservation-info .innerpage-heading h1,
	.reservation-support .innerpage-heading h1{
		font-size:26px;
		margin-bottom:30px;
	}

	.reservation-info p{
		width:70%;
	}
	
	.reservation-support .support-list{
		width:70%;
	}
}

@media(max-width:500px){
	
	#reservation .side-bar .selected-room-block h2{
		font-size:26px;
	}

	.reservation-info p{
		width:90%;
	}
	
	.reservation-support .support-list{
		width:90%;
	}
}
@media(max-width:425px){
	
	
	#slider ul li{padding-top: 79px;
    padding-bottom: 15px;}
	.innerpage-section-padding {
    padding-top: 0px;
    padding-bottom: 28px;
}
#about-img {
    background: url(../images/about-img.jpg);
    padding-top: 446px;
}
offer-block .offer-mask {
    width: 59%;
}
	
	
	
}
@media(max-width:320px){
	
	
	.navbar-brand>img{   top: -15px;
       width: 173px;
    padding-top: 10px;}
	#top-bar #info ul li .fa{    color: #ffffff;}
	.selected-room-block{ margin-top:10px;}
	#about-cover{ margin-bottom:34px;}
	
	
	
	
	
	
	
	
	
}
@media(max-width:425px){
	
.ert3 ul li{  width:auto;}
	
	
}