@media (min-width: 768px) {
    .toggle-sidebar .sidebar {
        left: -375px;
    }

    .toggle-sidebar #main {
        margin-left: 0;
    }
        .toggle-sidebar #main header {
            margin-left: 200px;
        }

    .toggle-sidebar .inner-holder-login.pages .logo-holder {
        margin-bottom: 0%;
        background: #15144a;
        padding: 17px 50px 16px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        max-height: 215px;
        width: 570px;
        position: fixed;
        top:25px;
    }

    .toggle-sidebar .inner-holder-login.pages .logo img {
        max-width: 20%;
    }

}
@media (max-width: 1440px) {
      .inner-holder-login.pages .logo-holder {
        padding: 10px;
    }

    .inner-holder-login.pages .logo {
        text-align: center;
    }

        .inner-holder-login.pages .logo img {
            max-width: 25%;
        }

    .inner-holder-login.pages {
        margin-bottom: 20px;
    }

    .sidebar ul.tree li {
        line-height: 40px;
    }

        .sidebar ul.tree li a {
            font-size: 16px;
            padding-left: 20px;
        }

            .sidebar ul.tree li a svg {
                width: 16px;
                height: 16px;
                top: 0px;
            }
            .sidebar ul.tree li a span.number {
                line-height: 18px;
                padding: 3px 10px 0px;
                top: 10px;
            }
        .sidebar ul.tree li.parent a .material-symbols-outlined {
            top: 5px;
            right: 26px;
        }
    .sidebar > ul.tree > li.parent.open:before, .sidebar > ul.tree > li:before {
        height: 40px;
    }
       .sidebar > ul.tree > li > ul > li {
        line-height: 41px;
    }
    .sidebar ul.tree li ul li a {
        font-size: 16px;
    }
    .sidebar > ul.tree > li.parent.open > a > .material-symbols-outlined {
        top: 5px;
    }

    #pasul5 .col-md-8.finalizare {
        width:100%;
    }
    .backround-white.autentificare-mail, .backround-white.creare-cont {
        width: 45%;
    }
    .finalizare .middle-title {
        font-size: 22px;
       
    }
    .holder-login, .holder-carousel {
        width: 80% !important;
    }
    .serviciu-holder-inner {
        padding: 0 0% !important;
    }
    .nav-tabs .nav-link {
        padding-right: 25px !important;
        line-height: 46px !important;
        font-size: 14px !important;
        margin: 0px 5px !important;
    }
        .nav-tabs .nav-link span {
            margin-right: 20px !important;
        }
}
@media (min-width:992px) and (max-width: 1440px) {
    #main, #content {
        transition: all 0.3s;
        padding: 0px 15px !important;
    }
    .holder-login, .holder-carousel {
        width: 50% !important;
    }
    .nav-tabs .nav-link {
        padding-right: 10px !important;
        line-height: 40px !important;
        font-size: 12px !important;
        margin: 0px 5px !important;
    }
    .serviciu-holder-inner .inot::before {
        height: 45px !important;
    }
    .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
        font-size: 16px !important;
        top: 5% !important;
    }
    

