@charset "utf-8";
/* CSS Document */

/*santoz*/
.width-float{width: 60%;float: left;}
.width-float2{font-size:12px; width: 40%;float: left;padding: 40px;transform: translateY(50%);}
.pi-slider-pagination{display:none;}
.title-collection{font-size:20px; text-align:center; color:#666; margin-top:20px;}

.btm-border{border-bottom:1px solid #CCCCCC;}
.font-basker{font-family: 'Libre Baskerville', serif; color:#666;}
.text-alignok{text-align: right;}
.width50persen{width:40%;}


@media screen and (max-width: 400px) {
   
  /*santoz*/
.width-float{width: 100%;float: none;}
.width-float2{font-size:9px; width: 100%;float: none; padding: 0px;transform: none;}
.text-alignok{text-align: center;}
.width50persen{width:100%;}
.tp-banner-container{ display:none !important;}
}

@media (max-width: 319px) {
 
  /*santoz*/
.width-float{width: 100%;float: none;}
.width-float2{font-size:9px; width: 100%;float: none; padding: 0px;transform: none;}
.text-alignok{text-align: center;}
.float-leftok{text-align: center;}
.width50persen{width:100%;}
.tp-banner-container{ display:none !important;}

}

@media (min-width: 320px) and (max-width: 479px) {
 /*santoz*/
.width-float{width: 100%;float: none;}
.width-float2{font-size:10px; width: 100%;float: none; padding: 0px;transform: none;}
.float-leftok{text-align: center;}
.text-alignok{text-align: center;}
.width50persen{width:100%;}
.tp-banner-container{ display:none !important;}
}



@media (min-width: 480px) and (max-width: 767px) {
.width-float{width: 100%;float: none;}
.width-float2{font-size:12px; width: 100%;float: none; padding: 0px;transform: none;}
.float-leftok{text-align: center;}
.text-alignok{text-align: center;}
.width50persen{width:100% !important;}
}


@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1119px) {

}

@media (min-width: 1120px) {

}

@media (max-width: 319px) {

}

@media (max-width: 479px) {

}

@media (max-width: 767px) {

}

@media (max-width: 991px) {

}

@media (max-width: 1119px) {

}