@media only screen and (min-width: 1900px) {
    .sales-barbershop {
        height: 85vh;
    }
}

@media only screen and (min-width: 1600px) {
   
    .banner-sec img {
        margin-bottom: -50px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    .container {
        width: 1170px;
    }
    .sales-barbershop .container {
        width: 100%;
    }
    ul.marketing-list li {
        float: left;
    }
    .marketing-list .marketing-item {
        width: 235px;
        height: 310px;
    }
    /* .banner-sec {
        height: 850px;
    } */
    .landing-sec .col::before {
        right: -125px;
    }
}

@media only screen and (min-width: 1400px) {
    .marketing-list .marketing-item {
        width: 295px;
        height: 250px;
    }
    
    .banner-sec {
        align-items: ;
    }
    ul.uzeli-infographics li {
        margin-right: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .banner-txt-wrap h1 {
        font-size: 40px !important;
        line-height: 55px !important;
    }
    .sales-barbershop {
        height: 700px;
    }
    .sales-barbershop-cta h2 {
        font-size: 36px;
    }
    .uzeli-benefits.mb-80 {
        margin-bottom: 40px;
    }
    .sales-barbershop h1 {
        font-size: 38px;
    }
    a.btn.sales-btn {
        font-size: 22px;
        margin-top: 20px;
    }
    
    .barbershop-testimonial-sec,
    .schedule-demo {
        padding: 80px 0;
    }
    .infographics-wrap {
        height: 760px;
    }
    .info-right,
    .info-left {
        gap: 70px;
    }
    .info-item {
        font-size: 16px;
    }
    .info-pink {
        top: -20px;
    }
    .infographics-wrap img {
        width: 450px;
    }
   
    .choose-item h4 {
        font-size: 24px;
    }
    .choose-item h4+p {
        font-size: 16px;
    }
    .choose-item {
        padding: 30px 35px;
    }
    .why-choose-sec .title,
    .uzeli-benefits .title,
    .schedule-demo .title,
    .barbershop-testimonial-sec .title {
        margin: 0 auto 40px;
    }
    section.mb-150 {
        margin-bottom: 100px;
    }
    .schedule-demo .title i {
        font-size: 50px;
        margin-bottom: 20px;
    }
    .sales-barbershop img {
        width: 350px;
    }
    .sales-barbershop .container {
        padding: 0 80px;
    }
    .schedule-zoom-call-form-wrap input[type="text"],
    .schedule-zoom-call-form-wrap input[type="tel"],
    .schedule-zoom-call-form-wrap input[type="email"] {
        height: 35px;
        margin-bottom: 10px;
    }
    .schedule-zoom-call-form-wrap input[type="submit"] {
        font-size: 18px;
        height: 45px;
    }
    .schedule-zoom-call-form-wrap h5 {
        margin-bottom: 15px;
    }
    .schedule-animation-left h3 {
        font-size: 26px;
    }
    .schedule-demo .title {
        margin: 0 auto 50px;
    }
    .schedule-animation-right .w-500 {
        width: 350px;
    }
    .zoom-call-list {
        font-size: 16px;
    }
    .partners-wrap img {
        width: 100px;
    }
    .partners-sec {
        margin-top: -90px;
        margin-bottom: 80px;
    }
    .sales-barbershop-cta::before {
        top: -80px;
    }
    .info-item {
        width: 330px;
        padding: 15px 30px;
    }
    .salon-point-of-sale-banner h1 {
        font-size: 44px;
        margin-top: 60px;
    }
    .kiozzk-tabs.nav-tabs li button {
        font-size: 28px;
    }
    .hardware-software-sec .row {
        max-width: 1200px;
    }
    .software-features .container::before {
        background-size: 80%;
        right: 0;
    }
    .software-features .container::after {
        left: -100px;
    }
    .barbershop-pos-banner .col-6:last-child {
        min-height: 700px;
    }
    .barbershop-pos-banner img {
        width: 480px !important;
    }
    .barbershop-pos-banner .container {
        padding-top: 0;
    }
    .barbershop-pos-banner h1 {
        font-size: 54px;
    }
   
    .uzeli-sec::before {
        width: 190px;
        top: -26px;
    }
    .uzeli-features::before {
        width: 180px;
    }
    .why-uzeli::before {
        width: 180px;
        left: 50px;
    }
    .uzeli-best::after {
        width: 180px;
        bottom: -510px;
        background-size: 90%;
    }
}

@media only screen and (min-width: 1200px) {
    
 
    .marketing-item {
        height: 290px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
    #v-pills-tabContent .tab-pane {
        width: auto;
    }
    /* .banner-sec {
        height: 750px;
    } */
    .education-title-sec {
        min-height: 490px;
    }
    .education-title-sec h3 {
        font-size: 32px;
    }
    .education-title-sec h5 {
        font-size: 18px;
    }
    .demo-listing {
        font-size: 16px;
    }
    .demo-listing li {
        width: 60%;
    }
    .demo-listing li:nth-child(2n) {
        width: 37%;
    }
    ul.uzeli-infographics::before {
        width: 730px;
    }
    .landing-form-div {
        width: 445px;
    }
    .landing-sec .col::before {
        right: -195px;
        top: -109px;
        background-size: 60%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1399.98px) {
    .casestudy-banner h1.fnt-48 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199.98px) {
    .uzeli-sec {
        padding: 90px 0 100px;}

    h3 {
        font-size: 32px;
    }
    .sales-barbershop-cta {
        padding-top: 40px;
    }
    .sales-barbershop-cta::before {
        top: -120px;
    }
    .schedule-animation-right .w-500 {
        width: 350px;
    }
    .info-left,
    .info-right {
        gap: 70px;
    }
    .info-left {
        top: 110px;
        left: 50px;
    }
    .info-right {
        right: 60px;
        top: 80px;
    }
    .info-item {
        width: 330px;
    }
    .infographics-wrap img {
        width: 365px;
    }
    .choose-item {
        width: 31%;
    }
    .partners-sec {
        margin-top: -50px;
    }
    .giftcard-form-wrap::after {
        right: -230px;
        background-size: 70%;
    }
    .salon-point-of-sale-banner h1 {
        font-size: 38px;
        margin-top: 60px;
    }
    .install-pos .title.salon-point-title {
        width: auto;
    }
    .dynamic-numbering .row:nth-child(3) img {
        width: 300px !important;
    }
    .hardware-software-sec .row:nth-child(2n + 1) .col:last-child {
        padding-left: 50px;
    }
    .hardware-software-sec .row:nth-child(2n) .col:last-child {
        padding-right: 50px;
    }
    .dynamic-numbering {
        padding: 0 30px;
    }
    .software-features .container::before {
        top: -130px;
        background-size: 160px;
        right: -30px;
    }
    .software-features .container::after {
        background-size: 180px;
        left: 0;
    }
    .barbershop-pos-banner .container {
        padding-top: 0;
    }
    .barbershop-pos-banner img {
        width: 350px !important;
    }
    .barbershop-pos-banner .col-6:last-child {
        min-height: 700px;
    }
    .barbershop-pos-banner h1 {
        font-size: 54px;
    }
    /* .mfeature-item {
        height: auto;
    } */
    .run-manage-sec .col-6 img {
        margin-left: 50px;
    }
    .features-vtab-d-flex .nav-link {
        width: 350px;
    }
    #v-pills-tabContent .tab-pane {
        width: 450px;
    }
    .fservices-item {
        width: 460px;
    }
    .point-of-sale-sec .col-6:first-child {
        padding-left: 50px;
    }
    .more-features-sec::after {
        display: none;
    }
    .education-title-sec h3 {
        font-size: 28px;
    }
    .pricing-sec .education-title-sec h5 {
        font-size: 18px;
    }
    .demo-listing li,
    .demo-listing li:nth-child(2n) {
        width: 100%;
    }
    .thankyou-form-div::after {
        right: -110px;
    }
    .thankyou-sec .col {
        padding: 50px 100px 100px;
    }
    .contact-flex a {
        font-size: 32px;
    }
    .landing-sec .col::before {
        right: -225px;
        top: -79px;
        background-size: 50%;
    }
    .landing-sec h1.fnt-42 {
        font-size: 36px;
    }
    .landing-form-div {
        width: 455px;
    }
    /* .banner-sec {
        height: 755px;
    } */
    .landing-sec-text::after {
        display: none;
    }
    .uzeli-best::after {
        background-size: 95%;
        width: 140px;
        bottom: -530px;
    }
    .subscribe a.btn {
        flex-basis: 32%;
    }
    #pills-tabContent.tab-content {
        width: 90%;
    }
    #pills-tab.nav-pills .nav-link {
        width: auto;
    }
    .why-uzeli::before {
        width: 140px;
        left: 30px;
    }
    ul.marketing-list li {
        margin: 0 20px 30px 0;
        float: left;
    }
    .marketing-item {
        width: 185px;
        font-size: 16px;
        padding: 25px 20px;
    }
    ul.delightful-list {
        width: 485px;
    }
    ul.uzeli-infographics::before {
        width: 720px;
    }
    .uzeli-sec::before {
        width: 140px;
        top: -20px;
        left: 0;
    }
    .uzeli-features::before {
        width: 140px;
        right: 30px;
        top: -250px;
    }
    /* .banner-txt-wrap {
        margin-top: -170px;
    } */
    .main-navigation li {
        margin-right: 35px;
    }
    .banner-sec img {
        position: relative;
        top: ;
    }
}

