@charset "utf-8";

/*===============================================================================================================   

Author      : Muhammad Febriansyah

Built       : Desember 2016

=============================================================================================================== */



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

    

    /* header

    ================================================================================================================= */
    
    #mainheader{
        padding: 10px 0;
    }
    .main-logo{
        max-width: 110px;
    }
    /* middle homepage

    ================================================================================================================= */
    #middle-content{
        padding-top: 50px;
    }
    .logo-banner{
        margin-top: -20px;
        margin-bottom: -20px;
        padding: 0 4em;
    }
    .right-feature{
        background: none;
    }
    .right-feature .cols2{
        width: 100%;
    }
    .caption-banner h1, .text-features h1,.greenHas {
        font-size: 22px;
    }
    .caption-banner h3{
        font-size: 15px;
    }
    .right-feature .cols2{
        margin-bottom: 30px;
    }
    .title-section p{
        padding: 0 20px;
    }
    .caption_foto h4{
        font-size: 14px;
        margin: 0;
    }
    .img_uninstall{
        padding-right: 3em;
        padding-left: 3em;
    }
    .images_slider{
        height: 455px;
        width: 100%;
        overflow: hidden;
    }
    .images_slider img{
        position: absolute;
        width: 1000px;
        max-width: 1000px;
        margin-left: -500px;
        left: 50%;
        top: 0;
    }
    .abs_box{
        bottom: 30px;
    }
    .box_green h3{
        font-size: 20px;
    }
    .box_green p{
        font-size: 13px;
    }
    .images_jam,.caption_jaminan{
        width: 100%;
        margin-left: 0;
    }
    .row_item a{
        font-size: 14px;
    }
    #cards_rifat .cols2,.text_count{
        width: 100%;
        margin-bottom: 30px;
    }
    #cards_rifat .cols2{
        margin-bottom: 65px;
    }

    .cover-text h2{
        font-size: 18px;
        margin-bottom: 0;
    }
    .play_abs a.trigger_play{
        max-width: 50px;
    }
    .play_abs{
        top: 25%;
    }
    .rifatLabs .bx-wrapper .bx-pager{
        bottom: 10px;
    }
    .rifatLabs .bx-controls,.bx-controls{
        padding-top: 55px;
    }
    #banner_edukasi .cols2, #cards_section .cols2{
        width: 100%;
        margin-bottom: 25px;
    }
    .video_abs{
        width: 100%;
        position: relative;
        padding-left: 2em;
        padding-right: 2em;
        margin-bottom: 30px;
    }
    .macetpotkes .item_card{
        margin-top: 0;
    }
    .box_black_rounded{
        margin-left: 0;
        width: 100%;
        margin-top: 80px;    
    }
    #banner_jempolan .caption-banner{
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        position: relative;
    }
    .thumb_cerita{
        width: 100%;
        margin-left: 0;
        text-align: center;
        display: block;
        max-width: 100%;
    }
    .img_thumb{
        display: inline-block;
    }
    .caption_cerita{
        width: 100%;
        text-align: center;
    }
    .buttonnya{
        text-align: center;
    }
    #jempolan_submit{
        margin-top: 0;
    }
    .klikdetail::before{
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    #banner_jempolan{
        padding-top: 40px;
    }
    .driverJempolan .breadcrumb{
        top: 40px;
    }
    ul.breadcrumb li{
        font-size: 12px;
    }
    #banner_flying_mobile {
        display: block;
    }
    .title_video{
        text-align: center;
    }
    .caption-features{
        padding: 0;
    }
    #bannerjnjo_mobile{display:block;}
    #bannerjnjo_desktop{display:none;}
	/* middle contentpage

    ================================================================================================================= */
   
    /* footer

    ================================================================================================================= */
	.left-footer{
        width: 100%;
        text-align: center;
    }
    .right-footer{
        width: 100%;
        text-align: center;
    }
    .menu-footer{
        text-align: center;
    }
    .menu-footer ul li{
        width: auto;
        padding:10px 20px;
    }
	
	
	
}