@charset "utf-8";

@media all and (max-width:767px){

    

    /* header

    ================================================================================================================= */
    
    /* middle homepage

    ================================================================================================================= */
    .wrapper, .mid-wrapper,.inner_page{
        padding-left: 15px;
        padding-right: 15px;
    }
    #mainheader.fixNav,#mainheader{
        padding: 15px 0;
    }

    #mainheader .cols2,.banner_home_slider .cols2{
        padding-right: 0;
        padding-left: 0;
        
    }
    #mainheader .cols2{
        width: 50%;
    }
    .mobile_trigger{
        max-width: 30px;
    }
    .lang_c{
        padding-top: 0;
    }
	/* middle contentpage

    ================================================================================================================= */
   .row-list{
        margin-right: 0;
        margin-left: 0;
   }
   .homePage{
    padding-top: 50px;
   }
   .caption_home_banner h3{
    font-size: 20px;
   }
   .caption_home_banner p {
        font-size: 15px;
        line-height: 25px;
    }
    .banner_home_slider .owl-dots{
        bottom: inherit;
        top: 370px;
    }
    .caption_jadwal p {
        font-size: 12px;
        line-height: 17px;
    }
    .left_box_coklat {
        width: 35%;
    }
    .right_box_coklat {
        width: 61%;
    }
    #about_home{
        padding-top: 20px;
    }
    .title_section h3{
        font-size: 34px;
    }
    .title_section h3:before,.title_section h3:after{
        top: 16px;
    }
    .cols2{
        width: 100%;
    }
    .section_service,.list_video_small{
        padding-bottom: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .section_service .row-list,.list_video_small .row-list{
        white-space: nowrap;
        overflow-x: scroll;
    }
    .section_service .row-list .cols4,
    .list_video_small .row-list .cols3{
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-left: 9px;
        margin-right: 8px;
        width: 212px;
        overflow: hidden;
        background-color: #FFF;
        float: inherit;
    }
    .caption_video p{
        white-space: normal;
    }
    .section_service_list .img_service_list,.section_service_list .caption_img_serivce{
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0;
    }
    .section_service_list .caption_img_serivce h3{
        margin: 0;
    }
    .cols3{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .caption_foto,.gallery_foto{
        width: 100%;
        margin-bottom: 15px;
    }
    .gallery_foto > .row-list > .cols2{
        margin-bottom: 15px;
    }
    .small_foto_list .row-list .cols2{
        width: 50%;
    }
    .section_jadwal .inner_wrap{
        padding-left: 0;
        padding-right: 0;
    }
    .day_table{
        width: 100%;
        margin-bottom: 10px;
    }
    .jadwal_list_table{
        width: 100%;
    }
    .rows_table{
        margin-bottom: 10px;
    }
    #kontak_home{
        padding-top: 150px;
    }
    .tabs_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: hidden;
        width: 100%;
        list-style-type: none;
        padding: 0px;   
    }
    .tabs_menu a{
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }
    .tabs_menutahun {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: hidden;
        width: 100%;
        list-style-type: none;
        padding: 0px;   
    }
    .tabs_menutahun a{
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }
    .banner_home_slider .cols2 .img_slider{
        height: 400px;
    }
    .hari_jadwal h3{
        font-size: 17px;
    }
    .hari_jadwal span{
        font-size: 12px;
    }
    #gallery_foto_home .tabs_content .tabs_menu_gallery{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: hidden;
        width: 100%;
        list-style-type: none;
        padding: 0px;
    }
    #gallery_foto_home .tabs_content .tabs_menu_gallery a{
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }
    /* footer
    ================================================================================================================= */
	
	
	
	
}