@media (max-width: 1023.98px) {
    body {
        font-size: 16px;
    }
    .install-pos .title.salon-point-title {
        width: auto;
    }
    .barbershop-accordion .accordion-flush .accordion-button {
        font-size: 16px;
    }
    .casestudy-testimonial {
        padding: 80px 60px 40px;
    }
    .casestudy-listing {
        font-size: 18px;
    }
    .casestudy-listing span {
        font-size: 22px;
        left: 160px;
    }
    .casestudy-banner h1.fnt-48 {
        font-size: 36px;
    }
    h2 {
        font-size: 34px;
    }
    h3 {
        font-size: 24px;
    }
    .features-vtab .row::before {
        right: 0;
    }
    .appointment-sec .fservices-item {
        margin-top: 30px;
    }
    /* .run-manage-sec .col-6 img {
        width: 420px !important;
        margin-left: 20px;
    } */
    .more-features-sec::after {
        display: none;
    }
    /* .mfeature-item {
        height: auto;
    } */
    .point-of-sale-sec.pad-140 {
        padding-bottom: 150px;
    }
    .features-vtab-d-flex .nav-link h6.fnt-22 {
        font-size: 16px;
    }
    .features-vtab-d-flex .nav-link p.fnt-18 {
        font-size: 14px;
    }
    .features-vtab-d-flex .nav-pills {
        margin-right: 0;
    }
    #v-pills-tabContent .tab-pane {
        width: auto;
    }
    .features-vtab-d-flex .nav-link {
        padding: 15px;
        margin-bottom: 10px;
    }
    .features-vtab-d-flex .nav-link {
        width: 270px;
    }
    .features-vtab .col-8,
    .more-features-sec .col-8 {
        width: 83.33%;
    }
    .appointment-sec .col-6 img {
        margin-right: 50px;
    }
    .features-vtab::after {
        width: 340px;
    }
    .features-before-svg {
        top: -9.9vw;
    }
    .features-vtab::before {
        width: 340px;
        top: -63px;
    }
    .point-of-sale-sec .col-6:first-child {
        padding-left: 0;
    }
    .appointment-sec .col-6 img {
        width: 250px !important;
    }
    .fservices-accordion .accordion-body {
        font-size: 15px;
    }
    .fservices-item {
        width: auto;
    }
    .fservices-accordion {
        width: 360px;
    }
    .run-manage-sec .row {
        padding: 120px 20px 0;
    }
    .fservices-accordion .accordion-button {
        font-size: 16px;
    }
    body.features-page .breadcumb-sec {
        height: 750px;
    }
    a.features-btn {
        padding: 15px 35px;
    }
    .about-letter-sec .col-10 {
        padding: 80px 50px;
    }
    .demo-listing {
        text-align: center;
    }
    .demo-listing li:nth-child(2n) {
        width: 40%;
    }
    .thankyou-form-div::after {
        display: none;
    }
    .thankyou-sec .col {
        padding: 50px 50px 100px;
    }
    .thankyou-sec.giftcard-sec .col {
        padding: 50px 40px 100px;
    }
    .giftcard-form-wrap::before,
    .giftcard-form-wrap::after {
        display: none;
    }
    .giftcard-address-listing li {
        margin: 0 20px;
    }
    .thankyou-form-div {
        width: 630px;
    }
    .landing-form-div {
        margin: 20px auto 0;
    }
    .landing-sec-img {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }
    .landing-sec-text {
        float: none;
        width: 100%;
        margin-top: 40px;
    }
    .landing-sec .col::before {
        right: -240px;
        top: -60px;
        background-size: 40%;
    }
    .landing-sec-text p {
        text-align: center;
    }
    .landing-sec-text::after {
        display: none;
    }
    .price-tbl-title {
        padding: 15px 0;
    }
    .price-tbl-header {
        min-height: 410px;
    }
    .price-tbl-features ul li {
        padding: 10px 15px;
        font-size: 12px;
    }
    .price-tbl-features h6.small {
        font-size: 14px;
    }
    .pricing-tbl {
        font-size: 14px;
    }
    
    .price-tag .fnt-90 {
        font-size: 50px;
    }
    .price-tag .fnt-40 {
        font-size: 28px;
    }
    .price-subheading {
        font-size: 16px;
    }
    .price-subheading .fnt-14 {
        font-size: 12px;
    }
    .price::before {
        font-size: 20px;
        left: -15px;
        top: 15px;
    }
    .breadcumb-sec {
        height: 550px;
    }
    .pricing-sec {
        margin-top: -180px;
    }
    .education-title-sec {
        min-height: 305px;
    }
    ul.marketing-list {
        margin: 50px 0;
    }
    .fnt-36 {
        font-size: 26px;
    }
    .fnt-26 {
        font-size: 22px;
    }
    .fnt-24 {
        font-size: 20px;
    }
    .fnt-20 {
        font-size: 16px;
    }
    .uzeli-best::after {
        background-size: 80%;
        bottom: -520px;
        width: 150px;
        right: 5px;
        display: none;
    }


    .uzeli-best.pad-140 {
        padding: 140px 0 0;
    }
    .why-uzeli::before {
        width: 120px;
        left: 20px;
        top: -140px;
        background-size: 80%;
        display: none;
    }
    .uzeli-features::before {
        width: 160px;
        right: 0;
        top: -130px;
        background-size: 80%;
        display: none;
    }
    .uzeli-sec::before {
        top: -20px;
        left: 15px;
        display: none;
    }
    .footer-widget-nav {
        padding-left: 35px;
    }
    .copyright,
    .copyright p.fnt-18 {
        font-size: 15px;
    }
    .subscribe .col {
        padding: 30px;
    }
    .subscribe .col div {
        flex-basis: 75%;
    }
    .subscribe .col a.btn {
        flex-basis: 25%;
        font-size: 18px;
        padding: 10px 15px;
    }
    #pills-tabContent.tab-content {
        width: 100%;
    }
    #pills-tabContent.tab-content .tab-pane div {
        width: 60%;
    }
    #pills-tabContent.tab-content .tab-pane div:last-child {
        width: 40%;
    }
    #pills-tab.nav-pills .nav-link {
        width: auto;
    }
    .uzeli-best .col.flex-center {
        display: block;
    }
    #pills-tab.nav-pills .nav-item {
        flex: 1;
    }
    #pills-tab.nav-pills .nav-item img {
        max-width: 60px;
    }
    #pills-tab.nav-pills .nav-item h6 {
        font-size: 14px;
    }
    #pills-tab .nav-link {
        padding: 15px 20px;
    }
    #pills-tab.nav-pills .nav-link.active h6 {
        font-size: 14px;
    }
    .why-uzeli.pad-140 {
        padding-bottom: 80px;
    }
    ul.testimonial-list li {
        margin-bottom: 50px;
    }
    .uzeli-img-hold {
        width: 60%;
    }
    .uzeli-testimonial {
        width: 40%;
    }
    .uzeli-testimonial p {
        font-size: 16px;
        padding-top: 25px;
    }
    .client h6.fnt-18 {
        font-size: 16px;
    }
    ul.testimonial-list li::before {
        height: 55px;
        width: 55px;
        line-height: 55px;
        font-size: 26px;
    }
    .marketing-item {
        width: 220px;
        font-size: 16px;
        padding: 15px;
    }
    ul.marketing-list li {
        margin: 0 15px 20px 0;
    }
    .feature-item {
        margin-bottom: 100px;
    }
    .feature-item .col-5 {
        width: 30%;
    }
    .feature-item .col-7 {
        width: 70%;
    }
    ul.delightful-list {
        width: 335px;
        font-size: 18px;
    }
    ul.delightful-list li {
        padding-left: 10px;
    }
    ul.delightful-list li::before {
        font-size: 30px;
    }
    .effortless-item {
        padding: 15px;
    }
    .effortless-item p {
        font-size: 14px;
    }
    .feature-item .col-9 {
        width: 100%;
    }
    .title p.fnt-20 {
        font-size: 16px;
    }
    ul.uzeli-infographic {
        padding: 0;
        width: 600px;
        margin: 40px auto 0;
    }
    ul.uzeli-infographics::before {
        width: 600px;
    }
    ul.uzeli-infographics li {
        margin-right: 20px;
    }
    ul.uzeli-infographics h6 {
        font-size: 18px;
    }
    .banner-sec .col:first-child {
        margin-top: ;
    }
    
    .banner-txt-wrap p.mb-50 {
        margin-bottom: 20px;
    }
        
    .main-navigation li {
        margin-right: 25px;
    }
    .main-navigation a {
        font-size: 16px;
    }
    
    .banner-sec img {
        position: relative;
        top: ;
    }
}

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

    .pricing-chart {
    margin-top: -332px;}

    .top-tag {
    margin:-15px 0 0 75px;}

    .contact-container{ padding:30px 20px 0 }

    .links-width {
    width: 100%;}

    .contact-pricing {margin-top: 50px}

    .breadcumb-sec {
    height: 520px;}

    .ft-box {
    width: 32%;
    padding: 20px;
    height: 280px;}

    h2 {
    font-size: 30px;}

    .tab-ft {
    width: 100% !important;}

    .gz-edu-hero {
    height: 400px !important;}

    .cta-form {
    max-width: 100%;
    padding: 0 !important;
    margin-top: 25px !important;}

    .ft-img {margin-top: 80px;}
    .ft-img img {
    max-width: 100%;}

    .sales-barbershop-cta h2 {
        font-size: 32px;
    }
    .schedule-animation-right .w-500 {
        width: 360px;
    }
    section.mb-150 {
        margin-bottom: 80px;
    }
    .uzeli-benefits .title {
        margin-bottom: 10px;
    }
    .partners-sec {
        margin-top: -80px;
        margin-bottom: 80px;
    }
    .partners-wrap img {
        width: 120px;
    }
    .sales-barbershop h1 {
        font-size: 42px;
    }
    .sales-barbershop .container {
        max-width: 960px;
    }
    a.btn.salon-point-banner-btn {
        font-size: 18px;
        padding: 15px 35px;
        margin-top: 20px;
    }
    .kiozzk-tabs.nav-tabs li button {
        font-size: 24px;
    }
    .request-quote-form,
    .kiozzk-spec-tbl {
        width: auto;
    }
    .orientation-list img {
        width: 450px !important;
        height: auto !important;
    }
    .orientation-list li:nth-child(2) img {
        width: 300px !important;
    }
    .orientation-list li:last-child img {
        width: 400px;
    }
    .kiozzk-banner img {
        width: 700px;
    }
    .education-title-sec {
        min-height: 410px;
    }
    .education-title-sec div {
        margin-right: 25px;
    }
    .education-title-sec h5 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1023.98px) {

    .testimonial {
        padding: 40px 10px;}

    .gz-edu-hero{height: 500px !important;}

    .sales-barbershop-cta::before {
        top: -140px;
    }
    .schedule-animation-right .w-500 {
        width: 400px;
    }
    .infographics-wrap .info-right {
        right: 140px;
    }
    .infographics-wrap .info-left {
        left: 140px;
    }
    .choose-item {
        width: 30.5%;
    }
    .barbershop-pos-banner .container {
        margin-top: 50px;
    }
    #v-pills-tabContent .tab-pane {
        height: auto;
    }
    #v-pills-profile img {
        width: 300px !important;
    }
    .features-vtab-d-flex .nav-pills {
        margin-right: 50px;
    }
    #v-pills-tabContent .tab-pane {
        width: 480px;
    }
    .features-vtab-d-flex .nav-link {
        width: 340px;
    }
    .point-of-sale-sec img {
        width: 350px !important;
    }
    /* .run-manage-sec .col-6 img {
        width: 320px !important;
    } */
    .point-of-sale-sec .col-6:first-child {
        padding-left: 50px;
    }
    .demo-listing li {
        width: 55%;
    }
    .marketing-item {
        width: 220px;
    }
    .uzeli-best.pad-140 {
        padding-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    a.btn.education-btn {
        padding: 10px 15px;
        font-size: 13px;
        margin-top: 10px;
    }
    .education-title-sec h3 {
        font-size: 18px;
    }
    .education-title-sec h5 {
        font-size: 14px;
    }
    .education-title-sec div {
        margin-right: 26px;
    }


}

