@import url(daftarproduct.css);
@import url(daftarnews.css);

.informasiberanda-container {grid-gap:10px;}

.informasiberanda {
     text-align: center;
     color: #A1A1A1;
     text-align: center;
     height: 300px;
     overflow:hidden;
}
.informasiberanda strong {
     margin:10px 0px 5px 0px;
     font-size:20px;
     text-transform:uppercase;
     color: #f60;
     font-weight: 300;
     display: block;
}
.informasiberanda p {
     margin-bottom:10px;
}
.informasiberanda a {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width:100%;
    height: 100%;
    display: grid;
    justify-content: center;
    align-content: center;
    background: rgba(47,41,39,0.75);
    color: white;
    padding: 10px;
}
.informasiberanda a:hover {
    background: rgba(47,41,39,0.9);
}

.informasiberanda img{
     -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
}


.text3  {
     font-size:16px;
     color: white;
     background: #1E1E1E;
     padding: 60px 0px;
     text-align: center;
}
.text3 strong {
     margin:0px;
     clear:both;
     font-size:30px;
}
.text3 p {
     margin:0px;
}
.text3 .hubungikami {
     display:block;
     margin:20px auto;
     color:white;
     padding:20px;
     text-align:center;
     width:200px;
     font-size:18px;
     text-transform:uppercase;
     background: #B92B2B;
}
.hubungikami:hover{
     background:#333;
     color: white;
}





.map {
	position: relative;
	height:300px; overflow:hidden;
	display:block;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.carousel {
     margin-right: auto;
     margin-left: auto;
}

.carousel  div {
	padding: 0px 10px;
	text-align: center;
}



.thumbnailTestimoni {
     object-fit:cover;
     height: 200px;
     width: 200px;
}

.more a {
     display: block;
     color:#333;
     padding: 10px;
     border: 1px solid #d2d2d2;
     width: 200px;
     margin: 20px auto;
     font-size: 13px;
}
.more a:hover {
     background: #333;
     color: white;
}



@media (max-width: 768px){
     .informasiberanda-container {grid-template-columns:1fr;}
     .imageproduk {
         width: 300px;
         height: 300px;
     }
     .tombol-quick-view {
         width: 64px;
     }
}
@media (min-width: 768px)
{
     .informasiberanda-container {grid-template-columns:1fr 1fr 1fr;}

     .product {
         border: 1px solid #f1f1f1;
     }

     .product-relative-container {
         padding: 0px 10px;
         border: none;
         height: 500px;
     }

}
@media (min-width: 992px)
{

}