@media (max-width: 1200px) {
    .swiperSlideInner1 {
        width: 40%;
    }

    .swiperSlideInner2 {
        width: 60%;
    }
}

@media (max-width: 1030px) {
    .search,
    #myUL {
        width: 350px;
    }

    .icons a {
        padding: 7px;
    }

    .navList {
        gap: 30px;
    }

    .mainTextInner h1 {
        font-size: 1.4rem;
    }

    .footerInner1 p {
        font-size: .9rem;
    }

    .footerLinkList {
        font-size: .85rem;
    }
}

@media (max-width: 768px) {
    .productCard {
        max-width: 100%;
    }

    .search,
    #myUL {
        width: 270px;
    }

    #contactContainer {
        flex-direction: column;
    }

    .contactInner1,
    .contactInner2 {
        width: 100%;
    }

    .slideContainer {
        flex-direction: column-reverse;
    }

    .swiperSlideInner1 {
        height: 30%;
        width: 100%;
    }

    .swiperSlideInner2 {
        height: 70%;
        width: 100%;
    }

    .mission,
    .vision {
        flex-direction: column-reverse;
        gap: 0px;
    }

    .missionInner1,
    .visionInner1 {
        width: 100%;
        padding: 20px 0;
    }

    .emails,
    .office {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .emails {
        padding-top: 40px;
    }

    .divider {
        display: block;
    }

    #openSocials:hover::after {
        opacity: 0;
        rotate: 0deg;
        transform: translateY(0);
    }

    .footerInner1 {
        display: none;
    }
}

@media (max-width: 690px) {
    .serviceDropLi {
        display: none;
    }

    .tabs {
        top: 70px;
    }

    label[for="menu"] {
        display: block;
        margin-left: 0px;
    }

    .dropdown:hover .dropdown-content {
        display: none;
    }

    .carousel {
        height: calc(100dvh - 70px);
    }

    nav {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 70px;
        padding: 10px 10px;
    }

    .logoDiv {
        margin-left: 0px;
    }

    .logoDiv p {
        transform: translateY(-14px);
    }

    img.logo {
        height: 60px;
        margin-left: 10px;
    }

    .search {
        display: none;
    }

    .icons {
        position: absolute;
        right: 20px;
    }

    .icons .fa-magnifying-glass {
        display: inline-block;
    }

    .navList {
        flex-direction: column;
        top: 70px;
        position: fixed;
        width: 100%;
        justify-content: start;
        padding-top: 40px;
        align-items: center;
        background-color: var(--1);
        left: -100%;
        height: calc(100vh - 70px);
        display: flex;
        margin-left: 0;
        gap: 15px;
        transition: left .2s ease;
    }

    .sideIcons2 {
        display: flex;
    }

    .liSpecial,
    .dropdownSpecial {
        display: block;
    }

    .prodHidden {
        display: none;
    }

    .navLink,
    .dropbtn a {
        color: var(--5);
        width: 90vw;
        border-bottom: 1px solid var(--5);
        display: flex;
        justify-content: left;
        align-items: left;
        padding: 10px;
        padding-bottom: 20px;
    }

    .dropbtn a:hover,
    .activeA a,
    .navLink:hover,
    .activeNavLink,
    .dropdownSpecial .activeATwo {
        border-bottom: 1px solid var(--5);
        color: var(--4);
    }

    .dropdownSpecial .dropbtnSpecial {
        width: 90vw;
        border-bottom: 1px solid var(--5);
        display: flex;
        justify-content: left;
        align-items: left;
        padding: 10px;
        padding-bottom: 20px;
    }

    .dropbtnSpecial i {
        position: absolute;
        right: 10px;
    }

    .dropdown-contentSpecial a {
        padding: 15px;
    }

    .dropdown-contentSpecial {
        width: 100%;
        height: calc(100vh);
        top: 0;
        left: 0;
        display: none;
        justify-content: start;
        padding-top: 60px;
        align-items: left;
        flex-direction: column;
        padding-left: 20px;
    }

    .dropdown-contentSpecial i {
        position: absolute;
        top: 20px;
        left: 30px;
        color: var(--5);
        cursor: pointer;
    }

    .contactTop {
        flex-direction: column-reverse;
    }

    .contactTopInner1 {
        height: 50%;
        width: 100%;
        margin: 20px 10px 0px 10px;
        padding: 0 20px;
    }

    .contactTopInner1 img {
        object-fit: cover;
    }

    .videosMain {
        height: calc(100vh - 70px);
        flex-direction: column;
    }

    .videosMain.even {
        height: calc(100vh - 70px);
        flex-direction: column;
    }

    .mainText {
        width: 100%;
        padding: 20px;
        height: 200px;
    }

    .media {
        width: 100%;
    }

    .footerA {
        flex-direction: column-reverse;
        height: 80px;
        justify-content: center;
        gap: 10px;
    }
}

@media (max-width: 530px) {
    #inquiry form {
        width: 290px;
    }

    .footerA {
        height: 90px;
    }
}

@media (max-width: 430px) {
    .slideHead {
        font-size: 1.5rem;
    }

    .slideP {
        font-size: .9rem;
    }

    .missionInner2,
    .visionInner2 {
        height: 300px;
        width: 300px;
        overflow: hidden;
    }

    .contactTopInner2 h1 {
        font-size: 1.8rem;
    }

    .contactTopInner2 h3 {
        font-size: 1.1rem;
        margin: 7px 0;
    }

    .contactTopInner2 h3 a {
        font-size: .9rem;
    }

    .contactTopInner2 p {
        font-size: .9rem;
    }

    .footerInner2-2 {
        flex-wrap: wrap;
    }
    
    .footerLinkLists:first-child {
        display: none;
    }
}

@media (max-width: 375px) {
    .slideP {
        margin-right: 30px;
    }

    .missionInner1 h1,
    .visionInner1 h1 {
        font-size: 1.5rem;
    }

    .missionInner1 p,
    .visionInner1 p {
        font-size: .9rem;
        line-height: 20px;
    }
}

@media (max-width: 600px) {
    .hideImage {
        display: none;
    }

    .footerInner2-1 input {
        width: 300px;
        padding-right: 90px;
        font-size: .8rem;
    }

    .footerInner2-1 button {
        font-size: .6rem;
        width: auto;
        padding: 4px 8px 0 8px;
    }

    .howToContainer { 
        padding: 0 20px;
    }
}

@media (min-width: 600px) {
    .showImage {
        display: none;
    }
}

@media (max-width: 867px) {
    .hideVid {
        display: none;
    }
}