@media only screen and (min-width: 768px) and (max-width: 990px) {

    .banner-sec {
        height: 506px;}
    .logo img {
            width: 15%;
            padding-right: 20px; }   

    .gz-edu-hero {
    height: 375px !important;}

    .banner-txt-wrap {
    width: 100%;}
    
    .btn-edu {
    padding: 6px 30px; font-size: 16px;}

    .gz-edu-form .landing-request-demo-form-div input[type="text"] {
    width: 100%;
    }

    .cta-form {
    margin-top: 0 !important;}

    .landing-request-demo-form-div input[type="text"] {
    height: 45px;
    width: 90%;
    font-size: 12px;
    }

    .footer-cta-left{
     padding: 30px 0 0 50px;}

    
    .contact-container{
    padding: 30px 0 0;     
    }

    #pricing-div-container > .pricing-divs {
    width: 14.6rem;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 10px;}


    #pricing-div-container > .pricing-divs > h3 > span {
    vertical-align: 48%;
    margin-right: 0.15rem;
    font-size: 1.1rem;}


    #pricing-div-container > .pricing-divs > h3 {
    margin-top: 1rem;
    margin-bottom: -8px;
    font-size: 2.6rem;}


    .list {
    text-align: left;
    margin: 40px 0;
    font-size: 12px;
    width: 230px;}


    #myBtn {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    text-transform: lowercase;
    text-decoration: underline;
    padding: 20px 0;}



  #myBtn2 {
    padding: 12px 0;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    text-transform: lowercase;
    text-decoration: underline;}

    .btn-pricing {
        margin: 25px 0;
    }
.toggle-btn {
    margin: 5px;}

 #pricing-div-container {
        margin-top: 9rem;}
.pricing-height{height: 600px !important;}

  .list ul {
    list-style-image: url(../img/icon-tick.png);
    
}  


 #pricing-div-container .details-div > p {
    margin: ;
    padding: 0;
    font-size: .78rem;
    line-height: normal;
      margin-top: 10px;}  


    .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 680px;
    margin-bottom: 100px;}


  .close {
    color: #371650;
    font-size: 28px;
    font-weight: bold;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;    
    margin-top: -38px;
    margin-left: 625px;
    border: solid 1px #371650;}


    .box-content {
    width: 600px;
    margin: auto;}


    .product {
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    width: 640px;
    box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.10);
    
    border-radius: 10px;
    margin: auto;
    margin-bottom: 10px;
    flex-direction: row;
    font-size: 12px;} 


    .product-title{
      font-weight: 700;} 

    .product-image {
    width: 20%;
    padding:8px;}


    .pricing-td {
    width: 24%;
}

