*{ margin:0;
	padding:0;}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	color:#333;
	background-color:#fff;
	background-attachment:fixed;
	text-align:justify;
	background-size:auto;
	font-size:14px;
	min-height:500px;
	font-family:Arial, Helvetica, sans-serif;
	
	
}
.clear{
	clear:both;
}


*{padding:0; margin:0; border:none; text-decoration:none; list-style:none;}
p,h1,h2,,h3,h4,h5,h6{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
.clear{ clear:both;}

header{ margin:0 auto; padding:0; width:100%;  }
#header{  width:100%; height:125px; overflow:hidden; }
.head{ margin:0 auto; padding:0; width:100%; height:125px; background-image:url(../images/srk_header_bg.jpg); background-repeat:repeat-x; border-bottom:3px solid #fff;}
.head_bar{ margin:0 auto; padding:0; width:100%; background:rgba(000,000,000,0.5); height:40px; border-bottom:2px solid #000; text-align:right; color:#fff;}
.head_bar p{ font-size:18px; font-weight:300; line-height:40px;}
.head_bar span{ padding-left:15px;}
.logo{ width:12%; height:122px; position:relative; top:-50px; float:left; }
.logo img{ width:105px; height:101px; margin-top:23px; }
.name{ margin:0 auto; padding:0; width:50%; text-align:left; float:left; height:65px; margin-left:2%;}
.name img{ width:100%; height:100%;}
.link{ margin:0 auto; padding:0; width:25%; float:right; text-align:right;}
.link a{ color:#FFF; font-size:32px; margin-top:0px; }

#body_part{ margin:0 auto; padding:0; width:100%; min-height:500px; background-color:#960; background-image:url(../images/srk_bg.jpg); background-repeat:repeat-x; background-size:contain; border-bottom:3px solid #fff;}

.box{ margin:0 auto; padding:0; width:90%; height:400px; border-radius:250px; margin-top:50px; border:3px solid #fff;}
.box1{ width:24%; float:left; margin-left:1%; margin-top:300px; text-align:center; color: #fff;}
.box1 h4{ padding:10px 10px 0px 10px; text-transform:uppercase; color:#CCC; text-shadow:2px 2px 2px #000; }
.box1 p{ line-height:0px; font-weight:200; color:#CCC;}

/*icons_foot */
#icons_foot{
	position:absolute;
	background:#;
	margin-top:120px;
}
#qucik {
	margin:0;
	padding:0;
	list-style:none;	
}
#qucik ul {
	margin:0;
	padding:0;
}	
#qucik li {
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	background:#;
}
#qucik li a img{
	text-align:center;
	border:none;
	width:90%;
}
#qucik li a  {
	/*position:absolute;*/
	top:30px;
	color:#FFF;
	display:inline;
	font-size:12px;
	font-weight:bold;
	line-height:0;
	/* fast png fix for ie6 */
	position:relative;
	text-decoration:none;		
}
#qucik li a:hover{
	color:#464646;	
}
#qucik li a.home  {
	margin:0;
	padding:0;
	
}
#qucik li a.packegs  {
	margin:0;
	padding:0;
	
}
#qucik li a.contact  {
	margin:0;
	padding:0;
	
}

#qucik li a.hotel  {
	margin:0;
	padding:0;
	
}

#footer{ width:100%;}
.foot{ margin:0 auto; padding:0; width:100%; height:155px; background-image:url(../images/srk_footer_bg.jpg); background-repeat:repeat-x;}

/*............................... footer_nav........................ */

.footer_nav {
	width:94%;
	position:relative;
	text-align:center;
	margin:0 auto;
	top:17px;
	margin:0 auto;
	padding:0;
	
	
	

}

.footer_nav ul {
	margin:0 auto;
	padding:0;
	list-style: none;
	line-height: normal;
	margin-left:40px;
	

	
}


.footer_nav li {
	display: block;
	float:left;
	border-left:1px solid #CCC;
	font-weight:600;
		
}


