@media (max-width:767px) {

.logo img{
	margin:auto;
}

.welcome{
	background-image:none !important;
	
}
	
	.logo p{
		text-align: center !important;
	}



.mussoorie{
	background-image:none !important;
	
}


.dhanaulti{
	background-image:none !important;
	
}

.landour{
	background-image:none !important;
	
}

.ftm{
	padding-top: 34% !important;
}

.head_text p{
	text-align:center !important;
}
 

}

@media (min-width:768px) and (max-width:991px) {
	
.welcome{
	background-image:none !important;
	
}

.mussoorie{
	background-image:none !important;
	
}


.dhanaulti{
	background-image:none !important;
	
}

.landour{
	background-image:none !important;
	
}

.ftm{
	padding-top: 20% !important;
}


	
}


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


@media (min-width:1200px) {


}

.navbar-inverse .navbar-toggle {
    
    background: #ccc;
}
.top{
	width:100%;
/*	padding:3px 0px;
*/	border-bottom: 1px #ccc solid;
font-size: 11px !important;
}

.logo p{
		text-align: left;
	font-size: 15px;
	font-weight: bold;
	}

.logo{
	margin:10px 0px;
}

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}



.float{
    position: fixed;
width: 75px;
height: 75px;
bottom: 98px;
right: 32px;
background-color: #25d366;
color: #FFF;
border-radius: 97px;
text-align: center;
font-size: 35px;

z-index: 100;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

.my-float{
    margin-top:20px;
}


.float2{
    position: fixed;
width: 75px;
height: 75px;
bottom: 98px;
left: 32px;
background-color: #0180F7;
color: #fff;
border-radius: 97px;
text-align: center;
font-size:35px;

z-index: 100;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

.my-float2{
    margin-top:20px;
}


@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(255, 102, 0, 0);
	}
}


/*.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
*/

.navbar-inverse {
    background-color: #fff !important;
    border-color: #fff !important;
}

.navbar {
    min-height: 50px;
    margin-bottom: 0px !important;
}


.dropdown-toggle{
	text-transform:uppercase;
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.navbar {
    min-height: auto !important;
    margin-bottom: 0px !important;
}

.carousel-inner img{
	margin:auto;
}


section{
	margin-top:20px;
}

nav p strong{
	font-family:"Cinzel-Regular";
	font-size:18px;
	margin:10px 0px;
	float:left;
	width:100%;
	color:#77852e;
}

nav p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:10px 0px;
	color:#999;
}

.welcome{
	background-image:url(../images/room-type-slider-bg3.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto;
}


.welcome h1{
	font-size:50px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	border-left:3px #77852e solid;
	padding-left:10px;
	color:#444444;
}


.welcome h4{
	font-size:20px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	margin:0px;
	color:#999;
	padding:20px 0px;
}

.welcome p{
	font-size:14px;
	margin:0px;
	color:#666;
	padding:0px 0px;
}
	
.welcome img{
	padding:51px 0px;
}




.mussoorie{
	background-image:url(../images/room-type-slider-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto;
}


.mussoorie h1{
	font-size:50px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	border-left:3px #77852e solid;
	padding-left:10px;
	color:#444444;
}


.mussoorie h4{
	font-size:20px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	margin:0px;
	color:#999;
	padding:20px 0px;
}

.mussoorie p{
	font-size:14px;
	margin:0px;
	color:#666;
	padding:20px 0px;
}
	
.mussoorie img{
	padding:48px 0px;
}











.dhanaulti{
	background-image:url(../images/room-type-slider-bg2.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto;
}


.dhanaulti h1{
	font-size:50px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	border-left:3px #77852e solid;
	padding-left:10px;
	color:#444444;
}


.dhanaulti h4{
	font-size:20px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	margin:0px;
	color:#999;
	padding:20px 0px;
}

.dhanaulti p{
	font-size:14px;
	margin:0px;
	color:#666;
	padding:20px 0px;
}
	
.dhanaulti img{
	padding:2px 0px 0px 0px;
}

	
	
.mm{
	margin:auto auto;
}
	
	
	
	
	
.landour{
	background-image:url(../images/room-type-slider-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto;
}


.landour h1{
	font-size:50px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	border-left:3px #77852e solid;
	padding-left:10px;
	color:#444444;
}


.landour h4{
	font-size:20px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	margin:0px;
	color:#999;
	padding:20px 0px;
}

.landour p{
	font-size:14px;
	margin:0px;
	color:#666;
	padding:20px 0px;
}
	
.landour img{
	padding:30px 0px 0px 0px;
}

footer{
	background-image:url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto;
	background-color: #77852e;
}

.ftm{
	padding-top: 15%;
	color:#fff;
}
	
	
/*enquiry form*/




#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
/*  background: #F9F9F9;
*/  padding: 25px;
/*  margin: 150px 0;
*/  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    margin-bottom: 30px;
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
  color:#fff;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
  color:#CCC;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #77852e;
  margin: 0 0 5px;
  padding: 10px;
  color:#fff;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}


/*enquiry form*/	
	
	
	
.copyright{
	text-align:center;
	border-top:1px #CCC solid;
}

.copyright p{
	padding:10px 0px;
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: #77852e;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}


.gallery{
	text-align:center;
	
}


.gallery h1{
	font-size:50px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	padding-left:10px;
	color:#444444;
	margin-bottom:30px;
	
}

ul.booking{
	margin: 0px 0px 4px 0px;
	padding:3px;
	list-style:none;
	border: 1px solid #97a83c;
	text-align: center;
}

ul.booking li{
	display:inline-block;
	padding-right:4px;
}

ul.booking li p{
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}

.modal-dialog {
    width: 95% !important;
	margin:auto;
}
.modal-dialog img {
    margin:auto;
}


.direction{
	background:#77852e;
	color:#fff;
	text-align:center;
}

.direction h4{
	font-size:40px;
	font-weight:400;
	font-family: 'Marck Script', cursive;
	
}

.direction p{
	font-size:18px;
	
}

.head_text p{
	text-align:right;
	font-size: 13px;
	padding-top: 20px;
	color:#77852e;
}

.head_text p strong{
	font-size: 16px;
	color:#444;
}

.s_border img{
	margin:auto;
}