/*CONTENT*/
.content_holder .section1{
    position:relative;
    width:100%;
    max-width:none;
    padding:0;
}
.content_holder .section1 h2{
    width:90%;
    margin-left:5%;
    color:black;
    margin-top: 30px;
}
.section1 .completed_project{
    position:relative;
    width:100%;
    background-color:white;
    color:#f2f2f2;
}
.section1 .ongoing_project{
    position:relative;
    width:100%;
    background-color:#f2f2f2;
    color:white;
    z-index:-100;
}
.section1 .bg{
    position: sticky;
    position: -webkit-sticky;
    width:100%;
    top:18%;
    z-index:1;
    font-size:11vw;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
}
.section1 .gallery_holder{

    position:relative;
    width:90%;
    max-width:1600px;
    margin:auto;
    left:0;
    right:0;
    top:0;
    z-index:13;
    padding-top:50px;
    padding-bottom:50px;
}
.section1 .gallery_holder .each_project{
    position:relative;
    display:inline-block;
    color:black;
    vertical-align: top;
    text-decoration:none;
}

.section1 .completed_project .gallery_holder .each_project{
    border: 1px grey solid;
    border-radius: 5px;
}

.section1 .gallery_holder .project_image{
    position:relative;
    display:inline-block;
    width:100%;
    margin-bottom:3%;
}
.section1 .gallery_holder .project_image .arrow{
    position:absolute;
    width:10%;
    margin:3%;
    bottom:0;
    right:0;
}
.section1 .gallery_holder .each_project h4{
    margin-bottom:3%;
	text-transform: capitalize;
}

.section1 .completed_project .gallery_holder .each_project h4{
    margin-left: 5%;
    margin-right: 5%;
    font-size:1.5vw;
}

