html, body {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
.card{
    
    border:none;
}

.user-content p{
    margin-top:5px;
    font-size:12px;
}


.ratings i{
    color:#E9724C;
}

.center {
    margin-top: 50px;
    text-align: center;

  }

  .floating {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
   }
   
   .fab-icon {
	margin-top: 16px;
   }

.control-prev{
	z-index: 999 !important;
}
.web-none{
	display: none;
}


.map-container{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
  }
  .map-container iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
  }

  .carousel-item{
	height: 400px;
  }
  .carousel-item > img{
	height: 400px;
  }

@media only screen and (min-width: 2000px) {
	/* for sumo sized (mac) screens */
	.carousel-item{
		height: 400px;
	  }
	  .carousel-item > img{
		height: 400px;
	  }
}

@media only screen and (min-width: 1440px) {
	/* styles for browsers larger than 1440px; */
	.carousel-item{
		height: 400px;
	  }
	  .carousel-item > img{
		height: 400px;
	  }
}
@media only screen and (min-width: 960px) {
	/* styles for browsers larger than 960px; */
	.carousel-item{
		height: 350px;
	  }
	  .carousel-item > img{
		height: 350px;
	  }
}
@media only screen and (device-width: 768px) {
	/* default iPad screens */
	.carousel-item{
		height: 300px;
	  }
	  .carousel-item > img{
		height: 300px;
	  }
 }
@media only screen and (max-device-width: 480px) {
   /* styles for mobile browsers smaller than 480px; (iPhone) */
   .carousel-item{
	height: 300px;
  }
  .carousel-item > img{
	height: 300px;
  }
}

.bg-white {
	background: white;
}

.bg-blue {
	background: #243142;
}

@media (max-width: 900px) {
    .img-kambing  {
        display:hidden !important;
    }
}