@media (max-width: 575.98px) { 
    
    #header #ecoheader {
        display: grid;
        grid-template-areas:
        "aaa ccc"
        "bbb ccc";
        margin: 0 15px;
        align-items: start;
    }
    
    #header #ecoheader #ecologo {
        grid-area: aaa;
        margin-top: 10px;
    }
    
    #header #ecoheader #ecoslog {
        grid-area: bbb;
    }
    
    #header #ecoheader #ecocont {
        grid-area: ccc;
    }
    
    #block-slaydernaglavnoy img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    .carousel-indicators li {
        padding: 0;
        height: 5px;
        font-size:0px;
    }
    
    .main-text-and-image {
        display: flex;
        flex-direction: column;
    }
    
    #block-bootstrap-barrio-subtheme-page-title .title {
        text-align: center;
        font-size: 120%;
    }
    
    .main-text-about {
        margin: 0;
    }
    
    .main-image-about {
        margin: 0 auto;
        text-align: center;
    }
    
    .main-image-about img {
        width: 75%;
    }
    
    #main .row {
        margin-right: 0;
        margin-left: 0;
    }
    
    #block-vebforma .webform-elements {
        display: flex;
        flex-direction: column;
    }
    
    .region-calc-place h2 {
        font-size: 24px;
    }
    
    .calcclass {
        margin: 0;
        min-width: 100%;
        padding: 0;
        position: relative;
        background: url(../images/calc-bg.png) no-repeat 240px 4vw #f5f5f2;
    }
    
    .content .webform-submission-form {
         background: none;
    }
    
    #edit-container1 {
        margin-right: 0;
    }
    
    #block-vebforma label {
        /*flex-grow: 1;*/
        flex-basis: 33%;
    }
    
    .fieldgroup .webform-options-display-side-by-side.radio input {
        width: 50% !important;
    }
    
    #edit-obem-konteynera, #edit-territorialnost {
        display: flex;
    }
    
    #map-info-logo {
        display: none;
    }
    
    #map-info-title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    #map-info {
        padding: 15px;
    }
    
    #map-info-address {
        margin: 10px 0;
    }
    
    #edit-calcsumma div {
        font-size: 50px;
        text-align: center;
    }
    
    .carousel-indicators {
        justify-content: space-between;
    }
    
    .carousel-indicators li {
        flex-grow: 1;
    }
    
    .d-none {
        display: block!important;
    }
    
    .d-none p {
        display: none!important;
    }
    
    .ecologslider .slide1class h3, .ecologslider .slide2class h3, .ecologslider .slide3class h3, .ecologslider .slide4class h3 {
        font-size: 16px;
    }
    
    #block-geolokaciya .content p {
        font-size: 13px !important;
    }
    
    #block-telefonyvshapke p {
        font-size: 14px !important;
    }
    
    #block-slogansayta p {
        font-size: 14px !important;
    }
    
    #ecocall {
        margin-bottom: 0;
    }
    
    .main-content.col {
        flex-basis: auto;
    }
    
    .view-footer {
        flex-direction: column;
    }
    
    #views-bootstrap-arenda-page-1 {
        width: 100%;
    }
    
    #views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 {
        display: flex;
        flex-direction: column;
    }
    
    #views-bootstrap-arenda-page-1 .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12:nth-child(2n) {
        display: flex;
        flex-direction: column;
    }
    
    .views-field.views-field-field-izobrazhenie-konteynera {
        margin: 0 !important;
    }
    
    .views-field.views-field-field-izobrazhenie-konteynera .field-content {
        text-align: center;
    }
    
    #views-bootstrap-arenda-page-1 .views-field.views-field-field-stoimost .field-content,
    #views-bootstrap-arenda-page-1 .views-field.views-field-title  {
        text-align: center;
        font-size: 120%;
    }
    
    .sf-accordion-toggle.sf-style-none {
        display: none;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    
    #block-slaydernaglavnoy .carousel-caption.d-none p:last-child {
        display: block !important;
    }
    
    .ecologslider .slide1class,
    .ecologslider .slide2class,
    .ecologslider .slide3class,
    .ecologslider .slide4class {
        top: 0%;
    }
    
    .site-footer {
        padding: 42px 20px 0 20px;
    }
    
    #call-block {
        flex-direction: column;
        width: 100%;
    }
    
    #call-block #call-block-text {
        margin: 0;
        text-align: center;
    }
    
    #call-block #call-block-phone {
        text-align: center;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    
    
    
    /* Калькуляторы */
    
    .block-webform-block .webform-elements {
        flex-direction: column;
    }
    
    .block-webform-block #edit-obem-konteynera {
        width: 100%;
    }
    
    .block-webform-block #edit-obem-konteynera label {
        flex-basis: 25%;
    }
    
    .block-webform-block #edit-klass-opasnosti label,
    .block-webform-block #edit-obem-otkachki label,
    .block-webform-block #edit-vid label,
    .block-webform-block #edit-klass-opasnosti-pasport label,
    .block-webform-block #edit-usloviya-rpek label,
    .block-webform-block #edit-period label,
    .block-webform-block #edit-kolichestvo-ploschadok-sbor label {
        flex-basis: 50%;
    }
    
    .block-webform-block #edit-territorialnost-,
    .block-webform-block #edit-territorialnost-stro,
    .block-webform-block #edit-klass-opasnosti,
    .block-webform-block #edit-obem-otkachki,
    .block-webform-block #edit-territorialnost-zhbo,
    .block-webform-block #edit-territorialnost-grunt,
    .block-webform-block #edit-vid,
    .block-webform-block #edit-territorialnost-sneg,
    .block-webform-block #edit-kolichestvo-ploschadok-sreda,
    .block-webform-block #edit-klass-opasnosti-pasport,
    .block-webform-block #edit-kolichestvo-ploschadok-pothod,
    .block-webform-block #edit-kolichestvo-ploschadok-rpek,
    .block-webform-block #edit-usloviya-rpek,
    .block-webform-block #edit-kolichestvo-ploschadok-ouchet,
    .block-webform-block #edit-kolichestvo-ploschadok-planu,
    .block-webform-block #edit-kolichestvo-ploschadok-isvib,
    .block-webform-block #edit-kolishestvo-uchet,
    .block-webform-block #edit-kolichestvo-ploschadok-2tp,
    .block-webform-block #edit-kolichestvo-ploschadok-pek,
    .block-webform-block #edit-period,
    .block-webform-block #edit-kolichestvo-ploschadok-kadastr,
    .block-webform-block #edit-kolichestvo-ploschadok-vozduh,
    .block-webform-block #edit-kolichestvo-ploschadok-sbor,
    .block-webform-block #edit-kolichestvo-ploschadok-neg,
    .block-webform-block #edit-kolichestvo-vypuskov,
    .block-webform-block #edit-kolichestvo-istochnikov-pek {
        display: flex;
        width: 100%;
    }
    
    .block-webform-block #edit-territorialnost- label,
    .block-webform-block #edit-territorialnost-stro label,
    .block-webform-block #edit-territorialnost-zhbo label,
    .block-webform-block #edit-territorialnost-grunt label,
    .block-webform-block #edit-territorialnost-sneg label,
    .block-webform-block #edit-kolichestvo-ploschadok-sreda label,
    .block-webform-block #edit-kolichestvo-ploschadok-pothod label,
    .block-webform-block #edit-kolichestvo-ploschadok-rpek label,
    .block-webform-block #edit-kolichestvo-ploschadok-ouchet label,
    .block-webform-block #edit-kolichestvo-ploschadok-planu label,
    .block-webform-block #edit-kolichestvo-ploschadok-isvib label,
    .block-webform-block #edit-kolishestvo-uchet label,
    .block-webform-block #edit-kolichestvo-ploschadok-2tp label,
    .block-webform-block #edit-kolichestvo-ploschadok-pek label,
    .block-webform-block #edit-kolichestvo-ploschadok-kadastr label,
    .block-webform-block #edit-kolichestvo-ploschadok-vozduh label,
    .block-webform-block #edit-kolichestvo-ploschadok-neg label,
    .block-webform-block #edit-kolichestvo-vypuskov label,
    .block-webform-block #edit-kolichestvo-istochnikov-pek label {
        flex-basis: 33%;
    }
    
    .block-webform-block .webform-elements fieldset.form-type-range {
        width: 100%;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper {
        display: flex;
        position: relative;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper .js-form-wrapper:first-child {
        flex-basis: 25%;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper .js-form-wrapper:nth-child(2) {
        display: block;
        position: absolute;
        top: 0px;
        right: 10px;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper .js-form-wrapper:nth-child(3) {
        flex-basis: 75%;
        margin-top: 45px;
        text-align: right;
    }
    
    .block-webform-block .webform-elements fieldset svg {
        max-width: 90%;
    }
    
    .block-webform-block #edit-contfields .fieldset-wrapper {
        flex-direction: column;
        text-align: center;
    }
    
    .block-webform-block .webform-elements fieldset .fieldset-wrapper #edit-contfields input, .block-webform-block .webform-elements #edit-contfields button {
        margin: 0 auto;
    }
    
    #edit-resultcalc {
        margin-left: 0;
    }
    
    #edit-kalkulyaciya {
        margin-bottom: 0;
    }
    
    #edit-resultcalc {
        margin-bottom: 0;
    }
    
    #edit-resultcalc {
        color: #2b3532;
        font-family: "Gotham Pro";
        font-size: 44px;
        line-height: 1;
        margin-left: 30px;
    }
    
    #edit-resultcalc span  {
        font-size: 36px;
    }
    
    h2 {
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 30px;
    }
    
    .content .webform-elements fieldset #edit-titlecalc {
        font-size: 18px;
        text-align: center;
    }
    
    #edit-comments .fieldset-wrapper .js-form-wrapper, #edit-comments .fieldset-wrapper .form-type-webform-terms-of-service {
        flex-basis: 100%;
    }
    
    .content .webform-elements fieldset .fieldset-wrapper .fieldset-wrapper {
        display: grid;
        flex-wrap: wrap;
    }
    
    #edit-comments .fieldset-wrapper .js-form-wrapper {
        order: 2;
    }
    
    .form-group {
        /*margin-bottom: 0;*/
    }
    
    .js-form-type-range .js-form-type-number .sr-only {
        width: 100% !important;
    }
    
    #superfish-main-accordion {
        display: block;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    #superfish-main-accordion a {
        color: #fff;
    }
    
    .sf-accordion-toggle.sf-style-none {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 auto;
    }
    
    .sf-accordion-toggle.sf-style-none span {
        color: #fff;
        font-size: 120%;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    
    /* Конец калькуляторы */
    
    .node__content.clearfix img.align-center {
        max-width: 100%;
        height: auto;
    }
    
    /* Рекомендуемые услуги */
    
    .region-recomend-place .field-content {
        flex-direction: column;
    }
    
    #block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 article {
        display: flex;
        border-bottom: none;
        margin-bottom: 0;
    }
    
    .views-field-field-uslugi-ekosoprovozhdeniya .field-content {
        visibility: hidden;
    }
    
    .views-field-field-uslugi-ekosoprovozhdeniya .field-content article {
        visibility: visible;
        padding-bottom: 0;
    }
    
    #block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 h2 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 30px;
    }
    
    .views-field-field-uslugi-ekosoprovozhdeniya h2 {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .views-field-field-uslugi-ekosoprovozhdeniya header {
        display: flex;
    }
    
    /*Конец рекомендуемые услуги*/
    
    /* Хлебные крошки */
    
    .breadcrumb * {
        font-size: 12px;
    }
    
    /* Конец хлебных крошек */
}


