@media screen and (max-width:980px) {
.boxC{width: 98%;}
#menu {
	display: none;
}
nav{
	text-align: left;
	padding: 5px 0 0
}
nav ul{
	position: relative;
	display: block;
	z-index: 9999;
	background: #50260d;
	padding 0;
}
nav ul li{
	width:98%;
	display:block;
	text-align:center;
	padding:5px 0;
	margin:0 1%;
	border-radius: 0;
	background: none;
	border: 0;
	border-bottom: 1px dotted #70472e
}
nav ul li:last-child{border-bottom: 0}
nav li a{
	width:100%;
	display:block;
	text-align:center;
	margin:0;
	padding: 6px 0;
}
nav li:first-child a{padding:10px 0;}
nav li.active a{
	background:#000;
	color: #fff!important
}
.show-menu {
	display:inline-block;
	margin:0 0 5px 5px;
	cursor:pointer;
}
nav ul li ul {
	display: none;
	padding: 0;
	position:relative;
	top:0;
	left:0;
	width: 100%;
	padding:5px;
	text-align: center;
	border-top: 1px solid #272727
}
nav ul li ul li { 
   display: block;
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #272727!important
}
nav ul li ul li a{ 
   padding: 10px 0;
}
nav ul li:hover ul {
  display: none;
  opacity: 0;
  visibility:hidden;
}
.lang{padding:3px;top: 5px;right: 4px;}
.stfDtls li img{height: 200px;}
.green-audio-player{width: 96%;}

}
@media screen and (max-width:480px) {
.welC{margin: 15px;}
.welC h3, .welC h4{font-size: 30px;}
.welC h4{font-size: 22px;}
.welC p{font-size: 14px;line-height: 20px;margin: 15px 0;}
.stfDtls{width: 100%; text-align: center;padding: 0 10px}
.stfDtls li{margin:0 5px;}
.stfDtls li img{height: 180px;}
.eachStf h3{text-align: center;font-size: 18px}
.bigtn{width:86%;margin:0 7% 15px;}
.green-audio-player{width: 90%;margin: 10px 5%;}
}
@media screen and (max-width:375px) {
.welC p{text-align: center}
.welC h3, .welC h4{font-size: 24px;text-align: center}
.priceC, .roomC, .faqC, .staffC{padding:15px 10px;}
.lang a{margin: 0;}
}
@media screen and (max-width:320px) {

.welC h4{font-size: 18px;}
.stfDtls li img{height: 170px;}
}