.card.gallery_new.fullscreen {
  width: 80%;
  max-width: 1080px;
  left: 50%;
  height: 90vh;
  top: calc(50% - 2.5vh);
  transform: translate(-50%, -50%);
  z-index: 1000;
  position: fixed;
}

.card.gallery_new .center-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.card.gallery_new.fullscreen .card-images{
	height: calc(90vh - 68px - 50px - 16px);
	max-height: 100%;
}

.card-fullscreen-overlay {
     z-index: 999;
     content: " ";
     display: block;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.9);
     position: fixed;
     top: 0;
     opacity: 0;
     cursor: pointer;
     display: none;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}

.card.gallery_new {
     background-color: #fafafa;
     margin: 24px 0;
}


@media only screen and (max-width: 535px) {
    .card.gallery_new.fullscreen {
         width: 95%;
    }
}

.card.gallery_new.fullscreen .card-images:hover i.material-icons {
     opacity: 0;
}

.card.gallery_new.fullscreen .card-images:hover:after {
     display: none;
}

.card.gallery_new .card-header:first-letter{
    font-size: inherit;
    font-weight: normal;
    padding-right: 0px;
    line-height: 100%;
}

.card.gallery_new .card-header{
     padding: 16px 16px;
     font-size: 12px;
}

@media only screen and (min-width: 601px) {
    .card.gallery_new .card-header{
         padding: 16px 16px;
         font-size: 14px;
    }
}


.card.gallery_new .card-footer {
    padding: 22px 16px;    
    font-size: 14px;
    height: 72px;
}

.card.gallery_new .card-header {
     height: 74px;
}

@media only screen and (min-width: 601px) {
    .card.gallery_new .card-header {
         height: 67px;
    }
}


.card.gallery_new .card-images {
     position: relative;
     line-height: 0;
     height: 300px;
     overflow: hidden;
}

.card.gallery_new .card-images img {
     margin: auto !important;
     display: block;
     max-height: 100%;
     width: 100%;
     object-fit: contain;
}

.card.gallery_new .card-images i.material-icons {
     position: absolute;
     top: calc(50% - 18px);
     right: calc(50% - 18px);
     font-size: 36px;
     opacity: 0;
     z-index: 10;
     color: #f4f4f4;
     cursor: pointer;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}

.card.gallery_new .card-images:hover i.material-icons {
     opacity: 1;
}

.card.gallery_new .card-images:hover:after {
     display: block;
     width: 100%;
     height: 100%;
     content: " ";
     background-color: rgba(0, 0, 0, 0.5);
     position: absolute;
     top: 0;
     left: 0px;
     cursor: pointer;
}

.card.gallery_new .card-footer {
     text-align: center;
}

.card.gallery_new .navigation {
     position: absolute;
     bottom: 16px;
     top:auto;
     width: 100%;
     height: 40px;
}

.card.gallery_new .navigation i.material-icons {
     webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

.card.gallery_new.fullscreen .card-footer{
    padding: 16px;
}

.card.gallery_new .navigation i.material-icons:first-of-type {
     left: 15px;
}

.card.gallery_new .navigation i.material-icons:nth-of-type(2) {
     right: 15px;
}

.card.gallery_new .navigation i.material-icons:first-of-type, 
.card.gallery_new .navigation i.material-icons:nth-of-type(2) {
     position: absolute;
     border-radius: 50%;
     padding: 8px;
     background-color: #3C74A5;
     cursor: pointer;
     color: white;
     top:0px;
}