/*
Theme Name: MediCenter-child
Theme URI: https://1.envato.market/medicenter-responsive-medical-wordpress-theme-child
Description: MediCenter is a responsive WordPress theme suitable for medical or health related projects or businesses. Theme is maintained in a minimalist and modern style with strong blue accents. Theme comes with wide and boxed layout - both fully responsive and optimized for all kind of devices.
Author: QuanticaLabs
Author URI: https://1.envato.market/quanticalabs
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: medicenter
Version: 1.0.0
*/
/*
* Bootstrap 5 mediaquires:
*
* @media (min-width:576px) { // sm } 
* @media (min-width:768px) { // md }
* @media (min-width:992px) { // lg } 
* @media (min-width:1200px) { // xl } 
* @media (min-width:1400px) { // xxl } 
*/
/*
* Includes.
*/
/*
* Madnani Gallery.
*
* @package    medicenter
* @subpackage medicenter-child
* @since      11.07.2025
*/
.mdn-grid {
  max-width: 1230px;
  margin: 0 auto;
}

.mdn-grid-item {
  width: 100;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .mdn-grid-item {
    width: calc((100% - 20px) / 2); /* 2 columns */
  }
}
@media (min-width: 1200px) {
  .mdn-grid-item {
    width: calc((100% - 40px) / 3); /* 3 columns */
  }
}

.mdn-gallery {
  margin-top: 50px;
  /*-- Content --*/
}
.mdn-gallery .mdn-gallery-content__item-body {
  border: 1px solid rgb(206, 206, 206);
  background-color: rgb(238, 238, 238);
}
.mdn-gallery .mdn-gallery-content__item-img {
  width: 100%;
  height: auto;
}
.mdn-gallery .mdn-gallery-content__item-description {
  padding: 0px 20px;
}