@media (max-width: 576px) {
    .shadow-notification.battery {
        padding: 10px;
        max-height: 85vh;
    }
    .notification_battery_buttons {
        flex-wrap: wrap;
    }
    .notification_battery_add,
    .battery_charge_level {
        margin: 0;
        font-size: 24px
    }
        .notification_battery_add > strong {
            font-size: 32px;
        }
        .slide-wrap.mobile-version.slick-initialized.slick-slider.slick-dotted {
            height: 350px;
        }
    
    .notification_battery_info img {
        width: 40%;
    }
    header ul.list-inline > li {
        margin-right: 0;
    }
    .new-slider-wrapper .calc-block-container {
        left: 0;
    }
    .hidden-extra-sm {
        display: none;
    }
    .separator:after,
    .separator:before {
        width: 110px;
    }
    /*loan*/
    .loan-info .h6 {
        text-align: center;
    }
    .loan-info .form-control {
        font-size: 14px !important;
        padding-left: 15px;
        padding-right: 35px;
    }
    .bring-friend__border-green {
        margin-right: auto;
    }
    .main-box.calc .h5 {
        font-size: 18px;
    }
    .main-box.calc .h5 {
        margin-right: 0;
    }
    .video-wrapper .btn-close {
        top: -4%;
        right: calc(3% - 17.5px);
    }
    .mobile-app .mobile-row > div {
        width: 100%;
    }
    .main-box.calc .h5 > .icon:after {
        border-top: 135px solid white;
    }
        .btn-control.m-minus, .btn-control.d-minus {
            margin-left: -10px;
        }
    /*this styles should be used*/
    .slide-wrap {
        max-height: 400px;
    }
        .slide-wrap.mobile-version.slick-initialized.slick-slider.slick-dotted {
            height: 400px;
        }
        .s1.new-slider-wrapper .slick-track .slide.slick-slide {
            height: 400px;
            background-size: 100%;
            background-position: top center;
        }
    .slide-wrap.mobile-version.slick-initialized.slick-slider.slick-dotted .slick-dots {
        display: none !important;
    }
    .box-main .registration i {
        left: 0px;
        font-size: 11px;
        padding: 0 20px;
    }
    .main-box.calc {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hide-text {
        position: relative;
    }
    .open-text {
        display: initial;
    }
        .hide-text label {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            height: 25px;
            width: 90%;
        }
        .hide-text span {
            position: absolute;
            right: 20px;
            top: 0;
        }
            .hide-text span:hover {
                cursor: pointer;
                text-decoration: underline;
            }

           .row-margin-5 {
                margin-left: 0;
                margin-right: 0;
            }
    .videos .navigation a {
        padding: 10px;
        text-align: center;
        width: 100%;
        font-size: 14px;
    }
    .videos .navigation li {
        width: 100%;
    }
        .videos .navigation li.selected {
            transform: scale(1) translateY(0%);
        }
    .videos {
        min-width: 320px;
    }
    .video-wrapper {
        height: 340px;
    }
    .videos .player-wrapper span {
        font-size: 12px;
        padding: 0 15px;
    }
    /*******************/
    /*CHOOSE PRESIDENT*/
    /*****************/
    .choose-president-container .text-logo h3 {
        text-align: center;
        margin-top: 15px;
    }
    .choose-president-container {
        min-width: 320px;
    }
        .choose-president-container .text-logo p {
            padding: 0;
        }
    .president.arrow {
        padding: 0;
    }
    /*--/--/--/--/--/--/--/--/--/--/--/--/--/--*/
    /*--/--/--/--/-- CALCULATOR --/--/--/--/--*/
    /*--/--/--/--/--/--/--/--/--/--/--/--/--/--*/
    .pos-abs {
        position: absolute;
    }

    .zi-20 {
        z-index: 20;
    }

    .left-30 {
        left: 35%;
    }

    .w-90 {
        max-width: 90px;
        min-width: 90px;
    }

    .col-12.col-sm-3.col-padding-5 {
        margin-left: 0px;
    }
    .get-steps {
        overflow: hidden;
    }
    .get-steps .item {
        width: 92px;
        height: 164px;
        padding: 0;
    }
        .get-steps .item:before {
            top: 115px;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 12px solid white;
            right: -12px;
        }
        .get-steps .col-4:nth-of-type(3) .item:before {
            width: 30px;
            height: 35px;
            right: -5px;
            top: 60px;
        }
    .get-steps .section-main .col-4 {
        background-position-y: 124px;
    }
    .get-steps .item:after {
        right: -5px;
        top: -35px;
        font-size: 65px;
    }
        .get-steps .item .img {
            height: 75px;
            background-size: 425%;
            background-position-y: -10px;
            border-radius: 10px;
        }

            .get-steps .item .img.first {
                background-position-x: -141px;
            }

            .get-steps .item .img.second {
                background-position-x: -290px;
            }
    .mobile-app .mobile-row {
        margin-bottom: 10px;
        padding-left: 0;
        justify-content: flex-start;
    }

    .get-money > .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .get-money__wrapper {
        max-width: 480px;
        min-width: 300px;
        width: 90%;
    }
    .return-order .item {
        padding: 5px;
        padding-bottom: 15px;
    }
    .return-order .item .h6 {
        font-size: 16px;
    }
    .return-wrapper h2.h3 {
        font-size: 30px;
    }
    .iframe-section {
        margin-top: 70px;
    }
    .iframe-section .txt-wrapper {
        padding: 0 10vw;
    }
    footer.footer .form-group a {
        font-size: 12px;
    }
    footer.footer .flex > div {
        margin: 20px 10px;
    }
    footer.footer .phone {
        text-align: center;
    }
    footer.footer .upper-links-wrapper .item {
        font-size: 12px;
        padding: 7.5px 0;
    }
    footer.footer .social-wrapper > div:nth-of-type(2) {
        margin-left: 0px;
    }
    .slider-arrows {
        left: 60%;
    }

        .slider-arrows.slider-next {
            left: calc(60% + 55px);
        }
    .reviews .slick-center {
        background-size: 40%;
    }
    .reviews .txt {
        padding: 15px 10px;
    }

    #slider_price .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min:before,
    #slider_day .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min:before {
        display: block;
        position: absolute;
        top: 75%;
        right: 0;
        background: #05af0c;
        color: white;
        font-weight: 900;
        font-size: 14px;
        padding-left: 20px;
        padding-right: 7.5px;
        border-radius: 0 0 7.5px 0;
        width: 52px;
    }
    #slider_day .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min:before {
        background: #d2b512;
        top: 100%;
    }
    .ui-slider-range {
        overflow: visible !important;
    }
    #slider_price .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min:after,
    #slider_day .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min:after {
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top: 75%;
        right: calc(0% + 37px);
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 21px solid #05af0c;
    }
    #slider_day .ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min:after {
        border-top: 21px solid #d2b512;
        top: 100%;
        right: calc(0% + 37px);
    }
    .box-main .registration .text-danger, .box-main .registration .field-validation-error {
        white-space: initial;
        font-size: 11px;
        font-style: italic;
    }
    .shops__arrow {
        top: 18%;
    }
    .shops__arrow.right {
        left: 90%;
    }
    .shops__arrow.left {
        left: 0;
    }
    .product-container {
        column-count: 1;
    }
    .dark-sub-menu:after {
        right: 38%;
    }
    .dark-sub-menu:hover:after {
        transform: translateX(50%) translateY(-50%) rotate(45deg);
        -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    }
    .add-documents .outer_holder {
        margin: 20px auto;
        width: 55%;
    }
    .add-documents .outer_holder:last-of-type {
        margin-bottom: 90px;
    }
    .main-box.calc .h5 > .icon:after {
        border-top: 190px solid #fff;
    }
    .main-box.calc .h5 > .text {
        font-size: 14px;
    }
    .main-box.calc .h5 > .icon > img {
        margin-right: 25px;
    }
    /*account tabs*/
    .account-tabs .btn {
        margin-bottom: 10px;
    }
    .menu-container {
        padding-bottom: 110px;
    }
    .menu-item_button {
        width: 76px;
        height: 76px;
        line-height: 16px;
        font-size: 14px;
        font-weight: 600;
    }
    .menu-item_button {
        display: inline-block;
    }
    .menu-item_inner-wrapper {
        text-align: center;
    }
    .menu-item_active > .menu-item_sub-menu {
        flex-wrap: wrap;
        border-radius: 18px;
    }
    .menu-item_inner {
        width: 50%;
        max-width: 50%;
        flex: auto;
    }
    .menu-item_inner-wrapper > span {
        top: 37px;
        width: 90px;
    }
    .menu-item_outer-wrapper.menu-item_active span {
        top: 42px;
    }
    .menu-item_inner-wrapper > span:nth-of-type(1) {
        left: -60px;
    }
    .menu-item_inner-wrapper > span:nth-of-type(2) {
        right: -60px;
    }
    .menu-item_outer-wrapper.menu-item_active span:nth-of-type(1) {
        left: -10px;
        width: 75px;
    }
    .menu-item_outer-wrapper.menu-item_active span:nth-of-type(2) {
        right: -10px;
        width: 75px;
    }
    .menu-item_outer-wrapper.menu-item_active span.last-left {
        left: 2px;
        border-radius: 20px 0 0 0;
    }
    .menu-item_outer-wrapper.menu-item_active span.last-right {
        right: 2px;
        border-radius: 0 20px 0 0;
        box-shadow: 8px -3px 10px -11px rgba(0, 0, 0, 0.36);
    }
    .menu-item_active > .menu-item_sub-menu.last-left {
        border-radius: 0 20px 20px 20px;
    }
    .menu-item_active > .menu-item_sub-menu.last-right {
        border-radius: 20px 0 20px 20px;
    }
}