.ongoing_project .p1{
    width: 25%;
    margin-top: 0%;
    margin-left: 0%;
}
.ongoing_project .p1 .project_image{
    padding-top: 127%;
}
.ongoing_project .p2{
    width: 20%;
    margin-top: 10%;
    margin-left: 10%;
}
.ongoing_project .p2 .project_image{
    padding-top: 152%;
}
.ongoing_project .p3{
    width: 25%;
    margin-top: 5%;
    margin-left: 10%;
}
.ongoing_project .p3 .project_image{
    padding-top: 95%;
}
.ongoing_project .p4{
    width: 30%;
    margin-top: 3%;
    margin-left: 2%;
}
.ongoing_project .p4 .project_image{
    padding-top: 55%;
}
.ongoing_project .p5{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.ongoing_project .p5 .project_image{
    padding-top: 150%;
}
.ongoing_project .p6{
    width: 30%;
    margin-top: -5%;
    margin-left: 5%;
}
.ongoing_project .p6 .project_image{
    padding-top: 61%;
}
.ongoing_project .p7{
    width: 25%;
    margin-top: -18%;
    margin-left: 10%;
}
.ongoing_project .p7 .project_image{
    padding-top: 126%;
}
.ongoing_project .p8{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.ongoing_project .p8 .project_image{
    padding-top: 72%;
}
.ongoing_project .p9{
    width: 30%;
    margin-top: -7%;
    margin-left: 5%;
}
.ongoing_project .p9 .project_image{
    padding-top: 55%;
}
.ongoing_project .p10{
    width: 25%;
    margin-top: -2%;
    margin-left: 5%;
    margin-right: 15%;
}
.ongoing_project .p10 .project_image{
    padding-top: 60%;
}
.ongoing_project .p11{
    width: 25%;
    margin-top: 5%;
    margin-left: -5%;
}
.ongoing_project .p11 .project_image{
    padding-top: 72%;
}
.ongoing_project .p12{
    width: 30%;
    margin-top: -7%;
    margin-left: 5%;
}
.ongoing_project .p12 .project_image{
    padding-top: 55%;
}

.ongoing_project .p13{
    width: 25%;
    margin-top: -2%;
    margin-left: 5%;
    margin-right: 15%;
}
.ongoing_project .p13 .project_image{
    padding-top: 60%;
}
.ongoing_project .p14{
    width: 25%;
    margin-top: 5%;
    margin-left: -5%;
}
.ongoing_project .p14 .project_image{
    padding-top: 72%;
}
.ongoing_project .p15{
    width: 30%;
    margin-top: -7%;
    margin-left: 5%;
}
.ongoing_project .p15 .project_image{
    padding-top: 55%;
}
.ongoing_project .p16{
    width: 25%;
    margin-top: -2%;
    margin-left: 5%;
    margin-right: 15%;
}
.ongoing_project .p16 .project_image{
    padding-top: 60%;
}
.ongoing_project .p17{
    width: 25%;
    margin-top: 5%;
    margin-left: -5%;
}
.ongoing_project .p17 .project_image{
    padding-top: 72%;
}
.ongoing_project .p18{
    width: 30%;
    margin-top: -7%;
    margin-left: 5%;
}
.ongoing_project .p18 .project_image{
    padding-top: 55%;
}
.ongoing_project .p19{
    width: 25%;
    margin-top: -2%;
    margin-left: 5%;
    margin-right: 15%;
}
.ongoing_project .p19 .project_image{
    padding-top: 60%;
}
.ongoing_project .p20{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.ongoing_project .p20 .project_image{
    padding-top: 72%;
}
.ongoing_project .p21{
    width: 30%;
    margin-top: -7%;
    margin-left: -5%;
}
.ongoing_project .p21 .project_image{
    padding-top: 55%;
}
.ongoing_project .p22{
    width: 25%;
    margin-top: -2%;
    margin-left: 5%;
    margin-right: 15%;
}
.ongoing_project .p22 .project_image{
    padding-top: 60%;
}
.ongoing_project .p23{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.ongoing_project .p23 .project_image{
    padding-top: 72%;
}
.ongoing_project .p24{
    width: 30%;
    margin-top: -7%;
    margin-left: 5%;
}
.ongoing_project .p24 .project_image{
    padding-top: 55%;
}

.completed_project .p1{
    width: 25%;
    margin-top: 0%;
    margin-left: 0%;
}
.completed_project .p1 .project_image{
    padding-top: 126%;
}
.completed_project .p2{
    width: 25%;
    margin-top: 10%;
    margin-left: 10%;
    margin-left: 5%;
}
.completed_project .p2 .project_image{
    padding-top: 126%;
}
.completed_project .p3{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.completed_project .p3 .project_image{
    padding-top: 126%;
}
.completed_project .p4{
    width: 25%;
    margin-top: -5%;
    margin-left: 0%;
}
.completed_project .p4 .project_image{
    padding-top: 155%;
}
.completed_project .p5{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.completed_project .p5 .project_image{
    padding-top: 150%;
}
.completed_project .p6{
    width: 25%;
    margin-top: 0%;
    margin-left: 5%;
}
.completed_project .p6 .project_image{
    padding-top: 126%;
}
.completed_project .p7{
    width: 25%;
    margin-top: -5%;
    margin-left: 0%;
}
.completed_project .p7 .project_image{
    padding-top: 155%;
}
.completed_project .p8{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.completed_project .p8 .project_image{
    padding-top: 150%;
}
.completed_project .p9{
    width: 25%;
    margin-top: -5%;
    margin-left: 5%;
}
.completed_project .p9 .project_image{
    padding-top: 126%;
}
.completed_project .p10{
    width: 25%;
    margin-top: -5%;
    margin-left: 0%;
}
.completed_project .p10 .project_image{
    padding-top: 126%;
}
.completed_project .p11{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.completed_project .p11 .project_image{
    padding-top: 150%;
}

.completed_project .p12{
    width: 25%;
    margin-top: -5%;
    margin-left: 5%;
}
.completed_project .p12 .project_image{
    padding-top: 126%;
}
.completed_project .p13{
    width: 25%;
    margin-top: -5%;
    margin-left: 0%;
}
.completed_project .p13 .project_image{
    padding-top: 126%;
}
.completed_project .p14{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.completed_project .p14 .project_image{
    padding-top: 150%;
}

.completed_project .p15{
    width: 25%;
    margin-top: -5%;
    margin-left: 5%;
}
.completed_project .p15 .project_image{
    padding-top: 126%;
}

.completed_project .p16{
    width: 25%;
    margin-top: -5%;
    margin-left: 0%;
}
.completed_project .p16 .project_image{
    padding-top: 126%;
}
.completed_project .p17{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.completed_project .p17 .project_image{
    padding-top: 150%;
}

.completed_project .p18{
    width: 25%;
    margin-top: -5%;
    margin-left: 5%;
}
.completed_project .p18 .project_image{
    padding-top: 126%;
}

.completed_project .p19{
    width: 25%;
    margin-top: -5%;
    margin-left: 0%;
}
.completed_project .p19 .project_image{
    padding-top: 126%;
}
.completed_project .p20{
    width: 25%;
    margin-top: 5%;
    margin-left: 5%;
}
.completed_project .p20 .project_image{
    padding-top: 150%;
}

.completed_project .p21{
    width: 25%;
    margin-top: -5%;
    margin-left: 5%;
}
.completed_project .p21 .project_image{
    padding-top: 126%;
}

@media screen and (max-width: 850px) {
    .section1 .gallery_holder{
        position:relative;
        padding-top:30px;
        padding-bottom:0px;
    }
    .section1 .gallery_holder .project_image{
        margin-bottom:1%;
    }
    .section1 .gallery_holder .each_project h4{
        margin-bottom:0%;
    }
    .completed_project .each_project{
        width: 100%;
        margin: 0;
        margin-bottom:20px
    }
    .completed_project .each_project .project_image{
        padding-top: 60%;
    }
    .ongoing_project .each_project{
        width: 100%;
        margin: 0;
        margin-bottom:20px
    }
    .ongoing_project .each_project .project_image{
        padding-top: 45%;
    }
}