.changepromo__block{}
.changepromo__one{}
.changepromo__flex{}
.changepromo__one{margin-bottom: 40px;}
.changepromo__one:last-child{ margin-bottom: 0px;}
.changepromo__flex__one:nth-child(1){min-width: 300px; max-width: 300px; margin-right: 20px;}
.changepromo__flex__one__img{margin-bottom: 10px;}
.changepromo__flex__one__img img{border-radius: 3px}
.changepromo__flex__one__btn{}
.changepromo__flex__one__btn .btncolor{text-align: center; max-width: 300px; margin: 0 auto;}
.changepromo__flex__one__head{font-weight: bold; margin-bottom: 10px;}
.changepromo__flex__one__text{}

.changepromo__setting{display: none; margin-top: 20px;}
.changepromo__setting input, .changepromo__setting textarea{border: 1px solid #cacaca; border-radius: 3px; padding: 10px; font-size: 1em; font-family: MuseoSansCyrl;}
.changepromo__setting textarea{resize: none; width: 100%; display: block;}
.changepromo__flex2{}
.changepromo__flex2__one{margin-right: 20px;}
.changepromo__flex2__one:last-child{margin-right: 0px;}
.changepromo__threebutton{display: none;}
.changepromo__flex3{}
.changepromo__flex3__one{margin-right: 20px;}
.changepromo__flex3__one:last-child{margin-right: 0px;}

.changepromo__setting .banners_view #banner_zone_wrap, .changepromo__setting .banners_view .banner_scale{width: 100% !important; text-align: center;}
.changepromo__setting .banners_view .banner_zone{padding: 10px; border: 1px solid #f7f7f7; margin-top: 20px;}
.changepromo__setting .banners_view .banner_zone:first-child{margin-top: 0px;}
.changepromo__setting .banners_view .banner_zone img{width: inherit !important; height: inherit !important; max-width: 100%; display: block; margin: 0 auto;}
.changepromo__setting .banners_view .tbl_params{margin-top: 10px;}
.changepromo__setting .banners_view .tbl_params th, .changepromo__setting .banners_view .tbl_params td{text-align: center; border: 1px solid #d8d8d8 !important; padding: 10px; vertical-align: middle; font-weight: normal;}
.changepromo__setting .banners_view .tbl_params th{background: #eeeeee; color: #818181;}
.changepromo__setting .banners_view .banner_code{margin-top: 10px;}

.changepromo__setting .bs_buttons_wrap .btncolor{margin: 10px 5px;}


@media screen and (max-width: 800px) {
    .changepromo__one{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f7f7f7;}
    .changepromo__one:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
    
    .changepromo__flex, .changepromo__flex2, .changepromo__flex3{display: block;}
    .changepromo__flex__one:nth-child(1){min-width: inherit; max-width: 300px; width: 100%; margin: 0px auto 10px auto;}
    .changepromo__flex__one__head{text-align: center;}
    .changepromo__flex2__one, .changepromo__flex3__one{margin-right: 0px; margin-bottom: 10px;}
    .changepromo__flex2__one:last-child, .changepromo__flex3__one:last-child{margin-bottom: 0px;}
    .changepromo__flex2, .changepromo__flex3{max-width: 300px; margin: 0 auto; text-align: center; width: 100%;}
    .changepromo__flex2__one input, .changepromo__flex2__one .btncolor{width: 100%;}
    
    .changepromo__setting .bs_buttons_wrap .bs_сollapse, .changepromo__setting .bs_buttons_wrap .bs_show_next{display: block !important;}
    .changepromo__setting .bs_buttons_wrap .btncolor{margin: 10px 0;}
}