/* Small Mobile Layout: 320px. */ 
.lightbox_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.lightbox_wrapper p {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

.lightbox_wrapper p img {
    width: 100%;
    box-sizing: border-box;
    margin: 0!important;
    padding: 0!important;
    cursor: pointer;
}
.m_phone {
    display: none;
    clear: both;
    position: absolute;
    top: 133px;
    width: 100%;
    background: #a1ccec;
    color: #3CFFEE;
    left: 0;
    padding: 5px;
    text-align: center;
    border-radius: 15px;
    box-sizing: border-box;
    text-decoration: none;
    text-shadow: 0px 1px 8px #001;
    font-weight: bold;
    font-size: 26px;

}
.home .mform{
  display: none;
} 
.home.noform div#container {
    margin-top: 0;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:rgba(0,0,0,.5); 
    text-align:center;

}


#lightbox p {
    text-align: right;
    color: #fff;
    margin-right: 20px;
    font-size: 12px;
    right: 10px;
    margin-top: 10px;
    background: #000;
    position: absolute;
    padding: 5px 8px;
    border-radius: 50%;
}

#lightbox img {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-width:940px;
    margin-top:25vh;
}



@media (max-width:600px){
 
  .wrapper1, .wrapper2 {
    width: 100%;
    overflow-x: scroll;
    overflow-y:hidden;
  }
  
    
  .div1 {
    width:100%;
    height: 20px;
  }
  
  .div2 {
    width:100%;
    overflow: auto;
  }


 body .block_content_top {
    margin-top: 635px !important;
}

 body .block_content_top {
    margin-top: 640px !important;
}
#wrapper { background:#fff !important }  
.mform .title { margin-top:10px; }
.mform .title { margin-left: 5px; }
.block_content_top .block_page_title .title { color:#399ee0 !important; background-color: #f6f6fd; } 
.block_content_top.mt-0 { margin-top:0 !important }
div#hot {
    height:auto;
}


  .home .from_right {
    margin-top: 0px;
    margin-right: 2%;    
}
.home #headline a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.home div#container {
    margin-top:520px;
}

.home a.cardMenu {
    margin: 0;
    position: absolute;
    top: 102px;
    left: 0px;
    background-position: center;
}

.home a.m_phone {
    margin-top: 10px;
}

.home .mform {
    margin-top: -40px;
    display: block;
}

.home div#right #hot {
    display: none;
}


}
@media (max-width:460px){
  .home .from_right {
    /*margin-top: -275px;*/
    margin-right: 2%;    
}
}

@media (max-width:600px){
  .home div#right {
    clear: both;
}
.home div#hot {
    width: 100%!important;
    margin: 10px auto!important;
    padding-bottom: 20px!important;
    max-width:300px !important;
}
.home form#form1 {
    margin-left: 0!important;
    padding-left: 25px!important;
    padding-top: 63px!important;
    /*padding-right: 25px!important;*/
    box-sizing:border-box;

}
input[name="phone1"], input[name="name1"], input[name="mail"] {
    width: 100%;
}

.m_phone{
  display:block;

}

.from_right p:nth-child(2) {
    margin-top: 42px;
}
}

@media only screen and (min-width:100px) and (max-width:349px){
#top_menu{display:block;}
.container{width:250px}
.box_round{display:block}
#wrapper,#menu,#footer{width:250px}

#header {  background: url("/img/valerius_rev3.jpg") no-repeat scroll 0 0 / 100% 100% transparent;  height: 127px;}
.cardMenu {  margin: -133px 0 0 300px;width:83px}
#lang {
  margin-left: 300px;
  margin-top: -31px;
  width: 41px;
}
#logo {
  width: 300px;  margin-top: 26px;
  max-width:100%;
}
#top_menu li{padding:0 12px;}
#lang{margin-left:916px;}
#right{width:240px; padding-right: 15px;margin-left:25px;float: none; margin: 0 auto;}
.from_right{width:100% !important}
#home { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);width: 231px; margin-left: 9px;}
.box a img,.discount a img{width:100%;}
#promo{top:0!important;left:0!important;}
.box_comment {  width: inherit;}
#lang{margin-left:300px;width:41px;color: #000;
  background: #cf0000;}
