@media (min-width: 1199px) {
	.med_cek:after { content:"@media (max-width: 1199px)"; }
	.main_title.review {margin-right: 15px;}
	.col_20 {position:relative; float:left; min-height:1px; width:20%; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.med_cek:after { content:"@media (min-width: 992px) and (max-width: 1199px)"; }
	.main_title.review {margin-right: 15px;}
	.col_20 {position:relative; float:left; min-height:1px; width:20%; }
}

@media (max-width: 991px) { 
	.med_cek:after {content:"@media (max-width: 991px)";}
	.bar-container { margin-bottom: 20px }
}

@media (min-width: 768px) and (max-width: 991px) {
	.med_cek:after {content:"@media (min-width: 768px) and (max-width: 991px)";}
	#hero_video div {display: block;  padding: 0;}
	#hero_video {padding-top: 60px;}
	#submit-newsletter.button {width:100%;}
	#hero_video #intro_txt h1 {display: none;}
	input.form-control#email_newsletter {width:100%;}
	.home_feat_1_box { height: auto !important; }
	.home_feat_1_box { margin-bottom: 0; }
	.main_title h2 { font-size: 25px;}
	.main_title { margin-bottom: 10px; }
	.main_title p { font-size: 18px;}
	.list_news_tabs .col-md-4 {margin-bottom: 20px;}
	.star-ratings-sprite {margin:0px auto; margin-bottom: 15px;}
	.wrapper_button { opacity: 1; }
	ul.info_detail li:last-child {float:left;}
	span.count {margin-left: 0; margin-top:10px;}
	.container_content_post h2 a {font-size: 16px;}
	.post-left ul li {font-size: 12px; }
	ul.tag_breadcrumb { text-align: center; }
	ul.social_team {text-align: center; }
	.post_related {margin-bottom: 20px;}
	.course_list_desc h3 small {display: none;}
	.main_title.review {margin-right: 15px;}
	.col_20 {position:relative; float:left; min-height:1px; width:20%; }
}


@media (max-width: 767px) {
	.med_cek:after { content:"@media (max-width: 767px)";}
	#hero_video div {display: block;  padding: 0;}
	#hero_video {padding-top: 60px;}
	#submit-newsletter.button {width:100%;}
	#hero_video #intro_txt h1 {display: none;}
	input.form-control#email_newsletter {width:100%;}
	.home_feat_1_box { height: auto !important; }
	.home_feat_1_box { margin-bottom: 0; }
	.main_title h2 { font-size: 25px;}
	.main_title { margin-bottom: 10px; }
	.main_title p { font-size: 18px;}
	.list_news_tabs .col-md-4 {margin-bottom: 20px;}
	.star-ratings-sprite {margin:0px auto; margin-bottom: 15px;}
	.wrapper_button { opacity: 1; }
	ul.info_detail li:last-child {float:left;}
	span.count {margin-left: 0; margin-top:10px;}
	.container_content_post h2 a {font-size: 16px;}
	.post-left ul li {font-size: 12px; }
	ul.tag_breadcrumb { text-align: center; }
	ul.social_team {text-align: center; }
	.post_related {margin-bottom: 20px;}
	.course_list_desc h3 small {display: none;}
	.tabs.preview { overflow: hidden;}
	#progressbar li {width: 40px; float: left; height: 20px;}
	#msform .action-button { width: 90%; margin-top: 15px; padding: 10px; }
	.marbot_30 {margin-bottom: 15px;} 
	.heding_title p {font-size: 16px; padding-left: 10px; padding-right: 10px; }
	.heding_title h2 {font-size: 20px; padding-top: 15px;}
	#msform fieldset { padding:0; }
	.martop_8 { margin-top: 0px; margin-bottom: 20px; font-size: 16px; }
	.skillbar {height:20px;}
	.skillbar-title span {line-height:normal; height:20px; font-size: 16px;}
	.skillbar-bar {height: 20px;}
	.skill-bar-percent {line-height:normal;}
	#choose_input input.radio:empty ~ label:before {  width: 2em;}
	#input_custom label { font-size: 15px;}
	.question_mod2 { padding: 15px 0 0 0; font-size: 18px;}
	.heading_step h2 {padding: 30px 0 0 0; margin: 0; font-size: 24px;}
	.segmented-control > label:after, .segmented-control > label { font-size: 11.5px; }
	.bar-percentage { margin-right: 0; font-size: 14px; width: 12%; }
	#timeline .timeline-item .timeline-content.right {margin-left: 29px;}
	#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {border-right: 7px solid #F1F4F9;}
	.tabs-style-linemove nav {padding: 10px;}
	.wrapper_passion { margin-bottom: 20px; }
	#cari-jurusan .col-md-4 { width: 100%;  margin-bottom: 60px;}
	#cari-profesi .col-md-4 { width: 100%;  margin-bottom: 60px;}
}

@media (max-width: 600px){
	/*campus Detail*/
	ul.info_detail li.questions {float: left !important; margin-bottom: -10px}
	ul.info_detail li.share {float: left !important;margin-bottom: 20px};	
	#progressbar li {width: 40px; float: left; height: 20px;}
	#msform .action-button { width: 90%; margin-top: 15px; padding: 10px; }
	.marbot_30 { margin-bottom: 15px; } 
	.heding_title p { font-size: 16px; padding-left: 10px; padding-right: 10px; }
	.heding_title h2 { font-size: 20px; padding-top: 15px; }
	#msform fieldset { padding:0; }
	.martop_8 { margin-top: 0px; margin-bottom: 20px; font-size: 16px; }
	.skillbar {height:20px;}
	.skillbar-title span {line-height:normal; height:20px; font-size: 16px;}
	.skillbar-bar { height: 20px; }
	.skill-bar-percent {line-height:normal;}
	#choose_input input.radio:empty ~ label:before {width: 2em;}
	#input_custom label { font-size: 15px;}
	.question_mod2 { padding: 15px 0 0 0; font-size: 18px;}
	.heading_step h2 {padding: 30px 0 0 0; margin: 0; font-size: 24px;}
	.segmented-control > label:after, .segmented-control > label { font-size: 11.5px; }
	.bar-percentage { margin-right: 0; font-size: 14px; }
	#timeline .timeline-item .timeline-content.right {  margin-left: 29px; }
	#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {border-right: 7px solid #F1F4F9;}
	.wrapper_passion { margin-bottom: 20px; }
	#cari-jurusan .col-md-4 { width: 100%;  margin-bottom: 60px;}
}

@media (min-width: 480px) and (max-width: 767px) {
	.med_cek:after { content:"@media (min-width: 480px) and (max-width: 767px)";}
	span.count { margin-left: 0; margin-top: 3px; }
	#infographic .col-md-3 {width:50%; float: left;}
	.list_courses_tabs h2 {  padding: 10px 0 10px 0; }
	/*#blog-list .col-md-8 {width:50%; float:left;}
	#blog-list .col-md-4 {width:50%; float:left;}*/
	.container_content_post h2 a {font-size: 16px;}
	.post-left ul li {font-size: 12px; }
	/*#detail-blog .col-md-8 {width:50%; float:left;}
	#detail-blog .col-md-4 {width:50%; float:left;}*/
	#read-more .col-md-4 {width:100%;}
	#author-blog .col-md-4 {width:50%; float:left;}
	#author-blog .col-md-8 {width:50%; float:left;}
	#author-blog .post-left {display: none;}
	#author-blog  .pad_mood_chart { opacity: 1; }
	#submit-newsletter.button { width: 98%; margin-top: 15px; }
	#cari-jurusan .col-md-8 {width:50%; float:left;}
	#cari-jurusan .col-md-4 {width:50%; float:left; margin-bottom: 60px;}
	/*.img_container{height: 250px;}*/
	.img_container img{width:100%;}
	#progressbar li {width: 40px; float: left; height: 20px;}
	#msform .action-button { width: 90%; margin-top: 15px; padding: 10px; }
	.marbot_30 { margin-bottom: 15px; } 
	.heding_title p { font-size: 16px; padding-left: 10px; padding-right: 10px; }
	.heding_title h2 { font-size: 20px; padding-top: 15px; }
	#msform fieldset { padding:0; }
	.martop_8 { margin-top: 0px; margin-bottom: 20px; font-size: 16px; }
	.skillbar {height:20px;}
	.skillbar-title span {line-height:normal; height:20px; font-size: 16px;}
	.skillbar-bar { height: 20px; }
	.skill-bar-percent {line-height:normal;}
	#choose_input input.radio:empty ~ label:before {width: 2em;}
	#input_custom label { font-size: 15px;}
	.question_mod2 { padding: 15px 0 0 0; font-size: 18px;}
	.heading_step h2 {padding: 30px 0 0 0; margin: 0; font-size: 24px;}
	.segmented-control > label:after, .segmented-control > label { font-size: 11.5px; }
	.bar-percentage {margin-right: 0; font-size: 14px; }
	.tabs nav a span {font-size: 16px;}
	.tabs-style-linemove nav a i {display: none;}
	.wrapper_passion { margin-bottom: 20px; }
}

@media (max-width: 390px) { 
	.med_cek:after { content:"@media (max-width: 390px)";}
	.home_feat_1_box { height: auto; }
	#progressbar li {width: 35px; float: left; height: 20px;}
	#msform .action-button { width: 90%; margin-top: 15px; padding: 10px; }
	.marbot_30 { margin-bottom: 15px; } 
	.heding_title p { font-size: 16px; padding-left: 10px; padding-right: 10px; }
	.heding_title h2 { font-size: 20px; padding-top: 15px; }
	#msform fieldset { padding:0; }
	.martop_8 { margin-top: 0px; margin-bottom: 20px; font-size: 16px; }
	.skillbar {height:20px;}
	.skillbar-title span {line-height:normal; height:20px; font-size: 16px;}
	.skillbar-bar { height: 20px; }
	.skill-bar-percent {line-height:normal;}
	#choose_input input.radio:empty ~ label:before {  width: 2em;}
	#input_custom label { font-size: 13px;}
	.question_mod2 { padding: 15px 0 0 0; font-size: 18px;}
	.heading_step h2 {padding: 30px 0 0 0; margin: 0; font-size: 24px;}
	.segmented-control > label:after, .segmented-control > label { font-size: 11.5px; }
	.bar-percentage { margin-right: 0; font-size: 14px; width:15% }
	.bar-container { width:70%; margin-bottom: 20px }
	#timeline .timeline-item .timeline-content.right {  margin-left: 29px; }
	#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {border-right: 7px solid #F1F4F9;}
	.wrapper_passion { margin-bottom: 20px; }
	#cari-jurusan .col-md-4 { width: 100%;  margin-bottom: 60px;}
}


@media (max-width: 299px){ 
	.med_cek:after {content:"@media(max-width: 299px) ";}
	#progressbar li {width: 40px; float: left; height: 20px;}
	#msform .action-button { width: 90%; margin-top: 15px; padding: 10px; }
	.marbot_30 { margin-bottom: 15px; } 
	.heding_title p { font-size: 16px; padding-left: 10px; padding-right: 10px; }
	.heding_title h2 { font-size: 20px; padding-top: 15px; }
	#msform fieldset { padding:0; }
	.martop_8 { margin-top: 0px; margin-bottom: 20px; font-size: 16px; }
	.skillbar {height:20px;}
	.skillbar-title span {line-height:normal; height:20px; font-size: 16px;}
	.skillbar-bar { height: 20px; }
	.skill-bar-percent {line-height:normal;}
	#choose_input input.radio:empty ~ label:before {  width: 2em;}
	#input_custom label { font-size: 13px;}
	.question_mod2 { padding: 15px 0 0 0; font-size: 18px;}
	.heading_step h2 {padding: 30px 0 0 0; margin: 0; font-size: 24px;}
	.segmented-control > label:after, .segmented-control > label { font-size: 11.5px; }
	.bar-percentage { margin-right: 0; font-size: 14px; }
	.wrapper_passion { margin-bottom: 20px; }
	#cari-jurusan .col-md-4 { width: 100%;  margin-bottom: 60px;}
}