@media screen and (max-width: 1680px) {
    .hs-sub-btn {
        padding: 5px 30px 6px;
    }
}

@media screen and (max-width: 1399px) {
    .slc-feladatok-title {
        margin-top: 9px;
    }
    .hs-mail {
        width: 141px;
    }
}

@media screen and (max-width: 1199.98px) {
    .hs-promo-image img {
        height: 625px;
    }
    .hs-right-side p {
        padding-top: 106px;
    }
    .hs-right-side p:hover {
        padding-top: 74px;
    }
    .breadcrumb-menu>p {
        padding-left: 50px;
        padding-right: 50px;
    }
    .hs-sub-btn {
        padding: 0px 15px 0px;
    }
    .hs-form>button {
        margin-top: 10px;
        margin-left: 0px !important;
    }
    #slc-breadcrumb {
        padding: 115px 0px 0px 0px;
    }
}

@media screen and (max-width: 1091.98px) {
    .hs-right-side p {
        padding-top: 105px;
    }
    .hs-right-side p:hover {
        padding-top: 65px;
    }
}

@media screen and (max-width: 1024.98px) {
    .hs-right-side p {
        padding-top: 105px;
    }
    .hs-right-side p:hover {
        padding-top: 65px;
    }
    .breadcrumb-overlay {
        height: 100%;
    }
    .hs-sub-btn {
        padding: 5px 60px 6px;
        margin-left: 0px !important;
        margin-top: 10px;
    }
    .slc-egy-napos-turak .ftr .stats {
        float: left;
    }
    .d-inline-flex {
        display: inline-block!important;
    }
    .hs-mail {
        width: 170px;
    }
    #slc-breadcrumb {
        padding: 100px 0px 0px 0px;
    }
}

