/* -----Grid Style default------ */

.portfolio-container .portfolio-grid .qreate-image > a > img ,.portfolio-grid .qreate-image > img{
    object-fit: cover;
    height:28.25em;
    border-radius: var(--border-radius-box);
    width: 100%;
}
.portfolio-container .iq-grid-five .portfolio-grid .qreate-image > a > img{
    height: 20em;
}
.portfolio-grid .portfolio-info-box img{
   width: auto;
}
.portfolio-grid .qreate-info-main{
    margin-top: 2em;
}
.portfolio-grid .qreate-info-main >a> img ,
.portfolio-grid  .qreate-info-main .wow > img
{
    margin-bottom: 1em;
    width: auto;
}

.portfolio-grid .qreate-btn-container{
    margin-top: 1em;
}

.portfolio-grid .qreate-portfolio-main{
    display: block;
    padding: 0;
}
.portfolio-grid .portfolio-title,.portfolio-info-box .portfolio-detail-main .portfolio-title ,.qreate-portfolio-main .qreate-portfolio-name{
    margin-bottom: 0.625em;
}
 
.portfolio-grid .portfolio-category ,.portfolio-info-box .portfolio-detail-main .portfolio-category{
    color: var(--color-theme-primary);
    text-transform: capitalize;
}
/* -----Grid Style style 1------ */
.portfolio-container .portfolio-grid{
    margin-bottom:2.875em;
}
.portfolio-container.style-three  ul.page-numbers{
    margin-top:1em;
}   
.portfolio-container .page-numbers{
    justify-content:center;
}

 /* -----Grid Style style 2------ */  
 .portfolio-container.style-two .portfolio-grid .qreate-portfolio-main {
     padding: 0;
 } 

 .qreate-masonry-block.masonry-joined .qreate-portfolio-box{
    padding:0;
 }
 .qreate-masonry-block.masonry-joined .qreate-portfolio-box .portfolio-content-details> img{
    border-radius: 0;
 }

 @media(min-width:1400px) {
    .portfolio-container.style-two .col-lg-3.col-md-6 {
        padding-right: 2em;
        padding-left: 2em;
    }

 }

@media(max-width:1400px){
    .portfolio-container .portfolio-grid .qreate-image > a > img, .portfolio-grid .qreate-image > img{
        height: 20.25em;
    }
}
 @media(min-width:1024px) {
   
    .portfolio-container.style-two .row{
        margin-right: -2em;
        margin-left: -2em;
    }
    .portfolio-container.style-two .row .col-lg-4.col-md-6 ,.portfolio-container.style-two .row .col-lg-12{
        padding-right: 2em;
        padding-left: 2em;
    }
    .portfolio-container.style-two ul.page-numbers{
    margin-top: 2.875em;
    }
    
    /* Blog style 3 column */
    .portfolio-container.style-two .col-lg-4.col-md-6{
        padding-right: 2em;
        padding-left: 2em;
    }
    .portfolio-container.style-two .col-lg-4.col-md-6 .portfolio-grid{
    margin-bottom: 0;
    }
    .portfolio-container.style-two .col-lg-4.col-md-6:nth-child(3n-2){
    margin-top: 10em;
    }
    .portfolio-container.style-two .col-lg-4.col-md-6:nth-child(3n+2){
    margin-top: 5em;
    }
    .portfolio-container.style-two .col-lg-4.col-md-6:nth-child(3n+3){
    margin-top: 0;
    }
    /* Blog style 4 column */
    .portfolio-container.style-two .col-lg-3.col-md-6{
        padding-right: 1em;
        padding-left: 1em;
    }
    .portfolio-container.style-two .col-lg-3.col-md-6 .portfolio-grid{
        margin-bottom: 0;
    }
    .portfolio-container.style-two .col-lg-3.col-md-6:nth-child(4n-3){
    margin-top: 8.75em;
    }
    .portfolio-container.style-two .col-lg-3.col-md-6:nth-child(4n+2){
    margin-top: 5em;
    }
    .portfolio-container.style-two .col-lg-3.col-md-6:nth-child(4n+3){
    margin-top: 2.5em;
    }
    .portfolio-container.style-two .col-lg-3.col-md-6:nth-child(4n+4){
      margin-top: 0;
    }
    
    /* Blog style 2 column */
    .portfolio-container.style-two .col-lg-6.col-md-6{
        padding-right: 2em;
        padding-left: 2em;
    }
    .portfolio-container.style-two .col-lg-6.col-md-6:nth-of-type(odd){
        margin-top: 5.75em;
    }
    .portfolio-container.style-two .col-lg-6.col-md-6:nth-of-type(even){
        margin-top: 0;
    }
    .portfolio-container.style-two .col-lg-6.col-md-6 .portfolio-grid{
        margin-bottom: 0;
    }
    }

/* portfolio style general */
.qreate-portfolio-box{
    position: relative;
    margin-bottom: 2em;
}
.swiper .qreate-portfolio-box{
    margin-bottom: 0;
}
.qreate-portfolio-box .qreate-portfolio-coverlay .portfolio-details > .wow > img{
    margin-bottom: 1em;
}
.qreate-portfolio-box .qreate-portfolio-coverlay{
    position: absolute;
    top: 1em;
    left: 1em;
    right: 1em;
    bottom:1em;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    background: var(--color-theme-white);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: var(--border-radius);
}
.qreate-portfolio-box .qreate-portfolio-name{
    color: var(--global-body-bgcolor);
    margin-bottom:0.5em;
}
.qreate-portfolio-box .portfolio-cat-name{
    display: inline-block;
    margin-bottom: 1em;
    color: var(--global-font-dark-color);
}

