
.pleasing_portfolio .et_pb_column .et_pb_button_module_wrapper {
    margin-bottom: 0 !important;
}

.pleasing_portfolio .et_pb_column_1_2 {
    width: 37% !important;
    margin-right: 5.5% !important;
}

.pleasing_portfolio .et_pb_column_1_4:last-of-type {
    margin-right: 0 !important;
}

.pleasing_portfolio .et_pb_column_1_4 {
    width: 24% !important;
    margin-right: 7.6% !important;
}

.pleasing_portfolio .et_pb_portfolio_items .type-project:nth-child(3n+3) {
    margin-right: 0 !important;
}

.pleasing_portfolio .et_pb_portfolio_items .type-project {
    float: left;
    margin-bottom: 1.5vw;
    width: 31.5%;
    background-color: #000;
}


.pleasing_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    display: block;
    transition: 0.3s;
}

.pleasing_portfolio .et_pb_portfolio_items .type-project:nth-child(6) .et_portfolio_image,
.pleasing_portfolio .et_pb_portfolio_items .type-project:nth-child(3) .et_portfolio_image,
.pleasing_portfolio .et_pb_portfolio_items .type-project:first-child .et_portfolio_image {
    max-height: 284px;

}

.pleasing_portfolio .et_pb_portfolio_filters {
    margin-bottom: 59px !important;
}

.pleasing_portfolio .et_pb_portfolio_filters ul {
    float: right;
}

.pleasing_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a.active,
.pleasing_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a:hover {
    color: #ffdd33 !important;
}

.pleasing_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a {
    border: none !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #989bac !important;
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    margin-right: 0;
    margin-left: 42px;
    background: transparent !important;
    margin-top: 0 !important;
}

.pleasing_portfolio .gutter_width {
    width: 2.75%;
}

.pleasing_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image img {
    transition: 0.3s;
}

.pleasing_portfolio .et_pb_portfolio_items .type-project:hover .et_portfolio_image img {
    opacity: 0.5;
}

.pleasing_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image:before {
    content: "";
    display: block;
    width: 59%;
    height: 5px;
    background-color: #ffffff;
    left: 0;
    bottom: 58px;
    position: absolute;
    z-index: 10;
    transition: 0.4s;
    transform: translate(-105%, 0);
}

.pleasing_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image:after {
    content: "View Project";
    display: block;
    position: absolute;
    bottom: 54px;
    left: 62%;
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 100%;
    transition: 0.3s;
    transform: translate(-340px, 0);
}

.pleasing_portfolio .et_pb_portfolio_items .type-project:hover .et_portfolio_image:before {
    transition-delay: 0.2s;
    transform: translate(0, 0);
}

.pleasing_portfolio .et_pb_portfolio_items .type-project:hover .et_portfolio_image:after {
    transition-delay: 0s;
    transform: translate(0, 0);
}


.pleasing_portfolio .et_pb_portfolio_items {
    min-height: 40vw;
}

/*Portfolio 2*/

.pop_portfolio .et_pb_column_1_4:last-of-type {
    margin-right: 0 !important;
}

.pop_portfolio .et_pb_column_1_4 {
    width: 24% !important;
    margin-right: 7.6% !important;
}

.pop_portfolio .et_pb_portfolio_items .type-project:nth-child(3n+3) {
    margin-right: 0 !important;
}

.pop_portfolio .et_pb_portfolio_items .type-project {
    float: left;
    margin-bottom: 1.5vw;
    margin-right: 2.75% !important;
    width: 31.5%;
    background-color: #000;
}



.pop_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    display: block;
    transition: 0.3s;
}

.pop_portfolio .et_pb_portfolio_filters {
    margin-bottom: 59px !important;
}

.pop_portfolio .et_pb_portfolio_filters ul {
    float: right;
}

.pop_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a.active,
.pop_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a:hover {
    color: #ffdd33 !important;
}

.pop_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a {
    border: none !important;
    padding: 0 !important;
    font-size: 18px !important;
    color: #989bac !important;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 400;
    margin-right: 0;
    margin-left: 42px;
    background: transparent !important;
    margin-top: 0 !important;
}

.pop_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background-color: #000;
    opacity: 0;
    transition: 0.3s;
}

.pop_portfolio .et_pb_portfolio_items .type-project:hover .et_portfolio_image:before {
    opacity: 0.5;
}

.pop_portfolio .et_pb_portfolio_items .type-project .et_portfolio_image:after {
    content: "View Project";
    display: block;
    position: absolute;
    bottom: 44px;
    left: 35px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 100%;
    transition: 0.3s;
    transform: translate(-340px, 0);
}

.pop_portfolio .et_pb_portfolio_items .type-project:hover .et_portfolio_image:before {
    transition-delay: 0.2s;
    transform: translate(0, 0);
}

.pop_portfolio .et_pb_portfolio_items .type-project:hover .et_portfolio_image:after {
    transition-delay: 0s;
    transform: translate(0, 0);
}

.pop_portfolio.sigmund_hover_effect .et_pb_portfolio_items .type-project:hover {
    top: -0.2rem;
    right: 0.2rem;
}

.pop_portfolio.sigmund_hover_effect .et_pb_portfolio_items .type-project:hover:after {
    -webkit-transform: translateY(0.4rem) translateX(0.4rem);
    transform: translateY(0.4rem) translateX(0.4rem);
}


/*Responsive*/

@media only screen and (min-width: 1930px) {
    .pleasing_portfolio .et_pb_portfolio_items {
        min-height: 900px;
    }

}
@media only screen and (max-width: 1390px) {
    .pop_portfolio .et_pb_row,
    .pleasing_portfolio .et_pb_row{
        width: 90% !important;
    }

    }

@media only screen and (max-width: 980px) {
    /*Portfolio 1*/
    .pop_portfolio .et_pb_portfolio_filters ul ,
    .pleasing_portfolio .et_pb_portfolio_filters ul {
        float: left;
    }

    .pop_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a,
    .pleasing_portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a{
        margin-right: 20px;
        margin-left: 0;
    }

    .pop_portfolio .et_pb_portfolio_filters ,
    .pleasing_portfolio .et_pb_portfolio_filters {
        margin-bottom: 20px !important;
    }
}
@media only screen and (max-width: 767px) {
    /*Portfolio 1*/
    .pleasing_portfolio .et_pb_portfolio_items .type-project{
        width: 47%;
    }


    /*Portfolio 2*/

    .pop_portfolio .et_pb_portfolio_items .type-project {
        margin-right: 4% !important;
        width: 48%;
    }

    .pop_portfolio .et_pb_portfolio_items .type-project:nth-child(3n+3) {
        margin-right: 4% !important;
    }

    .pop_portfolio .et_pb_portfolio_items .type-project:nth-child(2n+2) {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    /*Portfolio 1*/
    .pleasing_portfolio .et_pb_portfolio_items .type-project{
        width: 100%;
    }


    .pleasing_portfolio .et_pb_portfolio_items .type-project:nth-child(6) .et_portfolio_image,
    .pleasing_portfolio .et_pb_portfolio_items .type-project:nth-child(3) .et_portfolio_image,
    .pleasing_portfolio .et_pb_portfolio_items .type-project:first-child .et_portfolio_image {
        max-height: none !important;
    }


    /*Portfolio 2*/

    .pop_portfolio .et_pb_portfolio_items .type-project {
        margin-right: 0 !important;
        width: 100%;
    }

    .pop_portfolio .et_pb_portfolio_items .type-project:nth-child(3n+3) {
        margin-right: 0 !important;
    }
}
