.banner_text_iner p { font-size: 18px; }
.pre-line { white-space: pre-line; }
.feature_part .single_feature_part { margin-bottom: 15px; }
.me-box-layanan-desc { height: 105px; overflow: hidden; }

.me-banner_part { height: 660px; position: relative; overflow: hidden; background-image: url(../img/banner_bg.png); background-repeat: no-repeat; background-size: 68%; background-position: top right; }
.me-banner_part .container { margin-top: 150px; }
.me-banner_part .banner_text { display: table; width: 100%; /*height: 880px;*/ }
.me-banner_part .banner_text .banner_text_iner { display: table-cell; vertical-align: middle; }
.me-banner_part .banner_text h5 { font-size: 14px; text-transform: uppercase; font-weight: 500; color: #556172; margin-bottom: 14px; }
.me-banner_part .banner_text h1 { font-size: 55px; text-transform: capitalize; font-weight: 700; margin-bottom: 27px; line-height: 1.18; }
.me-banner_part .banner_text h1 span { color: #ff663b; }
.me-banner_part .banner_text p { font-size: 15px; line-height: 1.8; font-family: "Roboto", sans-serif; color: #777777; }
.me-banner_part .banner_text .btn_1 { box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15); margin-top: 50px; padding: 13.5px 45px; }
.me-banner_part .banner_text .btn_2 { margin-top: 50px; padding: 13px 46px; margin-left: 10px; }

@media (max-width: 640px)  { 
    .me-banner_part { height: 560px; }
    .me-banner_part .container { margin-top: 90px; }
    .me-banner_part .banner_text .banner_text_iner { vertical-align: bottom; }
    .me-banner_part .banner_text { text-align: center; padding-top: 25px; /*height: 700px;*/ }
    .me-banner_part .banner_text h1 { font-size: 25px; margin-bottom: 15px; line-height: 1.3; }
    .me-banner_part .banner_text h5 { font-size: 10px; }
    .me-banner_part .banner_text p { font-size: 12px; }
    .me-banner_part .banner_text .btn_1 { margin-top: 20px; margin-bottom: 70px; padding: 10px 25px; }
    .me-banner_part .banner_text .btn_2 { margin-top: 20px; margin-bottom: 40px; padding: 10px 25px; }
}

.me-learning_img { bottom: -150px !important; }
.me-kita-peduli { margin-bottom: 100px; }
.me-keunggulan-box { width: 20%; position: relative; padding-left: 15px; padding-right: 15px }
.me-list-materi { min-height: 140px; }
.me-list-materi-quranicclass { min-height: 200px; }
@media (max-width: 640px)  { 
    .me-menu-account a { margin-left: 13px !important; margin-top: 0; width: 100%; text-align: center; margin-bottom: 15px; }
    .me-menu-account { width: 100%; }
    .me-learning_img { bottom: 0px !important; }
    .me-kenapa-ayongaji .single_feature_part { height: 190px; }
    .me-kenapa-ayongaji .single_feature_part h4 { font-size: 12px; line-height: 16px; }
    .me-kita-peduli { margin-bottom: 0px; padding-bottom: 0px !important; }
    .me-mobile-app { padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .me-feature { padding: 0 !important; }
    .me-feature-icon { padding: 20px !important; }
    .learning_part .learning_member_text h2 { font-size: 24px; }
    .feature_part .single_feature_part { margin-bottom: 0px; }
    .single_feature_text  { text-align: center; }
    .contact-section.section_padding { margin-top: 50px; }

    .me-privat-title { padding: 0 !important; }
    .me-privat-title h3 { font-size: 18px; }
    .me-keunggulan-box { width: 50%; margin-bottom: 0px !important; }
    .me-keunggulan-box .single_feature_part { height: 230px; }
    .me-box-kurikulum { margin-bottom: 0 !important; }
    .me-list-materi { min-height: auto; }
    .me-no-mb-mobile { margin-bottom: 0 !important; }
    .me-no-py-mobile { padding: 0 !important; }
    .me-no-pb-mobile { padding-bottom: 0 !important; }
    .me-list-materi-quranicclass { min-height: auto; }

    .me-mt-mob { margin-top: 50px; }
    .me-subtitle-kelas { padding: 0 !important; }
    .me-subtitle-kelas h3 { font-size: 18px; }

    .me-list label { margin-bottom: 0; font-weight: bold; }
    .me-list .row { margin-bottom: 10px; }
}

.me-scroll::-webkit-scrollbar { width: 3px; }
.me-scroll::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; }
.me-scroll::-webkit-scrollbar-thumb { background: #a50129; border-radius: 10px; }
.me-scroll::-webkit-scrollbar-thumb:hover { background: #b30000; }

.me-banner-bg { background-size: cover; height: 200px; color: #FFF; text-align: center; padding-top: 50px; font-size: 24px; font-weight: 500; }
.me-banner-bg img { width: 50px; }
.me-box { border: 1px solid rgba(0,0,0,.125); border-radius: 25px; padding: 15px; }
.me-photo { overflow: hidden; border-radius: 130px; border: 5px solid #ffb203; }
.me-menu li a { color: #b60029; }
.me-bg { background-color: #b60029; }

.me-fab { width: 180px; position: fixed; right: 10px; bottom: 10px; }
.me-fab .fab-icon { width: 50px; height: 50px; overflow: hidden; border-radius: 25px; }
.me-fab a { display: inline-flex; }
.me-fab a span { background: #1bd741; color: #FFF; height: 30px; padding: 5px 15px; margin-top: 10px; margin-right: -15px; border-radius: 15px; }

@media (max-width: 640px)  { 
    .me-fab a span { display: none; }
    .me-fab { width: 50px; }
}