.product-details p {
    font-size: 10px;
    line-height: 14px;}

  .totals-item-total {
   padding-bottom:5px;}   

    #pricing-div-container > .pricing-divs > h2 {
    font-size: 1.1rem;}

    .pricing-chart {
    margin-top: -280px;
    position: relative;}

    .top-tag {
    margin: -15px 0 0 40px;    
}

    h6 {
    font-size: 16px;}

    .feature-box {
    margin: auto;
    width: 32%;
    padding: 10px;}

    .fnt-14{ font-size:12px; }

    
    .breadcumb-sec {
    height: 460px;
}

    h2{font-size: 24px}

    .fnt-34 {
    font-size: 24px;}

    #pills-tabContent.tab-content {
     min-height: 100%;}

    .tab-ft {
    width: 100% !important;}

    .top-padding {
    padding-top: 10px;
}

    .ft-img img {
    max-width: 100%;}

    .ft-img {margin-top: 50px;}

    .main-navigation a {
    font-size: 14px;}

    .site-branding img{ max-width:100% }

    a.btn {
    padding: 10px 16px;
    border-radius: 4px;
    font-size: 14px;}

    a.btn2 {
    padding: 10px 16px;
    border-radius: 4px;
    font-size: 14px;}

    .social-links {
    width: 150px;
    padding-left: 50px;
    text-align: center;}


    .mb-40 {
    margin-bottom: 40px;
    max-width: 100%;}


    .footer-widget-nav {
    padding-left: 35px;
    width: 100%;}

    .links-width {
    width:140%;
    padding-left: 30px;}

    .img-resize {
    width: 50%;
    padding-bottom: 14px;}

    .mb-40 {
    margin-bottom: 40px;
    max-width: 100%;}

    .testimonial-box {
    width: 32%;
    padding: 20px;}

    .f-100{
    width: 100%;
    padding-top: 60px;}

    .testimonial {
    padding: 10px;}

    .uzeli-best.pad-140 {
    padding: 80px 0 0;}

    #pills-tabContent.tab-content .tab-pane div {
    width: 45%;}

    #pills-tabContent.tab-content .tab-pane div:last-child {
    width: 82%;}

    .feature-img {
    width: 54%;
    margin: 0;}

    .uzeli-sec {
    position: relative;
    padding: 40px 20px 60px;
}

    
    .banner-txt-wrap a.banner-btn {
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    }

    .banner-txt-wrap .fnt-42 {
    font-size: 30px;
    }

    .banner-sec .col:first-child {
    margin-top:  ; }

    .sales-spa-cta-sec .col-12 div:first-child {
        width: 60%;
    }
    .sales-spa-cta-sec {
        padding: 70px 25px;
    }
    a.btn.btn-sales {
        padding: 10px 20px;
        margin-top: 10px;
        font-size: 18px;
    }
    .barbershop-testimonial-sec,
    .sales-spa-faq {
        padding: 80px 0 130px;
    }
    .schedule-animation-left h3 {
        font-size: 26px;
    }
    .zoom-call-list {
        font-size: 16px;
    }
    .schedule-demo {
        padding: 80px 0;
    }
    section.mb-150 {
        margin-bottom: 100px;
    }
    section.mb-80 {
        margin-bottom: 40px;
    }
    .choose-item h4 {
        font-size: 22px;
    }
    .title p.fnt-20 {
        font-size: 16px;
    }
    .sales-barbershop {
        height: 700px;
    }
    
    a.btn.sales-btn {
        font-size: 26px;
        padding: 12px 30px;
        margin-top: 20px;
    }
    .why-choose-sec .title,
    .uzeli-benefits .title,
    .schedule-demo .title,
    .barbershop-testimonial-sec .title,
    .sales-spa-faq .title {
        margin: 0 auto 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
    .sales-barbershop p {
        padding-right: 50px;
    }
    .infographics-wrap {
        height: 770px;
    }
    .info-item {
        width: 230px;
        padding: 10px 20px;
        font-size: 16px;
    }
    .info-right,
    .info-left {
        gap: 70px;
    }
    .info-right {
        right: 60px;
    }
    .info-left {
        left: 40px;
    }
    .info-robin-green {
        top: 30px;
    }
    .info-blue {
        top: 45px;
    }
    .info-red {
        left: -40px;
    }
    .info-violet {
        top: 40px;
    }
    .info-pink {
        top: -70px;
    }
    .info-green {
        left: 70px;
        top: -40px;
    }
    .infographics-wrap img {
        width: 280px;
    }
    .salon-point-of-sale-banner h1 {
        font-size: 44px;
        margin-top: 60px;
    }
    .pos-benefit .title {
        width: auto;
    }
    .dynamic-numbering {
        padding: 0 15px;
    }
    .dynamic-numbering .row:nth-child(3) img {
        width: 250px !important;
    }
    .hardware-software-sec .row:nth-child(2n + 1) .col:last-child {
        padding-left: 40px;
    }
    .hardware-software-sec .row:nth-child(2n) .col:last-child {
        padding-right: 40px;
    }
    .software-features .container {
        padding: 100px 0;
    }
    .software-features .row:nth-child(3) {
        margin-top: 30px;
    }
    .hardware-software-sec {
        padding: 180px 0 150px;
    }
    .software-features .container::after {
        left: 0;
        top: -210px;
        background-size: 100px;
    }
    .software-features .container::before {
        right: -52px;
        top: -110px;
        background-size: 150px;
    }
    .barbershop-pos-banner .col-8,
    .software-features .col-8,
    .hardware-software-sec .col-8 {
        width: 100%;
    }
    .barbershop-pos-banner .container {
        padding: 0 0 200px;
    }
    .barbershop-pos-banner .landpage-btn {
        margin-top: 0;
        padding: 15px 30px;
        font-size: 18px;
    }
    .barbershop-pos-banner h1 {
        font-size: 34px;
    }
    .barbershop-pos-banner .col-6 img {
        width: 300px !important;
    }
    .barbershop-pos-banner .col-6:last-child {
        min-height: 450px;
    }
    .barbershop-software-banner h1 {
        font-size: 44px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .choose-item div {
        height: 70px;
        width: 70px;
    }
    .schedule-demo i {
        font-size: 50px;
    }
    .sales-barbershop-cta .col-12 div:last-child {
        width: 70%;
        margin: 70px 0 10px 60px;
    }
    .sales-barbershop-cta h2 {
        font-size: 26px;
    }
    .sales-barbershop-cta {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .sales-barbershop-cta::before {
        top: -130px;
    }
    .barbershop-testimonial-wrap {
        padding: 80px 20px;
    }
    .schedule-zoom-call-form-wrap h5 {
        font-size: 20px;
    }
    .barbershop-testimonial-wrap div {
        flex: 1;
    }
    .barbershop-testimonial-wrap div:last-child {
        padding: 0 30px;
    }
    .schedule-animation-right .w-500 {
        width: 250px;
    }
    .schedule-zoom-call-form-wrap input[type="submit"] {
        font-size: 14px;
    }
    .sales-barbershop h1 {
        font-size: 38px;
    }
    .sales-barbershop h1 {
        width: 450px;
    }
    .choose-item {
        width: 30%;
        padding: 50px 15px;
    }
    .sales-barbershop .container {
        max-width: 720px;
    }
    .partners-sec {
        margin-top: -40px;
        margin-bottom: 70px;
    }
    .orientation-list div {
        width: auto;
    }
    .thankyou-sec .row {
        margin: 0 5px;
    }
    .giftcard-address-listing h5 {
        font-size: 22px;
    }
    .thankyou-sec.giftcard-sec .row {
        padding: 0;
        margin: 0;
    }
    .salon-point-title {
        width: auto;
    }
    .pos-benefit .col-10,
    .benefit-listing-second-sec .col-10,
    .install-pos .col-10 {
        width: 100%;
    }
    ul.salon-point-features li {
        width: 47%;
    }
    .salon-point-of-sale-banner {
        height: auto;
        padding: 120px 0 80px;
    }
    .salon-point-of-sale-banner .col-12 div:last-child {
        text-align: center;
    }
    .salon-point-of-sale-banner .col-12 div:last-child img {
        margin-top: 50px;
    }
    .salon-point-of-sale-banner .col-12 div:first-child,
    .salon-point-of-sale-banner .col-12 div:last-child {
        width: 100%;
    }
    .salon-point-of-sale-banner .col-12 div:first-child p {
        padding-right: 0;
    }
    .salon-point-of-sale-banner .col-12 {
        display: block;
    }
    .kiozzk-banner img {
        width: 550px;
        bottom: -160px;
    }
    .kiozzk-features-sec {
        margin-top: 280px;
    }
    .kiosk-features-item {
        width: 47%;
    }
    .orientation-list li {
        display: block;
    }
    .orientation-list li img {
        width: 450px !important;
        margin: 50px auto;
        display: block;
    }
    .orientation-list li:nth-child(2) img {
        height: auto !important;
        width: 300px !important;
        margin: 80px auto;
    }
    .request-quote-form,
    .kiozzk-spec-tbl {
        width: auto;
    }
    .kiozzk-tabs.nav-tabs li button {
        font-size: 18px;
    }
}

@media only screen and (min-width: 550px) and (max-width: 767.98px) {
    .barbershop-pos-banner .col-6:last-child {
        justify-content: flex-end;
    }
    .barbershop-pos-banner .col-6:last-child img {
        margin-right: 200px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767.98px) {
    body #page .barbershop-pos-banner .col-6:last-child img {
        width: 140px !important;
    }
    body #page .barbershop-pos-banner .col-6 div {
        margin-top: 20px;
    }
    body #page .barbershop-pos-banner .col-6:first-child,
    body #page .barbershop-pos-banner .col-6:last-child {
        width: 50%;
    }
    body #page .barbershop-pos-banner h1 {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {


    .feature-box {
    width: 100%;
    padding: 10px;}
    

    .row-res{
        display: flex;
        flex-direction: column;}

    
    h2 {
        font-size: 28px;
    }
    
    .salon-point-of-sale-brief .col-10,
    .salon-point-features .col-10,
    ul.salon-point-features li,
    .pos-benefit .col-10,
    .benefit-content div:last-child,
    .benefit-content div:first-child,
    .benefit-listing-second-sec .col-10,
    .install-pos .col-10,
    .sales-barbershop .col-12 div:first-child,
    .choose-item,
    .barbershop-testimonial-wrap div:last-child,
    .barbershop-testimonial-wrap div:first-child,
    .sales-barbershop-cta .col-12 div:last-child,
    .sales-barbershop-cta .col-12 div:first-child,
    .sales-spa-faq .col-10,
    .sales-spa-cta-sec .col-12 div:first-child {
        width: 100%;
    }
    a.btn.sales-spa-cta-btn {
        padding: 10px 25px;
        font-size: 16px;
        border-radius: 2px;
        margin-top: 5px;
    }
    .sales-spa-cta-sec .col-12 div:first-child {
        margin-bottom: 30px;
    }
    .sales-spa-cta-sec {
        padding: 50px 15px;
    }
    .sales-spa-cta-sec .col-12 {
        display: block;
        text-align: center;
    }
    .pos-benefit .salon-point-title,
    .install-pos .title.salon-point-title {
        padding: 0 0 30px;
    }
    .sales-spa-faq {
        padding: 60px 0;
    }
    .thankyou-sec h1,
    .sales-barbershop h1 {
        font-size: 28px;
    }
    .thankyou-sec h6 {
        font-size: 18px;
    }
    .zoom-call-list {
        font-size: 16px;
    }
    a.btn.sales-btn,
    a.btn.btn-sales {
        padding: 10px 25px;
        font-size: 16px;
        border-radius: 2px;
        margin-top: 5px;
    }
    .landing-button {
        padding: 0 15px;
    }
    .why-choose-sec .title,
    .uzeli-benefits .title,
    .schedule-demo .title,
    .barbershop-testimonial-sec .title,
    .sales-spa-faq .title {
        max-width: none;
        margin: 0 auto 50px;
    }
    .barbershop-accordion.sales-spa-accordion .accordion-button:not(.collapsed)::after,
    .barbershop-accordion.sales-spa-accordion .accordion-button::after {
        height: 30px;
        width: 30px;
    }
    .animation-frame span,
    .animation-frame span::before,
    .animation-frame span::after {
        width: 6px;
        height: 6px;
    }
    .animation-frame {
        padding: 6px;
    }
    .sales-footer-links {
        text-align: center;
    }
    .sales-barbershop-cta::before {
        width: 100%;
        background-size: contain;
    }
    .sales-footer-logos a {
        margin: 0 5px;
    }
    .sales-footer-logos div a:first-child img {
        width: 50px;
    }
    .sales-footer-logos div a:last-child img {
        width: 100px;
    }
    .sales-footer {
        font-size: 14px;
        padding: 20px 0;
    }
    .sales-barbershop-cta .col-12 div:first-child {
        text-align: center;
    }
    .sales-barbershop-cta {
        padding-bottom: 60px;
    }
    .sales-barbershop-cta img {
        width: 150px;
        margin-top: -60px;
    }
    .sales-barbershop-cta .col-12 div:last-child {
        margin: 40px 0 0 0;
    }
    .sales-barbershop-cta .col-12 {
        display: block;
    }
    .barbershop-testimonial-wrap div:first-child::after {
        display: none;
    }
    .schedule-animation-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .schedule-animation-left,
    .schedule-animation-right {
        flex: 0 0 100%;
    }
    .barbershop-testimonial-wrap h5 {
        font-size: 20px;
    }
    .barbershop-testimonial-wrap div:first-child img {
        width: 90px;
    }
    .barbershop-testimonial-wrap h6.small {
        font-size: 16px;
    }
    .schedule-zoom-call-form-wrap input[type="submit"] {
        font-size: 16px;
        height: 50px;
    }
    .barbershop-testimonial-wrap h4 {
        font-size: 24px;
        margin: 30px 0 20px;
    }
    .barbershop-testimonial-wrap div:last-child img {
        width: 60px;
    }
    .schedule-zoom-call-form-wrap h5 {
        font-size: 22px;
        margin-top: 40px;
    }
    .schedule-animation-left h3.fnt-36 {
        font-size: 22px;
    }
    .w-500 {
        width: 100%;
    }
    .schedule-animation {
        flex-direction: row-reverse;
        flex-wrap: wrap;
    }
    .schedule-animation-right {
        margin-top: 50px;
    }
    .schedule-demo {
        padding: 60px 0;
    }
    .barbershop-testimonial-sec {
        padding: 60px 0 120px;
    }
    .barbershop-testimonial-wrap {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        padding: 60px 25px;
    }
    .barbershop-testimonial-wrap div:last-child {
        padding: 0;
        margin-bottom: 40px;
    }
    .choose-item {
        padding: 40px 20px;
    }
    .info-left {
        margin-top: 15px;
    }
    .info-right,
    .info-left {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        gap: 15px 0;
    }
    .info-item {
        width: auto;
        font-size: 16px;
        padding: 15px 20px;
        border-radius: 4px;
    }
    .info-yellow,
    .info-green,
    .info-red,
    .info-violet,
    .info-pink {
        left: 0;
        top: 0;
    }
    .infographics-wrap img {
        display: none;
    }
    .infographics-wrap {
        width: 100%;
        height: auto;
        margin-top: 0;
        display: block;
        margin: 0 auto;
    }
    .why-choose-sec.mb-150 {
        margin-bottom: 80px;
    }
    .choose-wrap {
        row-gap: 15px;
    }
    .choose-item h4 {
        font-size: 24px;
    }
    .sales-barbershop h1 {
        margin-bottom: 10px;
    }
    .sales-barbershop img {
        width: 220px;
        margin-top: 40px;
    }
    .sales-barbershop {
        height: auto;
        padding-top: 100px;
    }
    .sales-barbershop .col-12 {
        display: block;
        margin-top: 0;
    }
    .sales-barbershop h1 {
        width: auto;
    }
    .sales-barbershop .col-12 div:last-child {
        text-align: center;
    }
    .sales-barbershop p {
        padding-right: 0;
    }
    .partners-sec {
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .partners-sec h2.mb-50 {
        margin-bottom: 20px;
    }
    .partners-wrap {
        gap: 0 15px;
    }
    .landing-request-demo-form-div {
        margin-top: 20px;
    }
    .thankyou-form-div h4 {
        padding: 0;
        margin-bottom: 15px;
    }
    .thankyou-request-demo-form-div form input[type="text"] {
        width: 150px;
    }
    .thankyou-request-demo-form-div form button[type="submit"] {
        font-size: 12px;
        width: 80px;
    }
    .thankyou-request-demo-form-div form input[type="text"],
    .thankyou-request-demo-form-div form button[type="submit"] {
        height: 50px;
    }
    .thankyou-form-div::before {
        width: 150px;
        background-size: 150px;
        top: -130px;
    }
    .thankyou-sec .col {
        padding: 50px 15px;
    }
    .thankyou-form-div {
        width: auto;
        margin: 180px auto 0;
        padding: 50px 15px 70px;
    }
    .thankyou-sec.giftcard-sec .row {
        padding: 0;
        margin: 0 5px;
    }
    .giftcard-address-wrap h3 {
        font-size: 22px;
    }
    .giftcard-address-wrap {
        margin-bottom: 50px;
    }
    .giftcard-address-listing {
        margin-top: 40px;
        display: block;
    }
    .giftcard-address-listing address h5 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .giftcard-address-listing li {
        margin: 0 auto;
        max-width: 240px;
        position: relative;
        left: 15px;
    }
    .giftcard-sec h1 {
        font-size: 28px;
    }
    .thankyou-sec.giftcard-sec .col {
        padding: 50px 0;
    }
    .giftcard-form-wrap {
        width: 260px;
        height: 165px;
        padding: 15px;
        margin: 40px auto 0;
    }
    .badge-success {
        height: 20px;
        width: 65px;
        margin: 10px auto;
        font-size: 10px;
    }
    .remaining-balance h6,
    .giftcard-balance h6 {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .balance {
        bottom: 15px;
        padding: 0 15px;
    }
    .balance-price {
        font-size: 16px;
    }
    .giftcard-form-wrap h5.fnt-22 {
        margin-bottom: 10px;
    }
    .giftcard-form-wrap form button[type="submit"],
    .giftcard-form-wrap form input[type="text"] {
        height: 25px;
    }
    .giftcard-form-wrap h5.fnt-22 {
        font-size: 14px;
    }
    .giftcard-form-wrap form input[type="text"] {
        width: 160px;
        padding: 10px;
        font-size: 12px;
    }
    .giftcard-form-wrap form button[type="submit"] {
        width: 80px;
        font-size: 14px;
    }
    .salon-point-title {
        background-size: 50%;
    }
    .salon-point-of-sale-banner::before {
        background-size: 25%;
    }
    .salon-point-of-sale-shapes-bg {
        background-size: contain;
    }
    .install-pos p {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
    ul.benefit-listing.benefit-listing-second li:last-child {
        margin-bottom: 50px;
    }
    .benefit-listing-third li:nth-child(2) .benefit-content div:first-child {
        padding-right: 0;
    }
    .benefit-listing-third .benefit-content div:last-child img {
        width: 300px !important;
    }
    .benefit-listing-third li:nth-child(3) .benefit-content div:first-child,
    .benefit-listing-third li:first-child .benefit-content div:first-child {
        padding-left: 0;
    }
    ul.benefit-listing.benefit-listing-third {
        margin: 0;
    }
    .benefit-listing-second li:nth-child(3) .benefit-content div:first-child {
        padding-left: 0;
    }
    ul.benefit-listing.benefit-listing-second li {
        margin-bottom: 70px;
    }
    ul.benefit-listing li:last-child {
        margin-bottom: 0;
    }
    ul.benefit-listing li:nth-child(3) .benefit-content div:first-child {
        margin-top: 0;
    }
    ul.benefit-listing li {
        margin-bottom: 100px;
    }
    .benefit-content div:last-child {
        text-align: center;
        margin-top: 30px;
    }
    .benefit-content div:last-child img {
        width: 200px !important;
    }
    .benefit-title h3 {
        margin-bottom: 30px;
    }
    ul.benefit-listing {
        margin: 30px 0 0 0;
    }
    .benefit-content {
        display: block;
    }
    .benefit-listing .benefit-content div:first-child {
        padding-right: 0;
    }
    ul.benefit-listing li .benefit-title::before {
        font-size: 150px;
        left: -20px;
        top: -100px;
    }
    .benefit-title h3 {
        font-size: 24px;
    }
    .pos-benefit .title {
        width: auto;
    }
    .pos-benefit {
        margin: 250px 0;
    }
    ul.salon-point-features li {
        padding: 20px 25px;
        margin: 0 0 15px 0;
    }
    ul.salon-point-features {
        display: block;
    }
    .salon-point-features {
        padding: 40px 0;
    }
    .salon-point-title {
        width: auto;
        margin: 0 auto 20px;
    }
    .salon-point-of-sale-brief .container {
        padding: 60px 15px;
    }
    .salon-point-of-sale-banner .col-12 {
        display: block;
    }
    .salon-point-of-sale-banner .col-12 div:last-child {
        width: 100%;
        text-align: center;
    }
    .salon-point-of-sale-banner img {
        width: 150px;
    }
    a.btn.salon-point-banner-btn,
    .pos-benefit .title a.btn.salon-point-btn,
    .pos-benefit-third a.btn.salon-point-btn,
    .install-pos a.btn.salon-point-btn {
        font-size: 14px;
        padding: 10px 25px;
        border-radius: 4px;
        margin: 10px 0 30px;
        height: 40px;
        display: inline-flex;
        align-items: center;
    }
    .install-pos .title img {
        margin: 20px auto;
        width: 250px;
    }
    .salon-point-of-sale-banner .col-12 div:first-child {
        width: 100%;
    }
    .salon-point-of-sale-banner .col-12 div:first-child p {
        padding-right: 0;
    }
    .salon-point-of-sale-banner {
        height: auto;
        padding: 120px 0 50px;
    }
    .salon-point-of-sale-banner h1 {
        font-size: 30px;
    }
    .kiozzk-banner .mt-80 {
        margin-top: 60px;
    }
    .footer-logo-sec img {
        width: 200px;
    }
    .footer-logo-sec {
        padding: 30px 0;
    }
    .kiozzk-spec-tbl tr td:first-child {
        width: auto;
    }
    .kiozzk-spec-tbl {
        width: auto;
        margin: 100px auto 0;
        font-size: 18px;
    }
    .kiozzk-spec-tbl tr td:last-child {
        padding-left: 20px;
    }
    .kiozzk-spec-tbl tr td {
        padding: 35px 20px 35px 0;
    }
    .kiozzk-tabs.nav-tabs+.tab-content+.mt-100 {
        margin-top: 50px;
    }
    .kiozzk-tabs.nav-tabs {
        border-bottom: 0;
    }
    .kiozzk-tabs.nav-tabs li button {
        font-size: 14px;
    }
    .kiozzk-tab-sec {
        padding: 80px 0;
    }
    .request-quote-form button[type="submit"] {
        width: auto;
        font-size: 16px;
        border-radius: 4px;
    }
    .kiozzk-request-quote .kiozzk-title.mb-100 {
        margin-bottom: 50px;
    }
    .request-quote-form {
        width: auto;
    }
    .kiozzk-features-sec .kiozzk-title h4,
    .kiozzk-request-quote .kiozzk-title h4,
    .kiozzk-tab-sec .kiozzk-title h4,
    .kiozzk-modes-sec h4,
    .orientation-list h6 {
        font-size: 18px;
    }
    .kiozzk-features-sec .kiozzk-title h2,
    .kiozzk-modes-sec h2,
    .kiozzk-tab-sec .kiozzk-title h2,
    .kiozzk-request-quote .kiozzk-title h2 {
        font-size: 28px;
    }
    .kiozzk-request-quote {
        padding: 80px 0;
    }
    .orientation-list li img {
        margin: 60px auto 0;
        display: block;
    }
    .orientation-list li:nth-child(1) img {
        width: 350px !important;
    }
    .orientation-list li:nth-child(2) img {
        height: auto !important;
        width: 200px;
        margin: 80px auto 0;
    }
    .orientation-list li:last-child img {
        width: 400px !important;
    }
    .orientation-list img {
        margin-top: 50px;
    }
    .orientation-list p.mb-40 {
        margin-bottom: 20px;
    }
    .orientation-list div {
        width: auto;
    }
    a.btn.orientation-btn {
        padding: 10px 30px;
        font-size: 16px;
        border-radius: 4px;
    }
    .kiozzk-modes-sec .kiozzk-title.mb-100 {
        margin-bottom: 60px;
    }
    .orientation-list li {
        display: block;
        margin-bottom: 100px;
    }
    .orientation-list {
        margin: 0;
        padding: 0;
    }
    .kiozzk-modes-sec {
        padding: 320px 0 100px;
    }
    .kiozzk-video {
        height: 350px;
        margin: 50px 0;
    }
    .kiozzk-features-sec .row:nth-child(3) {
        margin: 0;
    }
    .kiozzk-features-sec .kiozzk-title.mb-100 {
        margin-bottom: 60px;
    }
    .kiosk-features-item {
        width: 100%;
    }
    .kiosk-features-item:nth-child(2n + 1) {
        margin-right: 0;
    }
    .kiozzk-features-sec {
        margin-top: 160px;
    }
    .kiozzk-banner {
        min-height: 450px;
    }
    .kiozzk-banner .mt-120 {
        margin-top: 50px;
    }
    .kiozzk-banner img {
        bottom: -100px;
        width: 350px;
    }
    .kiozzk-banner .kiozzk-banner-btn,
    a.btn.trans-btn {
        padding: 10px 40px;
        font-size: 16px;
        border-radius: 4px;
        margin: 0;
    }
    .kiozzk-banner h2 {
        font-size: 30px;
    }
    .kiozzk-banner h1 {
        font-size: 62px;
    }
    .hardware-software-sec .col {
        justify-content: center;
    }
    .dynamic-numbering img {
        width: 400px !important;
    }
    .hardware-software-sec .row:nth-child(2n + 1) .col:first-child {
        justify-content: center;
    }
    .hardware-software-sec .row:nth-child(3) .col:first-child img {
        width: 200px !important;
    }
    .hardware-software-sec .row:nth-child(2n) {
        flex-direction: column;
    }
    .dynamic-numbering .row .col:last-child div::before {
        left: -20px;
        top: -40px;
        font-size: 120px;
    }
    .dynamic-numbering h3 {
        margin-top: 40px;
    }
    .hardware-software-sec .row:nth-child(2n) .col:last-child {
        padding-right: 15px;
    }
    .hardware-software-sec .row:nth-child(2n + 1) .col:last-child {
        padding-left: 15px;
    }
    .dynamic-numbering .row {
        flex-direction: column;
    }
    .hardware-software-sec .row.mt-120 {
        margin-top: 60px;
    }
    .hardware-software-sec {
        padding: 120px 0 150px;
    }
    .hardware-software-sec .col-8 {
        width: 100%;
    }
    .software-features .container::after {
        left: 20px;
        top: -130px;
        background-size: 50px;
    }
    .software-features .col-11 {
        width: 100%;
        padding: 0 30px;
    }
    .pos-feature-item:nth-child(2) {
        margin-right: 15px;
    }
    .software-features .row.mt-70 {
        margin-top: 50px;
    }
    .pos-feature-item {
        margin: 0 15px 15px 15px;
        flex-basis: 100%;
        padding: 20px 15px 20px 40px;
    }
    .software-features .container {
        padding: 30px 0 50px;
    }
    .software-features .container::before {
        top: -80px;
        background-size: 80px;
    }
    .barbershop-pos-banner a.btn.barbershop-btn {
        margin-top: 15px;
    }
    .barbershop-pos-banner h2.mb-50 {
        margin-bottom: 20px;
    }
    .barbershop-pos-banner .col p {
        column-count: 1;
        column-gap: 0;
    }
    .barbershop-pos-banner .container {
        padding-top: 0;
        padding-bottom: 150px;
    }
    .barbershop-pos-banner .col-8,
    .software-features .col-8 {
        width: 100%;
    }
    .barbershop-pos-banner a.btn {
        padding: 4px 10px;
        font-size: 10px;
        margin-top: 0;
        border-radius: 4px;
    }
    .barbershop-pos-banner .col-6:first-child {
        width: 40%;
        padding-left: 10px;
    }
    .barbershop-pos-banner .col-6:last-child {
        width: 60%;
    }
    .barbershop-pos-banner .col-6:last-child img {
        width: 100px !important;
    }
    .barbershop-pos-banner h1 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .barbershop-pos-banner .col-6:last-child {
        min-height: 260px;
    }
    .barbershop-accordion .accordion-button::after,
    .barbershop-accordion .accordion-button:not(.collapsed)::after {
        background-size: 20px;
        height: 20px;
        width: 20px;
    }
    .barbershop-accordion .accordion-flush .accordion-button {
        text-align: left;
        line-height: 1.5;
    }
    a.btn.barbershop-btn.mt-80 {
        margin-top: 40px;
    }
    .barbershop-software-sec img.mt-100 {
        margin: 60px auto 0;
        width: 450px;
    }
    a.btn.barbershop-btn {
        padding: 10px 18px;
        font-size: 14px;
    }
    .barbershop-software-sec h2.mt-120 {
        margin-top: 60px;
    }
    .barbershop-software-sec h4 {
        font-size: 22px;
    }
    .barbershop-software-banner {
        padding-bottom: 100px;
    }
    .testimonial-card {
        padding: 30px;
        width: 50%;
        margin: 0 auto;
    }
    .testimonial-card::after {
        top: 15px;
        left: 15px;
    }
    .testimonial-card::before {
        background-size: 45px;
        left: 15px;
        top: -20px;
    }
    .testimonial-card h4.fnt-26 {
        font-size: 16px;
    }
    .barbershop-software-banner .col-10,
    .barbershop-software-sec .col-10 {
        width: 100%;
    }
    .barbershop-software-banner h1 {
        font-size: 24px;
    }
    .barbershop-software-banner h1.mt-120 {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .barbershop-software-banner img.mt-80-mb-145 {
        margin: 30px 0 80px;
        width: 361px;
    }
    .barbershop-software-banner p.fnt-24 {
        font-size: 16px;
    }
    .casestudy-sec .mt-30-ml-20 {
        margin: 30px 0 0 0;
    }
    .casestudy-sec.mb-150 {
        margin-bottom: 120px;
    }
    .casestudy-listing {
        font-size: 14px;
        margin: 20px 0 30px 0;
    }
    .casestudy-listing span {
        font-size: 18px;
        left: 130px;
    }
    .casestudy-banner h1.fnt-48 {
        font-size: 28px;
    }
    .casestudy-banner h6.fnt-20 {
        font-size: 14px;
        margin-top: 90px;
    }
    .casestudy-banner {
        height: auto;
    }
    .casestudy-banner .col-6 {
        width: 100%;
    }
    .casestudy-testimonial {
        margin: 80px 0;
    }
    .casestudy-testimonial p.fnt-30 {
        font-size: 22px;
    }
    .casestudy-testimonial h5 {
        font-size: 16px;
    }
    .casestudy-testimonial h4.fnt-34 {
        font-size: 24px;
    }
    .casestudy-testimonial::before {
        left: 30px;
        top: -18px;
        background-size: 50px;
    }
    .casestudy-testimonial {
        padding: 40px 40px 30px;
    }
    .casestudy-sec .col-9 {
        width: 100%;
    }
    .casestudy-sec h2.mt-120.mb-35 {
        margin: 60px 0 25px;
    }
    .about-letter-sec ol {
        margin: 30px 0;
    }
    /* .login-page-nav-tabs {
        width: 350px;
    } */
    .login-page-form-div input {
        margin-bottom: 20px;
    }
    .login-page-form-wrap a.site-branding img {
        width: 180px;
    }
    /* .login-page-nav-tabs li:first-child,
    .login-page-nav-tabs li:last-child {
        width: 5px;
    } */
    .login-page-nav-tabs li:first-child button.nav-link,
    .login-page-nav-tabs li:last-child button.nav-link {
        padding: 0;
    }
    .login-page-form-wrap {
        height: 450px;
        width: 94%;
        /* padding: 40px 20px; */
    }
    .login-page-nav-tabs .nav-item .nav-link {
        padding: 0 12px;
        font-size: 13px;
        height: 35px;
    }
    .features-vtab .row::before {
        background-size: 80%;
        right: -350px;
    }
    .uzeli-sec {
        padding: 50px 0 60px;
    }
    .container {
        max-width: 100%;
    }

    .feature-padding {
    padding-top: 60px;
}
.feature-img {
    width: 100%;
    margin: 0;}

    .feature-container {
    width: 100%;
}

.feature-item2 {
    padding-bottom: 60px;}


.testimonial {
    padding: 10px;}

.testimonial-box {
    width: 100%;
    margin-bottom: 20px;}    

.f-100{ width: 100%;
    margin-top: 50px;
}
.cta-sec {
    background-position: center;
    height: auto;
    background-size: cover;}

.cta-headline h2 {
    font-size: 24px;}

 .cta-btn {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: auto;}  

 a.btn {
    padding: 12px;
    font-size: 18px;
}    

a.btn2 {
    padding: 12px;
    font-size: 18px;
} 

a.btn3 {
    padding: 12px;
    font-size: 18px;
} 

a.btn4 {
    padding: 12px;
    font-size: 18px;
}

.img-mg{margin-top: -40px !important;}

.links-width {
    width: 347px;
    padding-left: 0;}

  .social-links {
    padding-left: 0;}

.social-res{display: flex;
    flex-wrap: nowrap;}

.copyright-social-links li {
    padding-right: 20px;}

    .uzeli-features .col-10,
    .feature-item .col-4,
    .feature-item .col-8,
    .feature-item .col-7,
    .feature-item .col-5,
    .why-uzeli .col-10,
    .uzeli-img-hold,
    .uzeli-testimonial,
    .uzeli-best .col-10,
    #pills-tabContent.tab-content .tab-pane div,
    #pills-tabContent.tab-content .tab-pane div:last-child,
    .breadcumb-sec .col-9,
    .pricing-sec .col-10,
    .demo-listing li,
    .demo-listing li:nth-child(2n),
    .appointment-sec .col-6,
    .point-of-sale-sec .col-6,
    .features-vtab .col-8,
    .more-features-sec .col-8,
    .more-features-sec .col-4,
    #v-pills-tabContent .tab-pane,
    .run-manage-sec .col-6 {
        width: 100%;
    }
    .more-features-sec.pad-140 {
        padding: 30px 0 65px;
    }
    #v-pills-messages img:nth-child(2) {
        margin: 15px 0;
    }
    .run-manage-sec .fservices-accordion .accordion-item:nth-child(3) .accordion-button::before {
        margin-right: 10px;
    }
    .fservices-accordion .accordion-button {
        text-align: left;
    }
    #v-pills-tabContent .tab-pane {
        display: block;
        padding: 0;
        display: flex;
        justify-content: center;
    }
    .more-features-sec .col-8.mb-120 {
        margin-bottom: 60px;
    }
    #v-pills-tabContent .tab-pane img {
        width: 250px !important;
        display: block;
        margin: 10px auto;
    }
    #v-pills-tabContent #v-pills-home img {
        width: 200px !important;
    }
    #v-pills-tabContent #v-pills-profile img {
        width: 165px !important;
    }
    #v-pills-tabContent #v-pills-settings img {
        width: 300px !important;
    }
    .mfeature-item {
        margin-bottom: 15px;
        /* align-items: center; */
    }
    .features-vtab-d-flex {
        flex-direction: column;
    }
    .features-vtab.pad-60 {
        padding: 60px 0 300px;
    }
    .features-vtab-d-flex .nav-link:nth-child(even) {
        margin: 0 0 10px 0;
    }
    .features-vtab-d-flex .nav-pills {
        flex-direction: row !important;
        justify-content: center;
        margin-bottom: 40px;
    }
    .features-vtab-d-flex .nav-link {
        width: 46%;
        margin-right: 10px;
    }
    .features-vtab-d-flex .nav-link h6.fnt-22 {
        margin: 0;
        font-size: 12px;
    }
    .features-vtab-d-flex .nav-link p.fnt-18 {
        display: none;
    }
    .features-vtab .col-8 {
        margin-bottom: 60px;
    }
    .point-of-sale-sec img {
        width: 250px !important;
    }
    .point-of-sale-sec.pad-140 {
        padding-bottom: 80px;
    }
    .point-of-sale-sec .col-6:first-child {
        padding: 0 15px;
    }
    .point-of-sale-sec img {
        margin-top: 0;
    }
    .appointment-sec .col-6.txt-right {
        text-align: center;
    }
    .appointment-sec .col-6 img {
        margin: 0;
        width: 190px !important;
    }
    .appointment-sec.pad-140 {
        padding: 50px 0 40px;
    }
    .run-manage-sec .col-6 img {
        margin: 0;
    }
    .run-manage-sec.mb-150 {
        margin-bottom: 80px;
    }
    .fservices-accordion .accordion-button:not(.collapsed)::before,
    .fservices-accordion .accordion-button::before {
        background-size: 22px;
        background-position: center;
    }
    .fservices-accordion .accordion-button::before {
        margin-right: 5px;
    }
    .fservices-accordion {
        width: auto;
        margin-bottom: 50px;
    }
    .fservices-accordion .accordion-body {
        padding: 0 0 0 35px;
    }
    .fservices-item h6.fnt-16 {
        font-size: 12px;
    }
    .fservices-item h3.fnt-36 {
        font-size: 24px;
    }
    body.features-page .breadcumb-sec {
        height: 550px;
    }
    .run-manage-sec .col-6 {
        padding: 0 15px;
    }
    .run-manage-sec .row {
        padding: 40px 0 0;
    }
    a.features-btn {
        padding: 10px 25px;
        font-size: 16px;
        border-radius: 4px;
        margin-top: 5px;
    }
    .run-manage-sec {
        margin-top: -70px;
    }
    .about-letter-sec h6 {
        font-size: 18px;
    }
    .about-letter-sec h6.fnt-16 {
        font-size: 14px;
    }
    .about-letter-sec .col-10 {
        width: 100%;
        padding: 50px 30px;
    }
    .about-letter-sec {
        margin-top: -285px;
        padding: 0 15px;
    }
    .landing-sec-img {
        margin-top: 0;
    }
    .breadcumb-sec::after {
        bottom: -1px;
    }
    footer::before {
        top: -2px;
    }
    .contact-sec a.phone-num {
        font-size: 24px;
        padding-left: 5px;
    }
    .contact-sec .landing-sec-img h5 {
        font-size: 14px;
    }
    .contact-sec .landing-sec-img img {
        margin-bottom: 30px;
    }
    #scroll-top {
        left: 15px;
    }
    body.landing-page .footer {
        padding: 280px 15px 10px;
    }
    .landing-sec-img img {
        max-width: 250px;
    }
    .landing-sec-img h5 {
        font-size: 15px;
    }
    a.phone-num {
        font-size: 28px;
    }
    .landing-sec .col::before {
        right: -227px;
    }
    .landing-sec,
    .contact-sec,
    .thankyou-sec {
        top: -285px;
        margin-bottom: -485px;
    }
    .landing-sec h1.fnt-42,
    .contact-sec h1.fnt-42 {
        font-size: 28px;
    }
    .landing-sec h6.fnt-22,
    .contact-sec h6.fnt-22 {
        font-size: 14px;
        line-height: 1.5;
    }
    .landing-sec .col,
    .contact-sec .col {
        padding: 50px 20px;
    }
    .landing-form-div {
        width: auto;
        padding: 30px 25px;
    }
    .price-tbl-features ul li {
        font-size: 14px;
    }
    .price-subheading {
        font-size: 18px;
    }
    .pricing-tbl,
    .pricing-tbl:first-child,
    .pricing-tbl:last-child {
        border-radius: 10px 10px 0 0;
    }
    .price-tbl-header {
        min-height: auto;
    }
    .price-tag .fnt-90 {
        font-size: 70px;
    }
    .pricing-tbl:nth-child(2) {
        margin: 30px 0;
    }
    .pricing-tbl-wrap {
        display: block;
    }
    .edu-para {
        padding-left: 15px;
    }
    .edu-para::before {
        height: 30px;
        width: 30px;
        top: -40px;
    }
    .education-title-sec h3 {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .education-title-sec h5 {
        font-size: 8px;
        margin-bottom: 7px;
    }
    .education-title-sec div {
        margin-right: 8px;
    }
    a.btn.education-btn {
        padding: 4px 2px;
        font-size: 8px;
        margin-top: 0;
        border-radius: 2px;
    }
    .education-title-sec {
        min-height: 157px;
        width: 297px;
        margin: 0 auto;
    }
    /* .breadcumb-sec .col-9 {
        padding-top: 90px;
    } */
    .pricing-sec {
        margin-top: -80px;
        margin-bottom: 100px;
    }
    .breadcumb-sec {
        height: 400px;
    }
    .breadcumb-sec h2 {
        font-size: 26px;
    }
    .breadcumb-sec p {
        font-size: 14px;
    }
    header.site-header {
        z-index: 3;
        
    }
    .feature-item:last-child img {
        margin-top: 50px;
    }
    .feature-item:last-child .col-12 {
        text-align: center;
    }
    .copyright .row {
        display: block;
    }
    .copyright .row {
        padding: 30px 0;
    }
    .copyright p.fnt-18,
    .copyright {
        font-size: 13px;
    }
    .copyright .col,
    .copyright .col:last-child {
        text-align: center;
    }
    .footer {
        padding: 50px 15px 10px;
    }
    .footer .col {
        margin-bottom: 0;
    }
    .copyright .row {
    padding-top: 0;}

    footer .widget h4.mb-40 {
        margin-bottom: 20px;
    }
    .footer-widget-nav {
        padding-left: 0;
    }
    .footer .row {
        display: block;
    }
    footer {
        overflow: visible;
    }
    .subscribe .col {
        display: block;
    }
    .subscribe {
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
    }
    #pills-tabContent.tab-content .tab-pane img {
        max-width: 300px;
    }
    .subscribe .col a.btn {
        margin-top: 20px;
        border-radius: 4px;
    }
    #pills-tabContent.tab-content .tab-pane div:last-child {
        margin-top: 50px;
        padding: 0;
    }
    #pills-tabContent.tab-content .tab-pane.active {
        display: block;
    }
    #pills-tabContent.tab-content {
        margin-top: 60px;
    }
    #pills-tab.nav-pills .nav-item h6 {
        display: none;
    }

    #pills-tab.nav-pills .nav-item h6 tab-mob{
        display: block;
    }

    #pills-tab.nav-pills .nav-link::after {
        height: 30px;
    }
    #pills-tab.nav-pills .nav-item img {
        max-width: 30px;
    }
    .uzeli-testimonial p {
        font-size: 18px;
    }
    .uzeli-img-hold {
        margin: 0;
    }
    .uzeli-testimonial {
        margin: 50px 0 0 0;
        position: relative;
    }
    .uzeli-testi-wrap {
        display: block;
        padding: 30px 0 60px;
    }
    ul.testimonial-list li::before {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 16px;
    }
    ul.testimonial-list h3 {
        padding: 10px 0 0 0;
        font-size: 20px;
    }
    .why-uzeli .title p.fnt-24 {
        font-size: 16px;
    }
    .why-uzeli .row.mt-120 {
        margin-top: 60px;
    }
    .pad-140 {
        padding: 80px 0;
    }
    .uzeli-features.pad-140 {
        padding: 80px 0 30px;
    }
    .feature-item:nth-child(2) .feature-title {
        margin-bottom: 50px;
    }
    .feature-item:nth-child(3) {
        margin-bottom: 30px;
    }
    .uzeli-features .mb-120 {
        margin-bottom: 60px;
    }
    ul.marketing-list li {
        margin: 0 0 20px 0;
        display: block;
        width: 100%;
    }
    ul.marketing-list {
        margin: 40px 0 0 0;
    }
    .marketing-item {
        font-size: 18px;
        width: auto;
        padding: 30px 25px;
    }
    .feature-item {
        margin-bottom: 70px;
    }
    ul.delightful-list {
        margin: 30px 0 0 35px;
        width: auto;
    }
    .effortless-item {
        padding: 25px 15px;
    }
    .effortless-listing li {
        margin-bottom: 15px;
    }
    .feature-item img {
       max-width: 100%;
        margin: 0 auto 50px;
    }

    .feature-item .col-4 {
        text-align: center;
    }
    .effortless-listing li:nth-child(2) {
        margin-left: 0;
    }
    .feature-title::before {
        width: 60px;
        height: 60px;
        padding-left: 15px;
        font-size: 22px;
        line-height: 52px;
        background-size: 90%;
    }
    .feature-title {
        padding: 10px;
    }

    .fnt-34 {
    font-size: 30px;}

    ul.uzeli-infographics li {
        margin-right: 0;
    }
    ul.uzeli-infographics li:nth-child(2) {
        padding-left: 5px;
    }
    ul.uzeli-infographics li:last-child {
        margin-right: 0;
    }
    ul.uzeli-infographics::before {
        width: 290px;
    }
    ul.uzeli-infographics li::before {
        height: 15px;
        width: 15px;
        font-size: 8px;
        border: 2px solid #228be6;
        border-radius: 8px;
        line-height: 11px;
        bottom: 6px;
    }
    ul.uzeli-infographics li:nth-child(3)::before {
        height: 20px;
        width: 20px;
        line-height: 15px;
        font-size: 10px;
        border: 2px solid #0ca678;
        bottom: 2px;
    }
    ul.uzeli-infographics h6.small {
        top: 40px;
        font-size: 9px;
    }
    ul.uzeli-infographics {
        padding: 0;
    }
    ul.uzeli-infographics img {
        max-width: 35px;
    }
    ul.uzeli-infographics h6 {
        font-size: 10px;
    }
    ul.uzeli-infographics li:nth-child(3) img {
        max-width: 50px;
    }
    ul.uzeli-infographics li:nth-child(3) h6 {
        font-size: 14px;
    }
    ul.uzeli-infographics li:nth-child(3) h6.small {
        font-size: 10px;
    }
    ul.uzeli-infographics li:last-child img {
        max-width: 35px;
    }
    .uzeli-sec .col-10 {
        width: 100%;
    }
    .link-wrap {
        padding: 10px 0 10px 0;
    }
    
    .banner-sec img {
        top: 20px;
        max-width: 100%;
        margin-right: 0;
    }
    .banner-sec .col:last-child {
        display: flex;
        justify-content: flex-end;
    }
    header.site-header .row {
        display: block;
    }
    header.site-header .col:first-child {
        padding-right: 0;
        width: 200px;
    }
    header.site-header .col:first-child img {
        width: 200px;
    }
    .banner-sec .col:first-child {
        margin-top: 0;
    }
    .banner-sec {
        align-items: flex-start;
        height: 840px; 
        padding-top: 90px;
    }
    .banner-sec .col {
        flex-basis: 100%;
    }
    .ft-wrap {
    width: 100%;
    margin-top: 5px;
}
    .uzeli-best.pad-140 {
        padding: 80px 0;
    }
}

