@media (max-width: 1850px) {
    #home .trust .box {
        padding: 35px;
    }

    #home .trust .text {

        width: 70%;
        margin: 20px 0 40px 0;
        line-height: 1.3;
    }

    #home .bottom .box.link {

        padding: 60px 2%;
        flex-basis: 20%;
    }

    #home .trust .right h2 {
        font-size: 60px;
    }

    #pages.about .chapter.right .date:before{
        left:-68px;
    }

    #pages.about .chapter.left .date:after{
        right:-68px;
    }


}



@media (max-width: 1650px) {
    #topwrapper #navwrapper ul li{
        margin:0 0 0 50px;
    }

    h2, .number, .date{
        font-size:65px;
    }

    #home .trust .left{
        width:46%;
    }

    #home .trust .box {
        padding: 25px;
        flex-basis:23%;
        width:23%;
    }

    #home .trust .desc{
        font-size:20px;
    }

    #pages.services .banner .overlay {
        padding: 18% 0 0 0;

    }

    #pages.services .banner{
        min-height:750px;
    }

    #pages.products .right .box{
        width:243px;
    }

    #pages.about .chapter.right .date:before {
        left: -62px;
    }

    #pages.about .chapter.left .date:after {
        right: -62px;
    }
}

@media (max-width: 1450px) {
    #topwrapper .logo{
        max-width:230px;
    }

    #home .head .left {
        font-size: clamp(22px, 3vw, 32px);
        margin:0 0 30px 0;
    }

    #home .services .main{
    width: 100%;
    max-width: 1900px;
}

    #home .services .desc {
        font-size: clamp(20px, 2.8vw, 20px);
    }

    #home .trust .box{
        flex-basis: 37%;
    }

    #home .trust .text{
        width:100%;

    }

    #home .trust .right .sticker{
        right:40px;
        bottom:-90px;
    }

    #home .supplier .main{
        width:88%;
    }

    #home .doors h2{
        float:none;
        width:100%;
    }

    #home .doors .left .desc {
        margin: 50px 0 60px 0;
        float: none;
        clear: both;
        width: 100%;
    }

    #home .slider .title h2 {

        font-size: clamp(65px, 7vw, 130px);
    }

    h2, .number, .date {
        font-size: 55px;
    }

    #home .bottom .button {
        font-size: clamp(16px, 1.8vw, 18px);
    }

    #footerwrapper .logo {
        width: 170px;
        margin: 0 30px 0 0;
    }

    .padding {
        padding: 50px 0;
    }

    #topwrapper #navwrapper ul li {
        margin: 0 0 0 30px;
    }

    #pages.services .banner {
        min-height: 650px;
    }

    #pages.products .left{
        width:360px;
    }

    #pages.products .right .box {
        width: 193px;
    }

    #pages.about .chapter.right .date:before {
        left: -52px;
    }

    #pages.about .chapter.left .date:after{
        right: -52px;
    }
}