#top_menu li a{font-size:12px;}
#footer_menu li a{font-size:12px;}
#footer_menu ul li {margin-left:20px !important;}
#top_menu li{margin:0px;}
.box_round{display:none !important}
#hot{width:100%;margin-left:5px;}
#form1{float: none;margin: -82px auto 0;width:100% }
.home_h2{margin-top:0;}
.home_h1{font-size:23px;}
#center{float:none;width: 231px!important; margin-left: 9px;}
#left_menu{margin-top:167px;}
#left,#left_menu,#left_menu_content{width:100%;}
#footer {  height: inherit;}

#free, #comment,#form .form-block-big textarea{width:100%;}
#form .form-block{width:160px;float: none;}
#form .form-block-big{width:72%;}
#form,#form input{width:100%;}
#header {position: relative;  top: 52px;}
.en{left: -110px; position: relative;top: -113px;}
.fr{left: -110px; position: relative;top: -113px;}



}



@media only screen and (min-width: 350px) and (max-width: 479px){
#top_menu{display:block;}
#menu{display:none}
#wrapper,#menu,#footer{width:300px}
#header {  background: url("/img/demenagement-confort-mobile.jpg") no-repeat scroll 0 0 / 100% 100% transparent;  height: 127px;}
.cardMenu {  margin: -133px 0 0300px;width:83px}
#top_menu li{padding:0 12px;}
#lang{margin-left:916px;}
#right{width:280px; padding-right: 15px;margin-left:25px;float: none; margin: 0 auto;}
.from_right{width:100% !important}
#home { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);width: 280px; margin-left: 9px;}
.box a img,.discount a img{width:100%;}
#promo{top:0!important;left:0!important;}
.box_comment {  width: inherit;}
#lang {
  margin-left: 320px;
  margin-top: -23px;
  width: 41px;color: #000;
  background: #cf0000;
}
#logo {
  width: 320px;  margin-top: 26px;
}
#top_menu li a{font-size:12px;}
#footer_menu li a{font-size:12px;}
#footer_menu ul li {margin-left:20px !important;}
#top_menu li{margin:0px;}
.box_round{display:none !important}
#hot{width:100%;margin-left:5px;}
#form1{float: none;margin:0;width:100%; margin-top:-80px; }
.home_h2{margin-top:0;}
.home_h1{font-size:28px; text-align:center;}
#center{float:none;width: 280px!important; margin-left: 9px;}
#left_menu{margin-top:135px;}
#left,#left_menu,#left_menu_content{width:100%;}
#footer {  height: inherit;}

#free, #comment,#form .form-block-big textarea{width:100%;}
#form .form-block{width:207px;float: none;}
#form .form-block-big{width:77%;}
#form{width:100%;}
#header {position: relative;
  top: 52px;}

.en{left: -81px; position: relative;top: -113px;}
.fr{left: -81px; position: relative;top: -113px;}

}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 765px){
#top_menu{display:block;}
#wrapper,#menu,#footer{width:450px}
#header {  background: url("/img/valerius_rev3.jpg") no-repeat scroll 0 0 / 100% 100% transparent;  height: 127px; position: relative;
    top: 52px;}
.cardMenu {
  margin: -263px 0 0 368px;
  width: 83px;
  margin: ;
}
#logo {
  width: 450px;  margin-top: 26px;
}
#top_menu li{padding:0 12px;}
#lang{margin-left:400px;}
#right{width:435px; padding-right: 15px;margin-left:25px;float: none; margin: 0 auto;}
.from_right{width:100% !important}
#home { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);width: 420px;}
.box a img,.discount a img{width:100%;}
#promo{top:0!important;left:0!important;}
.box_comment {  width: inherit;}
#lang {
  margin-left: 400px!important;
  width: 41px;  color: #000;
  background: #cf0000;
}
#top_menu li a{font-size:12px;}
#footer_menu li a{font-size:12px;}
#footer_menu ul li {margin-left:20px !important;}
#top_menu li{margin:0px;}
.box_round{display:none !important}
#hot{width:100%;margin-left:5px;}
#form1{float: none;margin: -82px auto 0;width:auto }
.home_h2{margin-top:0;}
.home_h1{font-size:23px;}
#center{float:none;width: 420px!important; margin-left: 15px;}
#footer {  height: inherit;}
#left,#left_menu,#left_menu_content{width:100%;}
#goodbye h4{width:241px;}