.nav-tabs .nav-link span {
    margin-right: 20px !important;
    padding-top: 11px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 12px !important;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    #main, #content {
        transition: all 0.3s;
        padding: 0px 15px !important;
    }
    .nav-tabs .nav-link {
        padding-right: 10px !important;
        line-height: 40px !important;
        font-size: 12px !important;
        margin: 0px 5px !important;
    }

    .serviciu-holder-inner .inot::before {
        height: 45px !important;
    }

    .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
        font-size: 16px !important;
        top: 5% !important;
    }


    .nav-tabs .nav-link span {
        margin-right: 20px !important;
        padding-top: 11px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 12px !important;
    }

    .sidebar{
        width: 235px;
    }
    .footer {
        text-align:center;
        padding:10px 5px 0px 5px;
    }
    .inner-holder-login.pages .logo img {
        max-width: 40%;
    }
     .footer p b {
        color: #06152b;
        font-size: 11px;
    }
    .footer p {
        color: #06152b;
        font-size: 9px;
    }
    .sidebar ul.tree li a, .sidebar ul.tree li ul li a {
        font-size: 12px;
        padding-left: 20px;
        line-height: 14px;
    }
    .sidebar ul.tree li ul li a {
        padding-left: 45px;
    }
        .sidebar ul.tree li a svg {
            width: 12px;
            height: 12px;
            top: -1px;
        }
        .sidebar ul.tree li a span.number {
            line-height: 18px;
            padding: 3px 10px 0px;
            top: -4px;
            right: 10px;
        }
    .sidebar ul.tree li.parent a .material-symbols-outlined {
        top: -9px !important;
        right: 10px !important;
    }
    .inner-holder-login.pages .logo-holder {
        padding: 10px;
    }
    .navbar-nav .nav-item {
        padding-left: 15px;
    }
    .holder-input-login-inner {
        padding: 5%;
        width: 100%;
    }
    .inner-holder-login .col-md-3.margin-left-right {
        display:none
    }
    .holder-input-login {
      
        width: 85%;
        margin: 0 auto;
    }
    .inner-holder-login .logo-holder {
        width:100%;
    }

}
@media (max-width:767px) {
    body {
        background: url(/images/bg-left.jpg);
        background-repeat: repeat;
    }
    .inner-holder-login.pages .logo-holder {
        padding: 10px;
    }
    .inner-holder-login.pages .logo {
        text-align:center;
    }

    .inner-holder-login.pages {
        margin-bottom: 20px;
    }
  
    .sidebar ul.tree li {
        line-height: 40px;
       
        border-top-right-radius: 10px;
       
        border-bottom-right-radius: 10px;
        overflow: hidden;
        margin-bottom: 1px;
    }
    .sidebar ul.tree li a {
        font-size: 16px;
        padding-left: 20px;
    }
        .sidebar ul.tree li a svg {
            width: 16px;
            height: 16px;
            top: 0px;
        }

    .inner-holder-login .col-md-3.margin-left-right {
        display: none;
    }
    .holder-input-login {
        width: 85%;
        margin: 0 auto 30px;
    }

    
  
}
.hide-app-sidebar-mobile {
    visibility: hidden;
    opacity: 0;
    z-index: 1004;
    position: absolute;
    right: 0;
    background: rgba(0,0,0,.4);
    left: 0;
    height: 100%;
    content: '';
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media (max-width: 767px) {
    .toggle-sidebar .hide-app-sidebar-mobile {
        visibility: visible;
        opacity: 1;
        height: 100vh;
    }


    .sidebar {
        transform: translateX(-375px);
    }

    .toggle-sidebar .sidebar {
        transform: translateX(0px);
    }

    #main {
        margin-left: 0px;
    }
    .toggle-sidebar #main {
        transform: translateX(375px);
    }
}
@media (min-width:768px) {
    .login .footer1.responsive {
       display:none;
    }
    .modal-dialog {
        max-width:50% !important;
        
    }
}
    @media (max-width:767px) {
        .holder-login {
            width: 100%;
            margin-top: 40px;         
            background: rgba(255,255,255,0.8);
            padding-top: 20px;
            border-radius: 5px;
        }
        .login .footer1.responsive {
            display: block;
            line-height:50px;
            z-index: 2;
            background: #d9e1e7;
        }
            .login .footer1.responsive img {
                max-height: 30px;
            }

        .login .logo-holder .logo {
            text-align: center;
        }

        .holder-carousel {
            display: none;
        }

        .inner-holder-login {
            margin-top: 0px;
        }

            .inner-holder-login .logo-holder {
                margin-bottom: 15%;
                padding: 15px;
                width: 100%;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 0px;
            }

      
        .wrap-login {
            display: block !important;
            width: 100%;
            margin: 0 auto 15px;
            padding: 0px 5%;
        }
        .container-nav i.bi-list:before {
            background: url(/images/toggle-sidebar-btn-toggle.png);
           
        }

        .toggle-sidebar .container-nav i.bi-list:before {
            background: url(/images/toggle-sidebar-btn.png);
        }



    }

@media (max-width:576px) {
    .container-nav {
      padding: 12px 15px;
    }
    .card {
        padding: 15px;
        min-height:auto;
    }
     .navbar-nav {
        list-style: none;
        display: inherit;
        margin-bottom: 0px;
        display: inline;
    }
        .navbar-nav .nav-item {
            padding: 0px;
            float: left; 
        }
        .navbar-nav .nav-item.btn {
            padding-left: 10px;
           
        }
    ul.navbar-nav li.search {
        width: 125px;
        text-align: right;
    }
    .responsive-holder-bell {
        margin-left:4px;
        margin-bottom: 25px;
    }
    .responsive-holder-user {
        margin-left:1px;
        margin-bottom:20px;
    }
    .nav-item .bi-toggle-off {
        top:4px;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}
@media (max-width:415px) {
    .sidebar {
        transform: translateX(-280px);
    }

    .toggle-sidebar .sidebar {
        transform: translateX(0px);
    }

    #main {
        margin-left: 0px;
    }

    .toggle-sidebar #main {
        transform: translateX(280px);
    }
    .sidebar, .footer {
        width: 280px;
    }
        .footer p.title {
            font-size: 14px;
          
        }
    
}


@media (min-width: 1439.98px) and (max-width: 1599.98px) {
    .menu-right ul li {
        margin-left: 15px;
    }

    .nav-tabs .nav-link {
        padding-right: 10px;
   }
        .nav-tabs .nav-link span {
            margin-right: 10px;
        }
        .nav-tabs .nav-link.active-second span:after {
            display: none;
        }
    .backround-white {
        padding: 36px 0px 40px;
    }

    .tab-content-inner {
        padding: 15px 15px 40px 15px;
    }

    .border-right.first {
        padding-right: 10px;
    }

    .border-right.second, .col-md-4.third {
        padding-left: 10px;
    }

    .steps .number {
        margin-right: 10px;
        margin-left: 10px;
    }

    ul.tip-serviciu {
        margin-left: 17px;
        padding-left: 0px;
    }

    .steps .text {
        margin-right: 5px;
    }
  
}

@media (max-width: 1439px) {
    .backround-white.data-select {
        width: 100%;
    }
    .nav-tabs .nav-link {
        padding-right: 10px;
    }

        .nav-tabs .nav-link span {
            margin-right: 10px;
        }

        .nav-tabs .nav-link.active-second span:after {
            display: none;
        }
}
                              