.footer_nav a {
	display: block;
	
	padding:0px 25px;
	text-decoration: none;
	color: #CCC;
	font-size:15px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 1px #666;
	
	
}
.footer_nav a:hover{ color:#FFF;}

/*...........................end menu........................*/

.copy_right{ color:#FFF; text-align:center; margin-top:2px; font-size:12px; margin-left:-50px; font-weight:600;}

.res_box{ display:none;}


.boxes h1{ text-align:center;  color:#CCC; }
.boxes1 h1{ text-align:center;  color:#CCC; }
.boxes p{ text-align:center; color:#CCC; padding:0; margin:0 auto; line-height:0px;}

 .demo .item{
            margin-bottom: 0px;
			
        }
		.content-slider li{
		    background-color: #CCC;
			
		    text-align: center;
		    color: #FFF;
			padding:5px;
			position:relative;
			top:10px;
			height:340px;
			-moz-box-shadow:0px 0px 15px 0px #000 inset;
	-webkit-box-shadow:0px 0px 15px 0px #000 inset;
	box-shadow:0px 0px 15px 0px #000 inset;
			
		}
		.img_product{ width:85%; height:160px; background-color:#000; margin:0 auto; padding:0; margin-top:20px;}
		.img_product img{width:100%; height:100%;}
		.img_product h4{ color:#000; text-align:center;}
		.content{ width:100%; text-align:center; }
		.content h4{ color:#000; text-transform:uppercase; font-size:12px; padding:0px 20px; max-height:25px; overflow:hidden;}
		.content h5{ color:#000; text-transform:uppercase; font-size:12px; padding:0px 20px; max-height:25px; overflow:hidden;}
		.content a{ text-decoration:none; background-color:#000; padding:10px 5px; position:relative; top:10px; color:#FFF;}
		.content a:hover{ text-decoration:none; background-color:#333; padding:10px 5px; position:relative; top:10px; color:#FFF;}
	
.res_box{ display:none;}
.boxes{ display:inline;}	

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) {
	
	header{ margin:0 auto; padding:0; width:100%;  }
#header{  width:100%; height:155px; overflow:hidden; }
.head{ margin:0 auto; padding:0; width:100%; height:125px; background-image:url(../images/srk_header_bg.jpg); background-repeat:repeat-x; border-bottom:3px solid #fff;}
.head_bar{ margin:0 auto; padding:0; width:100%; background:rgba(000,000,000,0.5); height:40px; border-bottom:2px solid #000; text-align:right; color:#fff;}
.head_bar p{ font-size:12px; font-weight:300; line-height:15px;}
.head_bar span{ padding-left:15px;}
.logo{ width:45%; height:122px; position:relative; top:-50px; float:left; z-index:999; }
.logo img{ width:70%; height:72%; }
.name{ margin:0 auto; padding:0; width:53%; text-align:left; float:left; height:65px; margin-left:2%; margin-top:10px;}
.name img{ width:100%; height:50%;}
.link{ margin:0 auto; padding:0; width:35%; float:right; text-align:right; margin-top:-25px;}
.link a{ color:#FFF; font-size:20px; margin-top:-10px; }
.box{ margin:0 auto; padding:0; width:90%; height:233px; border-radius:250px; margin-top:50px; border:3px solid #fff;}	
#body_part{ margin:0 auto; padding:0; width:100%; min-height:500px; background-color:#960; background-image:url(../images/srk_bg.jpg); background-repeat:repeat; background-size:auto; border-bottom:3px solid #fff;}
.boxes{ display:none;}
.res_box{ display:block; margin:0 auto; padding:0; width:100%; text-align:center;  margin-top:10px;}
.res_box img{ width:50%;}
.res_box h4{ color:#FFF; text-transform:uppercase; line-height:10px;}
.res_box p{ color:#FFF; line-height:5px;}
/*............................... footer_nav........................ */

.footer_nav {
	width:100%;
	position:relative;
	text-align:center;
	margin:0 auto;
	top:20px;
	margin:0 auto;
	padding:0;
	margin-left: 30px;
	
	

}

.footer_nav ul {
	margin:0 auto;
	padding:0;
	list-style: none;
	line-height: normal;
	margin-left:0px;
	

	
}


.footer_nav li {
	display: block;
	float:left;
	font-weight:600;
	border-left:1px solid #CCC;
		
}


.footer_nav a {
	display: block;
	
	padding:0px 2px;
	text-decoration: none;
	color: #CCC;
	font-size:13px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 1px #666;
	
	
}
.footer_nav a:hover{ color:#FFF;}

/*...........................end menu........................*/

audio{ width:90%;}
.copy_right{ color:#FFF; text-align:center; margin-top:10px; font-size:8px; margin-left:0px; font-weight:600;}


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) {

 .demo .item{
            margin-bottom: 0px;
			
        }
		.content-slider li{
		    background-color: #CCC;
			
		    text-align: center;
		    color: #FFF;
			padding:5px;
			position:relative;
			top:10px;
			height:140px;
			-moz-box-shadow:0px 0px 15px 0px #000 inset;
	-webkit-box-shadow:0px 0px 15px 0px #000 inset;
	box-shadow:0px 0px 15px 0px #000 inset;
			
	.content a{ text-decoration:none; background-color:#000; padding:10px 5px; position:relative; top:10px; color:#FFF; z-index:9999;}
.content a:hover{ text-decoration:none; background-color:#333; padding:10px 5px; position:relative; top:10px; color:#FFF; z-index:9999;}	}
		
}	

.content_details{ width:100%; color: #fff;}
.content_details h2{ font-size:22px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.content_details p{ line-height:20px; text-align:justify; background-color:rgba(255,255,255,0.2); padding:10px; border-radius:5px;}


.map{ width:100%; height:350px;}
.contact_details{ margin:0 auto; padding:0;}
.contact_details p{ line-height:20px; text-align:left; padding-bottom:10px;}


.box2{ margin:0 auto; padding:0; width:100%; height:350px; background-color:#FFF; text-align:center;}
.img_box2{ margin:0 auto; padding:0; width:80%; height:180px; background-color:#000; position:relative; top:30px;}
.img_box2 img{width:100% ; height:100%; }
.box2 h4{ text-transform:uppercase; color: #000; text-align:center; padding:0px 20px; font-size:18px; margin-top:50px; height:20px; overflow:hidden;}
.box2 a{ text-decoration:none; margin:0 auto; padding:0; width:100%; text-align:center; background-color:#000; padding:10px 20px; color:#FFF; position:relative; top:20px; text-transform:uppercase; border:1px solid #000; font-weight:600;}
.box2 a:hover{ border:1px solid #000; background:none; color:#000;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) {
.map{ width:100%; height:250px;}
.box2{ margin:0 auto; padding:0; width:100%; height:350px; background-color:#FFF; text-align:center; margin-bottom:20px;}

}

/* /////////////////////////////// */


#search{ margin:0 auto; padding:0; width:100%; text-align:right;  }
.searchSubmit{ background:none; margin-left:-30px;}
.news{ margin:0 auto; padding:0; width:100%; height:40px; background-image:url(../images/srk_header_bg.jpg); background-repeat:repeat-x; overflow:hidden; border-bottom:3px solid #FFF;}
.news_update{ margin:0 auto; padding:0; width:100%; height:40px; background:rgba(000,000,000,0.5);}
.left_box{ margin:0 auto; padding:0; width:100%; height:400px;  margin-top:50px;}
.right_box{ margin:0 auto; padding:0; width:100%; height:400px; margin-top:50px;}

.right_box p{  padding:5px; color:#FFF; font-size:13px; text-align:justify; margin-bottom:5px; padding:10px 20px 0px 20px;  }
.right_box h5{  padding:5px; color:#FFF; font-size:13px; text-align:justify; margin-bottom:5px; padding:0px 20px; color:#F00;  }

.l_c{ margin:0 auto; padding:0; width:100%; height:35px; background-color:#060;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px)
{
	.searchformhead{
		position: relative;
		top:-40px;
/*display:none;*/
	}

/*#search{ margin:0 auto; padding:0; width:100%; text-align:right; display:none;  }*/

}