@media (max-width: 1500px) {
    .top_header h2, .top_header .projects-wrapper h2 {
        font-size: 40px;
    }

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

    .top_header h4 {
        font-size: 28px;
    }

    .top_header .div-3 {
        font-size: 17px;
    }

    .top_header p ,.services_content_2 li, .top_header .nav-text-3 {
        font-size: 16px;
        line-height: 24px;
    }

    .f_bottom_menu a {
        font-size: 16px;
    }

    .f_bottom_menu p {
        line-height: 10px;
    }
}

@media (max-width: 1490px) {
    input, textarea {
        height: 60px;
        font-size: 16px;
    }

    textarea {
        height: 110px;
    }

    .footer-container p.nav-text-25 {
        font-size: 18px;
    }

    .top_header .nav-text {
        font-size: 18px;
    }

    img.img-fluid.layer, .footer-container .layer-2 {
        max-width: 300px;
    }
/*     div#project_box, div#contact {
        scroll-margin-top: 70px;
    }
	div#services  {
        scroll-margin-top: 0px;
    }
     div#Copeland\ Street {
        scroll-margin-top: 220px;
    }
    div#ECO\ Outdoors {
        scroll-margin-top: 200px;
    }
    div#Huia\ Road, div#Campbell\ Road,div#St\ Helliers\ Bay\ Road, div#Bell\ Road {
        scroll-margin-top: 220px;
    } */
	div#copelandstreet, div#bellroad, div#ecooutdoors , div#huiaroad, div#campbellroad , div#sthelliersbayroad {
    padding-top: 100px;
    margin-top: -100px;
}
	div#contact ,  div#project_box{
    padding-top: 140px;   /* space for header */
    margin-top: -140px;   /* pull section back up */
}
}

@media (max-width: 1290px) {
	.banner_section.out-team-top h1 {
    	font-size: 50px;
	}
    .overlap-group {
        padding: 35px 25px;
    }

    .top_header .navbar {
        gap: 45px;
    }

    .top_header .fe-facebook-wrapper {
        margin-left: 22px;
    }

    .top_header h2, .top_header .projects-wrapper h2 {
        font-size: 34px;
    }

    .top_header h3 {
        font-size: 24px;
    }

    .top_header h4 {
        font-size: 22px;
    }

    .top_header .frame-21 {
        gap: 10px 24px;
    }

    .top_header .div-3 {
        font-size: 15px;
    }

    .top_header .nav-text-12 {
        font-size: 13px;
    }

    .top_header .copeland-street-eden {
        font-size: 28px;
    }

    .top_header .nav-text-17 {
        font-size: 20px;
    }

    .top_header .back-to-top {
        font-size: 18px;
    }

    div#services h2 {
        margin-bottom: 20px;
    }

    .services_content_2 {
        padding-top: 22px;
    }

    .footer-container .frame-37 {
        padding-top: 68px;
    }

    .top_header .nav-text-20, .top_header .nav-text-22 {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
	.projects-wrapper a, .nav-text.active a {
		color: #000 !important;
	}
	
    .overlap-group .row .col-md-5, .overlap-group .row .col-md-7 {
        width: 100%;
        text-align: center;
    }

    .overlap-group .col-md-7 {
        display: flex;
        justify-content: center;
    }

    .col-md-3.frame-20 {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    .col-md-9.frame-21, .top_header .frame-25 {
        width: 100%;
        justify-content: start;
        gap: 10px 30px;
    }

    .col-md-3.frame-20 h4 {
        width: 100%;
    }

    .mobile-menu-logo {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
        background-color: #272727;
    }

    body {
        padding-top: 72px;
    }

    .d-lg-none {
        display: block !important;
    }

    .overlap-group {
        display: none;
    }

    img.img-fluid.layer, .footer-container .layer-2 {
        max-width: inherit;
    }

    .footer-container .layer-2 {
        max-width: 250px;
    }

    .footer-container {
        padding: 0px 20px 20px;
    }

    .client-logo-wrapper img {
        max-width: 90px;
    }

    .client-logo-wrapper {
        margin: 0px 6px;
        background: #fff;
        display: flex;
        align-items: center;
    }

/*     div#project_box, div#contact {
        scroll-margin-top: 20px;
    }

    div#services {
        scroll-margin-top: 0px;
    } */

    div#services, .container.contact-details {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .row {
        margin: 0px;
    }
	div#project_box, div#contact {
		scroll-margin-top: 70px;
	}
	div#services , div#Copeland\ Street, div#ECO\ Outdoors, div#Campbell\ Road, div#Huia\ Road, div#St\ Helliers\ Bay\ Road, div#Bell\ Road {
		scroll-margin-top: 50px;
	}
}

@media (max-width: 860px) {
    .top_header .flexcontainer-3, .top_header .frame-4, div#contact .col-md-7, .container.contact-details .col-md-7 {
        gap: 5px;
        width: 100%;
    }

    .flexcontainer-img, .col-md-6.frame-img , div#contact .col-md-5 {
        overflow: hidden;
        width: 100%;
        margin: 20px 0px;
        text-align: center;
    }

    .row.frame-3.first {
        flex-direction: column-reverse;
    }

    .container.contact-details .col-md-5 {
        overflow: hidden;
        width: 100%;
        margin: 0px 0px 30px;
    }

    .footer-container .frame-38 {
        display: flex;
        justify-content: center;
    }

    div#contact .frame-11 {
        padding-right: 0px;
    }

    .submitinput {
        display: flex;
        justify-content: center;
    }

/*     div#ECO\ Outdoors {
        scroll-margin-top: 290px;
    }
    div#Huia\ Road {
        scroll-margin-top: 320px;
    }
    div#Campbell\ Road, div#St\ Helliers\ Bay\ Road {
        scroll-margin-top: 300px;
    }
    div#Bell\ Road {
        scroll-margin-top: 280px;
    } */
    .inn-flexcontainer-img img {
        height: 340px;
    }
}

@media (max-width: 767px) {
	.banner_section.out-team-top h1 {
    	font-size: 40px;
	}
	
    .top_header h2, .top_header .projects-wrapper h2 {
        font-size: 22px;
    }

    .top_header h3 {
        font-size: 19px;
    }

    .top_header h4 {
        font-size: 18px;
    }

    .container.about_content, div#services, .container.contact-details {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .top_header .frame-26 {
        padding-top: 20px;
    }

    .row {
        margin: 0;
    }

    .col-md-5,.col-md-6,.col-md-7, .col-md-3,.col-md-9, .col-md-12 {
        padding: 0;
    }

    .footer-container .frame-40 {
        display: block;
        text-align: center;
    }

    .footer-container p.nav-text-25 {
        font-size: 17px;
        margin-bottom: 1rem;
    }

    .f_bottom_menu {
        justify-content: center;
    }

    .container {
        width: 98%;
    }
}

@media (max-width: 560px) {
    .col-md-9.frame-21, .top_header .frame-25 {
        gap: 0px 0px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .top_header .frame-22 {
        justify-content: space-between;
        gap: 0;
        width: 45%;
    }
/*     div#Copeland\ Street, div#Campbell\ Road, div#St\ Helliers\ Bay\ Road{
        scroll-margin-top: 370px;
    }
    div#ECO\ Outdoors {
        scroll-margin-top: 340px;
    }
    div#Bell\ Road{
        scroll-margin-top: 330px;
    }
        div#Huia\ Road {
        scroll-margin-top: 410px;
    } */
}