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

}

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

    body {
        font-size: 14px;
        line-height: 1.3em;
    }

    #cover {
        height: 75vh;
    }
    .header-logo img {
        max-width: 100px;
    }
    #burger-menu > span {
        width: 30px;
        background-color: var(--cream);
    }
    #cover h1 {
        font-size: 50px;
        line-height: 52px;
        margin-bottom: 15%;
        color: var(--cream);
    }
    #cover .sup-title {
        color: var(--dark-pink-2);
        background-color: var(--cream);
        font-size: 18px;
        padding: 8px 8px 6px;
    }
    .cta-btn {
        font-size: 12px;
        padding: 7px 12px;
    }
    .cta-btn img, .cta-link img {
        width: 14px;
        margin-left: 9px;
    }
    #cover {
        background-image: url("../img/secalica-home-mob-cover.webp");
    }

    h2, .h2 {
        font-size: 32px;
    }
    #poglavlja {
        padding: 10px 30px 60px;
    }
    .pog-box {
        height: 200px;
        padding: 8px;
    }
    .why-swiper .swiper-slide h3, .pog-box h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .pog-box:not(.active) img {
        width: 80px;
        margin-top: 20px;
    }
    #poglavlja .row > div:nth-child(6) > .pog-box img {
        margin-left: auto;
    }
    #galerija {
        padding: 60px 0 60px 30px;
    }
    #galerija .container {
        padding-right: 0;
    }
    .gallery-container img {
        height: 450px;
    }
    #cenovnik {
        padding: 0 30px 60px;
    }
    #cenovnik h2 {
        margin-bottom: 10px;
    }
    #cenovnik h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    #cenovnik p {
        margin-bottom: 15px;
    }
    .checks {
        margin: 20px 0;
    }
    .checks li {
        padding-left: 28px;
    }
    .checks li::before {
        width: 16px;
        top: 4px;
        height: 12px;
        background-size: contain;
    }
    #cenovnik .cta-btn {
        margin-top: 20px;
        padding-top: 10px;
    }
    footer {
        padding-bottom: 24px;
    }
    .footer-menu-ul {
        flex-direction: column;
    }
    .footer-menu-ul > li > a {
        border-right: none;
        padding: 10px;
    }
    .footer-menu-ul > li:not(:last-child) > a::after {
        content: "";
        height: 1px;
        width: 28px;
        background-color: var(--cream);
        display: block;
        margin: 12px auto 0;
    }
    .footer-logo {
        margin-bottom: 20px;
    }
    .footer-logo img {
        max-width: 120px;
    }

    #cover-img img,
    .anketa-page #cover-img img,
    .faq-page #cover-img img,
    .cenovnik-page #cover-img img,
    .how-page #cover-img img {
        object-position: center center;
    }
    header.default {
        background: none;
        position: absolute;
    }
    header.default #burger-menu > span {
        background-color: var(--dark-pink-2);
    }
    header.default.default-sw #burger-menu > span {
        background-color: var(--cream);
    }
    #gallery {
        padding: 30px;
    }
    #gallery h1 {
        padding-bottom: 30px;
    }
    .kontakt-page #cover-img img {
        object-position: 75% center;
    }
    #gift-card-content {
        padding: 30px;
    }
    #gift-card-content .h2, #anketa-content .h2, #default-content .h2, #how-content .h2 {
        margin-bottom: 30px;
    }

    #gift-card-content p {
        margin-bottom: 20px;
    }

    .gift-card-form {
        margin-top: 30px;
    }
    .gift-card-form input[type="text"], .gift-card-form input[type="email"] {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 16px;
    }
    .gift-card-form .cta-btn, .anketa-form .cta-btn {
        width: 200px;
        background-position: 160px center;
    }
    #anketa-content,
    #default-content {
        padding: 30px;
    }

    .menu-burger-menu-container ul li a {
        font-size: 20px;
    }

    h4 {
        font-size: 20px;
    }
    #anketa-content h4 {
        margin-bottom: 20px;
    }
    .br-hide br {
        display: none;
    }
    .anketa-form {
        padding-top: 20px;
    }
    .anketa-form .label {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .wpcf7-radio .wpcf7-list-item {
        display: block;
        margin-bottom: 10px;
    }
    span[data-name=zadovoljstvo-use] .wpcf7-radio .wpcf7-list-item {
        display: inline-block;
        margin-right: 10px;
    }
    .anketa-form .small, #gift-card-content .small {
        font-size: 14px;
    }
    .gift-card-form .cta-btn, .anketa-form .cta-btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .about-page #cover {
        background-position: 80% center;
    }
    .about-page #cover p {
        padding-right: 25%;
        margin-bottom: 40px;
        margin-top: 40px;
    }
    #about-content {
        padding: 30px 30px 60px;
    }
    #about-content .text {
        padding-bottom: 20px;
    }
    #faq {
        padding: 30px 30px 60px;
    }
    #faq h2 {
        margin-bottom: 40px;
    }
    .accordion-button {
        font-size: 20px;
    }
    .accordion-button::after {
        margin-right: 0;
        padding-left: 40px;
    }

    .why-swiper .swiper-slide {
        padding: 5px 10px;
        flex: 0 0 85%;
        min-height: 136px;
    }
    .why-swiper-nav {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .make-cta {
        margin-top: 30px;
    }

    #kako-funkcionise {
        padding: 40px 30px 0;
        height: 575px;
        background: linear-gradient(358.97deg, rgba(255, 255, 255, 0) 2.3%, #FFFFFF 99.09%), url("../img/kako-funkcionise-secalica-mob.webp") no-repeat center center;
        background-size: cover;
    }
    .slide-icon img {
        width: 40px;
    }
    .why-register-swiper h3 {
        font-size: 20px;
    }
    #kako-funkcionise .make-cta {
        margin-left: 0;
    }
/*    .why-pagination {
        margin-left: 54px;
    }*/

    #why {
        padding: 60px 30px;
    }

    header, header.default {
        padding: 14px 30px 0;
    }
    #cover {
        padding: 0 30px 80px;
    }

    .price-box {
        border-radius: 15px;
        padding: 20px;
        width: 80%;
        margin: 0 auto 20px;
    }
    .price-box .duration {
        font-size: 27px;
    }
    .price-box .price {
        font-size: 18px;
    }
    #cenovnik .price-box .cta-btn, .cenovnik-page .price-box .cta-btn {
        width: 100%;
    }
    .cenovnik-page .price-boxes {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .headline-block {
        margin-top: 35px;
    }
    .print-boxes {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .print-box {
        margin-bottom: 20px;
    }

    .default-page #default-content {
        padding-top: 120px;
    }

    #how-content {
        padding: 60px 30px;
    }

    .how-row {
        margin-top: 45px;
        padding: 20px;
        border-radius: 15px;
    }

    .how-row .image-holder {
        margin-top: 30px;
    }
    .how-row:nth-child(even) .image-holder span {
        right: auto;
        left: 0;
        border-radius: 0 0 30px;
    }
    #legal-how {
        margin-top: 60px;
    }
}