@media screen and (max-width: 1920px) {
    .el-apt-section {
        height: 100vh;
    }

    .el-apt-wrapper {
        height: 100vh;
    }
}

@media only screen and (max-width: 1400px) {
    .sticky-navbar nav.navbar-main {
        display: none;
    }
}

@media (max-width: 1199px) {
    .el-footer-link-area .el-footer-nav-link ul li a{
        font-size: 16px;
    }
    .el-our-gallery{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .el-apt-section{
        height: auto;
        overflow: hidden;
    }
    .el-apt-wrapper .el-apt-card{
        margin-top: 600px;
    }
    .el-apt-wrapper{
        height: auto;
    }
    .el-type-braces-wrapper .el-type-b-left .el-type-b-content{
        grid-template-columns: repeat(1, 1fr);
        row-gap: 25px;
    }
    .el-type-braces-wrapper .el-type-b-left .el-type-b-content img{
        max-width: 100%;
        width: 100%;
    }
    .el-review-wrapper {
        padding: 0;
    }

    .el-content-wrapper {
        padding: 0;
    }

    .el-apt-wrapper {
        justify-content: center;
    }

    .el-bg-1 {
        left: 0;
    }

    .el-hero-wrapper .el-hero-texts .el-main-hero-title h1 {
        font-size: 100px;
    }

    .full-img-content-section .full-img-inner {
        flex-direction: column;
    }

    .full-img-content-section .full-img-sec,
    .full-img-content-section .full-img-content {
        width: 100%;
    }

    .el-type-braces-wrapper {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    .el-our-gallery{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width: 992px) {
    .el-number-card {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-padding {
        padding: 60px 0;
    }

    .section-padding-top {
        padding-top: 60px;
    }

    .section-padding-bottom {
        padding-bottom: 60px;
    }

    .header-brand {
        width: 130px;
    }

    .header-btn-hide-xs,
    .el-contact-info,
    .header-address-wrap a {
        display: none;
    }

    .header-btn-show-lg {
        display: block;
    }

    .header-btn-show-lg a {
        display: block;
        padding: 10px;
    }

    .header-btn-show-lg i {
        display: block;
        font-size: 20px;
    }

    .header-btn-show-lg a:hover i {
        transform: translate(0);
        display: block;
        font-size: 20px;
    }

    .el-hero-wrapper .el-hero-texts .el-main-hero-title h1 {
        font-size: 80px;
    }

    .el-review-left .el-review-slider {
        padding: 40px;
    }

    .el-review-left .section-title-light {
        width: 100%;
    }

    .el-r-bg-img {
        display: none;
    }

    .el-review-wrapper {
        display: block;
    }

    .el-visit-section .section-title-white {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .el-visit-left {
        padding: 40px;
    }

    .el-visit-right {
        height: 300px;
    }

    .el-visit-wrapper {
        grid-template-columns: 1fr;
    }

    .el-footer-nav-wrapper {
        position: relative;
        z-index: 1;
    }

    .el-footer-cta-area .el-footer-bg-ab img {
        width: 100%;
    }

    .el-footer-cta-area .el-footer-bg-ab {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        z-index: -1;
    }

    .el-service-card-wrapper:nth-child(odd),
    .el-service-card-wrapper:nth-child(even) {
        grid-template-columns: 1fr;
        padding: 40px;
    }

    .el-s-left {
        order: 1;
    }

    .el-s-right {
        order: 2;
    }

    .el-service-card-wrapper:nth-child(odd)::after,
    .el-service-card-wrapper:nth-child(even)::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 40%;
        width: 100%;
        background-color: var(--c-green-light);
    }

    .el-intro-wrapper {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .el-meet-team-outer {
        flex-direction: column;
    }

    .el-meet-team-left,
    .el-meet-team-right {
        width: 100%;
    }

    .page-hero-inner-wrap h1 {
        font-size: var(--text-42);
    }

    h2,
    .section-title-white h2,
    .section-title-light h2,
    .section-title-dark h2 {
        font-size: var(--text-48);
    }

    .el-footer-nav-wrapper {
        grid-template-columns: auto;
        row-gap: 60px;
    }

    .el-footer-link-area .el-footer-nav-link,
    .el-footer-link-area .el-footer-nav-link ul {
        align-items: center;
    }

    .el-our-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .el-blog-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .el-blog-detail-content {
        width: 100%;
    }

    .el-blog-detail-content h2 {
        font-size: 35px;
    }

    .el-blog-detail-title h1 {
        font-size: 48px;
    }

    .el-blog-detail-banner-img {
        margin: 30px 0;
    }

    .el-blog-detail-recent {
        margin-bottom: 40px;
    }

    .el-contact-page-content {
        flex-direction: column;
        row-gap: 80px;
    }

    .el-contact-form,
    .el-contact-detail-wrapper {
        width: 100%;
    }

    .el-privacy-policy-content {
        width: 100%;
    }

    .el-service-single-img-sec {
        flex-direction: column;
    }

    .el-service-single-img-sec:nth-child(even) {
        flex-direction: column;
    }

    .el-service-single-left-content {
        width: 100%;
    }

    .el-service-single-right-image {
        width: 100%;
    }
}

@media(max-width: 768px) {

    .header-inner-banner{
        height: 360px;
    }
    .el-hero-section {
        height: 75vh;
    }

    .el-hero-wrapper {
        height: 75vh;
        padding-bottom: 75px;
    }

    .section-padding {
        padding: 40px 0;
    }

    .section-padding-top {
        padding-top: 40px;
    }

    .section-padding-bottom {
        padding-bottom: 40px;
    }

    .el-hero-wrapper .el-hero-texts .el-main-hero-title p {
        font-size: 24px;
        line-height: 120%;
    }

    .el-hero-wrapper .el-hero-texts .el-main-hero-title h1 {
        font-size: 70px;
    }

    .el-review-left .el-review-slider {
        padding: 30px;
    }

    .el-service-card-wrapper:nth-child(even) {
        margin-top: 60px;
    }

    .el-service-card-wrapper:nth-child(odd),
    .el-service-card-wrapper:nth-child(even) {
        padding: 30px;
    }

    .el-visit-left {
        padding: 30px;
    }

    .full-img-content-section .full-img-content {
        padding: 40px 0;
    }

    h2,
    .section-title-white h2,
    .section-title-light h2,
    .section-title-dark h2 {
        font-size: var(--text-38);
    }

    .el-footer-link-area {
        grid-template-columns: 1fr;
    }

    .el-our-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 767px) {
    .el-number-card {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 15px;
    }
}

@media(max-width: 575px) {
    .el-apt-wrapper .el-apt-card{
        margin-top: 350px;
    }
    .el-service-card-wrapper:nth-child(odd)::after, .el-service-card-wrapper:nth-child(even)::after{
        height: 25%;
    }
    .custom_side-menu{
        width: 100% !important;
    }

    .header-brand,
    .sticky-navbar .navbar-brand {
        width: 100px;
    }

    .el-apt-wrapper .el-apt-card {
        padding: 35px;
    }

    .el-hero-wrapper .el-hero-texts .el-main-hero-title h1 {
        font-size: 50px;
    }

    .el-review-left .el-review-slider {
        padding: 20px;
    }

    .el-r-slider-control {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 20px;
    }

    .el-service-card-wrapper:nth-child(odd),
    .el-service-card-wrapper:nth-child(even) {
        padding: 20px;
    }

    .el-visit-left {
        padding: 20px;
    }

    .full-img-content-section .full-img-content ul li::before {
        width: 24px;
    }

    .full-img-content-section .full-img-content ul li {
        padding-left: 38px;
    }

    .content-details-section h2,
    .el-service-single-left-content .section-title-dark {
        margin-bottom: 24px;
    }

    .page-hero-inner-wrap h1 {
        font-size: var(--text-40);
    }

    .footer-bottom-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 5px;
        text-align: center;
    }

    .el-blog-detail-content h2 {
        font-size: 30px;
    }

    .el-blog-detail-title h1 {
        font-size: 35px;
    }

    .el-contact-form {
        padding: 20px;
    }

    .el-contact-page-content {
        flex-direction: column;
        row-gap: 60px;
    }

    .el-service-single-img-sec {
        gap: 18px;
    }

    .el-404-page h2 {
        font-size: 100px;
    }

    .el-404-page p {
        font-size: 28px;
    }
}

@media (max-width:425px) {
.el-visit-left .el-hours-wrapper .el-hours-main{
    gap: 20px;
}
    .btn-green a,
    .btn-green button {
        font-size: 14px;
    }

    .el-apt-wrapper .el-apt-card {
        padding: 30px;
    }
}