@media (max-width: 1200px) {
    #pages h3 {
        font-size: 40px;
    }

    #pages.about .chapter.left .date:after {
        right: -50px;
    }

    #pages.about .chapter.right .date:before{
        left: -50px;
    }

    #topwrapper #navwrapper ul li{
        margin:40px 0;
    }

    #navwrapper .main-menu ul {
        list-style: none;
        margin: -40px 0 0 0;
        height: 100vh;
        flex-direction:column;
        padding: 70px 0 0 0;
        -webkit-box-shadow: -8px 0 8px rgba(0, 0, 0, .5);
        -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
        box-shadow: -8px 0 8px rgba(0, 0, 0, .5);
        width: 100%;
        background: #514C33;
        z-index: 9;
    }
	
	#topwrapper .nav li.mobile {
		display:block !important;
	}

    #navwrapper .fa.fa-close{
        color:#fff;
    }

    #navwrapper .fa-bars{
        color: #514C33;
        font-size: 35px;
        display: block;
        z-index: 9;

        position: absolute;
        top: 10px;
        right: 10px;
    }

    #navwrapper .menu-toggle, #navwrapper .menu-close{
        display:block;
        text-align:right;
        font-size:21px;
    }

    #navwrapper .logo{
        display: none;
    }

    #topwrapper #navwrapper li{
        margin:50px 0;
    }

    #topwrapper{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:99;
    }


    #navwrapper .sub_menu li a {
        font-size: 14px;
        padding: .75em  5px;
    }

    #navwrapper .main-menu a  {
        display: block;
        padding: 0;
        text-transform: uppercase;

        text-decoration: none;

        border: none;
        font-size: 24px;
        border-radius: 0;
        text-align: center;
        position: relative;
        background: none;
        letter-spacing: 7px;
    }

    #navwrapper .main-menu .menu-close {
        position: absolute;
        right: 0;
        top: 0;
        border-bottom: none!important;
    }

    .nav li a{
        color:#fff;
    }


    .main-menu:target, .main-menu[aria-expanded="true"]{
        display: block;
        right: 0;
        outline: none;
        -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
        -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
        box-shadow: 3px 0 12px rgba(0,0,0,.25);
    }

    .main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
        z-index: 1001;
    }

    .main-menu:target ul, .main-menu[aria-expanded="true"] ul {
        position: relative;
        z-index: 1000;
    }

    .main-menu:target + .backdrop,
    .main-menu[aria-expanded="true"] + .backdrop{
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 998;
        background: #000;
        background: rgba(0,0,0,.85);
        cursor: default;

    }
    .main-menu,
    .main-menu:target + .backdrop,
    .main-menu[aria-expanded="true"] + .backdrop{
        position: fixed;

    }


    .main-menu {
        position: absolute;
        display: none;
        right: 0px;
        top: 0;
        height: 100%;
        width: 100%;
        transition: left 0.3s ease, box-shadow 0.3s ease;
        z-index: 999;
    }

    #topwrapper #navwrapper ul li {
        margin: 70px 0;
        display: block;
    }

    #pages{
        margin-top:70px;
    }

    #pages .banner{
        height: 200px;
    }

    #pages .banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #home .project .flex{
        width:100%;
    }

    #home .trust .box{
        flex-basis:38%;
    }

    #home .slider .overlay {
        bottom: 10px;
    }

    #home .bottom .box{
        max-height:350px;
    }



    #home .trust .left{
        width:100%;
        height:auto;
    }

    #home .doors a{
        text-decoration:none;
    }

    #home .trust .right h2 {
        font-size: 40px;
    }

    #home .services .flex {

        margin: 40px 0 40px 0;
    }

    #home .doors h2{
        text-align:center;
    }

    #home .trust .right{
        padding:50px 5%;
        width:90%;
    }

    #home .trust .right .sticker{
        bottom:-100px;
    }

    #home .doors{
        flex-direction:column;
    }

    #home .doors .left{
        width:90%;
        text-align:center;
        padding:50px 5%;
    }

    #home .doors .right {
        width: 100%;
        margin: 0 0% 0 0;
    }

    #footerwrapper ul{
        display:none;
    }

    #footerwrapper .footer{
        flex-direction:column;
        text-align:center;
    }

    #home .bottom .box {
        flex-basis: 44%;
        max-height:600px;
        margin:0 0 40px 0;
        overflow:hidden;

    }

    #home .bottom .box.link {
        padding: 50px 2%;
        flex-basis: 40%;
    }

    #home .bottom .odd {
        margin: 0px 0 40px 0;
    }

    #home .bottom .flex{
        align-items:start;
    }

    #pages.services .banner {
        min-height: 550px;
    }

    #pages.services .banner .overlay {
        padding: 13% 0 0 0;
    }

    #pages.contact .wrapper{
        width:90%;
        flex-direction:column;
    }

    #pages.contact .desc{
        margin:0 0 40px 0;
    }

    #pages.contact .left, #pages.contact .desc{
        width:100%;
        text-align:center;
    }

    #pages.contact h3 {
        margin: 0 0 0px 0;
    }

    #pages.contact .wrapper h2{
        text-align:center;
    }

    #pages.contact .info{
        justify-content:center;
        float:none;
        text-align:center;
    }

    #pages.contact .right{
        margin:30px auto 0 auto;
    }



    #pages.products .left {
        width: 100%;
        height: 400px;
        margin:0 0 50px 0;
    }

    #pages.products .right{
        width:100%;
    }

    #pages.products .right .box {
        width: 183px;
    }

    #pages.products .left .title{
        font-size:40px;
    }

    h1{
        font-size:60px;
    }

    #home .head .overlay {
        padding:30% 0 0 0;
    }

    #home .project .flex::after,

    #home .project .flex::before, #home .fade-top, .fade-bottom, #home .fade-top, .fade-top{

        display: none !important;
    }

    #home .project .box.right{
        border-right:none;
    }

    h2, .number, .date{
        font-size:50px;
    }

    #home .project    .box {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08) !important;



    }


}