@media screen and (max-width: 991.98px) {
    .hs-promo-image img {
        width: 100%;
        height: 100%;
    }
    .slc-orszagok-main {
        padding: 22px 0px 0px;
    }
    .slc-feladatok-title {
        margin-top: 45px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 278px 0;
    }
    .cf-hero-title {
        left: 15%;
        top: 15%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li p {
        width: auto;
    }
    #slc-orszagok-plan {
        background-position: top;
    }
    .breadcrumb-menu>p {
        padding-left: 0px;
        padding-right: 0px;
    }
    .slc-egy-napos-turak .ftr .stats {
        float: right;
    }
    .slc-kedvenc-ital-btn {
        margin-top: 15px;
    }
    .slc-bemutatkozo-szovegtorzs {
        margin-top: 15px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top img {
        width: 60%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot img {
        width: 60%
    }
}

@media screen and (max-width: 800px) {
    #slc-breadcrumb {
        height: auto;
    }
    .header {
        padding: 40px 50px 0;
    }
    #footer .footer-top .footer-info {
        margin-bottom: 0px !important;
    }
    .breadcrumb-overlay {
        height: 100%;
    }
    .slc-ismerteto-reszletek {
        padding-left: 15px;
        margin-bottom: 30px;
    }
    .slc-idezet {
        padding-left: 15px;
    }
    .slc-nyomogomb {
        width: 25%;
    }
    .slc-ismerteto-reszletek h1 {
        margin: 0 0 40px 0;
    }
    .strapline {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .slc-nyomogomb {
        width: 25%;
    }
}

@media screen and (max-width: 768.98px) {
    section {
        padding: 70px 0px;
    }
    .slc-orszagok-text {
        margin-right: 13px;
        text-align: left;
    }
    .hs-form {
        display: inline-block !important;
    }
    .hs-form>button {
        margin-top: 10px;
        margin-left: 0px !important;
    }
    .breadcrumb-overlay {
        height: 100%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 260px 0;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        right: 22px;
        top: -200px;
    }
    .slc-nyomogomb {
        width: 26%;
    }
    .slc-ismerteto-reszletek h1 {
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width: 755px) {
    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot img {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 120px 0;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
        position: absolute;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot {
        position: absolute !important;
        bottom: 96px !important;
        width: 26% !important;
        float: left !important;
        margin-left: 44px !important;
        margin-bottom: 0 !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        top: -60px;
        right: 22px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot img {
        width: 93%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        top: -51px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot img {
        padding: 25px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-img-handler-bot img {
        width: 92%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        top: -40px;
    }
    .slc-nyomogomb {
        width: 32%;
    }
    .strapline {
        margin-top: 30px;
    }
    .slc-ismerteto-reszletek h1 {
        margin: 0 0 30px 0;
    }
    .header {
        padding: 26px 21px 0;
    }
}

@media screen and (max-width: 600px) {
    .breadcrumb-overlay {
        height: 100%;
    }
    .hs-form {
        display: inline-block !important;
    }
    .hs-form>button {
        margin-top: 10px;
        margin-left: 0px !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot img {
        width: 80%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        width: 60% !important;
    }
    .slc-lego-info {
        cursor: pointer;
        position: absolute;
        content: '';
        left: 0;
    }
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 170px 0;
    }
    .slc-ismerteto-reszletek {
        padding-left: 15px;
    }
    blockquote {
        padding-left: 15px;
    }
    .slc-ismerteto-reszletek h1 {
        margin: 28px 0 28px 0;
    }
    .strapline {
        margin-top: 20px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        top: -25px;
        right: 0px;
    }
    .hs-sub-btn {
        padding: 5px 55px 6px;
    }
}

@media screen and (max-width: 540px) {
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        left: 150px;
    }
}

@media screen and (max-width: 480px) {
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        left: 174px;
        top: -25px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
        margin-top: 9px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 110px 0;
    }
}

@media screen and (max-width: 414.98px) {
    .breadcrumb-overlay {
        height: 100%;
    }
    .hs-sub-btn {
        padding: 12px 20px 12px;
    }
    .header {
        padding: 40px 13px 0;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot img {
        width: 90%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot {
        bottom: 125px !important;
        margin-left: 41px !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
        top: -52px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot img {
        padding: 16px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top img {
        padding: 16px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        top: -41px;
        right: 0px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        margin-bottom: 0 !important;
        top: -10px;
        width: 55% !important;
        left: 144px;
    }
    .slc-idovonal-lenttom h2,
    .hs-date,
    .hs-time {
        color: var(--bs-dark);
        margin-right: 10px;
        margin-bottom: 10px !important;
    }
    .hs-sub-btn {
        padding: 12px 20px 12px;
        width: 89px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 90px 0;
    }
    .slc-ismerteto-reszletek h1 {
        margin: 0px 0 28px 0;
    }
}

@media screen and (max-width: 411.98px) {
    .cf-hero-section #cf-cafe {
        height: 61vh;
    }
    .cf-hero-overlay {
        height: 61vh;
    }
    .cf-resturent-items .slick-list {
        height: 385px;
    }
    .cf-image-container img {
        height: 95%;
    }
    .cf-testimonial-slider .slick-slide img {
        width: 100%;
    }
    .cf-dish-content {
        margin-top: -30px;
    }
}

@media screen and (max-width: 384px) {
    #page-breadcrumb {
        width: 311px;
    }
    .breadcrumb-overlay {
        height: 100%;
    }
    .hs-sub-btn {
        padding: 13px 15px 13px;
        justify-content: center;
    }
    .header {
        padding: 25px 25px 0;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        top: -10px;
        width: 58% !important;
        left: 135px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        top: -53px;
        left: 141px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top {
        bottom: 130px !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-fent {
        top: -51px;
        right: -5px;
    }
    .hs-click-btn {
        margin-top: 15px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
        margin-top: 4px;
    }
    .slc-idovonal-sec {
        padding: 50px 0px 1px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top img,
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot img {
        padding: 10px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-img-handler-bot {
        bottom: 80px !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
        right: -7px;
    }
    .slc-lego-info {
        left: 0;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot img {
        width: 95%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot {
        position: absolute !important;
        bottom: 133px !important;
    }
    .slc-nyomogomb {
        width: 46%;
    }
}

@media screen and (max-width: 375px) {
    section {
        padding: 60px 0px;
    }
    .about-bg-image {
        display: none;
    }
    .cf-about-image::after {
        /* transform: translate(-336px, 34px); */
        content: '';
        height: 280px;
        width: 280px;
        transform: translate(-312px, 64px);
        border-radius: 128px;
    }
    .cf-about-image {
        transform: translate(0px, -40px);
    }
    .cf-video-icon {
        transform: translate(117px, -215px);
        -webkit-transform: translate(117px, -215px);
        -moz-transform: translate(117px, -215px);
        -ms-transform: translate(117px, -215px);
        -o-transform: translate(117px, -215px);
    }
    .bbb-wrapper {
        margin-top: 10px;
    }
    .cf-footer-chef {
        transform: translate(33px, 96px);
        -webkit-transform: translate(33px, 96px);
        -moz-transform: translate(33px, 96px);
        -ms-transform: translate(33px, 96px);
        -o-transform: translate(33px, 96px);
        filter: opacity(0.6);
    }
    .cf-hero-section #cf-cafe {
        height: 42vh;
    }
    .cf-hero-overlay {
        height: 43vh;
    }
    .cf-image-container img {
        height: 100%;
    }
    .cf-course-text {
        left: 20px;
    }
    .cf-testimonial-slider {
        width: 275px;
    }
    .cf-map iframe {
        width: 337px;
    }
    #page-breadcrumb {
        width: 401px;
    }
    #breadcrumbs {
        display: inline-block;
    }
    .cf-hero-title p {
        padding-right: 0;
        display: none;
    }
}

@media screen and (max-width: 360px) {
    .breadcrumb-menu>p {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px;
    }
    .breadcrumb-menu {
        position: relative;
        top: -10px;
    }
    .breadcrumb-overlay {
        height: 100%;
    }
    .slc-lego-info {
        left: 10px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top img {
        padding: 10px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li p {
        text-align: center !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-idovonal-fent {
        top: -48px;
        left: 129px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:last-child .slc-img-handler-bot img {
        width: 100%;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot img {
        padding: 10px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-top img {
        margin: 0 auto !important;
        width: 95% !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li span {
        top: -15px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li {
        height: 185px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-img-handler-bot {
        bottom: 130px !important;
    }
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin-top: 70px 0px !important;
    }
    #slc-breadcrumb {
        background-position: center;
    }
    .slc-idovonal-sec .container ol.slc-idovonal {
        margin: 100px 0;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li .slc-idovonal-lent {
        margin-top: 0px;
    }
    .slc-idovonal-sec .container ol.slc-idovonal li:nth-child(2) .slc-img-handler-bot img {
        width: 95%;
    }
    .button {
        width: 55%;
    }
    .header {
        padding: 20px 12px 0;
    }
    .slc-nyomogomb {
        width: 48%;
    }
}

@media screen and (max-width: 320px) {
    .hs-right-side p {
        padding-top: 90px;
        padding-left: 26px;
        padding-right: 10px;
    }
    .client-say-text p {
        padding-left: 25px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 281px) {
    .sm-text-center {
        text-align: center;
    }
    .slc-nyomogomb {
        width: 62%;
    }
}

@media screen and (max-width: 240px) {
    .cf-video-icon {
        transform: translate(60px, -250px);
    }
    .slick-list {
        height: 500px;
    }
    .cf-dish-content {
        margin-top: 50px;
    }
    .cf-hero-section #cf-cafe {
        height: 100vh;
    }
    .cf-hero-overlay {
        height: 101vh;
    }
    .cf-about-image::after {
        transform: translate(-306px, 51px);
        -webkit-transform: translate(-306px, 51px);
        -moz-transform: translate(-306px, 51px);
        -ms-transform: translate(-306px, 51px);
        -o-transform: translate(-306px, 51px);
    }
    .cf-resturent-items .slick-list {
        height: 250px;
    }
    .cf-client-img {
        text-align: center;
        display: contents;
    }
    .cf-testimonial-slider .slick-list {
        height: 600px;
    }
    .cf-newsletter-subscibe {
        padding: 20px;
    }
    .cf-mobile-menubar {
        display: block;
        width: 107%;
    }
    .cf-more-items .slick-list {
        height: 100%;
        width: 280px;
    }
    #page-breadcrumb {
        width: 257px;
    }
    .common-overlay {
        height: 94vh;
    }
    .subcribe-form h4 {
        font-weight: 500;
        font-size: 18px;
    }
    .bbb-wrapper .subcribe-form p {
        display: none;
    }
}


/*New responsive css*/