#wrapper,.img-port-4 img,.portfolio-2-img img{max-width:100%}
*{padding:0;margin:0}
.editContent{position:relative}
.pencil_edit_icon{position:absolute;right:0;top:0;color:#000!important}
.pencil_edit_icon img{height:21px;width:26px}
#wrapper{width:1170px;margin:auto}
.portfolio-1-inner,.portfolio-1-inner ul,.portfolio-1-outer{float:left;width:100%}
.portfolio-1-outer{padding:20px 0}
.portfolio-1-inner ul{text-align:left}
.portfolio-1-inner ul li{display:inline-block;float:none;vertical-align:top;width:29.6%;margin:40px 60px 40px 0}
.portfolio-1-btn a span,.portfolio-1-plus{vertical-align:middle;display:inline-block}
.portfolio-1-img{float:left;width:100%;position:relative;height:278px;background:#f5f5f5}
.portfolio-1-img img{width:100%;max-width:100%;position:absolute;height:100%;top:0;left:0}
.portfolio-1-inner ul li h6::after{position:absolute;top:46%;height:1px;width:30px;background:#444;content:"";transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;left:-30px}
.portfolio-1-btn{float:left;width:100%;text-align:left;margin-top:20px}
.portfolio-1-btn a{display:inline-block}
.portfolio-1-plus{border:3px solid #c6956a;border-radius:100%;height:25px;position:relative;text-align:center;width:25px}
.portfolio-4-inner,.portfolio-4-inner ul,.portfolio-4-outer{float:left;width:100%}
.portfolio-1-plus i{bottom:0;color:#c6956a;font-size:14px;left:0;line-height:20px;margin:auto;position:absolute;right:0;top:0}
.portfolio-1-btn a span{text-transform:uppercase;font-size:14px;color:#444;margin-left:4px}
.portfolio-1-inner ul li:nth-of-type(3n){margin-right:0}
.portfolio-4-outer{padding:60px 0;background:#e4dfdf}
.portfolio-4-inner ul{text-align:left}
.portfolio-4-outer .portfolio-2-btn{margin-top:0}
.portfolio-4-inner ul li{display:inline-block;float:none;margin-right:5%;min-height:650px;position:relative;vertical-align:top;width:46.8%}
.heading-port-4,.heading-port-4 h4,.heading-port-4 h5,.img-port-4{width:100%;float:left}
.portfolio-4-inner ul li:nth-of-type(2n){margin-right:0}
.heading-port-4{text-align:center}
.heading-port-4 h4{text-align:center;font-size:18px;color:#c5372d;font-family:ralewayregular;}
.img-port-4{height:418px;position:relative}
.img-port-4 img{height:100%;left:0;position:absolute;top:0;width:100%}
.footer-content-port-4{background:#fff;bottom:-83px;float:left;left:0;position:absolute;right:0;width:70%;z-index:9;margin:auto;text-align:center;padding:27px 30px}
.portfolio-2-img,.portfolio-2-inner,.portfolio-2-inner ul,.portfolio-2-outer{width:100%;float:left}
.footer-content-port-4 a{background:#c5372d;border-radius:30px;color:#fff;display:inline-block;font-size:14px;padding:11px 24px}
.portfolio-2-outer{padding:10px 0}
.portfolio-2-inner ul li{float:left;width:33.3%;position:relative;list-style:none}
div#wrapper.port-horizo {
    width: 100% !important;
}
div#wrapper.port-horizo .rowcustom,div#wrapper.port-horizo .portfolio-2-outer {
    padding: 0 !important;
}
div#wrapper.port-horizo ul.port-hori-list li .portfolio-2-img {
    height: 270px;
}
div#wrapper.port-horizo .rowcustom ul.port-hori-list {
    display: flex;
}
div#wrapper.port-horizo ul.port-hori-list li .portfolio-2-img img {
    object-fit: cover;
}
.portfolio-2-img{height:314px;position:relative;background:#f5f5f5}
.portfolio-2-img img,.portfolio-2-text{position:absolute;height:100%;width:100%;top:0;left:0}
.portfolio-2-text{background:rgba(0,0,0,.8);transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;display:none}
.portfolio-2-text-tb{display:table;height:100%;text-align:center;width:100%}
.portfolio-2-text-cell{display:table-cell;height:100%;vertical-align:middle;width:100%}
.portfolio-2-text-cell h6{text-transform:uppercase;color:#fff;font-size:22px;font-family:ralewaybold}
.portfolio-2-text-cell h5{color:#fff;font-size:14px;margin-top:0}
.portfolio-2-btn{float:left;width:100%;text-align:center;margin-top:60px}
.portfolio-2-btn a{display:inline-block;font-size:16px;text-transform:uppercase;color:#fff;font-family:ralewaysemibold;background:#c5372d;padding:16px 32px;border-radius:40px}
.portfolio-3-outer{float:left;width:100%;padding:20px 0}
.portfolio-3-inner,.portfolio-3-inner ul{float:left;width:100%}
.portfolio-3-inner ul li{float:left;margin:30px 5.1% 30px 0;width:29.9%}
.portfolio-3-inner ul li:nth-of-type(3n){margin-right:0}
.portfolio-3-img{float:left;width:100%;height:234px;position:relative;overflow:hidden;background:#f5f5f5}
.portfolio-3-img img{float:left;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 7s ease 0s;-webkit-transition:all 7s ease 0s;-moz-transition:all 7s ease 0s}
.portfolio-3-outer .portfolio-2-btn{margin-top:0}
.portfolio-3-outer .portfolio-2-btn a{margin-top:40px}
.portfolio-1-outer .portfolio-2-btn{margin-bottom:40px;margin-top:40px}
@media screen and (max-width:1200px){
#wrapper{width:95%}
.portfolio-1-inner ul li{width:29.4%;margin-right:5%}
.portfolio-4-inner ul li{margin-right:5%}
}
@media only screen and (max-width:1199px){
    div#wrapper.port-horizo ul.port-hori-list li .portfolio-2-img {
        height: 200px;
    }
}
@media only screen and (max-width:991px){
.portfolio-2-inner ul li{width:50%}
.portfolio-1-inner ul li{margin:30px 4%!important;width:40%}
}
@media only screen and (max-width:768px){
.img-port-4{height:310px}
.portfolio-4-inner ul li{min-height:540px}
.portfolio-3-inner ul li{display:inline-block;float:none;margin:30px 2.8%!important;width:44%}
.portfolio-1-img{height:auto}
.portfolio-1-img img{position:static;height:auto}
.img-port-4{height:auto}
.img-port-4 img{height:auto;position:static}
div#wrapper.port-horizo .rowcustom ul.port-hori-list {
    flex-wrap: wrap;
}
}
@media only screen and (max-width:600px){
    .img-port-4 img,.portfolio-1-img img,.portfolio-2-img img,.portfolio-3-img img{height:auto;position:static;float:left}
    /* .portfolio-2-inner ul li{width:100%} */
    .portfolio-2-img{height:160px;}
    .portfolio-1-inner ul li{margin:30px 0!important;width:100%}
    .portfolio-1-img{height:auto}
    .portfolio-4-inner ul li{margin-right:0;min-height:inherit;width:100%}
    .img-port-4{height:auto}
    .heading-port-4 h5{font-size:22px}
    .heading-port-4 h4{font-size:16px}
    .footer-content-port-4{position:static;width:100%;margin-bottom:60px}
    .footer-content-port-4 p{font-size:14px}
    .portfolio-3-inner ul li{margin:20px 0!important;width:100%}
    .portfolio-3-img{height:auto}
    .advanced_drag_drop_rapify img {
        height: 100%;
        object-fit: cover;
    }
}
@media only screen and (max-width:480px){
    div#wrapper.port-horizo ul.port-hori-list li,div#wrapper.port-horizo .port-hori-list li{
        width: 100%;
    }
    div#wrapper.port-horizo ul.port-hori-list li .portfolio-2-img {
        height: 160px;
    }
    .portfolio-2-inner ul li {
        width: 100%;
    }
}

/* Portfolio 5 */
.portfolio-5{
    padding: 20px 0 40px 0;
}

.portfolio-5 .heading-h2 {
    font-size: 32px;
    margin-top: 5px;
}

.portfolio-5 .portfolio-5-img {
    height: 550px;
    background: linear-gradient(45deg , black, transparent);
}

.portfolio-5 .portfolio-5-img img {
    vertical-align: top;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    object-fit: cover;
}
.portfolio-5 .portfolio-text {
    background: #fff;
    margin-top: -60px;
    display: inline-block;
    width: calc(100% - 30px);
    padding: 25px;
    padding-right: 100px;
    float: none;
    text-align: left;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px -15px rgb(0 0 0 / 20%);
}

.portfolio-5 .portfolio-text .heading-h4 {
    margin: 10px 0;
    font-size: 24px;
}

.portfolio-5 .portfolio-text .btn {
    padding: 0;
    color: #000;
    border: 1px solid #efefef;
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 58px;
    border-radius: 100%;
    position: absolute;
    right: 30px;
    top: 30px;
}

.portfolio-5 .portfolio-text .btn i{
    line-height: inherit;
}

.portfolio-5 .btn {
    border: 1px solid #000;
    color: #000;
    border-radius: 0;
}

/* Portfolio 6 */
.portfolio-6 {
    background-color: #fff3e7;
    padding: 20px 0 50px;
}

.portfolio-6 .portfolio-heading{
    margin-bottom: 20px;
}

.portfolio-6 .portfolio-heading .heading-h2 {
    font-weight: 100;
    margin: 0;
}

.portfolio-6 .portfolio-heading .portfolio-p {
    font-size: 16px;
}

.portfolio-6 .portfolio-5-img {
    height: 250px;
}

.portfolio-6 .portfolio-5-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.portfolio-6 .portfolio-text {
    background: #fff;
    padding: 25px;
    margin-bottom: 20px;
}

.portfolio-6 .portfolio-text .portfolio-p {
    color: #ff7f00;
}

.portfolio-6 .portfolio-text .heading-h4 {
    font-size: 26px;
}

.portfolio-6 .portfolio-text .btn {
    border: 1px solid #ff7f00;
    color: #ff7f00;
    margin: 10px 0 10px 0;
    display: inline-block;
}

.portfolio-6 .btn {
    color: #ff7f00;
    border: 1px solid #ff7f00;
    display: inline-block;
}


@media screen and (max-width: 520px){
    .portfolio-5 .portfolio-5-img {
        height: 300px;
    }

    .portfolio-5 .portfolio-text{
        padding: 15px;
    }

    .portfolio-5 .portfolio-text .heading-h4 {
        font-size: 20px;
    }

    .portfolio-5 .portfolio-text .btn{
        position: static;
    }

    .portfolio-6 .portfolio-text {
        padding: 15px;
    }

    .portfolio-6 .portfolio-text .heading-h4 {
        font-size: 20px;
    }

    .portfolio-6 .portfolio-text .btn {
        margin: 0 0 10px 0;
    }
}