@media screen and (max-width: 959px)
{
img {max-width: 100%;}
.wrapper{max-width:100%;}	
.header-menu nav ul li{padding:0 10px;}
.header-menu nav ul li a{font-size:16px;}
}


@media screen and (max-width:768px)
{
.header-main .header-right{float:left; padding:30px 0; text-align:center; display:block; width:66%;}
.header-main .header-right h1 {font-size:31px;}
.header-main .header-right span{font-size:17px; margin:0;}

/*responsive menu*/
.header-menu nav{width:50%; float:left; display:block;}
.header-menu nav ul{border:none;}
.header-menu nav ul li{width:98%; border-right:0; text-align:left; padding:0; margin-left:5px; height:50px; line-height:50px;}
.header-menu nav ul li a{display:inline-block;}
.header-menu nav{display:none; position:absolute; top:0px; margin:0; width:100%; background-color:rgba(60, 58, 58, 0.91); left:0px;}
.header-menu{position:relative;}

.responsive-menu-btn{display:block; color:#fff; background-color:#3C3A3A; width:50px; height:50px; position:absolute; top:-90px; right:10px;}
.responsive-menu-btn i{display:block; float:none; width:35px; height:auto; top:0; right:0; padding:0; box-sizing:border-box; margin:12px auto;}
.responsive-menu-btn i b{display:block; height:4px; background:#be003f; width:35px; position:relative; top:0; margin:7px auto;}
.header-menu:hover  nav{display:block;}				
/*responsive menu*/
}


@media screen and (max-width:559px)
{
.header-main .header-right{display:none;}
.header-main .header-left{padding:20px 0;}	
}