/* ======================================
   Extra Small Devices (Phones)
   0px - 575.98px
====================================== */
@media (max-width: 575.98px) {

.mob_res_1{
 margin-top: 220px !important;
}

.mob_res_2{
 height: 130px !important;
}

.mob_res_3{
 margin-top: -5px !important;
}

.mob_res_4{
 padding-top: 15px !important;
padding-bottom: 15px !important;
}

.mob_res_5{
 margin-top: 95px !important;
}

.mob_res_6{
 display: none !important; 
}

.mob_res_7{
 margin-bottom: 20px !important;
}

.mob_res_8{
   gap: 0px !important;
}

.gallery-frame::before {
    border: 0px solid #fff;
}

}

/* ======================================
   Small Devices (Large Phones)
   576px - 767.98px
====================================== */
@media (min-width: 576px) and (max-width: 767.98px) {

.mob_res_1{
 margin-top: 220px  !important;
}
.mob_res_2{
 height: 130px !important;
}

.mob_res_3{
 margin-top: -5px !important;
}

.mob_res_4{
 padding-top: 15px !important;
padding-bottom: 15px !important;
}

.mob_res_5{
 margin-top: 95px !important;
}

.mob_res_6{
  display: none !important; 
}

.mob_res_7{
 margin-bottom: 20px !important;
}
.mob_res_8{
   gap: 0px !important;
}

.gallery-frame::before {
    border: 0px solid #fff;
}

}

/* ======================================
   Medium Devices (Tablets)
   768px - 991.98px
====================================== */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* ======================================
   Large Devices (Laptops)
   992px - 1199.98px
====================================== */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* ======================================
   Extra Large Devices (Desktops)
   1200px - 1399.98px
====================================== */
@media (min-width: 1200px) and (max-width: 1399.98px) {

}

/* ======================================
   XXL Devices (Large Monitors)
   1400px and above
====================================== */
@media (min-width: 1400px) {

}