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

/* Very Small devices (hp) xs*/
@media (max-width: 767px) {
.section-one{
padding:0px; margin-top:80px;
}
.section-two{
padding:40px 0px 60px; height:auto; text-align:center 
}
.section-two .title{
font-size:22px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-two .description{
padding:0px 0px 20px;
}
.section-two .tentang1{
border-top:solid 15px #f7893a; padding:30px 0px
}
.section-two .tentang1 img, .section-two .tentang2 img, .section-two .tentang3 img{
height:100px
}
.section-two .tentang2{
border-top:solid 15px #cccccc; padding:30px 0px
}
.section-two .tentang3{
border-top:solid 15px #2a2c76; padding:30px 0px
}
.section-two .desc{
text-align:left;
padding:0px;
}
.section-two .desc p{
padding:5px 0px
}
.section-three{
margin-top:px; background:#ccc; padding:40px 0px 40px; height:auto
}
}

/* Small devices (tablets kecil, 768px and up) sm*/
@media(min-width:768px) and (max-width: 991px){
.section-one{
padding:0px
}
.section-two{
padding:40px 0px 60px; height:auto; text-align:center
}
.section-two .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-two .description{
padding:0px 80px 20px;
}
.section-two .tentang1{
border-top:solid 15px #f7893a; padding:30px 0px
}
.section-two .tentang1 img, .section-two .tentang2 img, .section-two .tentang3 img{
height:100px
}
.section-two .tentang2{
border-top:solid 15px #cccccc; padding:30px 0px
}
.section-two .tentang3{
border-top:solid 15px #2a2c76; padding:30px 0px
}
.section-two .desc{
text-align:left;
}
.section-two .desc p{
padding:5px 0px
}
.section-three{
margin-top:px; background:#ccc; padding:40px 0px 40px; height:auto
}
}

/* Medium devices (tablets besar, laptop kecil 991px and up) md*/
@media (min-width:991px) {
.section-one{
padding:0px
}
.section-two{
padding:40px 0px 60px; height:auto; text-align:center
}
.section-two .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-two .description{
padding:0px 140px 20px;
}
.section-two .tentang1{
border-top:solid 15px #f7893a; padding:30px 0px
}
.section-two .tentang1 img, .section-two .tentang2 img, .section-two .tentang3 img{
height:100px
}
.section-two .tentang2{
border-top:solid 15px #cccccc; padding:30px 0px
}
.section-two .tentang3{
border-top:solid 15px #2a2c76; padding:30px 0px
}
.section-two .desc{
text-align:left;
}
.section-two .desc p{
padding:5px 0px
}
.section-three{
margin-top:px; background:#ccc; padding:40px 0px 40px; height:auto
}
}

/* Large devices (pc square dan wide, laptop besar 1200px and up) lg*/
@media (min-width:1200px) {
.section-one{
padding:40px 0px 0px
}
.section-two{
padding:40px 0px 60px; height:auto; text-align:center
}
.section-two .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-two .description{
padding:0px 240px 20px;
}
.section-two .tentang1{
border-top:solid 15px #f7893a; padding:30px 0px
}
.section-two .tentang1 img, .section-two .tentang2 img, .section-two .tentang3 img{
height:100px
}
.section-two .tentang2{
border-top:solid 15px #cccccc; padding:30px 0px
}
.section-two .tentang3{
border-top:solid 15px #2a2c76; padding:30px 0px
}
.section-two .desc{
text-align:left;
}
.section-two .desc p{
padding:5px 0px
}
.section-three{
margin-top:px; background:#ccc; padding:40px 0px 40px; height:auto
}

}

@media (min-width:1400px) {

}