@media (max-width: 1000px) {
    #home .head .overlay{
        padding:40% 0 0 0;
    }

    #home .project .box, #pages.about .box {
        flex: 0 0 50%;
    }

    #home .project .box.left {
        justify-content:center;
    }





    #home .trust .left h2 {

        padding: 500px 0 100px 0;
    }

    #home .doors .right .desc{
        padding:110% 15px 15px;
    }

    #home .doors .bot .desc{
        padding:50% 15px 15px;
    }
}

@media (max-width: 960px) {
    #home .project .box.right{
        border-right: 1px solid #875F45;
    }



    #home .services .box {
        flex-basis: 30%;
        margin:0 1% 30px 1%;
    }

    #home .services .flex{
        justify-content:center;
    }

    #home .slider .title{
        top:30px;
    }

    #home .slider .title h2 {
        font-size: clamp(35px, 6vw, 130px);
    }

    #home .slider .title h3 {

        font-size: 18px;
        margin: 0 0 0 0px;
    }

    #pages.services .bottom{
        width:100%;
    }

    #pages.services .service .pic {
        margin: 0 0 40px 0;
        width: 100%;
        min-height: 400px;
        overflow: hidden;
        position: relative;
    }

    #pages.services .service .pic img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #pages.services .banner {
        min-height: 450px;
    }

    #pages.services .box {
        width: 100%;

        min-height: 100%;
        padding: 50px 3% 50px 5%;
    }

    #pages.services .service .text{
        position:relative;
        bottom:0;
        left:0;
    }

    #pages.products .left{
        height:auto;
        margin:0 0 40px 0;
    }

    #pages .filters .btn{

    }

    #pages h3{
        margin:0 0 60px 0;
    }

    #pages.products .left img{
        display:none;
    }

    #pages.products .left .title{
        color: #2B3336;
        text-align:left;
        width:100%;
        float:none;
        margin:0;
    }

    #pages .newsbox {

        flex-basis: 32%;
        margin:0 0 30px 0;
    }

    #pages.about .mission{
        flex-direction:column;
    }

    #pages.about .left.bg{
        width:90%;
        padding:40px 5%;
        margin:0 auto 50px auto;
    }

    #pages.about .right{
        width:100%;
        margin:0px auto 0 auto;
    }

    #pages.about .stats h2{
        margin:60px 0 50px 0;
    }

    #pages.about .box::before, #pages.about .box::after{
        display:none;
    }

    #pages.about .box{
       border:1px solid #875F45;
        padding:20px;
        margin:1%;
        flex: 0 0 48%;
    }

    #pages.about .fade-top-border, #pages.about .fade-bottom-border{
        display:none;
    }

    #pages.about .story:after, #pages.about .chapter.right .date:before, #pages.about .chapter.left .date:after{
        display:none;
    }

    #pages.about .sticker{
        margin:0 auto;
        position:relative;
        bottom:0;
        right:0;
    }

    #pages.about .chapter h2, #pages.about .chapter.left .date, #pages.about .chapter.left .text{
        text-align:left;
    }

    #pages.about .chapter{
        width:100%;
        margin:0 0 40px 0;
    }

    #pages.about .chapter.one{
        margin:0;
    }

	#pages.about .date {
		margin:10px 0px;
	}
	
	#pages.about .story{
        margin:50px 0 0 0;
    }

    #pages.about .chapter.five, #pages.about .chapter.three{
        margin:0 0 40px 0;
    }

    #pages.about .quote{
        margin:0;
        width:100%;
    }
}

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

@media (max-width: 750px) {

    #home .head .overlay {
        padding: 70% 0 0 0;
    }

    #home .project  .padding{
        padding:0 0 50px 0;
    }

    #home .supplier .flex{
        flex-direction:column;
    }

    #home .par{
        width:100%;
    }

    #home .slider .overlay{
        bottom:30px;
    }





    #home .bottom .box.link {

        flex-basis: 44%;
    }

    #home .bottom .desc {
        margin: 20px 0 30px 0;
    }


    #home .supplier h2{
        width:100%;
        font-size: clamp(45px, 8vw, 125px);
        margin:0 0 40px 0;
        text-align:left;
    }

    #home .bottom .box {
        flex-basis: 48%;
        max-height: 450px;
    }

    #home .trust .left h2{
        margin:0 20px 0 0;
    }

    #home .doors h2{
        text-align:center;
    }

    #pages.services .banner {
        min-height: 250px;
    }

    #pages.services .banner h3 {
        margin: 0 0 10px 0;
    }

    #pages.services .service {
        margin: 0 0 60px 0;
    }

    #pages .filters .btn{
        font-size:12px;
    }
}

