/* Extra Extra Small Devices (Phones, 0px and up) */
@media (max-width: 370px) {

    #carousel-focus-section div.dynamic-folder {
        transform: scale(0.60) !important;
    }

    .blog-section-type .post-wrapper {
        right: -2% !important;
    }

    .blog-section-type .thumbnail {
        right: 10.65% !important;
    }

    #blog-section-load-types.blog-section-type .thumbnail {
        right: 9.75% !important;
    }

    .blog-section-type .title {
        top: 63% !important;
        left: 20.5% !important;
        margin-right: 0;
        width: 70%;
        height: 25px;
    }

    #blog-section-load-types.blog-section-type .title {
        width: 71%;
        left: 21.5% !important;
    }

    .blog-section-type .details {
        bottom: 11px !important;
    }

    #blog-section-load-types.blog-section-type .details {
        bottom: -8px !important;
    }

    .blog-section-type .link-post {
        left: 1% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 8% !important;
    }

}

@media (min-width: 388px) and (max-width: 391px) {
    .blog-section-type .link-post {
        left: 9% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 16% !important;
    }
}

@media (min-width: 410px) and (max-width: 412px) {

    .blog-section-type .title {
        left: 32% !important;
    }

    #blog-section-load-types.blog-section-type .title {
        left: 36% !important;
    }

    .blog-section-type .post-wrapper {
        right: 6% !important;
    }

    #blog-section-load-types.blog-section-type .post-wrapper {
        right: 9% !important;
    }

    .blog-section-type .thumbnail {
        right: 8.9% !important;
    }

    .blog-section-type .link-post {
        left: 15% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 20% !important;
    }
}

@media (min-width: 413px) and (max-width: 415px) {

    .blog-section-type .title {
        left: 33% !important;
    }

    #blog-section-load-types.blog-section-type .title {
        left: 36% !important;
    }

    .blog-section-type .link-post {
        left: 16% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 21% !important;
    }

    .blog-section-type .post-wrapper {
        right: 7% !important;
    }

    .blog-section-type .thumbnail {
        right: 9.05% !important;
    }

    #blog-section-load-types.blog-section-type .thumbnail {
        right: 8.35% !important;
    }
}




@media (min-width: 425px) and (max-width: 431px) {
    .blog-section-type .title {
        left: 35% !important;
    }

    #blog-section-load-types.blog-section-type .title {
        left: 39% !important;
    }

    .blog-section-type .link-post {
        left: 19% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 24% !important;
    }

    .blog-section-type .post-wrapper {
        right: 9% !important;
    }

    #blog-section-load-types.blog-section-type .post-wrapper {
        right: 11% !important;
    }

    .blog-section-type .thumbnail {
        right: 8.5% !important;
    }
}



@media (min-width: 540px) and (max-width: 542px) {
    .blog-section-type .post-wrapper {
        right: 17% !important;
    }

    #blog-section-load-types.blog-section-type .post-wrapper {
        right: 19% !important;
    }

    .blog-section-type .thumbnail {
        right: 6.95% !important;
        top: -11px !important;
    }

    .blog-section-type .title {
        width: 39% !important;
        left: 53% !important;
        top: 66% !important;
    }

    .blog-section-type .link-post {
        left: 37% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 40% !important;
    }

}

@media (max-width: 420px) {
    #carousel-focus-section .dynamic-folder {
        transform: scale(0.65) !important;
    }
}