@media (max-width: 767.98px) and (min-width: 576px) { 
    .container, .container-sm {
        max-width: 100%;
    }
    
    #ecoheader {
        margin: 0 auto;
        width: 90%;
    }
    
    #superfish-main li a {
        font-size: 12px;
        padding-left: 10px;
    }
    
    .carousel-indicators {
        margin-bottom: 0;
        width: 100%;
        display: flex;
    }
    
    .carousel-indicators li {
        width: 25%;
    }
    
    .view-kategorii-vyvoza-musora-na-glavnoy {
        margin: 0 15px;
    }
    
    #block-bootstrap-barrio-subtheme-page-title {
         margin: 10px 15px 0 15px;
    }
    
    #block-bootstrap-barrio-subtheme-content {
        margin: 0 15px;
    }
    
    .main-text-and-image {
        display: flex;
        flex-direction: column;
    }
    
    .main-text-about {
        margin-right: 0;
        order: 2;
    }
    
    .main-image-about {
        order: 1;
        margin: 0 auto;
    }
    
    #views-bootstrap-kategorii-vyvoza-musora-na-glavnoy-block-1 .col-12.col-sm-12.col-md-6.col-lg-4.col-xl-4 {
        justify-content: center;
    }
    
    
    
    /* Калькуляторы */
    
    .block-webform-block .webform-elements {
        flex-direction: column;
    }
    
    .block-webform-block #edit-obem-konteynera {
        width: 100%;
    }
    
    .block-webform-block #edit-obem-konteynera label {
        flex-basis: 25%;
    }
    
    .block-webform-block #edit-klass-opasnosti label,
    .block-webform-block #edit-obem-otkachki label,
    .block-webform-block #edit-vid label,
    .block-webform-block #edit-klass-opasnosti-pasport label,
    .block-webform-block #edit-usloviya-rpek label,
    .block-webform-block #edit-period label,
    .block-webform-block #edit-kolichestvo-ploschadok-sbor label {
        flex-basis: 50%;
    }
    
    .block-webform-block #edit-territorialnost-,
    .block-webform-block #edit-territorialnost-stro,
    .block-webform-block #edit-klass-opasnosti,
    .block-webform-block #edit-obem-otkachki,
    .block-webform-block #edit-territorialnost-zhbo,
    .block-webform-block #edit-territorialnost-grunt,
    .block-webform-block #edit-vid,
    .block-webform-block #edit-territorialnost-sneg,
    .block-webform-block #edit-kolichestvo-ploschadok-sreda,
    .block-webform-block #edit-klass-opasnosti-pasport,
    .block-webform-block #edit-kolichestvo-ploschadok-pothod,
    .block-webform-block #edit-kolichestvo-ploschadok-rpek,
    .block-webform-block #edit-usloviya-rpek,
    .block-webform-block #edit-kolichestvo-ploschadok-ouchet,
    .block-webform-block #edit-kolichestvo-ploschadok-planu,
    .block-webform-block #edit-kolichestvo-ploschadok-isvib,
    .block-webform-block #edit-kolishestvo-uchet,
    .block-webform-block #edit-kolichestvo-ploschadok-2tp,
    .block-webform-block #edit-kolichestvo-ploschadok-pek,
    .block-webform-block #edit-period,
    .block-webform-block #edit-kolichestvo-ploschadok-kadastr,
    .block-webform-block #edit-kolichestvo-ploschadok-vozduh,
    .block-webform-block #edit-kolichestvo-ploschadok-sbor,
    .block-webform-block #edit-kolichestvo-ploschadok-neg,
    .block-webform-block #edit-kolichestvo-vypuskov,
    .block-webform-block #edit-kolichestvo-istochnikov-pek,
    .block-webform-block #edit-territorialnost {
        display: flex;
        width: 100%;
    }
    
    .block-webform-block #edit-territorialnost- label,
    .block-webform-block #edit-territorialnost-stro label,
    .block-webform-block #edit-territorialnost-zhbo label,
    .block-webform-block #edit-territorialnost-grunt label,
    .block-webform-block #edit-territorialnost-sneg label,
    .block-webform-block #edit-kolichestvo-ploschadok-sreda label,
    .block-webform-block #edit-kolichestvo-ploschadok-pothod label,
    .block-webform-block #edit-kolichestvo-ploschadok-rpek label,
    .block-webform-block #edit-kolichestvo-ploschadok-ouchet label,
    .block-webform-block #edit-kolichestvo-ploschadok-planu label,
    .block-webform-block #edit-kolichestvo-ploschadok-isvib label,
    .block-webform-block #edit-kolishestvo-uchet label,
    .block-webform-block #edit-kolichestvo-ploschadok-2tp label,
    .block-webform-block #edit-kolichestvo-ploschadok-pek label,
    .block-webform-block #edit-kolichestvo-ploschadok-kadastr label,
    .block-webform-block #edit-kolichestvo-ploschadok-vozduh label,
    .block-webform-block #edit-kolichestvo-ploschadok-neg label,
    .block-webform-block #edit-kolichestvo-vypuskov label,
    .block-webform-block #edit-kolichestvo-istochnikov-pek label,
    .block-webform-block #edit-territorialnost label {
        flex-basis: 33%;
    }
    
    .block-webform-block .webform-elements fieldset.form-type-range {
        width: 100%;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper {
        display: flex;
        position: relative;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper .js-form-wrapper:first-child {
        flex-basis: 25%;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper .js-form-wrapper:nth-child(2) {
        display: block;
        position: absolute;
        top: 0px;
        right: 10px;
    }
    
    .block-webform-block #edit-kalkulyaciya .fieldset-wrapper .js-form-wrapper:nth-child(3) {
        flex-basis: 75%;
        margin-top: 45px;
        text-align: right;
    }
    
    .block-webform-block .webform-elements fieldset svg {
        max-width: 90%;
    }
    
    .block-webform-block #edit-contfields .fieldset-wrapper {
        flex-direction: column;
        text-align: center;
    }
    
    .block-webform-block .webform-elements fieldset .fieldset-wrapper #edit-contfields input, .block-webform-block .webform-elements #edit-contfields button {
        margin: 0 auto;
    }
    
    #edit-resultcalc {
        margin-left: 0;
    }
    
    #edit-kalkulyaciya {
        margin-bottom: 0;
    }
    
    #edit-resultcalc {
        margin-bottom: 0;
    }
    
    #edit-resultcalc {
        color: #2b3532;
        font-family: "Gotham Pro";
        font-size: 44px;
        line-height: 1;
        margin-left: 30px;
    }
    
    #edit-resultcalc span  {
        font-size: 36px;
    }
    
    h2 {
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 30px;
    }
    
    .content .webform-elements fieldset #edit-titlecalc {
        font-size: 18px;
        text-align: center;
    }
    
    #edit-comments .fieldset-wrapper .js-form-wrapper, #edit-comments .fieldset-wrapper .form-type-webform-terms-of-service {
        flex-basis: 100%;
    }
    
    .content .webform-elements fieldset .fieldset-wrapper .fieldset-wrapper {
        display: grid;
        flex-wrap: wrap;
    }
    
    #edit-comments .fieldset-wrapper .js-form-wrapper {
        order: 2;
    }
    
    .form-group {
        /*margin-bottom: 0;*/
    }
    
    .js-form-type-range .js-form-type-number .sr-only {
        width: 100% !important;
    }
    
    #edit-obem-konteynera, #edit-territorialnost {
        display: flex;
    }
    
    #edit-container1 {
        flex-basis: 100%;
        margin-right: 0;
    }
    
    .content .webform-submission-form {
        background: none;
    }
    
    .calcclass {
        margin: 0;
        min-width: 100%;
        padding: 0;
        position: relative;
        background: url(../images/calc-bg.png) no-repeat 454px 4vw #f5f5f2;
    }
    
    #superfish-main-accordion {
        display: block;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    #superfish-main-accordion a {
        color: #fff;
    }
    
    .sf-accordion-toggle.sf-style-none {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 auto;
    }
    
    .sf-accordion-toggle.sf-style-none span {
        color: #fff;
        font-size: 120%;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    
    /* Конец калькуляторы */
    
    
    #main .row-offcanvas {
        margin-right: 0;
        margin-left: 0;
        display: flex;
        flex-direction: column;
    }
    
    
    /* Слайдер */
    .ecologslider .slide1class {
        position: absolute;
        left: 58%;
        top: -4%;
        text-align: left;
        color: #000;
    }
    
    .ecologslider .slide2class {
        left: 28%;
        top: -3%;
        text-align: left;
        color: #000;
        width: 30%;
    }
    
    .ecologslider .slide3class {
        text-align: left;
        color: #000;
        left: 7%;
        top: -3%;
        width: 30%;
    }
    
    .ecologslider .slide4class {
        text-align: left;
        color: #000;
        left: 4%;
        top: -3%;
        width: 30%;
    }
    
    .d-none {
        display: block !important;
    }
    
    /* Слайдер конец */
    
    
    /* Рекомендации */
    
    .view-footer {
        flex-direction: column;
    }
    
    .views-field-field-uslugi-ekosoprovozhdeniya .field-content {
        visibility: hidden;
    }
    
    #block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 article {
        display: flex;
        border-bottom: none;
        margin-bottom: 0;
    }
    
        .views-field-field-uslugi-ekosoprovozhdeniya header {
        display: flex;
    }
    
    #block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 article .node__content.clearfix {
        order: -1;
    }
    
    #block-views-block-rekomenduemye-uslugi-vyvoz-musora-block-1 h2 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 30px;
    }
    
    .views-field-field-uslugi-ekosoprovozhdeniya .field-content article {
        visibility: visible;
        padding-bottom: 0;
    }
    
    .region-recomend-place .field-content {
        flex-direction: column;
    }
    
    .views-field-field-uslugi-ekosoprovozhdeniya h2 {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Рекомендации конец */
}


