@import url(daftarproduct.css);
@import url(daftarnews.css);
@media (max-width: 360px) {
    .banner-container {
        width: 340px;
    }
}
.hotitem {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap:5px;
    padding: 10px;
}
.hotitem a {
    color: white;
}
.hotitem strong {
    font-weight: 300;
    font-size: 18px;
}
.hotitem .price {
    color:white;
    font-weight: bold;
}
#hotitem {
    background: #303030;
}
.productcategories-container {
    background: #303030;
}

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

.informasiberanda {
    grid-template-columns: 1fr 1fr;
    grid-gap:10px;
    background: #171717;
    padding: 15px;
}
.informasiberanda strong {
    font-weight: 300;
    font-size: 25px;
}
.informasiberanda a {
    color: white;
    text-decoration: underline;
}
#popularcategori div {
    padding: 15px;
    color: white;
    background: white;
    text-align: center;
}
#popularcategori a {
    color: #333;
}


.text3  {
     font-size:16px;
     color: white;
     background: #303030;
     padding: 60px 0px;
     text-align: center;
     margin: 20px 0px;
}
.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: #EB5037;
     border-radius: 35px;
}
.text3 .hubungikami:hover{
     background:#aa311e;
     color: white;

}

.more a {
     display: block;
     color:white;
     padding: 10px;
     background: #EB5037;
     width: 200px;
     margin: 0px auto;
     border-radius: 25px;
}
.more a:hover {
     background: #aa311e;
     color: white;
}


#testimoni div {
    text-align: center;
    padding: 0px 10px;
}
#testimoni img {
    border-radius: 100px;
    overflow: hidden;
    height: 100px;
    width:100px;
}

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

@media (max-width: 740px){

}
@media (min-width: 741px){
    .informasiberanda-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 992px){
    .product  {grid-template-columns:1fr 1fr 1fr 1fr;}
}