@media(max-width:1000px){
    .callbacks_nav { top:45% }
}
@media(max-width:900px){
    .callbacks_nav { top:65% }
}
@media(max-width:768px){
	.logo{ width:40%; margin:0 0 3px 20px}
    .callbacks_nav { top:50% }
    .mobi-hide{ display:none}
	.aboutbg{background:#FFF}
	.date{ display:none}
}
@media(max-width:700px){
    .callbacks_nav { top:45% }
	.nav-top{margin-bottom:40px}
}

@media(max-width:600px){
	.logo{ width:50%; margin:0 0 3px 20px}
	.nav-top{margin-bottom:36px}
    .callbacks_nav { top:38% }
}
@media(max-width:500px){
	.logo{ width:60%; margin:0 0 3px 5px}
}
@media(max-width:420px){
    .men1 ,.men2{width:100%; padding:0 0 30px 0 }
	.nav-top{margin-bottom:30px}
}
@media(max-width:320px){
    .mobi-hide{ display:none}
	.logo{ width:70%; margin:0 0 3px 5px}
    .box{ width:100%}
    .men1 ,.men2{width:100%; padding:0 0 15px 0 }
}