@media only screen and (max-width:1700px) {
    .heroText {
        width: 50%;
    }
}


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

        .heroText {
            width: 75%;
        }

        .heroText h2 {
            font-size: 60px;
        }

        .contactFormText {
            padding-right: 100px;
        }

        .footerContainer {
            padding: 45px;
        }
    }


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

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

        .tabsGrid img {
            width: 100%;
        }

        .testimonialSliderText {
            font-size: unset;
        }

        .whatWeDoGrid {
            grid-template-columns: repeat(3, 33%);
        }

        .whatWeDoContainer img {
            width: 100%;
        }

        .heroText {
            top: 230px; 
        }
    }


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

        .contentCenter {
            width: 850px;
        }

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

        .videoContainer {
            position: relative;
            width: 100% !important;
            margin-top: 50px;
        }

        .videoText {
            width: 100%;
        }

        #videoRow {
            flex-direction: column;
            align-items: center;
        }

        .videoContainer img {
            width: 100%;
        }

        .servicesContainerText {
            margin-left: 0px;
        }

            .servicesContainerText p {
                font-size: 20px;
                padding: 0px 30px;
            }

        .servicesContainer h3 {
            font-size: 30px;
        }

        #serviceLinks {
            grid-template-columns: repeat(3, 280px);
            grid-gap: 20px;
        }

        #statsGrid {
            display: inline-grid;
            grid-template-columns: repeat(5, 165px);
            width: auto;
        }

        #servicesList {
            grid-template-columns: repeat(2,50%);
        }

        #serviceDetail {
            grid-template-columns: 100%;
            max-width: 800px;
            margin: 40px auto 70px;
        }

        #instagramSection {
            text-align: center;
        }

        #instagramGrid {
            justify-content: center;
        }

        .contentCenter {
            padding: 0 40px;
        }

        .heroText h1 {
            font-size: 50px;
        }

        .paragraphHolder {
            padding: 0px;
        }

        .heroText {
            width: 90%;
        }


    }

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

        #homepageHero {
            margin-top: 0px;
        }

        .logo {
            margin-left: 0px;
            width: 280px;
            position: absolute;
            top: 0;
        }

        .heroText {
            top: 230px;
        }

        .contentCenter {
            padding: 0px;
            width: 800px;
        }

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

        .teamContainer {
            min-height: 500px;
        }

        .teamText {
            margin-top: 400px;
        }

        .roundedButton {
            padding: 10px 15px;
        }

        #blackSectionText {
            width: 70%;
        }

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

        #gallery {
            width: 100%;
        }

        #navHolder {
            display: none;
        }

        #navContainer {
            justify-content: space-between;
        }

        #navList {
            display: none;
        }

        #homepageFormContainer {
            flex-direction: column;
        }

        #contactSection {
            margin-top: 0px;
        }

        #contactForm {
            width: unset;
        }

        #serviceLinks {
            width: 100%;
            margin: 50px auto;
            grid-gap: 20px;
        }

            #serviceLinks > div {
            }

        #statsGrid {
            grid-template-columns: repeat(2, 270px);
        }

            #statsGrid > div {
                border-bottom: 1px solid #d8bf56;
            }

                #statsGrid > div:last-child {
                    grid-column: span 2;
                    border-bottom: none;
                }

        #testimonialGrid {
            grid-template-columns: 100%;
            grid-column-gap: 0;
            max-width: 650px;
            margin: 0 auto;
        }

        #mobileNav {
            display: block;
            clear: both;
            width: 100%;
        }

        /* Unset all nav menu styling */
        .subNavigation {
            float: none;
            overflow: hidden;
        }

            .subNavigation .subNavigationBtn {
                background-color: inherit;
                font-family: inherit;
            }

            nav a:hover, .subNavigation:hover .subNavigationBtn {
                color: inherit;
            }

        .subNavigationContent {
            display: inherit;
            position: inherit;
            background-color: inherit;
            width: inherit;
            z-index: inherit;
            padding: inherit;
        }

            .subNavigationContent li {
                border-right: inherit;
                border-bottom: inherit;
                padding-bottom: inherit;
                margin-bottom: inherit;
                width: inherit;
                height: inherit;
            }

            .subNavigationContent a {
                float: inherit;
                text-decoration: inherit;
            }

                .subNavigationContent a:hover {
                    color: inherit;
                }

        .subNavigation:hover .subNavigationContent {
            display: inherit;
        }

        #mobileNavAppend {
            display: block;
            float: left;
            clear: both;
            width: 100%;
        }
    }

    @media only screen and (max-width:900px) {
        #whyChooseUsRow {
            flex-direction: column;
        }

            #whyChooseUsRow > img {
                width: 100%;
                margin-bottom: 20px;
            }

        .contentCenter {
            padding: 0px;
            width: 700px;
        }

        .logoContainer {
            flex-wrap: wrap;
        }


            .servicesContainerText p {
                padding: 0px 80px;
            }

        .servicesContainer {
            padding: 0px;
        }

        #contactFormElement {
            flex-direction: column;
        }

        .servicesGrid {
            display: grid;
            grid-template-columns: repeat(2, 45%);
            grid-row-gap: 30px;
            grid-column-gap: 30px;
        }

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

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

        .contentCenter {
            width: 600px;
        }

        .textCenter {
            padding: 0px;
        }

        .heroText .Button {
            display: none;
        }

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

        .contactInfoContainer {
            column-gap: 20px;
        }

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

        .footerContainer {
            word-break: break-all;
        }
    }

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

        .grid {
            grid-template-columns: repeat(2, 50%);
        }

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

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

        .heroText h2 {
            font-size: 40px;
        }

        #myBuilderRow {
            flex-direction: column;
            align-items: center;
        }

        .goldText {
            align-content: center;
            align-items: center;
            row-gap: 10px;
        }

        #goldRow {
            flex-direction: column;
            row-gap: 20px;
        }

        .contactFormText {
            padding-right: 20px;
        }

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

        #aboutTop {
            flex-direction: column;
        }

            #aboutTop div {
                width: 100% !important;
            }

        #controls {
            margin-top: 20px;
        }

        .testimonials {
            width: 100%;
        }

        .testimonialSlider {
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
        }

        .videoThumb {
            width: 100%;
        }

        #footerMainGrid {
            grid-template-columns: 100%;
            grid-gap: 20px;
            padding: 60px 40px;
            text-align: center;
        }

        #contactSection {
            grid-row: unset;
            grid-column: unset;
        }

        #footerLogo {
            max-width: 300px;
            margin: 0 auto;
            display: block;
        }

        #subscribeForm {
            display: inline-block;
            overflow: auto;
            float: none;
        }

            #subscribeForm input {
                width: 400px;
            }

        .testimonialSliderElement {
            grid-template-columns: 100px auto;
        }

        .testimonialSliderText {
            padding: 0;
        }

        #mapSection iframe {
            height: 460px;
        }

        #footerFacebook {
            justify-content: center;
            margin: 20px 0;
        }

        #footerEnd span {
            padding: 10px;
        }

        #footerEnd a {
            padding: 10px;
        }
    }

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

        .formContainer {
            width: 100%;
            padding: 60px 0px;
        }

        .contentCenter {
            width: 500px;
        }

        #formRow {
            flex-direction: column;
        }

        .contactFormText {
            padding: 0px;
        }

        #headerText {
            flex-direction: column;
            justify-content: center;
            row-gap: 20px;
        }

        .servicesContainerText {
           
        }

        .heroText {
            width: 75%;
            top: 210px;
        }

        #copyrightRow {
            display: block;
        }

        #blackRow {
            flex-direction: column;
        }

        .roundedButton {
            margin: auto;
            margin-top: 10px;
        }

        #blackSectionText {
            width: 100%;
        }

        #contact {
            text-align: center;
        }

        .footerContainer {
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }

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

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

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

        .contactInfoContainer {
            column-gap: 20px;
            flex-direction: column;
            row-gap: 20px;
        }
        .heroText {
            display: none;
        }

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

        .whiteSection h1, .greySection h1 {
            font-size: 35px;
        }


        #statsGrid {
            grid-template-columns: repeat(2, 50%);
            width: 100%;
        }

        #servicesList {
            grid-template-columns: 100%;
        }

        #subscribeForm {
            width: 100%;
        }

            #subscribeForm input {
                width: 100%;
            }

            #subscribeForm button {
                width: 100%;
            }

        #imageGrid {
            display: none;
        }

        .testimonialSliderElement {
            grid-template-columns: auto;
            padding: 0 45px;
        }

        .testimonialSliderText {
        }

            .testimonialSliderText h3::before {
                width: 14px;
                margin: 13px 8px 0 0;
            }

        #blog {
            margin: 60px 40px;
            width: auto;
        }

        .testimonials h1, .testimonials h2 {
            margin-left: 40px;
        }

        .formGoldBar img {
            margin-right: 10px;
        }

        .textRight {
            margin-left: 0px;
        }
    }

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

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

        #callToActionRow {
            flex-direction: column;
            row-gap: 20px;
        }

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

        .aboutText ul {
            padding-top: 20px;
        }

        #myBuilderRow img {
            max-width: 300px;
        }

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

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

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

        .contentCenter {
            width: 370px;
        }

        .aboutLink {
            width: 145px;
        }

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

        .footerContainer {
            width: 60%;
        }

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

        #homepageHero h1 {
            font-size: 2em;
        }

        #testimonialGrid > div {
            grid-template-columns: 60px auto;
        }

            #testimonialGrid > div > img {
                width: 100%;
            }

        h1 {
            font-size: 2em;
        }

        #footerMainGrid {
            padding: 60px 10px;
        }

        #footerEnd {
            padding: 20px;
            flex-direction: column;
            text-align: center;
            justify-content: center;
        }

            #footerEnd span::after {
                content: none;
            }

        #videoRow .contactInfoContainer {
            padding: 40px 34px;
        }
    }

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

        .logo {
            width: 200px;
            margin-top: 15px;
        }

        #homepageHero {
            
        }
    }