@media (min-width: 1273.98px) and (max-width: 1439px) {
    .menu-right ul li {
        margin-left: 20px;
    }

        .menu-right ul li a, .menu-right ul li a.btn-rezerva {
            padding: 15px 10px;
            border-radius: 20px;
            font-size: 20px;
        }

    .logo-header a {
        font-size:20px;
    }
    .left-intro-content .title {
        font-size: 100px;
        line-height: 100px;
    }

    .left-intro-content .text {
        font-size: 20px;
    }
    .nav-tabs .nav-link {
        padding-right: 10px;
    }

        .nav-tabs .nav-link span {
            margin-right: 10px;
        }
    .form-inline .nav-link.btn i {
        font-size: 21px;
    }
    .nav-tabs .nav-link.active-second span:after {
        display: none;
    }

    .backround-white {
        padding: 36px 0px 40px;
    }

    .tab-content-inner {
        padding: 15px 15px 40px 15px;
    }

    .border-right.first {
        padding-right: 10px;
    }

    .border-right.second, .col-md-4.third {
        padding-left: 10px;
    }

    .steps .number {
        margin-right: 10px;
        margin-left: 10px;
    }

    ul.tip-serviciu {
        margin-left: 17px;
        padding-left: 0px;
    }

    .steps .text {
        margin-right: 5px;
    }

    .backround-white.data-select {
        width: 100%;
    }
    .backround-white.previzualizare .detalii-plata .title {
        padding-left: 5%;
        margin-bottom: 30px;
        text-align: left;
    }
    .backround-white.previzualizare .detalii-plata p {
        padding-left: 5%;
    }

}
@media (min-width: 1025px) and (max-width: 1320px) {
    .select-price-holder {
        flex-direction:column;
    }
    .border-right.first,
    .border-right.second {
        width: 50% !important;
         margin: 0 auto;
         border-right:none !important
    }

    .fara-abonament-lunar-holder,
    .abonament-lunar-holder {
        width: 50% !important;
        padding-top: 20px;
        margin: 0 auto;
    }

}



    @media (min-width: 988.98px) and (max-width: 1273.98px) {
        .logo-header a {
            font-size: 16px;
        }

        .menu-right ul li a, .menu-right ul li a.btn-rezerva, .menu-right ul li.holder-user a {
            padding: 15px 10px;
            border-radius: 20px;
            font-size: 16px;
        }

            .menu-right ul li.holder-user a i {
                font-size: 17px;
                margin-right: 5px;
            }

        .menu-right ul li.holder-user a {
            margin-top: 0px;
        }

        .holder-bell {
            margin-top: 12px;
        }

        .menu-right ul li .logout {
            margin-top: 10px;
        }

        .menu-right ul li {
            margin-left: 15px;
        }

        .left-intro-content .title {
            font-size: 100px;
            line-height: 100px;
        }

        .left-intro-content .text {
            font-size: 20px;
        }

        .nav-tabs .nav-link {
            padding-right: 10px;
            font-size: 13px;
            line-height: 40px;
            margin: 0px 10px;
        }

            .nav-tabs .nav-link span {
                margin-right: 10px;
                padding-top: 11px;
                padding-left: 15px;
                padding-right: 16px;
                padding-bottom: 10px;
            }

        .form-inline .nav-link.btn i {
            font-size: 20px;
            line-height: 23px;
        }


        .nav-tabs .nav-link.active-second span:after {
            display: none;
        }

        .backround-white {
            padding: 36px 0px 40px;
        }

        .tab-content-inner {
            padding: 15px 15px 40px 15px;
        }

        .border-right.first {
            padding-right: 10px;
        }

        .border-right.second, .col-md-4.third {
            padding-left: 10px;
        }

        .steps .number {
            margin-right: 10px;
            margin-left: 10px;
        }

        ul.tip-serviciu {
            margin-left: 17px;
            padding-left: 0px;
        }

        .steps .text {
            margin-right: 5px;
        }

        .scroll-days .child {
            min-width: 16%;
            height: auto;
            margin: 1px 10px;
            overflow: hidden;
            margin: 0px 15px 10px;
        }

      
    }


    @media (min-width: 829.98px) and (max-width: 988.98px) {
        .logo-header a {
            font-size: 0;
        }

        .menu-right ul li {
            margin-left: 0;
        }

            .menu-right ul li a, .menu-right ul li a.btn-rezerva {
                font-size: 18px !important;
                padding: 15px 10px;
            }

        .left-intro-content .title {
            font-size: 75px;
            line-height: 80px;
        }

        .left-intro-content .text {
            font-size: 20px;
        }

        .nav-tabs .nav-link {
            padding-right: 10px;
            font-size: 16px;
        }

            .nav-tabs .nav-link span {
                margin-right: 10px;
            }

        .nav-tabs {
            padding: 17px 0px 0px;
        }

        ul.nav-tabs li.nav-item {
            margin-bottom: 15px;
        }

        .nav-tabs .nav-link {
            padding-right: 10px;
            font-size: 18px;
            line-height: 48px;
            margin: 0px 4px;
        }

            .nav-tabs .nav-link span {
                margin-right: 10px;
                padding-top: 10px;
                padding-left: 15px;
                padding-right: 16px;
                padding-bottom: 11px;
            }

        .form-inline .nav-link.btn i {
            font-size: 20px;
            line-height: 23px;
        }

        .menu-right ul li .logout {
            margin-top: 6px;
        }

        .menu-right ul li.holder-user a {
            margin-top: 6px;
            margin-left: 10px;
        }
    }
