@media(min-width:1200px) {
    .headslider {height: 528px;}
    .bxslider li {height: 528px;}
    .image-slider img {height: auto;}
    
    .blogz img{height: 220px;}
    
    .hidenimg1{}
    .hidenimg2{display: none;}
    .boxsingel .desbox h4{padding-top: 100px;}
    .boxsingel .imgbox a img{/* height: 570px; */width: 100%;}
    .boxsingel .imgbox{width:  100%;margin: 0px;padding: 0px;/* height: 570px; */overflow:  hidden;}

    .galleryyuka{width:  100%;float:  left;position: relative;height: 1228.19px;}
    .galleryyuka .grid0{width:  100%;overflow:  hidden;float:  left;}
    .galleryyuka h1{padding-left:13%;width:100%;max-width:590px;line-height:1.2;letter-spacing:2px;font-weight:300}
    .galleryyuka .grid1{width:100%;height:290px;overflow:hidden;float:left}
    .galleryyuka .grid1 img{height:290px;min-width:420px}
    .galleryyuka .grid2{width:100%;overflow:hidden;height:567px}
    .galleryyuka .grid2 img{height:567px;min-width:870px}
    .galleryyuka .grid3{height:657px;overflow:hidden}
    .galleryyuka .grid3 img{height:657px;min-width:420px}
    .galleryyuka .grid4{height:338px;overflow:hidden}
    .galleryyuka .grid4 img{height:338px;min-width:420px}
    .galleryyuka .grid5{height:250px;width:425px;overflow:hidden}
    .galleryyuka .grid5 img{height:250px;min-width:425px}
    .galleryyuka .grid6{}
    .galleryyuka .grid6 a:link{font-size:14px;border:1px solid #242424;padding:10px;width:150px;text-align:center;margin-top:25px;color:black}
    .galleryyuka .cols0{padding-top:40px}
    .galleryyuka .cols1{position:absolute;left:899px;top:0}
    .galleryyuka .cols2{position:absolute;left:0;top:146px}
    .galleryyuka .cols3{position:absolute;left:899px;top:324px}
    .galleryyuka .cols4{position:absolute;left:0;top:732px}
    .galleryyuka .cols5{position:absolute;left:449px;top:732px}
    .galleryyuka .cols6{position:absolute;left:449px;top:1040px}
    
    .onlidesktop{max-height: 327px;margin-bottom: 20px;overflow: hidden;float: right;}
    .minhe{height: 100%;}
}
@media(min-width:992px) and (max-width:1199px){
    .headslider {height: 400px;}
    .bxslider li {height: 400px;}
    .image-slider img {height: 400px;width: 100%;}
    
    .blogz img{height: 197px;}
    
    .hidenimg1{}
    .hidenimg2{display: none;}
    .boxsingel .desbox h4{}
    .boxsingel .imgbox a img{/* height: 570px; */width: 100%;}
    .boxsingel .imgbox{width:  100%;margin: 0px;padding: 0px;/* height: 570px; */overflow:  hidden;}

    .galleryyuka{width:  100%;float:  left;position: relative;height: 1228.19px;}
    .galleryyuka .grid0{width:  100%;overflow:  hidden;float:  left;}
    .galleryyuka h1{padding-left:13%;width:100%;max-width:590px;line-height:1.2;letter-spacing:2px;font-weight:300}
    .galleryyuka .grid1{width:100%;height:290px;overflow:hidden;float:left}
    .galleryyuka .grid1 img{height:290px;min-width:420px}
    .galleryyuka .grid2{width:100%;overflow:hidden;height:567px}
    .galleryyuka .grid2 img{height:567px;min-width:870px}
    .galleryyuka .grid3{height:657px;overflow:hidden}
    .galleryyuka .grid3 img{height:657px;min-width:420px}
    .galleryyuka .grid4{height:338px;overflow:hidden}
    .galleryyuka .grid4 img{height:338px;min-width:420px}
    .galleryyuka .grid5{height:250px;width:425px;overflow:hidden}
    .galleryyuka .grid5 img{height:250px;min-width:425px}
    .galleryyuka .grid6{}
    .galleryyuka .grid6 a:link{font-size:14px;border:1px solid #242424;padding:10px;width:150px;text-align:center;margin-top:25px;color:black}
    .galleryyuka .cols0{padding-top:40px}
    .galleryyuka .cols1{position:absolute;left:899px;top:0}
    .galleryyuka .cols2{position:absolute;left:0;top:146px}
    .galleryyuka .cols3{position:absolute;left:899px;top:324px}
    .galleryyuka .cols4{position:absolute;left:0;top:732px}
    .galleryyuka .cols5{position:absolute;left:449px;top:732px}
    .galleryyuka .cols6{position:absolute;left:449px;top:1040px}
    
    
    .onlidesktop{max-height: 327px;margin-bottom: 20px;overflow: hidden;float: right;}
    .minhe{height: 100%;}
}
@media(min-width:766px) and (max-width:991px){
    .headslider {height: 370px;}
    .bxslider li {height: 370px;}
    .image-slider img {height: 370px;width: 100%;}
    
    .blogz img{height: 150px;}
    
    .hidenimg1{}
    .hidenimg2{display: none;}
    .boxsingel .desbox h4{}
    .boxsingel .imgbox a img{height: auto;width: 100%;}
    .boxsingel .imgbox{width:  100%;margin: 0px;padding: 0px;/* height: 570px; */overflow:  hidden;}
    
    .galleryyuka{width:  100%;float:  left;position: relative;height: 1228.19px;}
    .galleryyuka .grid0{width:  100%;overflow:  hidden;float:  left;}
    .galleryyuka h1{padding-left:13%;width:100%;max-width:590px;line-height:1.2;letter-spacing:2px;font-weight:300}
    .galleryyuka .grid1{width:100%;height:290px;overflow:hidden;float:left}
    .galleryyuka .grid1 img{height:290px;min-width:420px}
    .galleryyuka .grid2{width:100%;overflow:hidden;height:567px}
    .galleryyuka .grid2 img{height:567px;min-width:870px}
    .galleryyuka .grid3{height:657px;overflow:hidden}
    .galleryyuka .grid3 img{height:657px;min-width:420px}
    .galleryyuka .grid4{height:338px;overflow:hidden}
    .galleryyuka .grid4 img{height:338px;min-width:420px}
    .galleryyuka .grid5{height:250px;width:425px;overflow:hidden}
    .galleryyuka .grid5 img{height:250px;min-width:425px}
    .galleryyuka .grid6{}
    .galleryyuka .grid6 a:link{font-size:14px;border:1px solid #242424;padding:10px;width:150px;text-align:center;margin-top:25px;color:black}
    .galleryyuka .cols0{padding-top:40px}
    .galleryyuka .cols1{position:absolute;left:899px;top:0}
    .galleryyuka .cols2{position:absolute;left:0;top:146px}
    .galleryyuka .cols3{position:absolute;left:899px;top:324px}
    .galleryyuka .cols4{position:absolute;left:0;top:732px}
    .galleryyuka .cols5{position:absolute;left:449px;top:732px}
    .galleryyuka .cols6{position:absolute;left:449px;top:1040px}
    
    
    .onlidesktop{max-height: 327px;margin-bottom: 20px;overflow: hidden;float: right;}
    .minhe{height: 100%;}
}
@media(min-width:480px) and (max-width:765px){
    .headslider {height: 300px;}
    .bxslider li {height: 300px;}
    .image-slider img {height: 300px;width: 100%;}
    
    .blogz img{height: 328px;}
    
    .hidenimg1{}
    .hidenimg2{}
    .boxsingel .desbox h4{}
    .boxsingel .imgbox a img{height: auto;width: 100%;}
    .boxsingel .imgbox{width:  100%;margin: 0px;padding: 0px;/* height: 570px; */overflow:  hidden;}
    
    .galleryyuka{width:  100%;float:  left;position: relative;height: 1228.19px;}
    .galleryyuka .grid0{width:  100%;overflow:  hidden;float:  left;}
    .galleryyuka h1{/* padding-left:13%; */width:100%;max-width:590px;line-height:1.2;letter-spacing:2px;font-weight:300;}
    .galleryyuka .grid1{width:100%;height: 240px;overflow:hidden;float:left;}
    .galleryyuka .grid1 img{height: 240px;/* min-width: 173px; */width: 100%;}
    .galleryyuka .grid2{width:100%;overflow:hidden;height: 160px;}
    .galleryyuka .grid2 img{width: 100%;min-height: 160px;}
    .galleryyuka .grid3{/* height: 327px; */height: 160px;overflow:hidden;}
    .galleryyuka .grid3 img{min-height: 160px;width: 100%;}
    .galleryyuka .grid4{height: 160px;overflow:hidden;margin-top: 6px;}
    .galleryyuka .grid4 img{min-height: 160px;width: 100%;}
    .galleryyuka .grid5{height: 160px;/* width:425px; */overflow:hidden;}
    .galleryyuka .grid5 img{min-height: 160px;width: 100%;}
    .galleryyuka .grid6{margin-top: 20px;margin-left: 13px;align-items:  center;    text-align:  center;}
    .galleryyuka .grid6 a:link{font-size:14px;border:1px solid #242424;padding: 10px;width:150px;text-align:center;margin-top: 27px;color:black;}
    .galleryyuka .cols0{padding-top: 40px;}
    .galleryyuka .cols1{/* position:absolute; *//* left:899px; *//* top: 250px; */}
    .galleryyuka .cols2{/* position:absolute; *//* left:0; *//* top: 100px; */margin-top: 10px;padding-right: 3px;}
    .galleryyuka .cols3{/* position:absolute; *//* left:899px; *//* top: 250px; *//* float:  left; */padding-left: 3px;padding-top: 10px;}
    .galleryyuka .cols4{/* position:absolute; *//* left:0; *//* top: 157px; */padding-right: 3px;}
    .galleryyuka .cols5{padding-left: 3px;margin-top: 6px;}
    .galleryyuka .cols6{/* position:absolute; *//* left:449px; *//* top: 272px; *//* display:  none; */float: left;padding-left: 3px;}
    
    
    .minhe{height: 100%;}
}
@media(max-width:479px){
    .headslider {height: 167px;}
    .bxslider li {height: 167px;}
    .image-slider img {height: 167px;width: 100%;}
    
    .blogz img{height: 200px;}
    
    .hidenimg1{display: none;}
    .hidenimg2{}
    .boxsingel .desbox h4{}
    .boxsingel .imgbox a img{/* height: 570px; */width: 100%;height: auto;}
    .boxsingel .imgbox{width:  100%;margin: 0px;padding: 0px;/* height: 570px; */overflow:  hidden;}
    
    .galleryyuka{width:  100%;float:  left;position: relative;height: 1228.19px;}
    .galleryyuka .grid0{width:  100%;overflow:  hidden;float:  left;}
    .galleryyuka h1{/* padding-left:13%; */width:100%;max-width:590px;line-height:1.2;letter-spacing:2px;font-weight:300;}
    .galleryyuka .grid1{width:100%;height: 240px;overflow:hidden;float:left;}
    .galleryyuka .grid1 img{height: 240px;/* min-width: 173px; */width: 100%;}
    .galleryyuka .grid2{width:100%;height: 135px;overflow:hidden;}
    .galleryyuka .grid2 img{width: 100%;min-height: 133px;}
    .galleryyuka .grid3{/* height: 327px; */height: 135px;overflow:hidden;}
    .galleryyuka .grid3 img{min-height: 135px;width: 100%;}
    .galleryyuka .grid4{height: 135px;overflow:hidden;margin-top: 6px;}
    .galleryyuka .grid4 img{min-height: 135px;width: 100%;}
    .galleryyuka .grid5{height: 135px;/* width:425px; */overflow:hidden;}
    .galleryyuka .grid5 img{min-height: 135px;width: 100%;margin-right: 0px;}
    .galleryyuka .grid6{margin-top: 20px;margin-left: 13px;align-items:  center;    text-align:  center;}
    .galleryyuka .grid6 a:link{font-size:14px;border:1px solid #242424;padding: 10px;width:150px;text-align:center;margin-top: 27px;color:black;}
    .galleryyuka .cols0{padding-top: 40px;}
    .galleryyuka .cols1{/* position:absolute; *//* left:899px; *//* top: 250px; */}
    .galleryyuka .cols2{/* position:absolute; *//* left:0; *//* top: 100px; */margin-top: 10px;padding-right: 3px;}
    .galleryyuka .cols3{/* position:absolute; *//* left:899px; *//* top: 250px; *//* float:  left; */padding-left: 3px;padding-top: 10px;}
    .galleryyuka .cols4{/* position:absolute; *//* left:0; *//* top: 157px; */padding-right: 3px;}
    .galleryyuka .cols5{padding-left: 3px;height: 133px;overflow: hidden;margin-top: 6px;}
    .galleryyuka .cols6{/* position:absolute; *//* left:449px; *//* top: 272px; *//* display:  none; */float: left;padding-left: 3px;}
    
    
    .minhe{height: 100%;}
}




#browse-category-container {
    /*background-color: #fff;*/
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
}
select.sortzz{
    padding: 7px 7px 7px 10px;
    margin-bottom: 2px;
    min-width: 110px;
    color: #444;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
}




.nopadding{padding: 0px;}
.nomargin{margin: 0px;}
h1.collection-title1{
    font-weight: 300;
    letter-spacing: 5px;
}
.boxcoll{
    width:  100%;
    float:  left;
    margin-top: 20px;
    background: #efeeef;
}
.boxsingel{
    float:  left;
    width: 100%;
}
.boxsingel .imgbox{
    /* width:  100%; */
    margin: 0px;
    padding: 0px;
    /* height: 570px; */
    overflow:  hidden;
}
.pembatas{
    width: 40px;
    /* margin-left: 7%; */
    float: left;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    background-color: #242424;
    height: 1px;
}
.boxsingel .imgbox a:link{}
.boxsingel .imgbox a img{
    /* width: 100%; */
    /* height: 570px; */
}
.boxsingel .desbox{
    margin-left: 20px;
    margin-right: 20px;
}
.boxsingel .desbox h2{
    line-height: 1.1;
    color: black;
    font-size: 30px;
    margin: 0;
    font-family: lato,"Source Sans Pro",sans-serif;
    letter-spacing: 3px;
    font-weight: 300;
}
.boxsingel .desbox h4{
    font-size: 10px;
    margin: 0;
    /* padding-top: 100px; */
    text-align: left;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
.boxsingel .desbox .deskrip{
    letter-spacing: 2px;
    line-height: 1.8;
    color: #333;
    font-family: lato,'Source Sans Pro',sans-serif;
    font-size: 17px;
    font-weight: 400;
    float:  left;
}
.boxsingel .desbox a:link{padding-bottom: 50px;padding-top: 50px;color: #242424;}
.boxsingel .desbox a.more{
    padding-bottom: 50px;
    padding-top: 50px;
    color: #242424;
    float:  left;
}




#browse-category-container {
    /*background-color: #ef0534;*/
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
}
select.sortzz{
    padding: 7px 7px 7px 10px;
    margin-bottom: 2px;
    min-width: 110px;
    color: #444;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
}




.bahasa{
    margin-top: 20px;
    width: 90%;
    float: left;
}
.bahasa select{
    color: black;
    font-size: 12px;
    padding: 10px;
    width: 100%;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border: 1px solid #e8e8e8;
}
.bahasa select option{
    color: black;
}