@media (min-width: 768px) and (max-width: 1112px) and (orientation: landscape) {
  .homepage-slider {
    max-width: 1112px !important;
  }
}

@media (min-width: 768px) and (max-width: 1112px) and (orientation: portrait) {

  .homepage-slider {
      margin-top: 10px !important;
  }
  .homepage-slider-footer {
    height:10px !important;
    background-color: #e4e4e4;
  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation: portrait){
  .homepage-slider {
    margin-top: 0px !important;
  }

  .homepage-slider-footer {
    height:10px !important;
    background-color: #e4e4e4;
  }
}

.homepage-slider {
  padding-bottom: 0px !important;
  max-width: 1024px;
}

.homepage-slider-bg {
  background-image: url('../../../../images/slider-bg.jpg');
  background-repeat: round;
  -webkit-mask-repeat-x: round;
  width: 100%;
}

.homepage-slider .swiper-slide img {
  padding:0px !important; 
  padding:2px;
  width: 100%;
  height: auto;
  display: block;
}

.homepage-slider .swiper-slide{
  border-radius: 0px;
}

.swiper-container .swiper-slide{
	border: 0px;
  margin-top: 0px !important;

}

.frontheader .front-header-logo-new{
  /*max-width: 150px;*/
  max-height: 90px;
  /*position: absolute;*/
  left: 5px;
  bottom: 0;
  align-items: center;
  /*margin-top: 15px;*/
}

/*Css for column divider | I have commented out the flex Css to add grid. revert it back if you want to automatically add the rows*/
.coll-2 {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*gap: 5px; !* Adjust spacing *!*/
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.coll-2 li {
  /*width: 50%;*/
  /*list-style: none;*/
  list-style: none;
}