@media (min-width: 570px) and (max-width: 768px) {

    #main, #content {
        transition: all 0.3s;
        padding: 0px 15px !important;
    }



    .nav-tabs {
        padding: 17px 30px 12px !important;
    }

        .nav-tabs .nav-link {
            padding-right: 10px !important;
            line-height: 40px !important;
            font-size: 12px !important;
            margin: 0px 5px !important;
        }

    .serviciu-holder-inner .inot::before {
        height: 45px !important;
    }

    .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
        font-size: 16px !important;
        top: 5% !important;
    }


    .nav-tabs .nav-link span {
        margin-right: 20px !important;
        padding-top: 11px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 12px !important;
    }
}

    @media (min-width: 359.98px) and (max-width: 549.98px) {
        #main, #content {
            transition: all 0.3s;
            padding: 0px 15px !important;
        }
        .navbar-collapse ul {
            flex-direction: column !important;
        }

        .container.header-intro-left, .container.header-right-intro {
            padding: 10px 20px;
        }
    }

    @media (min-width: 349.98px) and (max-width:393.98px) {
        .logo-header a {
            font-size: 21px;
        }

        .container.header-intro-left, .container.header-right-intro {
            padding: 10px 20px;
        }
    }


    @media (max-width:1024px) {
        #main, #content {
            transition: all 0.3s;
            padding: 0px 15px !important;
        }

        .nav-tabs .nav-link.active-second span:after {
            display: none;
        }

        #pasul2 .border-right.first,
        #pasul2 .border-right.second,
        #pasul2 .third.fara-abonament-lunar-holder,
        #pasul2 .third.abonament-lunar-holder {
            width: 100%;
        }

        #pasul2 .border-right {
            border-right: none;
            border-bottom: solid 1px #ebe9e9;
        }

            #pasul2 .border-right.second {
                margin-bottom: 25px;
            }

                #pasul2 .border-right.second .steps {
                    margin-top: 25px;
                }

            #pasul2 .border-right.third.abonament-lunar-holder .steps {
                border: solid 1px red;
            }

        #pasul2 .third.fara-abonament-lunar-holder {
            padding: 0px 30px 0px;
        }

        .total-holder {
            position: relative;
            background: none;
            border-top: solid 1px #ebe9e9;
            width: 100%;
            text-align: center;
            height: auto;
        }

            .total-holder p.text {
                padding-top: 25px;
                padding-right: 0px;
            }

            .total-holder p.total {
                padding-right: 0px;
            }

        .contact-holder {
            width: 100%;
            flex-direction: column;
        }

            .contact-holder .adresa-right {
                margin-top: 30px;
            }

        .nav-tabs .nav-link {
            padding-right: 10px;
            font-size: 13px;
            line-height: 40px;
            margin: 0px 10px;
        }

            .nav-tabs .nav-link span {
                margin-right: 10px;
                padding-top: 11px;
                padding-left: 15px;
                padding-right: 16px;
                padding-bottom: 10px;
            }
    }


