@media (min-width: 768px) {
    .col--4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .news--block .post_cont {
        position: relative;
        bottom: 0;
    }
    .drn-benefit-sec .elementor-container {
        margin-top: 40px;
        left: 0;
    }
    .testimonial-carousel .owl-nav {
        margin-right: 20px;
    }
}
@media (max-width: 1024px) {
    .site-header-row-mobile-layout-standard {
        background: linear-gradient(180deg, #C8ECDA -107.5%, rgba(200, 236, 218, 0) 100%);
    }
    .hero--slides .slide-caption h1 {
        font-size: 30px;
    }
    .latest__news .site_row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .news--block {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .news--block.v2 {
        margin-bottom: 10px;
    }
    .news--block .col_inner:hover .post_cont {
        transform: translateY(-0px);
    }
    #archive-container {
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }
    .footer-menu .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal, 
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
        visibility: visible;
        opacity: 1;
        display: block;
        height: 100%;
    }
    .footer-menu .hfe-nav-menu__toggle.elementor-clickable {
        display: none !important;
    }
    .footer-menu .hfe-nav-menu li {
        border: 0px !important;
    }
    .footer-menu .hfe-nav-menu li a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}
@media (max-width: 991px) {
    .hero--slides .owl-dots {
        position: initial;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .col--12, .col--7, .col--6, .col--5, .col--4, .col--3, .col--2 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .hero--slides .slide-caption, 
    .hero--slides .slide-image {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hero--slides .slide-image {
        justify-content: flex-start;
    }
    .hero--slides .slide-caption h1 {
        font-size: 24px;
    }
    .drn-benefit-sec .elementor-container {
        margin-top: 30px;
        left: 0;
    }
    .drn-counter-col .elementor-column {
        width: 50%;
    }
    .drn-counter-col .elementor-widget-wrap {
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        padding-bottom: 20px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .drn-counter-col .elementor-counter-number-wrapper {
        display: flex;
        justify-content: center;
    }
    .drn-counter-col .elementor-counter .elementor-counter-number-suffix {
            flex-grow: 0;
    }
    .item-bx p {
        margin-top: 0px;
    }
    .testimonial-carousel .owl-prev, .testimonial-carousel .owl-next {
        width: 50px;
        height: 40px;
        line-height: 44px !important;
        font-size: 20px !important;
    }
    .drn-counter-block .elementor-counter {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .drn-service-sec .elementor-image-box-img img {
        margin: 0 auto;
    }
    .col--4.news--block {
        margin-bottom: 30px;
    }
    #archive-container {
        -moz-column-gap: 20px;
        row-gap: 20px;
    }
    #archive-container {
        grid-template-columns: minmax(0, 1fr);
    }
    .testimonial-carousel .owl-nav {
        gap: 15px;
    }
    .news--block .post_cont,
    #archive-container .loop-entry .entry-content-wrap {
        background-color: #f4f0f0e0;
        top: auto;
        bottom: 0px;
        max-width: 100%;
    }
    .hero-container h1.entry-title {
        font-size: 30px;
    }
    .hero-container .kadence-breadcrumbs {
        margin-top: 5px;
    }
    .contact--form .form--group {
        display: block;
    }
    .footer-form {
        margin-top: 0px;
    }
    .footer-menu .elementor-element {
        margin-bottom: 5px;
    }
    .footer-form .elementor-element {
        margin-bottom: 0px;
    }
    .footer-add .elementor-column.elementor-inner-column {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer-add .elementor-column:after {
        content: "";
        margin: 0;
        border-bottom: 1px solid rgba(110, 121, 144, 0.3);
        border-right: 0px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0px;
    }
}