#home {
   width: 100%;
   height: auto;
   padding: 0 0.5rem;
}

#banner-slide {
   height: 13rem;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 15px;
   overflow: hidden;
}

.bann-slide {
   display: flex;
   justify-content: center;
   align-items: center;
   object-fit: contain;
   object-position: center;

   img {
      width: 100%;
   }
}

@media screen and (min-width: 768px) {
   #banner-slide {
      height: 22rem;
   }
}

@media screen and (min-width: 1200px) {
	/* FOR NORMAL LAPTOP*/
   #banner-slide {
      height: 85vh;
   }
}

@media screen and (min-width: 1536px) {
	/* FOR EXTRA LARGE LAPTOP*/
   #banner-slide {
      height: 80vh;
   }
}