@media (max-width: 650px) {
    #topwrapper .phone{
        margin:0 0 0 50px;
    }

    #home .head .overlay {
        padding: 90% 0 0 0;
    }

    #home .head .left{
        line-height:1.2;
    }

    h2, .number, .date {
        font-size: 35px;
    }

    #home .project .box, #pages.about .box {

        padding: 20px 3%;
    }

    #home .project .box.right {

        padding: 20px 3% 20px 1%;
    }

    .desc {

        font-size: clamp(15px, 2.5vw, 22px);
    }

    #home .project .box .icon img{
        width:40px;
    }

    #home .project .box .icon {
        margin: 0 10px 0 0;
    }

    #home .services .box {

        margin: 0 1.5% 30px 1.5%;
        flex-basis:47%;

    }

    #pages.contact .right{
        width:85%;
    }

    #pages.projects .title {

        font-size: clamp(14px, 2.5vw, 25px);
    }

    #pages.projects .newsbox .thumb{
        margin:0 0 5px 0;
    }

}

@media (max-width: 550px) {
    #topwrapper .phone{
        display:none;
    }

    #home .head .overlay {
        padding: 70% 0 0 0;
    }



    #home .project .flex{
        flex-direction:column;
    }

    h2, .number, .date, #home .trust .right h2 {
        font-size: 30px;
    }

    #home .slider .title {
        top: 10px;
        left:20px;
    }

    #home .bottom .box{
        max-height:250px;
    }

    #home .partners h2 {
        font-size: clamp(30px, 5vw, 60px);
        margin: 0 0 20px 0;
    }

    #home .slider .title h2 {
        font-size: clamp(28px, 6vw, 130px);
    }

    #home .slider .overlay {
        bottom: 10px;
        left:20px;
        line-height: 1.5;
    }

    #home .bottom .desc {
        margin: 20px 0 20px 0;
    }

    #home .bottom .button {
        font-size: clamp(13px, 1.8vw, 18px);
    }

    #home .bottom h2{
        font-size:20px;
    }

    #home .bottom h2 br{
        display:none;
    }

    #home .bottom .box.link {
        padding: 20px 2%;
    }

    #home .doors .left .desc{
        margin:30px 0;
    }

    #home .supplier h3{
        line-height:1.1;
    }

    #home .project .box, #home .project .box.right, #home .project .box.left{
        flex-direction:row;
        padding: 20px 3%;
        justify-content:left;

        border-right:none;
    }

    #home .supplier h2 {

        font-size: clamp(35px, 8vw, 125px);
    }

    #home .trust .box{
        padding:15px;
    }

    #home .trust .right .sticker img{
        width:220px;
    }

    #home .trust{
        overflow:hidden;
    }

    #pages.services .banner .overlay {
        padding: 8% 0 0 0;
    }

    #home .trust .right .sticker {
        bottom: -30px;
        right: -20px;
    }

    #pages.services .banner {
        min-height:350px;
        margin:0 0 30px 0;
    }

    #pages h1 {
        margin: 0 0 10px 0;
    }

    #home .slider .title h3{
        font-size:16px;
    }

    #home .head{
        min-height:700px;
        margin:0 0 40px 0;
    }

    #pages h3 {

        font-size: clamp(24px, 6vw, 70px);
    }

    #pages.services .bottom h2 {
        text-align:left;
        width: 100%;
        margin:0 0 20px 0;
    }

    #pages.services .list .caps{
        font-size:14px;
    }

    #pages.services .bottom .right{
        width:100%;
    }

    #pages.services .bottom .right{
        margin:0;
    }

    #pages.services .bottom .left{
        width:100%;
    }

    #pages.services .bottom{
        flex-direction:column;
    }

    #pages.contact .wrapper{
        width:100%;
    }

    #pages.contact .right{
        padding:20px;
    }

    .padding {
        padding: 40px 0;
    }

    #pages .newsbox {
        flex-basis: 48%;
    }

    #pages .filters{
        margin:0 0 20px 0;
    }



    #pages.products .right .box {
        width: 141px;
    }

    #pages.about .left h2{
        font-size:30px;
    }

    #pages.products .left .title {
        font-size: 30px;
    }

    #pages.about .left h2{
        margin:0 0 30px 0;
    }

    #pages.about .stats .flex{
        flex-direction:column;
    }

    #pages .filters .btn{
        font-size:9px;
        letter-spacing:0;
    }

    #pages.products .filters .icon img{
        width:30px;
    }

    #pages{
        margin:70px 0 0 0;
    }

    #background-video.destop{
        display:none!important;

    }

    #background-video.mobile{
        display:block!important;



    }


}