/* Walkinto portfolio 530px portfolio one-column breakpoint:
   keep one vertical window at 530px and below.
   Above 530px, CubePortfolio keeps its automatic responsive column calculation. */
@media only screen and (max-width: 530px){
  .fusion-Portfolio.wrapper-Portfolio-fullwidth{
    width:calc(100vw - (var(--walkinto-portfolio-edge-space) * 2))!important;
    max-width:calc(100vw - (var(--walkinto-portfolio-edge-space) * 2))!important;
    margin-left:calc(50% - 50vw + var(--walkinto-portfolio-edge-space))!important;
    margin-right:calc(50% - 50vw + var(--walkinto-portfolio-edge-space))!important;
  }

  #grid-container.cbp,
  #grid-container.cbp-l-grid-gallery{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  #grid-container .cbp-wrapper,
  #grid-container #grid-containers{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    -webkit-transform:none!important;
  }

  #grid-container .cbp-item{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:272 / 169!important;
    margin:0 auto 20px!important;
    padding:0!important;
    transform:none!important;
    -webkit-transform:none!important;
    opacity:1!important;
  }

  #grid-container .cbp-item.cbp-item-hidden{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
  }

  #grid-container .cbp-item-wrapper{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  #grid-container .cbp-caption,
  #grid-container .cbp-caption-defaultWrap,
  #grid-container .cbp-caption-activeWrap{
    width:100%!important;
    height:100%!important;
  }
}

@media only screen and (max-width: 530px){
  #grid-container .cbp-item{
    margin-bottom:14px!important;
  }
}