@media (max-width: 1600px) {}

@media (max-width: 1440px) {
    section.who-we-are-content {
    height: unset !important;
}
}

@media (max-width: 1366px) {}

@media (max-width: 1280px) {

    section.section-three .side-text {
    height: 100%;
}
    .header-contact {
    gap: 0 20px;
}

section.section-one {
    height: 640px !important;
}

header.desktop-header {
    display: none;
}

.mid-header{
    display: block !important;
}
}

@media (max-width: 1024px) {

    section.inner-banner {
    height: 500px;
    padding: 10rem 0 0;
}

    .side-menu li a {
    font-size: 44px;
    font-weight: 300;
    font-family: 'Halyard_Display';
}

.mid-header{
    display: none !important;
}

header.mobile-header{
    display: flex !important;
    padding: 10px 0;
    background-color: #ffffff6e;
    backdrop-filter: blur(5px);
}

header.mobile-header img {
    width: 130px;
}

.section-four-content .col-md-5, .section-four-content .col-md-6 {
    width: 100%;
}

.section-four-content .container-fluid {padding: 0 1.5rem;}

.section-four-content .row {
    gap: 3rem 0;
}

.who-we-are-text {
    padding: 4rem 0;
}

section.section-five {
    position: relative;
    z-index: 99;
}


section.section-five .text::after {
    content: unset;
}
}

@media (max-width: 992px) {

    .about-section-seven {
    height: unset;
}

    section.contact-us .col-md-6 {
    width: 100%;
}


section.section-five .col-md-4 {
    width: 100%;
}

.contact-form {
    left: 0;
    padding: 1.5rem;
}

section.service-section-six .text {
    padding: 1.5rem;
}

section.contact-us .row {
    gap: 4rem 0;
}

footer .d-flex {
    display: block !important;
}

footer .d-flex div {
    margin: 0 0 2rem;
}

section.testimonials {
    padding: 0 0;
}

section.section-six .col-md-6 {
    width: 100%;
}

section.section-six .row {
    gap: 3rem 0;
}

.side-menu .navbarr {
    padding: 4rem 0 0 2rem;
}
}

@media (max-width: 800px) {

    section.service-section-two img {
    display: none;
}

section.service-section-two .col-md-4, section.service-section-two .col-md-8 {
    width: 100%;
}

section.service-section-three .col-md-4 {
    width: 100%;
}

    section.section-three .row {
    gap: 2rem 0;
}

section.section-eight .text {
    padding: 0 !important;
}

section.section-eight .row {
    gap: 2rem 0;
}

section.section-eight {
    padding: 3rem 0;
}

section.section-three .col-md-4 {
    width: 100%;
}

section.about-section-three .col-md-6 {
    width: 100%;
}

section.about-section-three .row {
      gap: 2rem 0;
}

section.about-section-five .text {
    padding: 0;
}

section.about-section-five .col-md-6{
    width: 100%;
}

section.about-section-five .row {
      gap: 2rem 0;
}

section.about-section-six .col-md-6{
    width: 100%;
}

section.about-section-six .row {
      gap: 2rem 0;
}

section.contact-section-two .col-md-5, section.contact-section-two .col-md-7 {
    width: 100%;
}

section.contact-section-two .row {
    gap: 50px 0;
}
}

@media (max-width: 768px) {}

@media (max-width: 480px) {

    section.service-section-six .text button.dflt-button {
    padding: 18px 20px;
    width: 100%;
    justify-content: center;
}

section.service-section-six .text .mt-4 {
    flex-direction: column;
}

    section.service-section-three .container-fluid {
    padding: 0 20px;
}

section.service-section-four {
    height: 300px;
}

section.about-section-eight {
    padding: 4rem 0;
}

    section.inner-banner {
    height: 220px;
    padding: 5rem 0 0;
}


    .section-four-top h1 {
    line-height: clamp(18px, 14vw, 106px);
    font-size: clamp(39px, 11vw, 118px);
}

section.section-four {
    padding: 3rem 0;
}

    .side-menu {
    width: 100%;
}
.side-menu .navbarr {
    padding: 0;
}

.side-menu ul {
    justify-content: center;
    padding-left: 30px !important;
}

    header.mobile-header img {
    width: 60px;
}

.responsive-menu a {
    padding: 12px 22px;
    font-size: 15px;
}

section.section-one {
    height: 360px !important;
}

section.cta .col-md-5.text-end {
    text-align: start !important;
}

section.cta .row {
    gap: 2rem 0;
}

.section-four-content .content ul li {
    flex-wrap: wrap;
}

.section-four-content .content ul {
    gap: 1rem 0;
}

section.section-eight {
    padding: 0 0 10rem;
}

section.section-six {
    padding: 3rem 0 3rem;
}

.section-eight-slider.slick-initialized .slick-slide {
    gap: 30px 0;
}

section.contact-us {
    padding: 30px 0 0 !important;
}
}

@media (max-width: 376px) {}

@media (max-width: 360px) {}