.closebtn{display:none;}
.menuw{font-size:30px;cursor:pointer;display:none;color:#fff;}
.menuw{}
.menuw img{height: 22px;    margin-top: 18px;float: right;} 
 

  

@media only screen and ( max-width: 980px ) {
	
	body{min-width:400px;}
	.chana_mainsite{width:90%;}
	.chana_tel span a, .chana_mail span{display:none;}
	.chana_mail { width: 21px; margin-right: 0px;}
	.chana_tel { width: 22px; margin-right: 10px;}
	.chana_alltop { width: 130px;}
	.chana_welcome { font-size: 18px;  width: auto; float: left; padding-top: 4px;}
	.chana_logo a img { height: 50px;}
	.chana_about2 { margin-top: 20px;}
	.chana_about1, .chana_about2 {  width: 100%;}
	.chana_about1 span { font-size: 24px;}
	.chana_about1 b { font-size: 29px;}
	.chana_about1 t {  font-size: 23px;  line-height: 26px;}
	.chana_about1 { text-align: center;}
	.chana_about1 v { margin: auto; margin-bottom: 20px;}
	.chana_about1 c a { margin: auto; margin-top: 31px;}
	.chana_product1 ul li .img1 img { display: none;}
	.chana_product1 ul li .img { height: 211px;}
	.chana_news1 ul li .img { height: 166px;}
	.chana_information, .chana_contactus, .chana_address { width: 100%; margin-right: 0px;    margin-bottom: 21px; }
	.chana_copyright1 {  width: 100%; text-align: center;}
	.crea_cat li a.img { height: 135px;}
	.crea_cat.cat34 li a.img, .crea_cat.cat35 li a.img {height: 170px;}
}

@media only screen and ( max-width: 800px ) {
	.chana_product1 ul li .img { height: 163px;}
	.chana_news1 ul li .img { height: 126px;}
	.crea_cat li a.img { height: 115px;}
	.crea_cat.cat34 li a.img, .crea_cat.cat35 li a.img {height: 135px;}
}

@media only screen and ( max-width: 650px ) {
	.chana_product1 ul li .img, .chana_news1 ul li .img, .crea_cat li a.img
	{ height: auto;}
	.chana_product1 ul li, .chana_allproduct1 ul li, .chana_news1 ul li
	{ width: 92%; margin-right: 0px; margin-bottom: 20px;}
	
	.chana_allproduct1 ul li, .chana_news1 ul li
	{ width: 100%;  }
	
	.chana_product1 ul li .text { font-size: 29px;}
	.chana_product1 b, .chana_allproduct1 b, .chana_news1 b { font-size: 29px;}
	.chana_news1 ul li .text { font-size: 21px;}
	.bfd_title span { font-size: 24px; border-bottom: 0px;}
	.crea_cat li{width:100%;margin-right:0px;}
	.chana_information b, .chana_contactus b, .chana_address b { font-size: 26px;}
	.chana_address span, .chana_information ul li a, .chana_contactus span, .chana_contactus span a { font-size: 20px;}
	.chana_address c, .chana_contactus c, .chana_information c { margin-bottom: 12px;}
	.crea_cat.cat34 li a.img, .crea_cat.cat35 li a.img {height: auto;}
}

@media only screen and ( max-width: 980px ) {
	.chana_menu{    width: 40px;}
/* Menu */ 
 .closebtn,  .menuw{display:block;}
 .menuw{display: block;
color: #333;text-align: right;
margin-top: 0px;
text-transform: uppercase;
padding-left: 0px;
 }
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    background-color: #000;
    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 li a, .chana_menu ul li a{color:#fff;}
	.chana_menu ul li a{margin-left: 0px;
    margin-top: 0px;
    width: 100%;
    border-bottom: 1px dotted #666;}
	.chana_menu ul li a:hover{border-bottom: 1px dotted #666;}
.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*/

}

}