@media (max-width: 410px) {
    .login-page-nav-tabs .nav-item .nav-link {
        padding: 0 8px;
    }
    /* .login-page-nav-tabs {
        width: 310px;
    } */
    .login-page-nav-tabs .nav-item .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 370px) {
    /* .login-page-nav-tabs {
        width: 260px;
    } */
    .login-page-nav-tabs .nav-item .nav-link {
        font-size: 10px;
    }
}

@media (min-width: 942px) {
    .testimonial-content {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .testimonial-content p {
        width: 30vw;
        margin-left: 6px;
        font-size: 110%;
    }
    .testimonial-image-container {
        width: 15.16vw;
    }
    .testimonial-image-container img {
        max-width: 100%;
        width: 100%;
    }
    .testimonial-image-container h4 {
        font-size: 1.2vw;
    }
}

@media (min-width: 767.98px) and (max-width: 942px) {
    .testimonial-content {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .testimonial-content p {
        width: 39vw;
        margin-left: 6px;
        font-size: 110%;
    }
    .testimonial-image-container {
        width: 22vw;
    }
    .testimonial-image-container img {
        max-width: 100%;
        width: 100%;
    }
    .testimonial-image-container h4 {
        font-size: 1.2vw;
    }
}

@media (max-width: 767.98px) {
    .testimonial-content {
        display: flex;
        align-items: flex-end;
        flex-direction: column-reverse;
        justify-content: space-evenly;
    }
    .testimonial-content p {
        width: 100%;
        margin-left: 6px;
        font-size: 80%;
    }
    .testimonial-image-container {
        width: 22vw;
    }
    .testimonial-image-container img {
        max-width: 100%;
        width: 100%;
    }
    .testimonial-image-container h4 {
        font-size: 2.2vw;
    }
}

@media (max-width: 550px) {

    .feature-row{margin: 0;}

    .tablinks{
        padding: 10px;
        font-size: 12px;
    }

    .tablinks.active{
        padding: 10px;
    }

    .tab-cont{
        flex-direction: column;
    }

    .tab-img {
        padding: 10px 0;
        width: 100%;}

    .feature-box {
    margin-bottom: 20px;}

    .testimonial-card {
        padding: 30px;
        width: 70%;
        margin: 0 auto;
    }
    .testimonial-content p {
        width: 100%;
        margin-left: 6px;
        font-size: 80%;
    }
    .logo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        padding: 2px;
    }
    .logo img {
        margin: 5% 5%;
        width: 30%;
    }

    .logo img {
    
    padding-right: 0;
    opacity: 50%;
    }

}

@media (min-width: 1200px) {
    .testimonial-image-container img {
        max-height: 188px;
        max-width: 182px;
    }
}


/* latest  responsive changes */

@media (min-width:768px) {
    
    #usdPrice {
        font-size: 14px;}

    .contact-box {
    padding: 18px;
    }

    
    .banner-sec .col:first-child {
        margin-top: ;
    }
    .banner-sec img {
        max-width: 90%
    }
    .feature-item-img {
        display: flex;
      
    }
    
    .point-of-sale-sec img {
        max-width: 90%;
        width: 90%;
    }
}

