@media only screen and (max-width: 1650px) {
    .contentCenter {
        width: 1400px;
    }

    #headerContainer {
        width: 1400px;
    }

    #headerNavigation {
        padding-left: 0px;
        padding-right: 0px;
    }

    .homePageText {
        width: 50%;
    }
}

@media only screen and (max-width: 1500px) {
    .contentCenter {
        width: 1200px;
        margin: auto;
    }

    #headerContainer {
        width: 1200px;
        margin: auto;
    }

    #homepageHero {
        max-height: 700px;
        width: 100%;
    }

    .serviceText {
        padding: 20px;
    }

    .whiteText {
        padding: 60px 100px;
    }


}

@media only screen and (max-width: 1300px) {
    .contentCenter {
        width: 1000px;
        margin: auto;
    }

    #headerContainer {
        width: 1175px;
        margin: auto;
    }

    #tabsGrid {
        height: 225px;
    }

    .serviceImageHeader {
        margin: 10px 0px;
    }

    .servicePopupText {
        width: 94%;
    }

    .homePageText h1 {
        font-size: 60px;
    }
}


@media only screen and (max-width: 1200px) {
    #headerContainer .clearButton {
        display: none;
    }

    #headerContainer {
        width: 1000px;
       
    }

    .contentCenter {
        width: 950px;
    }

    #headerNavigation {
        border: none;
    }

    #videoGrid {
        grid-auto-rows: 175px;
    }

    .footerContainer {
        padding: 15px;
    }

    #myslidemenu {
        display: none;
    }


    #MobileNav {
        width: 100%;
        position: absolute;
        margin-top: 100px;
        z-index: 999;
    }

    #MobileNav, .slicknav_menu {
        display: block;
    }
    #centerContainer {
        width: 800px;
    }
    #centerContainerInterior>div {
        width: 800px;
    }
    div#slider.nivoSlider {
        width: 800px !important;
    }
    .nivo-caption {
        display: none !important;
    }

    #footerHolder {
        min-width: initial;
        height: initial;
    }
    #footerCenter {
        width: 800px;
    }
    #footercopy {
        width: 100%;
    }

    .rslides img {
        min-height: 800px;
        width: unset;
    }

    .homePageText {
        width: 60%;
    }

}

@media only screen and (max-width: 1080px) {

    .ContactFormContainer {
        flex-direction: column;
    }

    .homePageText {
        top: 325px;
    }

    #headerContainer {
        width: 850px;
    }

    #tabsGrid {
        grid-template-columns: repeat(2, 50%);
        margin-top: 20px;
        height: unset;
    }

    .servicePopupText {
        width: 95%;
        padding: 30px;
    }

    .testimonialElement .comment {
        padding: 10px 30px;

    }

    .accreditationsContainer {
        column-gap: 20px;
        row-gap: 20px;
        flex-wrap: wrap;
    }

    .contentCenter {
        width: 800px;
    }

    .homePageText h1 {
        font-size: 60px;
    }

    .homePageText p {
        font-size: 18px;
    }

    .gallery-grid {
        grid-template-columns: repeat(3, auto);
        padding: 40px 0px;
    }

    #videoGrid {
        
        grid-auto-rows: 250px;
    }

    .row {
        flex-direction: column;
    }

    .halfRow {
        width: 100%;
        padding: 0px;
    }

    #footerGridTop {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #footerGridBottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #footerTelContainer {
        border: 1px solid white;
    }

    .homePageText {
        width: 80%;
    }
}




@media only screen and (max-width: 900px) {

    #headerContainer {
        width: 750px;
    }

    .contentCenter {
        width: 750px;
    }


    .grid {
        grid-template-columns: repeat(2, 45%);
        justify-content: center;
    }

    #tabsGrid {
        grid-template-columns: repeat(2, auto);
    }

    .gallery-grid {
        grid-auto-rows: 200px;
    }

    #centerContainer {
        width: 600px;
    }

    div#slider.nivoSlider {
        width: 600px !important;
    }
    #servicesBarHolder {
        width: 100%;
        top: -225px;
        left: 0px;
    }
    .serviceHolder, .serviceHolderEnd {
        width:132px;
    }
    .serviceImage {
        width: 110px;
    }
    .serviceImage img {
        width: 100%
    }
    #centerLeftContainer {
        width: 600px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .homepageContainer #centerLeftContainer {
        /* margin-top: 520px; */
    }
    #centerLeftContainer>#mainText {
        padding: 0px 20px;
        margin: 0px;
        width: 560px;
    }
    #centerLeftContainer>#mainText>#footerServices {
        width: 100%;
    }
    #centerLeftContainer>#mainText>#footerServices .questionMarkHolder {
        margin-right: 25px;
    }
    #centerRightContainer {
        margin-right: 0px;
        margin-top: 0px;
        width: 100%;
    }
    #centerRightContainer>#homeTestimonialImage {
        font-size: 2em;
        height: 440px;
        width: 262px;
        background-position: center top;
        margin-left: 20px;
    }
    #centerRightContainer>#twitterFeed {
        float: right;
        margin-top: 0px;
        margin-right: 20px;
        width: 290px;
    }
    #centerRightContainer>#sisterCompany {
        padding-left: 20px;
    }
    #footerCenter {
        width: 600px;
    }
    #footerCenter>#footerContact {
        width: 600px;
    }
    .rslides1_nav {
        top: 20%;
    }
    #mainTextinterior {
        margin: 0px;
        padding: 20px;
        width: 560px;
    }
    #mainTextinterior #footerServices {
        width: 560px;
    }

    .testimonialholder {
        width: 540px;
    }
    #mainTextinterior table img {
        width: 100%;
    }
    .galleryHolder {
        grid-template-columns: repeat(3, auto);
    }

    .tabcontents img {
        max-width: 100%;
    }

    .interiorIframeContainer {
        flex-direction: column;
        row-gap: 20px;
    }

    .interiorText iframe {
        max-width: 100%;
    }

    .headerContainer {
        flex-direction: column;
    }

    .headerContainer img {
        max-width: 100%;
    }

    .milestonesContainer {
        flex-direction: column;
        row-gap: 40px;
    }

        .milestonesContainer h2 {
            text-align: left;
        }
}

