@charset "utf-8";

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

Author      : Muhammad Febriansyah

Built       : Desember 2016

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



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

  

    

    /* header

    ================================================================================================================= */
   
    #desktop_menu{
        display: none;
    }
    .menu_mobile{
        display: block;
    }
    /* middle homepage

    ================================================================================================================= */
    .mid-wrapper{
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .only_mobile{
        display: block;
    }
    .only_dekstop2{
        display: none;
    }
    .cols2{
        width: 100%;
    }
    .logo-banner{
        display: block;
        text-align: center;
    }

    .logo-banner img{
        display: inline-block;
    }
    .caption-banner{
        padding: 0;
        text-align: center;
    }
    .text-features{
        padding: 0;
        text-align: center;
    }
    .help_text{
        display: block;
        text-align: center;
        float: inherit;
    }
    .left-feature,.right-feature{
        width: 100%;
    }
    .right-feature .cols2{
        width: 100%;
    }
    .bx-wrapper .bx-pager,.rifatLabs .bx-wrapper .bx-pager{
        bottom: 10px;
    }
    .abs_box,.rifatLabs .abs_box{
        bottom: 50px;
    }
    #cards_rifat .cols2{
        width: 50%;
    }
    .item_card{
        margin-top: 0;
    }
    .text_count h4{
        font-size: 32px;
    }
    .text_count .text_month{
        font-size: 24px;
    }
    #banner_edukasi .cols2,#cards_section .cols2{
        width: 50%;
    }
    #banner_edukasi .cols2 .caption-banner{
        padding-bottom: 30px;
    }
    #cards_section{
        padding-top: 40px;
    }
    .quote_user .user_caption{
        width: 58%;
    }
    #banner_jempolan .caption-banner{
        padding-right: 20px;
    }
    .caption_cerita{
        width: 80%;
    }
    .buttonnya{
        width: 100%;
        padding: 20px 20px 0 20px;
        text-align: right;
    }
    #banner_jempolan .caption-banner{
        position: relative;
        width: 100%;
        padding-right: 3em;
        padding-left: 3em;
        margin-top: -35%;
        margin-bottom: 55px;
    }
    #jempolan_submit{
        margin-top: 0;
    }
    /* popup

    ================================================================================================================= */
    .content-popup {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .popup_content {
        padding: 20px;
    }
    .popup_content h3{
        font-size: 23px;
        text-align: center;
    }
    /* middle contentpage

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

    /* footer

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


}