.qreate-portfolio-box .portfolio-content-details > .qreate-image > a img ,.portfolio-grid .qreate-image > a > img{
    width: 100%;
    border-radius: var(--border-radius);
}
.qreate-portfolio-box .portfolio-content-details> img{
    border-radius: var(--border-radius);
    width: 100%;
}
.qreate-portfolio-box .portfolio-content-details .portfolio-image > img ,
.qreate-portfolio-box .portfolio-content-details > .qreate-image > a img{
    border-radius: var(--border-radius);
    min-height:31.25em;
    object-fit: cover;
 }

.qreate-portfolio-box .portfolio-content-details{
    position: relative;
}
.qreate-portfolio-box  .portfolio-details{
    display: block;
    padding: 1.5em;
    width: 100%;
}
.qreate-portfolio-box .portfolio-details{
    opacity: 0;
}
.qreate-portfolio-box:hover .qreate-portfolio-coverlay{
    opacity: 1;
}
.qreate-portfolio-box:hover .portfolio-details {
    opacity: 1;
    transition: all 0.5s;
    transition-delay: 0.2s;
}
.qreate-portfolio-box  .wow img {animation: 2s down-leave;}
 .qreate-portfolio-box:hover  .wow img {  animation: 2s down-enter;}


 .portfolio-grid > .qreate-image {
    overflow: hidden;
    border-radius: var(--border-radius);
}
.portfolio-grid > .qreate-image a >img{
    transform: scale(1.05) rotate(.5deg);
    transform-origin: 90% 50%;
    transition: transform 1.2s cubic-bezier(.4,.01,.14,.99);
}
.portfolio-grid:hover > .qreate-image a >img {
    transform: scale(1.001) rotate(0);
}


.portfolio-widget.style-four .qreate-portfolio-box .qreate-portfolio-coverlay{
    top: auto;
}
@media(max-width:480px) {
    .qreate-portfolio-coverlay{
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .qreate-portfolio-box .portfolio-details{
        padding: 1em;
    }
    .qreate-portfolio-slider .qreate-btn-container{display: none;}
}

/* portfolio style 4 */
@media(min-width:1024px) {
    .portfolio-container.style-four .row{
        margin-right: -2em;
        margin-left: -2em;
    }
    .portfolio-container.style-four .row .col-lg-6.col-md-6{
        padding-left: 2em;
        padding-right: 2em;
    }
    .portfolio-container.style-four .portfolio-style-four.small-image .qreate-image a > img  ,.portfolio-container.style-four .portfolio-style-four.next-small-image .qreate-image a >img{
        height: 24.5em;
        width: 30.53em;
        object-fit: cover;
    }
    .portfolio-container.style-four .portfolio-style-four.next-small-image{
        display: flex;
        justify-content: start;
    }
    .portfolio-container.style-four .portfolio-style-four.small-image{
        display: flex;
        justify-content: end;
    }
    .portfolio-container.style-four >.row{
        align-items:flex-end;
    }
}

.portfolio-container.style-four .portfolio-style-four{
    margin-bottom: 6em;
}
.portfolio-container.style-four .portfolio-style-four img{
    border-radius: var(--border-radius-box);
    height: 36em;
    width: 100%;
    object-fit: cover;
}
.portfolio-container.style-four .portfolio-style-four .portfolio-details img{
    height: auto;
    width: auto;
}
.portfolio-container.style-four .portfolio-style-four .qreate-btn-container img{
    width: auto;
    height: auto;
}
.portfolio-container.style-four .qreate-info-main{
    margin-top: 1.5em;
}
.portfolio-container.style-four .qreate-info-main .portfolio-title{
    margin-bottom: 0.625em;
}
.portfolio-container.style-four .qreate-info-main .portfolio-category{
    margin-top: 1em;
    color: var(--color-theme-primary);
}


@media(max-width:1024px){
    .portfolio-container .portfolio-grid .qreate-image > a > img ,
    .portfolio-grid .qreate-image > img{ 
     height: 17.25em;
    }
    .qreate-portfolio-box .portfolio-details ,.qreate-portfolio-box .qreate-portfolio-coverlay ,
    .swiper .qreate-portfolio-box:hover .qreate-portfolio-coverlay{
        opacity: 1;
    }
    .swiper .qreate-portfolio-box .qreate-portfolio-coverlay{
        opacity: 0;
    }
    .qreate-portfolio-box .portfolio-details{
        padding: 2.5em 1.5em 1.5em;
    }
    .qreate-portfolio-box .qreate-portfolio-coverlay{
        position: static;
        margin-top: -1em;
    }
    .swiper .qreate-portfolio-box .qreate-portfolio-coverlay {
        position: absolute;
        margin-top: 0;
    }
}

@media(max-width:992px) {
    .portfolio-grid{
        padding: 0;
    }
    .portfolio-container.style-four .portfolio-style-four {
        margin-bottom: 2.875em;
    }
    .portfolio-container.style-four .portfolio-style-four img{
        height: 24em;
    }
}
@media(max-width:767px){
    .portfolio-container.style-four .portfolio-style-four {
        margin-bottom: 2.875em;
    }
}

/* portfolio Grid 5 */
.iq-grid-five .iq-five {
    width: 20%;
}
.qreate-portfolio-slider .qreate-portfolio{
    margin-bottom: 0;
}
@media (max-width:1199px) {
    .iq-grid-five .iq-five {
        width: 25%;
    }
}

@media (max-width:992px) {
    .iq-grid-five .iq-five {
        width: 50%;
    }
}
@media (max-width:767px) {
    .iq-grid-five .iq-five {
        width: 100%;
    }
}