/**Gallery */

 @media (min-width: 1200px) {
     .screenshots .container {
         max-width: fit-content;
         padding: 55px 0px 0px 0px;
     }
 }

 .screenshots .container .row {
     margin: 0px;
 }

 .screenshots #image-gallery .modal-footer {
     display: block;
 }

 .screenshots .modal-header span {
     color: #585B48;
 }

.modal-header span {
     color: #585B48;
 }

 .screenshots .img-thumbnail {
     padding: 0px;
     background-color: #131313;
     border: 5px solid #fff;
     max-width: 100%;
     border-radius: 0px;
     height: auto;
     width: 100%;
     box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.90) !important;
 }

 .screenshots .container .thumb {
     margin: 0px;
     padding: 10px;
 }

 .screenshots .modal-content {
     background-image: url('../../../../../uploads/2021/02/bg-pattern-white.jpg');
     background-repeat: repeat;
 }

 .modal-content {
     background-image: url('../../../../../uploads/2021/02/bg-pattern-white.jpg');
     background-repeat: repeat;
 }

 .screenshots .btn-secondary {
     color: #fff;
     background-color: #585B48;
     border-color: #585B48;
 }

 .screenshots .row.button-row {
     display: block;
 }

 @media (max-width: 1200px) {
     .screenshots .img-thumbnail {
         border: 5px solid #fff;
         width: 60vw;
         height: 34vw;
         margin-left: auto;
         margin-right: auto;
         box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.90) !important;
     }
     .screenshots .row.button-row {
         display: none;
     }
 }


 @media (min-width: 992px) {
     .container, .container-lg, .container-md, .container-sm {
         max-width: 100%;
     }
 }

 @media (min-width: 768px) {
     .container, .container-lg, .container-md, .container-sm {
         max-width: 100%;
     }
 }

 @media (min-width: 576px) {
     .container, .container-lg, .container-md, .container-sm {
         max-width: 100%;
     }
 }