.portfolio-left, .portfolio-right {box-shadow:0px -15px 25px rgba(32,5,58,1); display: grid; border-top:5px solid #21073B; grid-template-columns: 1fr ;}
.portbg{background: #081d47; background: linear-gradient(90deg, #4C0E8A 20%, #2063C9 60%, #05D2FF 100%);}

.portfolio-right{background: #081d47; background: linear-gradient(90deg, #4C0E8A 20%, #2063C9 60%, #09a0bb 100%);}
.portfolio-left{background: #081d47; background: linear-gradient(90deg, #4C0E8A 20%, #2063C9 60%, #09a0bb 100%);}
.portimg {width:100%; height:100%; min-height: 460px;}
.portdesc {padding:60px 30px;}
.portdesc h3 {margin-bottom:30px;}
.transit {background: url(../images/portfolio/transit2.avif) no-repeat;background-size:contain; background-position: center; background-color: #2c3232;}
.onecall{background: url(../images/portfolio/onecall2.avif) no-repeat;background-size:cover; background-position: center; background-color: #9cccea;}
.enigma {background: url(../images/portfolio/enigma2.avif) no-repeat;background-size:contain; background-position: center; background-color: #fff;}
 .optifleet {background: url(../images/portfolio/op1.avif) no-repeat;background-size:contain; background-position: center; background-color: #030C38;}


.panel-porttop {display: flex; flex-direction: column;}
.panel-porthead {width:100%; padding:30px 10px ;text-align: center;}
.panel-portimg img{ width: 100%; height:100%; object-fit: contain; min-width: 250px;}
.panel-porthead h3 {font-size: 1.3em;}

.brushedsteel
{background-color: #B3C5CD; background: url(../images/portfolio/stainless-steel.avif );background-size:cover;}
/**** GALLERY ****/
.triplecols.gallerygrid, .twoevencols.gallerygrid {grid-gap:5px; grid-auto-flow: dense;}
.gallery-border {display: flex; flex-direction: column; flex:1; justify-content: end; align-items: center; grid-auto-flow: dense;}
.gallery-border.active {border-color: #C1C954 !important;}
.gallery-row-fit {flex: 1; display: flex; flex-direction: column;}
.gallery-image {max-height: 300px; overflow: hidden;}
.gallery-image img {width: 100%;}
.gallery-image .overlaybutton img {width: auto;}
.gallery-title {padding:3px 10px; flex: 1;display: flex; flex-direction: column; width: 100%;color: #030C38;}
.gallery-title p {margin: 0px 0 0 20px; color: #030C38; font-weight: 500;}
a.gallery-foot, .gallery-foot,a.gallery-foot.nolink:hover,a.gallery-foot.nolink {height: 22px; width: 100%; display: grid; align-content: center; justify-items: center; }
a.gallery-foot.nolink:hover, a.gallery-foot.nolink {cursor: default;}
.gallery-breakgrid.rounded, .gallery-breakgrid {border: 3px solid #C95BE4; background-color:#EBECEC;}
.gallery-breakgrid p{padding:10px 10px 5px 10px; margin-bottom: 5px;}
.gallery-border.active .gallery-foot { background: linear-gradient(90deg,rgba(193, 201, 84, 1) 0%, rgba(65, 128, 14, 1) 100%);}
.gallery-border, .imgcard img, .overlay.rounded {border: 3px solid #B3C5CD !important; }
.gallery-image{position: relative;}
.overlay-container .gallery-title{text-align: center;}

a.gallery-foot:hover, a.gallery-foot.active
{ background: linear-gradient(90deg,rgba(1, 244, 159, 1) 0%, rgba(185, 110, 217, 1) 100%);}

.gallery-border, .gallery-breakgrid .gallery-foot
{background-color: #B3C5CD; background: url(../images/portfolio/stainless-steel.avif );background-size:cover;}

article .imggroup {max-width: 100%; }
.imgcard {display: grid; grid-template-rows: auto;margin: 0 0 10px 0;}
.imgcard img { max-width: 100%;}
.imgcard.noborder img {border: none !important;}
.imgcard small {padding: 2px 10px; margin:0;}
article img.transpimg {max-width: 100%; float: none; margin: 0 0 10px 0;}
article .imggroup {max-width: 100%; float: none; margin: 0 0 10px 0;}

.articlecontact {display: grid; grid-gap:10px; padding-top: 40px;}/*gallerycode*/
.image-cycler p{height:40px; display: grid; align-content: center; margin-left: 30px; }
.image-cycler {background-color: #2c3232;}
p.image-description {margin-bottom: 0px;}

@media (min-width: 1400px)
{
  article .imggroup{max-width: 30%;}
  article .imggroup .gallery-image{max-height: 250px;}
  .gallery-breakgrid.rounded, .gallery-breakgrid {grid-column-end: span 3 !important ; grid-row-end: span 4 !important; }
.transit {background: url(../images/portfolio/transit.avif) no-repeat !important;
  background-size:contain !important; background-position: center !important; background-color: #2c3232 !important;}
.onecall{background: url(../images/portfolio/onecall.avif) no-repeat !important;
  background-size:cover !important; background-position: center !important; background-color: #9cccea !important;}
.enigma {background: url(../images/portfolio/enigma.avif) no-repeat !important;
  background-size:contain !important; background-position: center !important; background-color: #fff !important;}
}



@media (min-width: 913px)
{
  .transit {background: url(../images/portfolio/transit2.avif) no-repeat;background-size:contain; background-position: center; background-color: #2c3232;}
  .onecall{background: url(../images/portfolio/onecall2.avif) no-repeat;background-size:cover; background-position: center; background-color: #9cccea;}
  .enigma {background: url(../images/portfolio/enigma2.avif) no-repeat;background-size:contain; background-position: center; background-color: #fff;}
   .optifleet {background: url(../images/portfolio/op1.avif) no-repeat;background-size:contain; background-position: center; background-color: #030C38;}
 .articlecontact {display: none;}/*gallerycode*/
  .gallery-image {max-height: 250px;}
  .gallery-breakgrid.rounded, .gallery-breakgrid {grid-column-end: span 2; grid-row-end: span 2 ;}
  article .imggroup, article img.transpimg {max-width: 30%;  margin: 0 0 10px 0px;}
}

@media (min-width: 760px)
{
.portfolio-left, .portfolio-right { grid-template-columns: 1fr 1fr;}
.portfolio-right{background: #081d47; background: linear-gradient(90deg, #05D2FF 0%,  #2063C9 40%, #4C0E8A 80%);}
.portfolio-left{background: #081d47; background: linear-gradient(90deg, #4C0E8A 20%, #2063C9 60%, #05D2FF 100%);}
}

@media (min-width: 480px)
{
  .articlecontact {display: flex; grid-gap:10px;}/*gallerycode*/
}