.bg_mobile { background-image: url("../img/hero_review.jpg") }
.martop_50 { margin-top: 50px !important; }

/*Intro Text & Search*/
.sub_header.bg_2 { background-position-y:-100px;  }
#intro_txt { padding: 0 60px; display: table; height: 100%; }
#intro_txt .title { display: table-cell; width: 50%; margin-left: 10%; padding: 0 10px; text-align: left; }
#intro_txt h2 { display: inline; }
#intro_txt .search { display: table-cell; width: 50%; padding: 0 10px; margin-top: 35px; }
.search_campus { background-color: unset; width: 80%; }
.search_campus input#email_newsletter { width: 100%; margin: 0; margin-bottom: 10px; }
.search_campus button { width: 100%; margin: 0; }

/*Tabs*/
#tabs { margin-top: 10px; margin-bottom: 10px; }
#tabs .col-sm-3 { padding-top: 25px; padding-left: 0; padding-right: 10px; border-right: 1px solid #BBB; }
#tabs .col-sm-3 .row { border-right: 1px solid #000; }
#tabs .col-sm-9 { padding: 0; padding-left: 10px }
#tabs .col-xs-12 ul p { margin: unset; margin-bottom: 5px; margin-left: 5px; }
#tabs .col-xs-offset-3 { margin-bottom: unset; }
#tabs ul li { margin: 0; width: 25%; }
#tabs ul li a { padding: 5px 0px; width: auto; font-size: 13px; height: unset; background-color: #edeff0; border: 1px solid #ccc; border-radius: 10px; text-align: center; margin: 3px; }
#tabs ul li a.active:not(.disable),#tabs ul li a:not(.disable):hover { background-color: #0F76BB; color: #fff; }
#tabs ul li a.pref.active:not(.disable), #tabs ul li a.pref:not(.disable):hover { background-color: #8dc63f; color: #fff; }

