/* Mobile/tablet: stack header – logo and title on top, nav menu below */
@media (max-width: 980px) {
    .header-container {
        flex-direction: column;
        align-items: stretch;
    }

    .site-branding {
        width: 100%;
    }

    .main-navigation {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .main-navigation .menu-toggle {
        align-self: flex-end;
        width: 35px;
        min-width: 35px;
    }

    .main-navigation.toggled ul {
        display: block;
        width: 100%;
        margin-top: 0.5em;
        padding-left: 0;
    }

    .main-navigation.toggled ul li {
        display: block;
        width: 100%;
    }

    .main-navigation.toggled ul a {
        display: block;
        padding: 0.75em 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
}

@media (min-width:300px) and (max-width:460px) {
    .top-header .top-location {
        display: none;
    }

    .top-mail-social {
        justify-content: center;
    }

    .site-branding-content {
        display: flex;
        gap: 60px;
        width: 85%;
    }

    .mobile-nav-icon.close {
        display: none;
    }

    .main-navigation button .fa-caret-down{
        font-size: 22px;
    }

    .menu-toggle.active .mobile-nav-icon.fa-caret-down {
        display: none;
    }

    .menu-toggle.active .mobile-nav-icon.close {
        display: inline-block;
    }

    .header-nav-call {
        display: none;
    }

    .menu-toggle {
        background-color: #61CE70;
        color: white;
        width: 35px;
        min-width: 35px;
    }
    .main-navigation.toggled ul{
        display: block;
    }

    .slider-content {
        margin-left: 1em;
    }

    .about-img img {
        left: -3%;
    }

    .about-circle {
        left: -10px;
    }
}

@media (min-width:400px) and (max-width:600px) {
    .slick-slider img {
        height: 75vh;
    }

    .slider-section {
        height: 75vh;
    }
}

@media (min-width:300px) and (max-width:600px) {
    .top-mail-social {
        justify-content: center;
    }

    .site-branding-content {
        display: flex;
        gap: 60px;
        width: 85%;
    }

    .menu-toggle {
        display: block;
        background-color: #61CE70;
        color: white;
        float: inline-end;
        width: 35px;
        min-width: 35px;
    }

    .slider-content h1 {
        font-size: 60px;
    }

    .main-navigation ul {
        display: none;
    }

    .mobile-nav-icon.close {
        display: none;
    }

    .main-navigation button .fa-caret-down{
        font-size: 22px;
    }

    .menu-toggle.active .mobile-nav-icon.fa-caret-down {
        display: none;
    }

    .menu-toggle.active .mobile-nav-icon.close {
        display: inline-block;
    }

    .header-nav-call {
        display: none;
    }

    .menu-toggle {
        background-color: #61CE70;
        color: white;
        width: 35px;
        min-width: 35px;
    }

    .main-navigation.toggled ul{
        display: block;
    }

    .widget-area .widget_block h2::after {
        width: 140px;
    }

    .slider-content {
        margin-left: 1em;
    }

    .about-img img {
        left: -3%;
    }

    .about-circle {
        left: -10px;
    }
}

@media (min-width:710px) and (max-width:860px) {
    .site-branding-content {
        display: flex;
        gap: 60px;
        width: 85%;
    }

    .mobile-nav-icon.close {
        display: none;
    }

    .main-navigation button .fa-caret-down{
        font-size: 22px;
    }

    .menu-toggle.active .mobile-nav-icon.fa-caret-down {
        display: none;
    }

    .menu-toggle.active .mobile-nav-icon.close {
        display: inline-block;
    }

    .header-nav-call {
        display: none;
    }

    .menu-toggle {
        display: block;
        background-color: #61CE70;
        color: white;
        float: inline-end;
        width: 35px;
        min-width: 35px;
    }

    .main-navigation.toggled ul{
        display: block;
    }

    .main-navigation ul {
        display: none;
    }

    .widget-area .widget_block h2::after {
        width: 60px;
    }

    .widget-area .widget_search button {
        width: 60px;
        font-size: 12px;
    }

    .slick-track {
        width: 100% !important;
    }

    .slick-slide {
        width: 100% !important;
    }

    .slick-slider img {
        height: 55vh;
    }

    .slider-section {
        height: 55vh;
    }
}

@media (min-width:900px) and (max-width:980px) {
    .slick-slider img {
        height: 55vh;
    }

    .slider-section {
        height: 55vh;
    }

    .slick-track {
        width: 100% !important;
    }

    .slick-slide {
        width: 100% !important;
    }

    .menu-toggle {
        display: block;
        background-color: #61CE70;
        color: white;
        float: inline-end;
        width: 35px;
        min-width: 35px;
    }

    .main-navigation.toggled ul{
        display: block;
    }
    .main-navigation ul {
        display: none;
    }

}

@media (min-width:870px) and (max-width:920px) {
    .site-branding-content {
        display: flex;
        gap: 60px;
        width: 85%;
    }

    .mobile-nav-icon.close {
        display: none;
    }

    .main-navigation button .fa-caret-down{
        font-size: 22px;
    }

    .menu-toggle.active .mobile-nav-icon.fa-caret-down {
        display: none;
    }

    .menu-toggle.active .mobile-nav-icon.close {
        display: inline-block;
    }

    .header-nav-call {
        display: none;
    }

    .menu-toggle {
        background-color: #61CE70;
        color: white;
        width: 35px;
        min-width: 35px;
    }

    .widget-area .widget_block h2::after {
        width: 60px;
    }

    .widget-area .widget_search button {
        width: 60px;
        font-size: 12px;
    }
}

@media screen and (width: 1000px) {

    .main-navigation a {
        font-size: 14px;
    }

    .widget-area .widget_block h2::after {
        width: 140px;
    }

    .slick-track {
        width: 100% !important;
    }

    .slick-slide {
        width: 100% !important;
    }
}

@media screen and (width: 1024px) {
    .main-navigation a {
        font-size: 14px;
    }

    .widget-area .widget_block h2::after {
        width: 125px;
    }

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
    .slick-slider img {
        height: 55vh;
    }

    .slider-section {
        height: 55vh;
    }
}

@media only screen and (min-device-width: 730px) and (max-device-width: 750px) and (orientation: portrait) {
    .slick-slider img {
        height: 70vh;
    }

    .slider-section {
        height: 70vh;
    }
}