/*******for mobile menu************/
.mobile_wrapper {
	float: none;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display:none;
}
.mobile_wrapper .mobile_header {margin-bottom:10px;} 

.mobile_wrapper .logo {
    margin-top: 5px;
    margin-right: 25%;
    margin-left: 12%;
    float: left;
}
 
.storypage{width:100%; float:left;border-bottom:#ccc solid 1px;padding-bottom:10px;}
.search_mob_story{float:right;margin-top:-27px;width:10%;}

.mobile_menu_storeypage {
	cursor: pointer;
	position:relative;
	float: left;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	width: 10%;
}

#mobile_new_storeypage{
    background-color:#ed1c24;
    display: none;
    position: absolute;
    width: 170px;
	left:0;
    z-index: 111111111;padding:5px 0;
		top:30px;
}
#main_header{
position:fixed;
z-index:100000;
transition: all 1s;
background-color: rgb(255, 255, 255);

}
.covr_wr national_text{
	margin-top: 20px;
} 
#mobile_new_storeypage ul li {
    color: #fff;
    list-style: outside none none;
    padding: 5px 22px;
    width: 100%;
}

#mobile_new_storeypage ul li a img {display:inline;}

#mobile_new_storeypage ul li a{color:#fff;text-transform:uppercase;font-weight:bold;} 

.mobile_wrapper .search_drop {width: 188px;height: 32px; padding: 5px;top: 100px; background-color: #eee;position: absolute; z-index: 999;right:0; margin-right:6px;}

.mobile_wrapper input[type='text']{
    font: 14px/18px Roboto, serif;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 2px; 
	width: 165px;
}

@media only screen and (min-width:600px){
.search_mob_story{    
	float: right;
	margin-top: 10px; 
	width: 10%;
	margin-right: -10px;
}
.mobile_wrapper .logo{ margin-left: 27%;}
}

@media only screen and (min-width:768px){
.search_mob_story{    
	float: right;
	margin-top: 12px;
	width: 10%;
	margin-right: -46px;
}

.mobile_wrapper .logo {margin-left:28%;}
.mobile_wrapper .search_drop{top:66px !important;margin-right:43px !important;}
}

/*Second Header*/
.storeypage_menurheader{
	float: left;
	width: 100%;
	color: #fff;
	height: auto;
	background-color: #ed1c24;
	height: 41px;
	position:absolute;
	top:0;
	margin-left: -10px;
}

.storeypage_menurheadere ul li img{width:100%;}
.storeypage_menurheader ul li{
	float: left;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	height: 38px;
}
.storeypage_menurheader .logo_mob{
	float: left;
	background: #FFF;
	width: 30px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	border: solid 1px #ccc;
}
.storeypage_menurheader div li a{color:#fff;}

.fixed {position: fixed; z-index: 9;-webkit-transition: height 2s;transition: height 2s;}

.mobile_menu{cursor:pointer;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.mobile_logo {
    float: left;
    width: 120px;
    margin-top: 7px;
}