.logo-to-sm{height: auto; width: 137px;}
@media (min-width: 1199px) {
.med_cek:after {content:"@media (max-width: 1199px)";}
.menu_user { display: none; } 
}

@media (min-width: 992px) and (max-width: 1199px) {
.med_cek:after {content:"@media (min-width: 992px) and (max-width: 1199px)";}
.login_ic{ display: none;  }
.menu_user { display: none; } 
}

@media screen and (max-width:400px) {
.med_cek:after {content:"@media (max-width: 991px)";}

}

@media (max-width: 991px) { 
.med_cek:after {content:"@media (max-width: 991px)";}

}

@media (min-width: 768px) and (max-width: 991px) {
.med_cek:after {content:"@media (min-width: 768px) and (max-width: 991px)";}

}

@media (max-width: 767px) {
.med_cek:after {content:"@media (max-width: 767px)";}
#logo img { height: 60px; } 
#public_header {display: none;}
#logo {height: auto;}
#primary-menu-trigger {top: 6px; color: #223e83; font-size: 23px; }
.title_apps {display: none;}
.angle { transform: none;  left: 44%; }
.swiper_wrapper .slider-caption h2 { font-size: 20px; }
.slider-arrow-right {  right: 94px; }
.wrap_article .content_article h2 {font-size: 20px;}
.wrap_article { height: 400px; margin-bottom: 30px;}
.heading_section h2 { font-size: 30px; line-height: normal;}
.app_guide_wrap ul li h3{ font-size: 20px; }
.sidebar_menu_nav { display: none; }
.content_container{ padding-left: 0; }
.private_page_content { margin-left: 0; }
.private_page_content { min-width: 100%; }
#content .container { padding-left:  15px !important; padding-right: 15px  !important; }
#page-title h1 { font-size: 14px; text-align: center; display: block; }
#page-title.page-title-right .breadcrumb { left: auto !important; right: auto !important; }
#page-title .breadcrumb { margin: 3px 0 0 !important; }
.heading_section h2 { font-size: 22px; line-height: normal; }
#header-wrap { z-index: 1; }
#primary-menu-trigger { left: 85% !important;}
 }

 @media (min-width: 480px) and (max-width: 767px) {
.med_cek:after {content:" @media (min-width: 480px) and (max-width: 767px)";}


@media (max-width: 377px) {
.med_cek:after {content:"@media (max-width: 377)";}
}


@media (max-width: 390px) { 
.med_cek:after {content:"@media (max-width: 390px)";}}


@media (max-width: 299px) { 
.med_cek:after { content:"@media(max-width: 299px) ";}
}