.closebtn{display:none;}
.menuw{font-size:30px;cursor:pointer;display:none;color:#fff;}
.menuw{}
.menuw img{height: 30px;    float: right;} 
body{min-width:260px;}

  

@media only screen and ( max-width: 1050px ) {
	.mainsite{width:90%;}
	.mhr_menu { width: 100%;}
	.mhr_menu li a {    width: 94%;    padding:22px 3%;    color: #fff;    text-transform: uppercase;    
border-bottom: 1px dashed #333;}
	.mhr_iig {    bottom: 0;    right: 0;    width: 171px;    top: auto;}
}
@media only screen and ( max-width: 600px ) {
	html #wpadminbar {top: -50px;}
}


@media only screen and ( max-width: 1050px ) {
	.mnr_bsg, .mnr_hhall, .myh_r1 .mhr_b1, .myh_news ul li{width:100%;margin-right:0px;}
	.myh_news ul li{margin-bottom:20px;}
	.mhr_box li {	width: 100%;}
	.mhr_title {      top: 17%;}
	.mhr_detail {     top: auto;
    bottom: 26%;}
	.mhr_box li a { bottom: 12%;}
	
	.mhr_menuf { width: 100%;    margin-top: 92px;    text-align: center;}
	.mhr_menuf li a {    text-align: center;
    width: 100%;
    border-bottom: 1px dashed #fff;
    text-transform: uppercase;
    padding: 3px 0px;}
	.mhr_menuf ul{width:100%;}
	.mhr_fright {     text-align: center;
    margin-top: 0px;
		width: 100%;}
	.mhr_f1, .mhr_f2{    text-align: center;}
	.mhr_fright img{    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 161px;}
	
	.mhr_menuf img{    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;}
	.mnr_hleft, .mnr_hright, .mnr_bsgallimg, .mnr_bsgall{width:100%;}
	.mhr_eeall span.mhr_text {    width: 81%;}
	.myh_z1 .mhr_z1{width:100%;height:auto;}
	.mnr_hh1{    width: 50%;}
	.mnr_hh1 {    margin-top: 20px;}
	.delig_table td{display:block;}
	.crea_cat li {
    width: 100%;    margin-right: 0px;}
	.myh_l1, .myh_r1{width:100%;}
	.bkf_gal a{width:100%;margin-right:0px;}
	.mhr_bba {    overflow: hidden;}
	.mhr_dd3, .mhr_dd3 span div {
		width: 100%;}
	.mhr_dd3 .mhr_brd{
		width: 100%;
    position: static;
    margin-bottom: 80px;
	}
	.mhr_dd3.end img{float: right;}
	
	.nhome .mhr_box{ display:none;}
}
 
@media only screen and ( max-width: 1050px ) {
/* Menu */ 
 .closebtn,  .menuw{display:block;}
 .menuw{display: block;
color: #333;text-align: right;
margin-top: 0px;
text-transform: uppercase;
padding-left: 0px;    padding-top: 20px;
 }
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
top: 30px;
right: 15px;
font-size: 36px;
margin-left: 50px;
z-index: 29999;
display: block;
}

#main {
    /* transition: margin-left .5s;*/
 transition:  .5s; 
}
/*  end menu*/

}













@media only screen and ( max-width: 530px ) {
	.mhr_logo img{width: 168px;}
	.mhr_iig{    width: 110px;}
	.menuw img{height: 23px;}
	.menuw{padding-top: 10px;}
	.mnr_hh1{width:100%;}
	.mmtable tr td{display:block;}
	.myh_z1 .dbd img {  top: 35px;}
}