/* Extra Small Devices (Phones, 0px and up) */
@media (max-width: 575.98px) {

    #hero-section .intro-thumbnail {
        width: 250px;
    }

    #tab-types-websiteContent-section .title-base {
        text-align: center;
    }

    #tab-types-websiteContent-section .description-wrapper {
        text-align: center;
    }

    #tab-types-websiteContent .description-short {
        height: 120px;
        overflow: hidden;
    }

    #tab-types-websiteContent .swiper-general .swiper-button-prev {
        left: 5%;
    }

    #tab-types-websiteContent .swiper-general .swiper-button-next {
        left: 75%;
    }

    #tab-types-websiteContent-section .nav-link-main {
        height: 125px;
    }

    #tab-types-websiteContent-section .prev-x {
        left: -21px;
    }

    #tab-types-websiteContent-section .next-x {
        right: -21px;
    }

    #carousel-focus-section .dynamic-folder {
        transform: scale(0.75);
    }

    #carousel-focus-section .dynamic-folder.folder-hover {
        right: 15px;
    }

    #carousel-focus-section .swiper-general .swiper-button-prev {
        left: 5%;
    }

    #carousel-focus-section .swiper-general .swiper-button-next {
        left: 78%;
    }

    #carousel-focus-section .btn-one,
    #carousel-focus-section .btn-two {
        font-size: 1rem;
    }

    #portfolio-section .swiper-general .swiper-button-prev,
    #portfolio-section .swiper-general .swiper-button-next {
        top: 50%;
    }

    #portfolio-section .swiper-general .swiper-button-prev {
        left: 2%;
    }

    #portfolio-section .swiper-general .swiper-button-next {
        left: 80%;
    }

    #blog-section-single-general .summary {
        height: auto;
    }

    #blog-section-single-general .content p img {
        max-width: 100%;
    }

    .blog-section-type .post-wrapper {
        right: 2%;
    }

    #blog-section-load-types.blog-section-type .post-wrapper {
        right: 6%;
    }

    .blog-section-type .thumbnail {
        right: 10.05%;
    }

    #blog-section-load-types.blog-section-type .thumbnail {
        right: 9.05%;
    }

    .blog-section-type .link-post {
        left: 6%;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 12%;
    }

    .blog-section-type .title {
        left: 30%;
    }

    #blog-section-load-types.blog-section-type .title {
        left: 32%;
    }

    .blog-section-type [data-btn-active].active {
        vertical-align: middle;
    }

    #linear-content-section .content-wrapper .thumbnail {
        top: -70px;
        left: -10%;
        width: 80%;
    }

    #linear-content-section .content-wrapper .content-side {
        transform: translateY(-60px);
    }

    #list-badge-section .swiper-general .swiper-button-prev {
        left: 0%;
    }

    #list-badge-section .swiper-general .swiper-button-next {
        left: 79%;
    }

    #list-badge-section .swiper-general .swiper-button-next,
    #list-badge-section .swiper-general .swiper-button-prev {
        top: 95%;
    }

    #faq-section svg.bi-plus-lg {
        left: 20px;
        top: 15px;
    }

    #catalog-contact-section .catalog::before {
        top: -159px;
        left: -75px;
        width: 70%;
        height: 70%;
        background-position: 22px 95px;
        background-size: 100%;
    }

    #catalog-with-badge-section .catalog .wrapper-badges {
        top: 0;
    }

    #blog-section-single-general .thumbnail {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
    }

    #plans-section .features {
        padding-right: 2.15rem;
    }

}