@media only screen and (max-width: 800px) {
    #headerContainer {
        width: 650px;
    }

    .contentCenter {
        width: 650px;
    }

    .accreditationsContainer {
        flex-wrap: wrap;
    }

    footer {
        padding-top: 50px;
    }

    #footercopy {
        padding: 20px 0px;
    }

    .galleryHolder {
        grid-template-columns: repeat(2, auto);
    }

    .offerHolder {
        flex-direction: column;
    }

    .tabImgContainer {
        display: none
    }

    .blogGrid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 700px) {

    #MobileNav {
        margin-top: 85px;
    }


    #emailHeaderContainer {
        display: none;
    }

    #tabsGrid {
        grid-template-columns: repeat(1, auto);
    }

    .servicePopupText {
        width: 90%;
        padding: 0px 34px;
    }

    .contactRow {
        display: flex;
        column-gap: 20px;
        align-items: center;
        flex-direction: column;
        align-items: baseline;
    }

    #navBorder {
        top: 65px;
    }

    .contentCenter > h2 {
        margin-top: 40px;
    }

    .rslides {
        height: 650px;
    }

    .whiteText {
        padding: 40px;
    }

    #headerContainer {
        width: 550px;
    }

    .contentCenter {
        width: 550px;
    }

    .homePageText {
        width: 90%;
    }

    .gallery-grid {
        grid-template-columns: repeat(2, auto);
    }

    #accreditations {
        height: 180px;
        width: 375px;
        margin: 0 auto;
    }

    .offerHolderContent {
        width: 90%;
    }
    .testimonialholder {
        width: 90%;
        float: none;
        margin: 20px auto;
    }
    #mainTextinterior table img {
        width: 100%;
    }

    .interiorText img {
        clear: both;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .accreditation {
        height: auto;
        width: 100% !important;
    }

    h2 {
        font-size: 28px;
    }

    .interiorText h1 {
        font-size: 30px;
    }

    .productContainer {
        flex-direction: column;
        width: 100%;
    }

    .productImg {
        width: 100%;
    }

    .productText {
        width: 100%;
    }

    #interiorContainer {
        margin: 30px 0px;
    }

    #productDetailContainer {
        margin: 30px 0px;
        flex-direction: column-reverse;
        row-gap: 20px;
    }

    #subForm {
        width: 100%;
        font-size: 16px;
    }

    .contactElement {
        column-gap: 5px;
    }

    .mapsContainer {
        flex-direction: column;
        row-gap: 20px;
    }

    .mapHolder {
        width: 100%;
        padding: 5px;
    }

    #interiorHero {
        min-height: 142px;
    }
}

@media only screen and (max-width: 600px) {

    #headerContainer {
        width: 450px;
    }

    .contentCenter {
        width: 450px;
    }

    .whiteButton {
        margin-top: 20px;
    }

    .ui-tabs .ui-tabs-nav {
        flex-wrap: wrap;
    }

    .homePageText {
        width: 75%;
    }

    .faqContainer {
        max-width: 100%;
    }

    #footerGridTop {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #footerGridBottom {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 500px) {

    .contactInfoContainerChild {
        flex-direction: column;
        row-gap: 20px;
    }

    .logoContactContainer {
    }

    #navBorder {
        
    }

    .homePageText {
        top: 370px;
    }

    .interiorText h1 {
        font-size: 25px;
    }

    #headerContainer {
        width: 400px;
    }

    .contentCenter {
        width: 400px;
    }

    .homePageText h1 {
        font-size: 45px;
    }

    .whiteText {
        padding: 20px 0px;
    }

    #tabsGrid {
        grid-template-columns: repeat(1, auto);
    }

    .grid {
        grid-template-columns: repeat(1, auto);
    }

    .gallery-grid {
        grid-template-columns: repeat(1, auto);
    }

    #videoGrid {
        grid-auto-rows: 300px;
    }

    #footerTelContainer {
        font-size: 14px;
    }

    .blackSquare {
        margin-right: 5px;
    }

    .halfRow img {
        width: 50%;
    }

    .slicknav_menu {
        font-size: 20px !important;
    }

    #testimonials {
        margin: 20px 0px;
    }

    #interiorHero {
        min-height: 132px;
    }
}

@media only screen and (max-width: 425px) {
    #headerContainer {
        width: 350px;
    }

    .contentCenter {
        width: 350px;
    }

    .contactContainer h5 {
        font-size: 18px;
    }
}


@media only screen and (max-width: 400px) {
    #headerContainer {
        width: 325px;
    }

    .contentCenter {
        width: 325px;
    }
}

@media only screen and (max-width: 375px) {
    .galleryHolder {
        grid-template-columns: repeat(1, auto);
    }
}