@media (max-width:990px) {

}


    @media (max-width:768px) {
        #main, #content {
            padding: 0px 15px;
        }

        body.background-first-slider {
            background: url(/images/intro-image.jpg);
            background-repeat: no-repeat;
            background-position: bottom 0px right 0px;
        }

        .left-intro-content {
            background: none !important;
        }

            .left-intro-content .title {
                font-size: 50px;
                line-height: 55px;
                padding-top: 50px;
                text-align: center;
                padding-left: 0px;
            }

            .left-intro-content .holder-text {
                padding-left: 0px;
                width: 80%;
                text-align: center;
                margin: 0 auto;
            }

            .left-intro-content .text {
                font-size: 20px;
                background: rgba(0,0,0,0.3);
                padding: 20px;
                color: #fff;
                text-align: justify;
            }

                .left-intro-content .text br {
                    display: none;
                }

        .left-intro-content {
            height: auto !important;
        }

        #sliderIntro {
            position: relative;
            min-height: 750px;
        }

        .carousel-inner {
            width: 100%;
            overflow: hidden;
            position: absolute;
            bottom: 10%;
        }

        body.no-background .carousel-inner {
            position: relative;
        }

        .backround-white.data-select {
            width: 100%;
            padding: 15px 5px;
        }

        #sliderMonthDays .carousel-inner {
            position: relative;
        }

        .carousel-control-prev-icon, .carousel-control-next-icon {
            top: -16px;
        }

        .holder-month-days a.prev {
            left: -25px;
        }

        .holder-month-days a.next {
            right: -25px;
        }



        .nav-tabs {
            padding: 7px 0px 5px;
        }

        ul.nav-tabs li.nav-item {
            margin-bottom: 15px;
        }

        .nav-tabs .nav-link {
            padding-right: 10px;
            font-size: 18px;
            line-height: 48px;
            margin: 0px 4px;
        }

            .nav-tabs .nav-link span {
                margin-right: 10px;
                padding-top: 10px;
                padding-left: 15px;
                padding-right: 16px;
                padding-bottom: 11px;
            }

        .backround-white {
            padding: 36px 0px 40px;
        }

        .tab-content-inner {
            padding: 15px 15px 25px 15px;
        }

        .border-right.first {
            padding-right: 10px;
        }

        .border-right.second, .col-md-4.third {
            padding-left: 10px;
        }

        .steps .number {
            margin-right: 5px;
            margin-left: 5px;
        }

        ul.tip-serviciu {
            margin-left: 17px;
            padding-left: 0px;
        }

        .steps .text {
            margin-right: 5px;
            font-size: 15px;
        }

        #pasul2 .first .steps .text {
            line-height: 18px;
        }



        #pasul2 .first #RzvTipServiciu .steps .text {
            line-height: 28px;
        }

        .showFieldPersoane .modal-body {
            padding: 0px 0px 15px 35px;
        }

        .no-pers {
            margin-right: 5px;
        }

        .backround-white.previzualizare-pas4:before {
            display: none;
        }

        .serviciu-holder-inner {
            padding: 0 0%;
        }

            .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
                font-size: 20px;
            }

        .serviciu-holder .title {
            font-size: 25px;
        }

        .nav-tabs .nav-link {
            padding-right: 10px;
            font-size: 13px;
            line-height: 40px;
            margin: 0px 10px;
        }

            .nav-tabs .nav-link span {
                margin-right: 10px;
                padding-top: 11px;
                padding-left: 15px;
                padding-right: 16px;
                padding-bottom: 10px;
            }

        .carousel-control-prev-icon, .carousel-control-next-icon {
            color: #d4d7dc;
            font-size: 20px;
        }

        .carousel-item a {
            text-decoration: none;
            color: #000;
            font-size: 17px;
            top: -5px;
            position: relative;
        }

        .left-scroll i, .right-scroll i {
            font-size: 25px;
            color: #000;
        }
    }

    @media (min-width: 768px) and (max-width:1024px) {
        .nav-tabs .nav-link {
            padding-right: 5px;
            font-size: 14px;
            line-height: 35px;
            margin: 0px 2px;
        }

            .nav-tabs .nav-link span {
                margin-right: 3px;
                padding-top: 7px;
                padding-left: 10px;
                padding-right: 10px;
                padding-bottom: 8px;
            }



        .left-intro-content .text {
            font-size: 20px;
        }

        .nav-tabs {
            padding: 17px 0px 0px;
        }

        ul.nav-tabs li.nav-item {
            margin-bottom: 15px;
        }




        #main, #content {
            transition: all 0.3s;
            padding: 0px 10px;
        }




        .holder-month-days {
            position: relative;
            padding: 0px 30px;
            width: 100%;
        }

        .scroll-days .child {
            min-width: 22%;
            height: auto;
            overflow: hidden;
            margin: 0px 10px 10px;
        }

        .nav-tabs .nav-link {
            padding-right: 5px;
            font-size: 13px;
            line-height: 34px;
            margin: 0px 4px;
        }

        .backround-white.previzualizare p.title, .backround-white.previzualizare .detalii-plata .title {
            font-size: 20px;
            font-weight: 500;
            padding-left: 1%;
            margin-bottom: 15px;
            text-align: left;
        }

        .backround-white.previzualizare .detalii-plata p {
            padding-left: 1%;
        }

        .modal-body .holder-rezervare {
            width: 100% !important;
        }

        .setarile-contului .left-menu {
            width: 35%
        }

        .setarile-contului .details {
            width: 65%
        }

            .setarile-contului .details .row .col-md-6 {
                width: 100%
            }

        .serviciu-holder-inner .inot .title-bazin:after {
            top: 8%;
            left: 25%;
        }

        .backround-white.previzualizare-pas4 .detalii-plata p.total {
            font-size: 22px;
            margin-top: 20px;
            margin-top: 45px;
        }

        .backround-white.previzualizare-pas4 .detalii-plata .title {
            padding-left: 0%;
            margin-bottom: 40px;
        }
    }

    @media(max-width:767px) {
        .nav-tabs .nav-link span {
            margin-right: 10px;
            padding-top: 10px;
            padding-left: 15px;
            padding-right: 16px;
            padding-bottom: 11px;
        }

        .btnNext, .btnPrevious, .btn-anchor {
            padding: 0px 5px 0px 5px;
            margin-left: 0px;
        }

        .btn-card {
            padding: 12px 5px 11px 5px;
            margin-right: 20px;
        }

        .btnPrevious {
            float: left !important;
        }

        .finalizare .title {
            font-size: 22px;
            font-weight: 500;
            text-align: center;
            margin-top: 0px;
            margin-bottom: 20px;
        }

        .backround-white.autentificare-mail, .backround-white.creare-cont {
            width: 70%;
        }

        .finalizare .middle-title {
            padding-top: 20px;
        }

        .backround-white.previzualizare::before {
            display: none;
        }

        .backround-white.previzualizare p.title {
            font-size: 20px;
            padding-left: 0px;
            text-align: left;
        }

        .backround-white.previzualizare .detalii-plata .title {
            padding-left: 0%;
            margin-bottom: 30px;
            text-align: left;
            margin-top: 30px;
        }

        .checkbox-holder {
            padding-top: 10px;
            padding-left: 0%;
        }

        .carousel-control-prev, .carousel-control-next {
            top: 20px;
        }

        /* Validare cod page */
        .wrap-validare, .holder-code, .previzualizare {
            flex-direction: column;
        }

            .wrap-validare .holder-code input#codValidare {
                max-width: 51%;
            }

            .wrap-validare .holder-btn {
                margin-bottom: 20px;
            }
        /* Validare cod page */

        .backround-white.previzualizare-pas4 .detalii-plata p {
            padding-left: 0%;
        }

        .setarile-contului .details #profile-form,
        .setarile-contului .details #email-form,
        .setarile-contului .details #change-password-form {
            width: 100%;
        }

        .finalizare .middle-title {
            min-height: 50px;
        }

        .finalizare .autentificare-mail {
            max-height: 390px;
        }

        .modal-body .holder-rezervare {
            width: 100% !important;
        }
        .tab-content-inner {
            padding: 15px 0px 40px 0px !important;
           
        }
    }

    @media (min-width: 580px) and (max-width:767px) {

        .holder-month-days {
            position: relative;
            padding: 0px 30px;
            width: 100%;
        }

        .scroll-days .child {
            min-width: 30%;
            height: auto;
            overflow: hidden;
            margin: 0px 7px 10px;
        }

        .backround-white.previzualizare .detalii-plata .title, .backround-white.previzualizare p.title {
            padding-left: 1%;
            margin-bottom: 5px;
            text-align: left;
            font-size: 20px;
        }

        .backround-white.previzualizare .detalii-plata p {
            padding-left: 1%;
        }

        .backround-white.previzualizare p.left {
            margin-left: 0px;
        }

        .backround-white.previzualizare .detalii-plata p.total {
            font-size: 20px;
            margin-top: 20px;
            margin-top: 37px;
        }

        .serviciu-holder-inner .inot .title-bazin:after {
            top: 20px;
            left: 20%;
        }
        .serviciu-holder-inner .inot .title-bazin:after {
            top: 15% !important;
            left: 42% !important;
            font-size: 21px !important;
        }
        .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
            font-size: 13px !important;
            top: 5% !important;
        }
    }




    @media (min-width: 581px) and (max-width:989px) {
        .container.header-intro-left, .container.header-right-intro {
        }

            .container.header-intro-left .navbar-collapse, .container.header-right-intro .navbar-collapse {
            }

        .menu-right ul li {
            margin-left: 10px;
        }

            .menu-right ul li a, .menu-right ul li a.btn-rezerva {
                color: #000;
                text-decoration: none;
                padding: 5px 5px;
                border-radius: 20px;
                font-size: 15px;
                cursor: pointer;
            }



        .logo-header a {
            font-size: 0px;
        }

    

        .menu-right ul li .logout {
            margin-top: 6px;
        }

        .menu-right ul li.holder-user a {
            margin-top: 6px;
            margin-left: 10px;
        }

        .form-inline .nav-link.btn i {
            font-size: 17px;
        }

        .menu-right ul li .logout {
            margin-top: 4px;
        }

        .menu-right ul li.holder-user a {
            margin-top: 5px;
        }

            .menu-right ul li.holder-user a i {
                font-size: 17px;
                margin-right: 5px;
            }

        .menu-right ul li .logout {
            margin-top: 7px;
        }

        .holder-bell {
            margin-top: 1px;
        }
    }

    @media (min-width: 1024px) and (max-width:1103px) {
        .form-floating button.rzvS-show-password.first {
            top: 65px;
        }
    }

    @media (min-width: 841px) and (max-width:991px) {
        .form-floating button.rzvS-show-password.first {
            top: 40px;
        }
    }

    @media (min-width:429px) and (max-width:767px) {
        .form-floating button.rzvS-show-password.first {
            top: 40px;
        }
    }

    @media (min-width: 580px) and (max-width:830px) {
        .menu-right ul li.holder-user a {
            margin-top: 3px;
            font-size: 15px;
        }

        .menu-right ul li .logout {
            margin-top: -5px;
        }

        .menu-right ul li.holder-logout button i {
            top: 2px;
        }
    }

    @media (min-width: 581px) and (max-width:684px) {
        .container.header-intro-left, .container.header-right-intro {
            padding: 10px 25px;
        }

        .menu-right ul li {
            margin-left: 5px;
        }

            .menu-right ul li a, .menu-right ul li a.btn-rezerva {
                border-radius: 10px;
                font-size: 15px;
            }

            .menu-right ul li.cart {
                margin-left: 15px;
            }

            .menu-right ul li.holder-user {
                margin-right: 15px;
            }
    }

    @media (max-width:580px) {

        body.no-background .carousel-inner {
            position: relative;
        }

        .container.header-intro-left, .container.header-right-intro {
            padding: 10px 20px;
        }

        body.background-first-slider {
            background: url(/images/intro-image.jpg);
            background-position: top 0px right 0px;
            background-repeat: no-repeat;
        }

        .logo-header a {
            font-size: 20px !important;
          
        }

        body .navbar {
            background: rgba(0,0,0,0.5) !important;
        }


        .container.header-intro-left, .container.header-right-intro {
            padding: 10px 30px !important;
        }
        .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
            font-size: 16px !important;
         
        }
        .serviciu-holder-inner .inot::before {
            height: 50px !important;
        }

        .menu-right ul {
            display: inline
        }

        .header-intro-left .navbar-toggler span {
            color: #fff;
            position: relative;
            background: none !important;
        }

            .header-intro-left .navbar-toggler span:before {
                position: absolute;
                font-family: bootstrap-icons !important;
                content: "\F479";
                font-size: 30px;
                left: -1px;
                top: -1px;
            }

        .navbar-light .navbar-toggler {
     display:none;
        }

        .navbar-toggler:focus {
            text-decoration: none;
            outline: 0;
            box-shadow: none;
        }

        .menu-right ul li a, .menu-right ul li a.btn-rezerva, .menu-right ul li a.nav-link.text-dark {
            color: #fff !important;
            text-decoration: none;
            padding: 7px 0px;
            border-radius: 30px;
            font-size: 18px;
            cursor: pointer;
        }

            .menu-right ul li a.btn-rezerva.active {
                text-shadow: 0px 0px #fff;
                background: transparent;
                color: #fff;
            }

        .left-intro-content .title {
            font-size: 50px;
            line-height: 55px;
            padding-top: 80px;
            padding-left: 0px;
            text-align: center;
            margin-bottom: 30px;
        }

        .left-intro-content .holder-text {
            padding-left: 0px;
            margin: 0 auto;
            display: table;
            width: 80%;
        }

        .header-left-intro {
            margin-top: 20px;
        }

        .menu-right ul li {
            margin-left: 0px;
            border-bottom: solid 1px rgba(255,255,255,0.5);
        }

            .menu-right ul li.cart, .menu-right ul li.holder-bell-wrap {
                border-bottom: none;
            }

        .logo-header, .navbar-collapse {
            z-index: 10;
        }

        .background-first-slider .container.header-intro-left {
            background: none;
        }

        .serviciu-holder, .wrap-contact-holder {
            border-top: solid 0px #844200;
        }

        .background-first-slider.no-background .container.header-intro-left {
   
            background:#fff !important;

        }

            .background-first-slider.no-background .container.header-intro-left:after {
              display:none;
            }

        .menu-right ul li.holder-user {
            width: 25px;
            right: 36%;
            position: absolute;
            top: 17px;
            border-bottom: none;
        }

        .menu-right ul .holder-bell {
            width: 25px;
            right: 30%;
            position: absolute;
            top: 0px;
            border-bottom: none;
        }

        .menu-right ul li.cart .holder-bell {
            width: 25px;
            right: 23%;
            position: absolute;
            top: 0px;
            border-bottom: none;
        }

        .holder-bell button {
            color: #fff;
        }

        .menu-right ul li.holder-user a {
            text-align: left;
            margin-top: 3px;
        }

            .menu-right ul li.holder-user a i {
                font-size: 22px;
            }

        .menu-right ul li.holder-logout {
            width: 25px;
            right: 18%;
            position: absolute;
            top: 17px;
            border-bottom: none;
        }

        .holder-logout .form-inline .nav-link.btn i {
            padding: 0px;
            color: #fff;
        }

        .menu-right ul li .logout {
            margin-top: -2px;
        }

        .menu-right ul li:last-child {
            border-bottom: none;
        }

        .menu-right ul li a:hover, .menu-right ul li a.active, .menu-right ul li a.btn-rezerva:hover, .menu-right ul li a.btn-rezerva.active {
            text-shadow: 1px 0px #fff;
            background: none;
            color: #fff !important;
        }

        .left-intro-content .text {
            font-size: 16px;
            background: rgba(0,0,0,0.3);
            padding: 20px;
            color: #fff;
        }

            .left-intro-content .text br {
                display: none;
            }

        #sliderIntro {
            position: relative;
            min-height: 500px;
        }

        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden;
            position: absolute;
            bottom: 10%;
        }

        ul.nav-tabs li.nav-item {
            margin-bottom: 5px;
            width: 90%;
        }

        .serviciu-holder .title {
            font-size: 25px;
        }

        .holder-month-days .carousel-inner .carousel-item > div {
            display: none;
        }

            .holder-month-days .carousel-inner .carousel-item > div:nth-child(1),
            .holder-month-days .carousel-inner .carousel-item > div:nth-child(2) {
                display: block;
            }

        .holder-month-days .carousel-item .holder-day {
            width: 40%;
            margin: 0px 20px;
        }

        .backround-white.autentificare-mail, .backround-white.creare-cont {
            width: 96%;
        }

        .serviciu-holder-inner .inot .title-bazin:after {
            top: 20px;
            left: 20%;
        }

        .menu-right ul li.holder-user a {
            margin-top: -2px;
            font-size: 0px;
            right: -1px;
            position: relative;
        }

            .menu-right ul li.holder-user a i {
                font-size: 22px;
            }

        .justify-content-between {
            flex-direction: column !important;
        }

        .serviciu-holder-inner .col-3 {
            width: 90%;
        }
        .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
          
            top: 3% !important;
           
        }
    }

    @media (max-width:480px) {
        .logo-header a {
            font-size: 0px;
        }

        .left-intro-content .holder-text {
            padding-left: 0px;
            margin: 0 auto;
            display: table;
            width: 90%;
        }

        .holder-month-days {
            position: relative;
            padding: 0px 0px;
            width: 100%;
        }

        .scroll-days .child {
            min-width: 43%;
            height: auto;
            overflow: hidden;
            margin: 0px 0px 0px 23px;
        }


        .holder-month-days button {
            background-color: transparent;
            border: none;
            outline: none;
            cursor: pointer;
            width: 50%;
            top: 35px;
            height: 68px;
        }



        .left-scroll i {
            font-size: 25px;
            color: #000;
            left: -47%;
            position: relative;
        }

        .right-scroll i {
            font-size: 25px;
            color: #000;
            left: 47%;
            position: relative;
        }

        .carousel-control-prev-icon, .carousel-control-next-icon {
            color: #000;
            font-size: 20px;
            top: -12px;
        }

        .carousel-control-prev {
            left: 10px;
        }

        .carousel-control-next {
            right: 10px;
        }


        .nav-tabs .nav-link {
            padding-right: 10px;
            font-size: 16px;
            line-height: 35px;
            margin: 0px 4px;
        }

        ul.nav-tabs li.nav-item {
            margin-bottom: 5px;
        }

        .nav-tabs .nav-link.active-second span:after {
            display: block;
            top: 7px;
        }

        .nav-tabs .nav-link span {
            margin-right: 40px;
            padding-top: 6px;
            padding-left: 15px;
            padding-right: 16px;
            padding-bottom: 6px;
        }

        .finalizare .title {
            font-size: 20px;
            line-height: 25px;
        }

        .costum-checkbox-image.step1 {
            flex-direction: column-reverse !important;
        }

        .serviciu-holder-inner .sala-sport, .serviciu-holder-inner .inot {
            padding: 0%;
            margin-bottom: 15px;
        }

            .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
                width: 100%;
                bottom: 0%;
            }

            .serviciu-holder-inner .inot .inot-checkbox, .serviciu-holder-inner .sala-sport .sala-sport-checkbox {
                bottom: 5%;
            }

            .serviciu-holder-inner .inot:hover .title-bazin, .serviciu-holder-inner .inot.clicked .title-bazin, .serviciu-holder-inner .sala-sport:hover .title-sala-sport {
                bottom: 0%;
            }

        .backround-white.previzualizare p.title {
            font-size: 20px;
        }

        .backround-white.previzualizare .detalii-plata p.total {
            font-size: 20px;
            margin-top: 20px;
            margin-top: 30px;
        }

        .footer-tabs.previzualizare .title {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 5px;
            margin-top: 15px;
        }

        .backround-white.previzualizare .detalii-plata .title, .backround-white.previzualizare p.title {
            margin-bottom: 10px;
        }

        .container-checkbox {
            font-size: 14px !important;
            padding-left: 30px !important;
        }

            .container-checkbox .checkmark {
                height: 20px;
                width: 20px;
            }

        .serviciu-holder-inner .inot::before {
            top: 0%;
            left: 0%;
            width: 100%;
        }

        .serviciu-holder-inner .inot .title-bazin, .serviciu-holder-inner .sala-sport .title-sala-sport {
            top: 0%;
        }

            .serviciu-holder-inner .inot .title-bazin:after {
                top: 20px;
                left: 25%;
            }

        .container-checkbox .checkmark:after {
            left: 7px;
            top: 2px;
        }

        .backround-white.previzualizare .detalii-plata p {
            padding-left: 0%;
        }

        .finalizare .middle-title {
            min-height: 50px;
        }

        .backround-white.previzualizare-pas4 {
            position: relative;
            overflow: hidden;
            padding: 15px 5px;
        }

            .backround-white.previzualizare-pas4 p.title {
                font-size: 18px;
                font-weight: 500;
                padding-left: 0%;
                margin-bottom: 10px;
                text-align: center;
            }

            .backround-white.previzualizare-pas4 p {
                margin-bottom: 0px;
                padding-left: 0;
                line-height: 18px;
                font-size: 14px;
            }

            .backround-white.previzualizare-pas4 .detalii-plata .title {
                padding-left: 0%;
                margin-bottom: 10px;
                margin-top: 10px;
            }

            .backround-white.previzualizare-pas4 p.left {
                margin-left: 0px;
            }

            .backround-white.previzualizare-pas4 .detalii-plata p.total {
                font-size: 18px;
                margin-top: 20px;
                margin-top: 14px;
            }

        .backround-white.previzualizare-pas4 {
            position: relative;
            overflow: hidden;
            padding: 10px 5px;
        }

        .footer-tabs.previzualizare p {
            font-size: 14px;
        }

        .footer-tabs.previzualizare {
            padding-left: 0%;
        }

        .holder-login {
            width: 100%;
            margin-top: 0px;
            background: rgba(255,255,255,0.8);
            padding-top: 1px;
            border-radius: 5px;
        }

        .finalizare .autentificare-mail .holder-login a {
            font-size: 14px;
        }

        .autentificare-mail .container-checkbox {
            padding-left: 0px !important;
            font-size: 14px !important;
        }

        button#login-submit, button#registerSubmit, button.reset-password {
            padding: 5px 10px 4px;
            margin-top: 10px;
            font-size: 15px;
        }

        .btnNext, .btnPrevious, .btn-anchor {
            line-height: 40px;
        }

        .btnFinishPay {
            line-height: 17px;
        }

        .d-flex .col-md-3.holder-login {
            margin-top: 100px;
        }

        .holder-input-login-inner .title {
            margin-top: 15px;
        }

        .menu-right ul li.holder-user a {
            right: 50px;
        }

        .menu-right ul .holder-bell {
            right: 30%;
        }

        .menu-right ul li.cart .holder-bell {
            right: 40%;
        }

        .menu-right ul li.holder-logout {
            right: 23%;
        }

        .navbar-light .navbar-toggler {
            right: -15px;
        }

        .bx-wrapper {
            max-width: 255px !important;
            width: 290px;
            margin: 0 auto;
        }

        .child {
            min-width: 115px;
            max-width: 115px;
            height: auto;
            margin: auto;
            overflow: hidden;
        }

        .bx-controls-direction {
            display: none;
        }

        img.img-responsive {
            display: block;
            margin: auto;
            max-width: 100% !important;
            width: auto !important;
            height: auto !important;
        }

        .modal-footer .holder-buttons {
            flex-direction: column !important;
        }

        .modal-body .holder-total {
            width: 100%;
        }
    }

    @media (max-width:375px) {
        .btnNext, .btnPrevious, .btn-anchor, .btnFinishPay {
            font-size: 13px;
        }

        .btnFinishPay {
            margin-right: 10px;
        }
    }

    @media (min-width: 1024px) and (max-width:1103px) {
        .form-floating button.rzvS-show-password.first {
            top: 90px !important;
        }

        .showFieldPersoane .modal-body {
            padding: 0px 0px 15px 10px;
        }

        #RzvReduceri {
            position: relative;
            z-index: 9999;
        }

        #pasul2 .footer-tabs {
            position: relative;
            z-index: 999;
        }
    }

    @media (min-width: 767px) and (max-width:841px) {
        .form-floating button.rzvS-show-password.first {
            top: 78px;
        }
    }

    @media (min-width: 841px) and (max-width:991px) {
        .form-floating button.rzvS-show-password.first {
            top: 65px !important;
        }
    }

    @media (min-width:429px) and (max-width:767px) {
        .form-floating button.rzvS-show-password.first {
            top: 68px !important;
        }
    }