@media only screen and (max-width : 479px) {
    .main{width:300px}
    .hamburger{display:block}
	.main-matab ul{margin-top:0}
	.main-menu {height:auto;min-height:50px;position:relative}
	.main-menu   nav > ul{display:none  ;  
    position: relative;
    z-index: 10000;

    text-align: center;}
	.main-about  figure > div {width:100%;float:none}
	.main-about  figure > figcaption {width:80%;float:none;text-align:center;margin-top:20px}
	.mid-header figure > figcaption {float: left;padding-top: 30px;width: 50%;}
.mid-header figure > a {width: 148px;margin-top: 0;}
.mid-header figure{margin-bottom:20px}
.mid-header{height:auto}
.main-about figcaption {padding-top:00px}
.header-phone {margin-right: 31px;color: #9d9d9d;position: relative;margin-bottom: 20;}
.main-matab figcaption {width: 242px;height: 230px;margin-top: 10px;text-align: center;margin: 0 auto;}
.top-footer	{height:auto;}
.top-footer ul{display:block;}
.top-footer ul li{display:block;margin:5px 0;text-align:center}
.in-header input{margin-right:0;width:170px}	
	.main-slider .item{height:250px}
	.main-slider .item img{height:250px}
	.main-matab ul{margin-top:0;position:relative}
	.bottom-footer ul {display:block}
	.bottom-footer ul  li{display:block;margin:10px 0}
	.bottom-footer{height:auto}
	.main-matab figure > div{width:290px}
	.main-h2{width:100%}
	.main-menu   nav > ul > li{padding:7px 0;border-bottom:1px solid #fff;display:block}
	
	.hamburger{display:block;position:absolute;top:5px}
	.main-menu  nav > ul{display:none}
	.contact-r {width:100%;text-align:center}
	.contact-l {width:100%;text-align:center}
	.contact-r {margin-bottom:25px;text-align:center}
	.contact-r  input{margin:10px auto}
	
	.contact-r  textarea{margin:10px auto}
	
.contact-l {margin-bottom:25px;text-align:center}
	.main-slider .item figure{display:none}
		.main-matab {background-size: 100% 100%}
	
	}

@media only screen and (min-width : 480px) and (max-width : 719px){
    .main{width:460px}
		.main-matab {background-size: 100% 100%}
		.main-slider .item figure{display:none}
	.contact-r {width:100%}
	.main-about figcaption {padding-top:00px}
	.contact-l {width:100%}
	.main-menu {height:auto;min-height:50px;position:relative}
	.main-menu   nav > ul{display:none  ;  
    position: relative;
    z-index: 10000;
    text-align: center;}
	.hamburger{display:block;position:absolute;top:5px}
	.main-menu   nav > ul{display:none}
	.hamburger{display:block;position:absolute;top:5px}
	.main-menu   nav > ul > li{padding:7px 0;border-bottom:1px solid #fff;display:block}
	
	.main-menu {height:auto}
	.main-menu   nav > ul{display:none  ;  
    position: relative;
    z-index: 10000;
    text-align: center;}
	.main-h2{width:100%}
    .table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
	.hamburger{display:block}
	.main-matab ul{margin-top:0}
	.main-about  figure > div {width:100%;float:none}
	.main-about  figure > figcaption {width:80%;float:none;text-align:center;margin-top:20px}
	.mid-header figure > figcaption {float: left;padding-top: 30px;width: 50%;}
.mid-header figure > a {width: 213px;margin-top: 0;}
.bottom-footer{height:auto}
.header-phone {margin-right: 31px;color: #9d9d9d;position: relative;margin-bottom: 20;}
.main-matab figcaption {width: 242px;height: 230px;margin-top: 10px;text-align: center;margin: 0 auto;}
.top-footer	{height:auto;}
.top-footer ul{display:block;}
.top-footer ul li{display:block;margin:5px 0;text-align:center}
.in-header input{margin-right:0}	
	.main-slider .item{height:250px}
	.main-slider .item img{height:250px}
	.main-matab ul{margin-top:0;position:relative}
	.bottom-footer ul {display:block}
	.bottom-footer ul  li{display:block;margin:10px 0}
	
	
	
	
	
	
	
}
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .main{width:700px}
	.main-about  figure > div {width:100%;float:none}
	.main-about  figure > figcaption {width:80%;float:none;text-align:center;margin-top:20px}
	 
}  
@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:1200px}
}
	
@media only screen and (min-width : 1401px) and (max-width : 1750px) {
    .main{width:1200px}
   
}
@media only screen and (min-width : 1750px){
    .main{width:1400px}
    
}