@media screen and (max-width: 1100px) {
.slogan { width:auto; margin-right:50px; }
}

@media screen and (max-width: 1000px) {
    .inner { width:100%; padding-left:0; padding-right:0; max-width:1000px; min-width:860px; }
    
    .to_left { width:auto; }
    
    .slider { display:none; }
    .services, .slider { margin:0; }
    
    .services ul { height:auto; display:block; overflow:hidden; }
    .services li { border:none; display: inline-block; padding: 0 5px; }
    .services li a { display:table-cell; vertical-align:middle; height:158px; text-align: center; width:170px; }
    .services a:hover img { margin-top:0; }

    .phone { margin:40px 0 0; }
    .header { background-position: right bottom; }
    #nav_helper { display:block; }
    #nav { display:none; }
    .menu_wrapper { z-index:9; position:absolute; right:0; top:0; height:auto; }
    .menu_wrapper ul.menu { background:none; height:auto; margin: 10px; }
    .menu_wrapper ul.menu li { display:block; height:auto; padding: 7px 5px !important; line-height:1; background:none; }
    .menu_wrapper ul.menu ul { display:block; visibility:visible; position:relative; background:none; margin: 0 0 0 15px; border:none; }
    .menu_wrapper ul.menu ul li:hover, .menu_wrapper ul ul li.active { background:none !important; }
    .menu_wrapper ul.menu ul li { padding: 4px 5px !important; }
}

@media screen and (max-width: 860px) {
    body { font-size:87.5%; }
    .inner { max-width:860px; min-width:720px; }
    
    .srv { font-size: 87.5%; }
    
    .slider { display:none; }
    .slogan { display:none; }
    
    .footer .copyright  { padding:0; }
    .footer .madeby, .footer_menu { border:none; padding:20px 0 0; }
}
@media screen and (max-width: 720px) {
    body { font-size:87.5%; }
    .inner { min-width:640px; max-width:720px;}
    .services a:hover img { margin-top:0; }
    .menu_wrapper ul.menu { margin:0 2px 0 7px; }
    .menu_wrapper ul.menu li { padding: 0 7px; }
    
    .content ul li:before { content:''; background:#a03a26; width:5px; height:5px; position:absolute; left:-10px; top:6px; }
    
    #logo { margin-left:20px; display:none; }
    .to_left {margin-left:20px; }
}

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

    .inner { min-width:540px; max-width:640px; }
    
    .footer .copyright, .footer .madeby, .footer .footer_menu { float:none; }
    .footer .footer_menu  ul { margin: 0 10px; }
    
    .phone { background:none; padding:0; }
}

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

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

}