@media (max-width: 991.98px) and (min-width: 768px) { 
    .container, .container-md, .container-sm {
        max-width: 100%;
        margin-bottom: 0;
    }
    
    #ecoheader {
        margin: 0 auto;
        width: 90%;
    }
    
    #superfish-main li a {
        font-size: 12px;
        padding-left: 10px;
    }
    
    .carousel-indicators {
        margin-bottom: 0;
        width: 100%;
        display: flex;
    }
    
    .carousel-indicators li {
        width: 25%;
    }
    
    .view-kategorii-vyvoza-musora-na-glavnoy {
        margin: 0 15px;
    }
    
    #block-bootstrap-barrio-subtheme-page-title {
         margin: 10px 15px 0 15px;
    }
    
    #block-bootstrap-barrio-subtheme-content {
        margin: 0 15px;
    }
    
    #superfish-main-accordion {
        display: block;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    #superfish-main-accordion a {
        color: #fff;
    }
    
    .sf-accordion-toggle.sf-style-none {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 auto;
    }
    
    .sf-accordion-toggle.sf-style-none span {
        color: #fff;
        font-size: 120%;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
}


@media (max-width: 1199.98px) and (min-width: 992px) { 
    
    
}


@media (max-width: 1399.98px) and (min-width: 1200px) { 
    
    
}