/* Small Devices (Tablets, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

    #hero-section .intro-thumbnail {
        width: 250px;
    }

    #tab-types-websiteContent-section .title-base {
        text-align: center;
    }

    #tab-types-websiteContent-section .description-wrapper {
        text-align: center;
    }

    #tab-types-websiteContent-section .prev-x {
        left: -21px;
    }

    #tab-types-websiteContent-section .next-x {
        right: -21px;
    }

    #carousel-focus-section .dynamic-folder {
        transform: scale(0.75);
    }

    #carousel-focus-section .dynamic-folder.folder-hover {
        right: 15px;
    }

    #carousel-focus-section .swiper-general .swiper-button-prev {
        left: 5%;
    }

    #carousel-focus-section .swiper-general .swiper-button-next {
        left: 78%;
    }

    #carousel-focus-section .btn-one,
    #carousel-focus-section .btn-two {
        font-size: 1rem;
    }

    #portfolio-section .swiper-general .swiper-button-prev,
    #portfolio-section .swiper-general .swiper-button-next {
        top: 50%;
    }

    #portfolio-section .swiper-general .swiper-button-prev {
        left: 2%;
    }

    #portfolio-section .swiper-general .swiper-button-next {
        left: 80%;
    }

    #blog-section-single-general .summary {
        height: auto;
    }

    #blog-section-single-general .content p img {
        max-width: 100%;
    }

    #list-badge-section .swiper-general .swiper-button-prev {
        left: 0%;
    }

    #list-badge-section .swiper-general .swiper-button-next {
        left: 80%;
    }

    #list-badge-section .swiper-general .swiper-button-next,
    #list-badge-section .swiper-general .swiper-button-prev {
        top: 95%;
    }

    #faq-section svg.bi-plus-lg {
        left: 20px;
        top: 15px;
    }

    #catalog-contact-section .catalog::before {
        top: -159px;
        left: -75px;
        width: 70%;
        height: 70%;
        background-position: 22px 95px;
        background-size: 100%;
    }

    #catalog-with-badge-section .catalog .wrapper-badges {
        top: 0;
    }

    #plans-section .features {
        padding-right: 2.15rem;
    }
}

@media (min-width: 850px) and (max-width: 854px) {
    .blog-section-type .post-wrapper {
        right: 6%;
    }

    #blog-section-load-types.blog-section-type .post-wrapper {
        right: 2%;
    }

    .blog-section-type .link-post {
        left: 19% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 9% !important;
    }

    .blog-section-type .thumbnail {
        right: 8.85% !important;
    }

    #blog-section-load-types.blog-section-type .thumbnail {
        right: 9.5% !important;
    }
}

/* Medium Devices (Desktops, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

    #hero-section .intro-thumbnail {
        width: 250px;
    }

    #tab-types-websiteContent-section .title-base {
        text-align: center;
    }

    #tab-types-websiteContent-section .description-wrapper {
        text-align: center;
    }

    #tab-types-websiteContent-section .prev-x {
        left: -21px;
    }

    #tab-types-websiteContent-section .next-x {
        right: -21px;
    }

    #carousel-focus-section .dynamic-folder {
        transform: scale(0.75);
    }

    #carousel-focus-section .dynamic-folder.folder-hover {
        right: 15px;
    }

    #carousel-focus-section .swiper-general .swiper-button-prev {
        left: 24%;
    }

    #carousel-focus-section .swiper-general .swiper-button-next {
        left: 68%;
    }

    #carousel-focus-section .btn-one,
    #carousel-focus-section .btn-two {
        font-size: 1rem;
    }

    #portfolio-section .swiper-general .swiper-button-prev,
    #portfolio-section .swiper-general .swiper-button-next {
        top: 50%;
    }

    #portfolio-section .swiper-general .swiper-button-prev {
        left: 2%;
    }

    #portfolio-section .swiper-general .swiper-button-next {
        left: 88%;
    }

    #linear-content-section .content-wrapper .thumbnail {
        left: -10%;
        width: 80%;
        height: 100%;
        object-fit: cover;
    }

    #blog-section-single-general .summary {
        height: auto;
    }

    #blog-section-single-general .content p img {
        max-width: 100%;
    }

    .blog-section-type .link-post {
        left: 11%;
        bottom: 12px;
    }

    .blog-section-type .thumbnail {
        right: 9.5%;
    }

    #list-badge-section .swiper-general .swiper-button-prev {
        left: 0%;
    }

    #list-badge-section .swiper-general .swiper-button-next {
        left: 90%;
    }

    #list-badge-section .swiper-general .swiper-button-next,
    #list-badge-section .swiper-general .swiper-button-prev {
        top: 95%;
    }

    #faq-section svg.bi-plus-lg {
        left: 20px;
        top: 15px;
    }

    #catalog-contact-section .catalog::before {
        top: -229px;
        left: -175px;
        width: 70%;
        height: 70%;
        background-position: 22px 95px;
        background-size: 100%;
    }

    #catalog-with-badge-section .catalog .wrapper-badges {
        top: 0;
    }

    #plans-section .features {
        padding-right: 2.15rem;
    }
}

@media (min-width: 912px) and (max-width: 915px) {

    .blog-section-type .post-wrapper {
        right: 13%;
    }

    #blog-section-load-types.blog-section-type .post-wrapper {
        right: 2%;
    }

    .blog-section-type .link-post {
        left: 27% !important;
    }

    #blog-section-load-types.blog-section-type .link-post {
        left: 8% !important;
    }

    .blog-section-type .thumbnail {
        right: 7.85% !important;
    }

    #blog-section-load-types.blog-section-type .thumbnail {
        right: 9.85% !important;
    }
}


@media (min-width: 1000px) and (max-width: 1025px) {
    #carousel-focus-section .thumbnail .dynamic-folder.folder-hover {
        left: 53px;
    }

    #list-badge-section .swiper-general.swiper-pagination-green .swiper-button-prev , #list-badge-section .swiper-general.swiper-pagination-green .swiper-button-next{
        top : 93%;
    }

    #list-badge-section .swiper-general.swiper-pagination-green .swiper-button-next{
        left: 70%;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .blog-section-type .post-type-cover {
        transform: scaleX(1.18) scaleY(1.4) translateX(-7px) translateY(10px);
    }

    .blog-section-type .link-post {
        left: -6%;
        bottom: -4px;
    }
}

/* Large Devices (Large Desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #plans-section .features {
        padding-right: 2.15rem;
    }
}

/* Extra Large Devices (Extra Large Desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1281px) {

    .blog-section-type .thumbnail {
        right: 9.05% !important;
    }

    .blog-section-type .link-post {
        left: 15%;
    }

    #list-badge-section .badge-icon.desktop {
        width: 150px;
    }

    #plans-section .features {
        padding-right: 5.15rem;
    }
}

@media (min-width: 1340px) {
    .blog-section-type .post-wrapper {
        right: 12%;
    }

    #blog-section-load-types .wrapper-items {
        padding-right: 6.8rem !important;
    }

    #blog-section-load-types .post-type-cover {
        transform: scaleX(1.25) scaleY(1.3);
    }

    #blog-section-load-types .thumbnail {
        right: 2.75%;
    }

    #blog-section-load-types .link-post {
        left: 72px;
    }

    #blog-section-load-types .title {
        margin-right: 8px;
    }

    #blog-section-load-types .details {
        left: 41%;
    }

    #plans-section .features {
        padding-right: 5.15rem;
    }
}

@media (min-width: 1540px) {
    #blog-section {
        display: none !important;
    }
}

@media (min-width: 1920px) and (max-width: 1921px) {
    .blog-section-type .title {
        left: 59%;
    }

    .blog-section-type .thumbnail {
        right: 6.0%;
    }

    .blog-section-type .details {
        left: 38%;
    }

    .blog-section-type .link-post {
        left: 46%;
    }
}