#menu .menu-toggle { font-size: 36px; display: none; }
body.threshould-scroll-a ul.lang { display: none; }
#header .header-budget,
.responsive-container .header-budget { display: none; width: 230px; right: 0; position: absolute; margin-top: 7px; }
#header .header-budget span,
.responsive-container .header-budget span { background: url(../images/button1_middle.jpg) repeat-x; font-size: 12px; overflow: hidden; float: left; line-height: 20px; text-transform: uppercase; color: #FFF; }
#header .header-budget span span, 
.responsive-container .header-budget span span { background: url(../images/button1_left.jpg) no-repeat 0% 0%; font-size: 1em; overflow: hidden; float: left; line-height: 32px; text-transform: uppercase; color: #FFF;}
#header .header-budget span span span,
.responsive-container .header-budget span span span { background: url(../images/button1_right_arrow.jpg) no-repeat 100% 0%; overflow: hidden; padding: 1px 30px 0 15px; }
body.threshould-scroll-a #header .header-budget { display: block; }
.responsive-container .header-budget { display: block; position: absolute; bottom: 45px; left: 45px; z-index: 100; }
.logomobile { display: none; }
.responsive-container { display: none; position: relative; }
.responsive-container img { max-width: 100%; }

.column-right.active .column-right-inner { display: block; }
.column-right.active a.column-right-toggle { color: #4A8F22; }
a.column-right-toggle { display: none; background: transparent url(../images/background_black_rectangle_small.png) no-repeat center center; width: 283px; height: 55px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.7em; color: #fff; text-decoration: none; line-height: 55px; text-align: center; }
a.column-right-toggle:hover,
a.column-right-toggle:active { text-decoration: none; }

@media only screen and (max-width:1024px) {
    .activeSlider { display: none !important; }
    
    .logosmall, .logobig { display: none !important; }
    .logomobile { display: inline !important; margin-left: 30px; }

    .responsive-container { display: block; }   
    
    body { box-sizing: border-box; }
    
    #header { width: 100%; left: 0; z-index: 1100 !important; }
    #header h1.breadcrum { text-align: left; width: 100%; padding-right: 250px; position: absolute; top: 0; padding-left: 125px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #C3C3C3; box-sizing: border-box; }
    ul.lang { float: right; }
    #wrapper { width: 100%; margin: 0px; box-sizing: border-box; padding: 0 20px; }
    .wrap { width: 100%; }
    body.wimage #menu { position: absolute; width: 100%; top: 0px; }
    #menu,
    #menu ul,
    #menu li,
    #menu li > a { background: none; }
    #menu .menu-toggle { display: block; position: fixed; top: 0; left: 0; z-index: 1101; left: 20px; top: 5px; color: #5a5a5a; }    
    #menu.open .menu-toggle { color: #4A8F22; }
    #menu ul.main-menu { display: none; width: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; z-index: 1002; background: #f6f6f6; }
    #menu ul.main-menu > li.first { display: none; }
    #menu.open .main-menu { display: block; }
    #menu ul.main-menu li { float: none;  }
    #menu ul.main-menu .sub-menu { position: relative; margin: 0; padding: 0; float: none; }
    #menu ul.main-menu li.sub.selected { margin-bottom: 0; }
    #menu ul.main-menu .sub { padding: 0; position: relative; }
    #menu ul.main-menu .sub > ul { display: none; visibility: visible !important; position: relative !important; top: 0 !important; width: 100%; !important; }
    #menu ul.main-menu .sub.active > ul { display: block; }
    #menu ul.main-menu .sub-menu > li > a,
    #menu ul.main-menu .sub > a {
        width: 100%; width: 100%; height: 100%; box-sizing: border-box;
        border:1px solid #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;text-decoration:none; display:inline-block;
        background-color: #f2f5f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#f6f6f6));
        background-image: -webkit-linear-gradient(top, #d6d6d6, #f6f6f6);
        background-image: -moz-linear-gradient(top, #d6d6d6, #f6f6f6);
        background-image: -ms-linear-gradient(top, #d6d6d6, #f6f6f6);
        background-image: -o-linear-gradient(top, #d6d6d6, #f6f6f6);
        background-image: linear-gradient(to bottom, #d6d6d6, #f6f6f6);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d6d6d6, endColorstr=#f6f6f6);
    }
    #menu ul.main-menu .sub > a { color: #4A8F22; }
    #menu ul.main-menu .sub-menu > li > a { padding-left: 20px; }
    #menu ul.main-menu li.sub > a { height: 48px; }
    body.menu-open .responsive-container { display: none; }
    body.menu-open #wrapper { padding: 0; }
    
    a.column-right-toggle { display: inline-block; }
    .column-right .column-right-inner { position: relative !important; }
    .column-right .top-bar { display: none; }
    .column-right { right: auto; left: 0; width: 100%; text-align: center; padding-top: 12px; background-color: #fff; padding-bottom: 0; }
    .column-right .column-right-inner { display: none; width: 236px; margin: 0 auto; }
    .column-right.open .column-right-inner { display: block; }
    body.contacts-panel-active #content { display: none; }
    body.contacts-panel-active .advantages { display: none; }
    
    #content { width: auto; float: none; }
    #content .column-left { width: 100%; padding: 0; }
    #content .column-left iframe { margin-left: 0;  }

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 35px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; margin-left: -20px;}

    ul.promos { margin-left: 0; }
    ul.promos li { margin-bottom: 46px; }
    
    .advantages { background: none; margin-bottom: 60px; }
    .advantages ul { width: 100%; background: none; text-align: center; }
    .advantages ul li { background: none; box-sizing: border-box; float: none; display: inline-block; vertical-align: top; height: auto; }

    .footer-big span.title { line-height: 1.4em; padding: 0 20px; }
    .footer-big span.sub-title { background: none; width: 100%; text-align: center; }
    .footer-big span.st2 { display: none; }
    #footer { background: none; background-color: #212121 !important; box-sizing: border-box; }
    #footer.footer-big .services ul { width: 33%; box-sizing: border-box; padding: 0 20px; }
    #footer.footer-big { background: none; }
    #footer.footer-big .wrap { background: none; }
    #footer .wrap { background: none; }
    #footer.footer-big .cities ul { width: 11%; box-sizing: border-box; padding: 0 20px; }
    #footer div.sponsors { margin-left: 20px; }
    
    #footer ul { width: 100%; }
    #footer div.copywright { width: 100%; }

    .form form[name="estimate"] .col2 { width: 100%; box-sizing: border-box; padding-right: 20px; }
    .form form[name="estimate"] input.big { width: 100%;  }
    .form form[name="estimate"] textarea.medium { width: 100%; }
    .form form[name="estimate"] .col-330 { width: 100%;  padding-left: 0;}

    .video img { max-width: 100%; }

    .bt-orcamento { margin: 20px auto; float: none; }
    ul.details { margin: 20px auto; float:none; }
    ul.promos { text-align: center; }
    ul.promos > li { display: inline-block;  }
    ul.promos li div a { left: 0; }
    
    #widget-quote-request{ display: none; }

    .news .news-content { width: auto; }
    
    .form input.big,.form input.big2,.form select.big,.form textarea.big{width:100%}
}

@media only screen and (max-width:640px) {
    #footer.footer-big .services ul { width: 50%; }
    #footer.footer-big .cities ul { width: 33%;}
    ul.details { background: none; margin-left: -20px;}
	#cboxTitle{font-size: 0.8em;}
}

@media only screen and (max-width:480px) {
    #header h1.breadcrum { display: none; }
    #footer.footer-big .services ul { width: 100%; }
    #footer.footer-big .cities ul { width: 50%;}
}