@media (min-width:992px) {
    .banner-sec .col:first-child {
        margin-top: ;
    }
    #v-pills-tabContent .tab-pane {
        width: 537px;
    }
}

@media (min-width:1024px) {

    .gz-edu-hero {
        height: 460px !important;
    }

    .testimonial {
        padding: 60px 10px;
    }
    .banner-sec .col:first-child {
        margin-top: ;
    }
    .mfeature-item {
        padding: 50px 20px;
    }

    .container{
        padding-left: 35px;
        padding-right: 35px;
        margin: auto;
    }
    
    .feature-box {
        padding: 20px;
        margin: auto;}
    
      

    a.btn {
    background: #f4b947;
    padding: 14px 30px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    font-family: jost, sans-serif;    
    color: #4D1F70;
    transition-property: color, background, border, box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

a.btn:hover {
    background: #371650;
    color: #fff;
}

a.btn.banner-btn:hover {
    background: #fff;
    color: #371650;
}

a.btn2 {
    background: none;
    border: solid 1px #4D1F70;
    padding: 14px 30px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    font-family: jost, sans-serif;    
    color: #4D1F70;
    transition-property: color, background, border, box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    text-decoration: none;
}

a.btn2:hover {
    background: #371650;
    color: #fff;
    }

.fnt-42 {
    font-size: 36px;
    }
}

@media (min-width:1200px) {

    .gz-edu-hero{height: 380px !important;}

    .banner-sec {
        height: ;
    }
    .banner-sec img {
        max-width: 85%;
        margin-bottom: ;
    }
    #v-pills-tabContent .tab-pane {
        width: 576px;
    }
}