/*warpper majors list */
.wrapper_majors_list { padding-bottom: 10px; }
.wrapper_majors_list, .head_majors_title { border-top-right-radius: 10px; border-top-left-radius: 10px; }
.wrapper_majors_list, .container_button { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.wrapper_majors_list { border: 1px solid #ccc; }
#jurusan_filter { background: #EEE; padding: 4px 10px; border: 1px solid #AAA; border-radius: 10px; width: 100%; display: inline-block; }
#jurusan_filter i { margin-top: 3px; }
.wrapper_majors_content { padding-top: 20px; padding-bottom: 20px; }
.wrapper_majors_content p { margin: unset; font-size: 10px; }
.head_majors_title { height: 200px; padding: unset; background-repeat: no-repeat; background-position-y: 50%; height: 150px; }
.icon_jurusan { height: 140px !important; }
.icon_jurusan img.img-responsive { width:45px;  height:45px; float: left; margin-right: 10px; margin-left: 5px; margin-bottom:15px;}
.icon_jurusan > p {line-height:1.1em;}
.icon_jurusan > hr {clear:both;}
ul.description_title { display: table; width: 100%; margin-top: 5px; padding: 0px; }
ul.description_title li { display: table-cell; list-style: none; text-align: center; border-right: 1px solid #bcbdc0; padding: 0 3px; }
ul.description_title li:last-child { border-right: unset; }
.title_jurusan h3 { color: #fff; margin: 0; margin-bottom: 5px; font-size: 16px; }
.title_jurusan p { color: #bcbdc0; font-size: 12px; padding: 0px; margin-bottom: 10px; }
.title_jurusan p.heading_desc_title { font-size: 10px; margin: 0; white-space: pre; }
.title_jurusan p.data_desc_title { font-size: 12px; margin: 0px; color: #fff; line-height: 13px; }
.title_jurusan p.data_desc_title img { height: 15px; margin-bottom: 3px; pointer-events:none }
.title_jurusan { height: auto; width: 100%; background-color: #353535; }
.title_jurusan .col-xs-12 { padding-top: 10px; }
.title_jurusan .col-xs-12 hr { background-color: #bcbdc0 !important; margin: 0px; }
.title_jurusan .col-xs-3 { margin-top: 5px; }
.title_jurusan .col-xs-3:last-child { border-right: unset !important; }
.view_more_button, .like_button { background-color: #bf1e2e; color: #fff; font-size: 12px; }
.view_more_button { padding: 5px 10px; border-radius: 5px; }
.like_button { padding: 1px 4px; border-radius: 15px; }
.majors_button a:focus, .majors_button a:hover { color: white; background: #555; }
.majors_button a .glyphicon { font-size: 18px; top: 4px; }

#position { background-color: #fff; padding: 10px; border-bottom: 1px solid #bcbdc0; }
#position .container ul li a { font-size: 14px; color: #6d6e71; }
#position .container { padding: 0; }
select#filter_by.form-control { height: 25px !important; padding: 0px !important; font-size: 12px !important; }
#pagination { margin: 20px 0; }
.pagination li span { border-radius: 20px; margin: 5px; }
.pagination li:first-child span { border-radius: unset; border: none; border-right: 1px solid #ccc; }
.pagination li.prev a { border-radius: unset; height: 37px; border: none; border-right: 1px solid #ccc; }
.pagination li.next a { border-radius: unset; height: 37px; border: none; border-right: 1px solid #ccc; }
.pagination li a { border-radius: 20px; margin: 5px; }
.pagination li a:hover { color: #FFF !important; background: #555; }
.pagination li a, .pagination li span { font-size: 15px; padding: 7px 14px; }
#cari-jurusan .col-xs-6 { margin: unset; }
.next a { border-radius: 0 !important; border: unset !important; border-left: 1px solid #ccc !important; }
.popular_jurusan img { width: 60px; height: auto; float: left; margin-right: 10px; }
.popular_jurusan h3 { font-size: 14px; font-weight: bold; margin: 0px; margin-bottom: 5px; }
.popular_jurusan p{ font-size: 10px; }
select.form-control.select2 { padding: unset; }
.col-md-12.clearfix.second { padding: 0; }
.all_list .col-xs-6 { margin-bottom: 15px; padding-right: 5px; padding-left: 5px; }
.list_object { background-color: #58585a; border-radius: 5px; }
.list_object p { color: #fff !important; font-size: 8px; text-align: center !important; }
#content { margin-top: 400px; }

.list_courses_tabs .col-xs-6 { margin: 12px 0 !important; }
.list_courses_tabs h4.title { margin-bottom: 15px; }
footer.front_footer .info ul li a { font-size: 18px; color: #bcbdc0; }
.gray { background-color: #edeff0; }

@media(max-width: 991px){}

@media(max-width: 767px){
	/*Intro Text*/
	.sub_header.bg_2 { background-position-y: unset; }
	#intro_txt { padding: 0 10px; }
	#intro_txt .title { display: table-row; text-align: center; }
	#intro_txt .title h2 { display: inline-block; margin-top: 60px; }
	#intro_txt .title p.sub_heading_hero { margin-bottom: 0; }
	/*Tabs*/
	#tabs ul li { width: 50%; }
	#tabs .col-sm-3 { padding: 0 15px; border-right: none; }
 	.title_jurusan h3 { font-size: 15px; }
}

/*Detail Jurusan*/
.wrapper_content_box.style2 { overflow: visible; margin-bottom: 50px; background: #EEE; border: 1px solid #DDD; border-radius: 10px; }
.wrapper_content_box.style2 .wrapper_content_box_heading_title { text-align: center; background: #BF5812; color: #FFF; position: relative; display: inline-block; left: 50%; min-width: 300px; width: auto; transform: translateX(-50%) translateY(-50%); border-radius: 7px; }
.wrapper_content_box.style2 .wrapper_content_box_heading_title h3 { color: #FFF; font-size: 18px; }
.wrapper_content_box.style2 .wrapper_content_desc { padding: 0px 10px 10px 10px; margin-top: -10px; }
.wrapper_content_box.style2 .wrapper_content_desc p { text-align: justify; }
.wrapper_content_box.style2 .wrapper_content_desc ul.list_order li { padding-top: 5px; margin-bottom: 15px; line-height: 15px; }