@media only screen and (max-width : 479px) {
    .main{width:300px}
    .hamburger{display:block;top:0}
    .hamburger{display:block;background:#ca9c39}
    .main-menu > ul {display:none}
    .social li{display: block;margin-bottom: 5px}
    .social {    position: absolute;top: 0;left: 0;width: 28px}
    .logo{width: 100%;display: block}
    .main-menu{padding: 0;border-radius: 0}
    .main-menu  ul > li{width: 100%}
    .main-slider .item img{height: 200px}
    .main-slider .item figure{height: 210px}
    .menu-list li{   display:block;
        width: 100%;
        margin-bottom: 30px;    border-bottom: 1px solid;}
    .mid-home ul{display: block}
    .mid-home li{width: 49.1%}
    .pic1 img{width: 100%;    height: 180px;
        background-size: cover;
    }
    .abso-right{
        top:-9px;    -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;width: 100%;left: 0}
    .abso-left{width: 100%;top:87%;right:0;-webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;}
    .frame{width: 100%;height:180px}
    .map{width: 300px;display: block;text-align:center;float: none;overflow: hidden}
    .addres{width: 100%}
    .addres-doc{width: 100%;display: block;float: none}
    .foot-right {
        display: block;
        width: 100%;
        float: right;margin-right: 0;margin-bottom: 15px}
    .foot-left {
        display: block;
        width: 100%;
        float: none;}
    .main-menu ul> li > a{display: block;width: 100%}
    .moradi{display: none}
}
@media only screen and (min-width : 480px) and (max-width : 719px){
    .main{width:460px}

    .moradi{display: none}
	 
}
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .main{width:700px}


}
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .main{width:980px}
	

  
}
@media only screen and (min-width : 1249px) and (max-width : 1400px) {
    .main{width:1000px}
	 
	
@media only screen and (min-width : 1401px) and (max-width : 1750px) {
    .main{width:1000px}
   
}
@media only screen and (min-width : 1750px){
    .main{width:1400px}
    
}