@media (min-width:1366px) {
    .banner-sec .col:first-child {
        margin-top: ;
    }
    
    .banner-sec img {
        margin-top: ;
    }
    #v-pills-tabContent .tab-pane {
        width: 578px;
    }
}

@media (min-width:1440px) {

    .gz-edu-hero{height: 480px !important;}

    .banner-sec {
        height:100% ;
    }
    .banner-sec img {
        max-width: 100%;
        margin-bottom: unset;
    }
    #v-pills-tabContent .tab-pane {
        width: 608px;
    }

}

@media only screen and (min-width: 1500px) {

    .gz-edu-hero{height: 500px !important;}
    

    .banner-sec .row {
        max-width: 1650px;
    }
    .features-vtab-d-flex .nav-link {
        width: 600px;
    }
    #v-pills-tabContent .tab-pane {
        width: 647px;
    }
    
    /* .feature-item-img img {
        max-width: 90%;
        width: 90%;
    } */
    .point-of-sale-sec img {
        max-width: 100%;
        width: 100% !important;
    }
}

@media only screen and (min-width: 1700px) {
    
}

@media only screen and (min-width: 2560px) {
    

    .gz-edu-hero { height: 510px !important;}

}

@media only screen and (min-width: 3000px) {
    .banner-sec {
        height: 1000px;
    }
    .banner-txt-wrap,
    .banner-sec img {
        margin-top: -20px
    }
}