#free, #comment,#form .form-block-big textarea{width:100%;}
#form .form-block{width:356px;float: none;}
#form .form-block-big{width:83%;}
#form{width:100%;}

.en{left: -81px; position: relative;top: -242px;}
.fr{left: -81px; position: relative;top: -242px;}



}

@media (max-width:767px){
  .comment {
    width: 94%;
    margin: 5px auto;
}
.comment {
  width: 94%;
  margin: 5px auto;
}

form#form11 {
  width: 96%;
}

form#form11 input {
  width: 100%;
}

#form11 .form-block {
  width: 94%;
  box-sizing: border-box;
  padding: 0;
}

#form11 .form-block-big {
  width: 94%;
  box-sizing: border-box;
}

#form11 .form-block-big textarea {
  width: 94%;
}
  #center img {
    margin: 0;
    width: auto;
    height: auto;
}
  .home div#articles {
    width: 96%;
    margin: 0 auto;
    float: initial;
}
div#articles h1 {
  text-align: center;
}
.noform div#left_menu {
  margin-top: 29px;
}

div[style="float:left; width:650px;"] {
  width: 100%!important;
  float: initial!important;
  text-align: justify;
}


}



@media only screen and (min-width: 766px) and (max-width: 991px) {
.mobile_menu{display:none}
#wrapper,#menu,#footer{width:750px}
.cardMenu {  margin: -133px 0 0 663px;width:83px}
#header {  background: url("/img/valerius_rev.jpg") no-repeat scroll 0 0 / 100% 100% transparent;  height: 127px;}
#top_menu li{padding:0 12px;}
#lang{margin-left:916px;}
#right{width:450px; padding-right: 15px;margin-left:25px;float: none; margin: 0 auto;}
.from_right{width:100% !important}
#home {  background: url("/img/home.png") no-repeat scroll right top rgba(0, 0, 0, 0);  width: 720px;}
.box a img,.discount a img{width:100%;}
#promo{top:0!important;left:0!important;}
.box_comment {  width: inherit;}
#lang{margin-left:705px;width:41px}
#top_menu li a{font-size:12px;}
#footer_menu li a{font-size:12px;}
#footer_menu ul li {margin-left:20px !important;}
#top_menu li{margin:0px;}
.box_round{display:block;}
#hot{width:100%;}
#form1{float: none;margin: -82px auto 0;width: 200px;}

#form .form-block {   width: 392px;float:none;}
#form .form-block-big{width: 407px;}
.mobile_sow{display:none;}
#free, #comment{width: 480px;}
#form .form-block-big textarea{width:100%;}

}




@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mobile_menu{display:none}
#wrapper,#menu,#footer{width:970px}
.cardMenu {  margin: -133px 0 0 881px;width:85px}
#header {  background: url("/img/valerius_rev.jpg") no-repeat scroll 0 0 / 100% 100% transparent;  height: 127px;}
#top_menu li{padding:0 12px;}
#lang{margin-left:916px;}
#right{width:255px; padding-right: 15px;}
#right div:nth-child(1){left: 17px; position: relative;}
#home {  background: url("/img/home.png") no-repeat scroll right top rgba(0, 0, 0, 0);  width: 651px;}
.box a img,.discount a img{width:100%;}
#promo{top:0!important;left:0!important;}
.box_comment {  width: inherit;}
#lang{margin-left:915px;width:55px;}
.box_round{display:block !important}
#free, #comment{width:695px;}
#form .form-block{width:272px;}
#form .form-block-big{width: 636px;}
.mobile_sow{display:none;}

}



@media (min-width: 1200px) {
#wrapper{width:1010px;}
header{display:none !important}
.mobile_sow{display:none;}

}

div#wrapper {
    overflow:hidden;
}