.promo-block{
width:300px;
height:220px;
bottom:-20px;
right:-16%;
z-index: 800;
display: none;
opacity: 0;
position: absolute;
color: #fff;
cursor:pointer;
}
#bg-promo {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 900;
    overflow: auto;
}
#form-promo{
    color: #fff;
    width: 625px;
    height: 490px;
    margin: 25px auto 0;
    display: none;
    z-index: 1000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 16px;
}
.promo-info{
font-size:24px;
}
.promo-info p{padding:0 0 7px 0;}
#form-promo span{font-size:16px;}
.promo-inp{display:inline-block;vertical-align:middle;margin:30px 0 0 0;}
.promo-inp input{box-shadow: none;color:#fff;border:1px solid #fff;font-size:18px;padding:15px;display:block;width:265px;margin:10px 0 0 0;background:rgba(255,255,255,0)}
#submit-call{font-size:24px;display:block;width:290px;background:#d30026;margin:30px auto 0;border:none;line-height:60px;color:#fff;}
#submit-call:hover{color:#000;}

.close-promo{width:39px;height:39px;position:absolute;top:40px;right:40px;cursor:pointer;background:url(/bitrix/templates/moidodir/img/icon-close.png) 0 0 no-repeat;}
.close-promo:hover{background-position:0 -39px;}

label.error{color: rgba(0,0,0,0);font-size:14px;}

@-ms-viewport {
  width: device-width;
  height: device-height;
}
@media (min-width: 1100px) and (max-width: 1240px) {
.promo-block img{width:215px;height:auto;}
.promo-block{bottom:-50px;}
}
@media (min-width: 900px) and (max-width: 1099px) {
.promo-block img{width:215px;height:auto;}
.promo-block{bottom: -130px;right: -11%;}
.hiddentable{margin-bottom:46px!important;}
}
@media (min-width: 700px) and (max-width: 899px) {
.promo-block img{width:215px;height:auto;}
.promo-block{bottom: -160px;right: -11%;}
.hiddentable{margin-bottom:66px!important;}
}
@media (min-width: 500px) and (max-width: 699px) {
.promo-block img{width:215px;height:auto;}
.promo-block{bottom: 0px;right: -11%;}
#form-promo{width:90%;margin:-75px auto;}
.promo-inp {display: block;margin: 30px auto 0;width: 310px;}
.promo-inp{padding:0!important;}
.close-promo{top:0;right:0;}
.promo-info{font-size:20px;}
.close-promo{width:19px;height:19px;position:absolute;top:10px;right:10px;cursor:pointer;background:url(/bitrix/templates/moidodir/img/icon-close.png) 0 0 no-repeat;background-size: 100% 200%;}
.close-promo:hover{background-position:0 100%;}
}
@media (min-width: 50px) and (max-width: 499px) {
.promo-block img{width:215px;height:auto;}
.promo-block{bottom: -200px;right: -11%;}
.hiddentable{margin-bottom:140px!important;}
#form-promo{width:90%;margin:-75px auto;}
.promo-inp {display: block;margin: 30px auto 0;width: 310px;}
.promo-inp{padding:0!important;}
.close-promo{top:0;right:0;}
.promo-info{font-size:20px;}
.close-promo{width:19px;height:19px;position:absolute;top:10px;right:10px;cursor:pointer;background:url(/bitrix/templates/moidodir/img/icon-close.png) 0 0 no-repeat;background-size: 100% 200%;}
.close-promo:hover{background-position:0 100%;}
}