@media screen and (max-width: 1198px) {
    h5.small-title {
        bottom: 0;
        right: 0;
        font-size: 3em;
    }
}

@media screen and (max-width: 1176px) {
    .pobi-right {
        width: 90%;
    }
}

@media screen and (max-width: 1168px) {
    .pobi-right {
        width: 100%;
    }
}

@media screen and (max-width: 1102px) {
    .pobi-right {
        width: 110%;
    }
}

@media screen and (max-width: 1055px) {
    .card {
        gap: 2rem;
    }
}

@media screen and (max-width: 1024px) {
    div.pobi-right h1 {
        font-size: 2.5em;
    }
    h5.small-title {
        right: 1rem;
    }
}

@media screen and (max-width: 865px) {
    div.pobi-right h1 {
        font-size: 2em;
    }
    div.pobi-right h3 {
        padding: 0.4rem 0;
    }
}

@media screen and (max-width: 867px) {
    img.left {
        width: 112%;
    }
}

@media screen and (max-width: 768px) {
    .full-height {
        min-height: 56vh;
    }
    .card {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .second-card {
        flex-direction: column;
    }
    .pobi-right {
        width: 100%;
    }
    img.left {
        width: 100%;
    }
    .blue-thumbnail {
        width: 100%;
    }
    .slider-height-padding {
        justify-content: center;
    }
}

@media screen and (max-width: 470px) {
    h5.small-title {
       display: none;
    }
}

@media screen and (max-width: 440px) {
    div.pobi-right h1 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 362px) {
    .checkbox:not(:checked) + label {
        margin-right: 0;
    }
}

@media screen and (max-width: 331px) {
    .checkbox:checked + label,
    .checkbox:not(:checked) + label {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .slider-height-padding {
        padding-top: 340px;
    }
    ul.pobi-ul li {
        height: 300px;
        font-size: 13px;
        letter-spacing: 1px;
    }
}

@media (max-width: 575px) {
    .slider-height-padding {
        padding-top: 240px;
    }
    ul.pobi-ul li {
        height: 200px;
    }
}
