@media screen and (max-width:1023px:)



{

	

	}



@media screen and (max-width:767px){



.header-left{left:0px;width:193px;}

	.logo img{width:100%}

	.header-right{width:40%;margin-right:0px}

	.sear{padding:3px 0 3px 5px;width:94%;margin:15px 0 0}

	.social-icon{display:block}

	.bx-viewport{overflow:visible}

	.bx-wrapper img{width:auto !important;}

.menu{display:block;}
/*****************mobile Menu************************/
.menu{background:url(../images/image-bg.jpg) repeat; width:55%; position:fixed; /*left:-55%;*/transition:all 0.3s ease-in-out; height:100%; margin:0px; box-sizing:border-box; border-right:2px #fff solid}	
.menu li{ display:block; width:100%; background:none; border:none; border-bottom:1px #CCC solid;box-sizing:border-box}	
.menu li a{width:100%;color:#FFF !important}
.hemburg-menu{margin:5px 0 0 0;display:block}
.hemburg-menu span,.hemburg-menu span:before,.hemburg-menu span:after{ background:#fff; content: "";display: block; height: 5px;position: absolute;width: 30px; transition:all 0.4s ease-in-out; right:-35px;}
.menu ul li a span, .navi span{float:none }
.menu ul li a{text-align:center}
.hemburg-menu span{top: 5px;}

.hemburg-menu span:after{top: 16px; right:0px}

.hemburg-menu span:before{top: 8px; right:0px}

.menu.slide{left:0px;}

.hemburg-menu.hemb-close span:before{transform:rotate(-45deg)}

.hemburg-menu.hemb-close span:after{transform:rotate(45deg)}

.hemburg-menu.hemb-close span{/*opacity:0; left:-50%;*/ background:none}

.hemburg-menu.hemb-close span:before,.hemburg-menu.hemb-close span:after{top:16px}

.navi{float:left;width:100%;background:url(../images/image-bg.jpg) repeat;height:35px;margin:25px 0px 0}

.navi li:hover{background:#E91B25}

.drop-down{position:static;display:block}

/*****************mobile Menu************************/
.footer{background:none}
.menu ul li{background:none}

}