@media only screen and (min-width: 3300px) {
    .banner-txt-wrap,
    .banner-sec img {
        margin-top: -75px
    }
}

@media only screen and (min-width: 5000px) {
    .banner-sec {
        height: 1100px;
    }
    .banner-txt-wrap,
    .banner-sec img {
        margin-top: -200px
    }
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
    .mar-hero{margin-top: -30px;}

    #pricing-div-container {        
        margin-top: 20rem;
        display: flex;
        flex-direction: column;
    }

    #pricing-div-container > .pricing-divs {
        width: 90%; margin: auto; margin-bottom: 40px;}

        .-mt-20-mobile {
            margin-top: -2rem; /* Adjust this value as needed */
            width: 90%; 
          }
          .contact-box {
            margin: 15px !important;
            padding: 15px !important;
            width: 90% !important;}

            .contact-container {
                display: flex;
                flex-direction: column;
                padding: 40px;
            }

     .h-banner{height: 100% !important;}


}

@media only screen and (min-width: 375px) and (max-width: 460px) {

    .p-col-2 {  width: 100px !important;  }
    .p-col-2 h2 { font-size: 14px !important; line-height:0 !important;  }
    .p-col-2 p {     font-size: 12px !important;  }
    a.btn-pricing{font-size: 12px;}            


    .landing-request-demo-form-div { margin-top:0 !important }

    .tab-ft {
    width: 100% !important;}

    #pills-tab.nav-pills .nav-link.active h6 {
    font-size: 12px;}

   .top-padding {
    padding-top: 5px;}

    #pills-tab.nav-pills .nav-item .tab-mob h6 {
        display: block;
     font-size: 12px;   
    }

    .gz-edu-form .landing-request-demo-form-div input[type="text"] {
    height: 50px !important; 
    border: 0;
    width: 100%;}

    .txt-center {
    width: 100%;}


    .btn-edu {
    padding: 12px 6px;
    font-size: 14px;}

    .cta-form-wrap {
    margin-top: 50px;}

    .banner-txt-wrap {
    width: 100%;}

    .gz-edu-hero{height: 460px }

    .height-hero{ height:550px !important}
    
    .contact-box {
    width: auto;}

    .contact-wrap {
    display: flex;
    flex-direction: column}

    .cta-head-img {
    flex-direction: column !important;}

    .contact-pricing {
    width: 100% !important;
    margin-top: 0 !important;
    }

    .footer-cta-left {
    width: 100%;
    padding: 30px 30px 0;
    text-align: center;}



}
@media only screen and (max-width: 768px) {

    .contact-box {margin: 10px; padding: 4px;}
                                  
    .p-col-1{width: 500px !important;}
    .p-col-2{width: 165px ;}
    .p-col-2 h2{font-size: 16px;}
    .p-col-2 p{font-size: 16px;}
    .p-txt td{font-size: 14px; padding: 4px;}


    .link-wrap a {
        padding-right: 0;
        font-size: 12px;
    }
}

@media only screen and (max-width: 374px) {

    .bg-footer {
    background-position: top center;}

    .cta-head-img {
    flex-direction: column !important;}

    .contact-pricing {
    width: 100% !important;
    }

    .footer-cta-left {
    width: 100%;
    padding: 30px 30px 0;}
    
    .height-hero{ height:550px !important}
    
    .contact-box {
    width: auto;}

    .contact-wrap {
    display: flex;
    flex-direction: column}

    .gz-edu-hero{height: 460px }

    .landing-request-demo-form-div input[type="text"] {
    height: 50px !important; 
    border: 0;
    width: 100%;}

    .txt-center {
    width: 100%;}


    .btn-edu {
    padding: 12px 6px;
    font-size: 14px;}

    .cta-form-wrap {
    margin-top: 50px;}

    .banner-txt-wrap {
    width: 100%;}

    #pills-tab.nav-pills .nav-item .tab-mob h6 {
        display: block;
     font-size: 12px;   
    }

    
    .footer-cta-left img{max-width: 100%}

    .landing-request-demo-form-div {
    margin-top: 0;}

    .landing-form-div {
    margin: 0;}

    .contact-container {
    margin-top: 0;
    border-bottom: solid 1px #999;
    flex-wrap: wrap;}


    .tagline img{max-width:100% }

    .tagline {
        margin: 50px auto;}

    
h6 {
    font-size: }

 .list {
    font-size: 12px;
    }
.pricing-chart {
    margin-top: -116px;}
    
.breadcumb-sec {
    height: 350px;}

#pricing-div-container > .pricing-divs > h2 {
    font-size: 1rem;}

.top-tag {
    margin: -7px 0 0 105px;}

.run-manage-sec {
    margin-top: -34px;}

.pricing-height{height: 300px;}

.top-padding {
    padding-top: 5px;}


 .tab-ft {
    width: 100% !important;}

 .gz-about-hero{ height:520px }
 .about-wrap {
    padding: 10px;}


.contact-wrap {max-width: 95%;}

.mb-80 {
    margin-bottom: 40px;}  


 .mission-box {
    width: 100%;
    margin-bottom: 15px;} 


    .mission-wrap {
    margin: 5px;
    display: flex;
    flex-direction: column;
}    

}