#gfcp .main-wrp {
    position: relative;
    overflow: hidden;
}

#gfcp .main-title-wrp {
    width: 100%;
    position: absolute;
    top: 10%;
    left: 0;
    z-index: 2;
    text-align: center;
}

@media screen and (max-width:767px) {
    #gfcp .main-title-wrp {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
        padding: 3em 0 0;
    }
}

#gfcp .main-title-img {
    display: block;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    padding: min(2em, 3vw);
}

#gfcp .main-img-wrp {
    width: 100%;
}


#gfcp .mainimg-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#gfcp .main-img-wrp .mainimg {
    width: 25%;
    height: 48vh;
    overflow: hidden;
}

@media screen and (max-width:767px) {
    #gfcp .main-img-wrp .mainimg {
        width: 50%;
        height: 50vw;
    }

    #gfcp .main-img-wrp .mainimg:nth-child(3){
        order: 4;
    }
    #gfcp .main-img-wrp .mainimg:nth-child(4){
        order: 3;
    }
    #gfcp .main-img-wrp .mainimg:nth-child(5){
        order: 6;
    }
    #gfcp .main-img-wrp .mainimg:nth-child(6){
        order: 5;
    }

    #gfcp .main-img-wrp .mainimg:nth-child(7),
    #gfcp .main-img-wrp .mainimg:nth-child(8) {
        display: none;
    }
}

#gfcp .main-img-wrp .mainimg.zoomstart img {
    transform: scale(1.1);
    opacity: 0;
    transition: all .5s;
}

#gfcp .main-img-wrp .mainimg.zoomstart.on img {
    transform: scale(1);
    opacity: 1;
}

#gfcp .mainimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media screen and (max-width:767px) {
    #gfcp .main-img {
        width: 100%;
        height: 100vw;
        overflow: hidden;
    }

}

#gfcp .main-img::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .15);
}

.slick-slider div {
    transition: none;
}