@media (min-width: 1200px){
	/* custom container bootstrap */
	.container {
	    width: 1200px;
	}
}
@media screen and  (max-width: 1366px){}
@media screen and  (max-width: 1200px){
	.img-reg-list-1{
		width: 200px;
	}
	.img-reg-list-2{
		width: 200px;
	}
	.img-content-desc-bidang-keahlian{
		width: 25%;
	}
}
@media screen and  (max-width: 1024px){
}
@media screen and  (max-width: 991px){
	.bt-cta-menu-mobile{
		display: block;
	}
	.main-menu-top-center{
		display: none;
	}
	
	.box-main-menu-top{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
	}
	.main-logo-top {
		left: 50px;
		top: 12px;
		height: 29px;
	}
	.cta-button-menu-floating{
		top: 6px;
	}
	.menu-lang{
		padding-left: 7px;
	}
	.select-lang-menu{
		border: none;
	}
	.bt-cta-join{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.in-col-lg-6{
		display: block;
		width: 100%;
	}
	.sec-main-header-left{
		width: 100%;
		margin-bottom: 25px;
	}
	.sec-main-header-right{
		text-align: left;
		width: 100%;
	}
	.sec-main-header-left h2 {
		font-size: 42px;
		font-weight: 700;
		line-height: 55px;
		width: 80%;
	}
	.main-header-info-desc{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
	}
	.sec-main-content-1{
		padding-left: 0;
		padding-right: 0;
	}
	.padding-container{
		padding-left: 20px;
		padding-right: 20px;
	}
	.content-1-sec-img{
		margin-bottom: 30px;
	}
	.content-2-meta-text{
		display: block;
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
		padding-right: 0;
	}
	.content-2-video-play{
		display: block;
		width: 100%;

	}
	.title-content-meta1 br{
		display: none;
	}
	.wrap-main-content-2{
		padding-left: 20px;
		padding-right: 20px;
	}
	.sec-main-content-1 .col-lg-6{
		padding-left: 15px;
		padding-right: 15px;
	}
	.wrap-main-footer{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.wrap-main-content-3{
		padding-bottom: 70px;
	}
	.wrap-main-header-section-content{
		height: 100%;
	}
	.img-header-sec-content-bidang{
		width: 100%;
		height: 400px;
	}
	.img-header-sec-content-desc{
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.in-sec-content-header-ahli{
		width: 100%;
	}
	.container-padding{
		padding-left: 20px;
		padding-right: 20px;
	}
	.custom-padding-left-sec{
		padding-left: 0;
	}
	.img-sec-2-col-res{
		margin-bottom: 30px;
	}
	.custom-padding-left-sec2 {
		padding-left: 0px;
	}
	.img-reg-list-1 {
        width: 200px;
		position: relative;
		bottom: 0;
		margin: auto;
		margin-top: 40px;
		margin-bottom: 30px;
    }
	.img-reg-list-2 {
        width: 200px;
		position: relative;
		bottom: 0;
		margin: auto;
		margin-bottom: 0px;
    }
	.wrap-slider-content-sec{
		padding-left: 20px;
		padding-right: 20px;
	}
	h2.title-sec-3-heading{
		width: 100%;
	}
	.wrap-sec-link-to-regist{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.box-green-info-reg{
		position: relative;
		top: 0;
		height: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
		width: 100%;
		margin-bottom: 30px;
	}
	.style-box-form-reg{
		width: 100%;
	}
	.box-green-info-reg-in-container{
		width: 100%;
	}
	.preview-zone{
		width: 100%;
	}
	.box-green-info-reg.box-green-info-reg-cus{
		width: 100%;
	}
	.regist-form-thankyou{
		display: block;
		width: 70%;
		margin: auto;
	}
	.item-content-box-proyek-sm{
		width: 49%;
	}
	.container-page-proyek{
		padding-left: 20px;
		padding-right: 20px;
	}
	.in-content-desc-pro-single{
		width: 100%;
	}
	.in-content-desc-pro-single p{
		width: 100%;
	}
	h2.title-proyek-page-top2{
		font-size: 35px;
	}
	h2.heading-title-related-single{
		font-size: 31px;
	}
	.in-content-desc-pro-single img{
		width: 100%;
	}
	.box-green-info-reg-cus .box-green-info-reg-in-container{
		margin-left: 0;
		margin: auto;
	}
	.img-content-desc-bidang-keahlian{
		width: 50%;
		margin: auto;
		position: relative;
		right: 0;
		top: 0;
		margin-bottom: 30px;
	}
	.in-content-desc-pro-single2.in-content-desc-pro-single2-width70{
		width: 520px !important;
	}
	.img-header-sec-content-desc-bk{
		width: 100%;
		position: relative;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.img-header-sec-content-bidang-bk{
		width: 100%;
		display: block;
	}
	.img-header-sec-content-bidang img{
		
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.img-header-sec-content-bidang-bk img{
		
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.cus-bidkeah .in-sec-content-header-ahli{
		margin-left: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.in-content-desc-pro-single2{
		width: 100%;
	}
	.content-desc-proyek-page.content-desc-proyek-page-cus-bidang-keahlian{
		width: 100%;
	}
	h2.heading-title-related-keahlian{
		width: 100%;
	}
	.copyright-footer{
		padding-left: 20px;
		padding-right: 20px;
	}
	h2.title-proyek-page-top{
		font-size: 35px;
	}
	.bt-nac-merchan-prev{
		left: -5px;
	}
	.bt-nac-merchan-next{
		right: -5px;
	}
	.row-container-width-dk{
		width: 100%;
	}
	.bt-nav-slider-merchandines{
		font-size: 17px;
		width: 40px;
		height: 40px;
	}
	.wrap-logo-section-list-tentang-kami{
		padding-left: 20px;
		padding-right: 20px;
	}
	.wrap-section-rekanan-kami{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.wrap-section-dukung-kami{
		padding-top: 30px;
	}
	.big-banner-img{
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.block-left-bottom{
		width: 100%;
		border-top-left-radius: 40px;
	}
	h2.title-coming-soon{
		color: #fff;
		text-align: center;
	}
	.block-left-top-in{
		width: 100%;
	}
	.block-left-top{
		left: 0;
		width: 100%;
		text-align: center;
	}
	.block-left-bottom{
		text-align: center;
	}
	.block-left-bottom-in{
		padding-left: 0;
	}
	.section-meta-tag-art-single{
		width: 100%;
	}
	.meta-tag-cat-art{
		text-align: center !important;
		margin-bottom: 10px;
	}
	.in-content-desc-pro-single2.in-content-desc-pro-single2-width70{
		width: 100% !important;
	}
	.wrap-main-menu-top{
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.section-megamenu-daftar-bt .content-3-col-img{
		display: none;
	}
	.section-megamenu-daftar-bt{
		top: 53px;
	}
}
@media screen and  (max-width: 768px){
	.item-logo-section-list{
		height: 80px;
	}
	.sec-in-content-regist-info{
		width: 100%;
	}
	.item-content-box-proyek-sm{
		width: 100%;
	}
	.wrap-content-3col-small{
		margin-left: 0;
		margin-right: 0;
	}
	.content-fw-proyek-img{
		width: 100%;
		float: none;
	}
	.content-fw-proyek-detail{
		width: 100%;
		float: none;
		height: auto;
	}
	.custom-bt-cta-proyek-big-fw{
		position: relative;
		bottom: 0;
		left: 0;
	}
	.content-fw-proyek-img img{
		border-top-left-radius: 10px;
    	border-bottom-left-radius: 0px;
    	border-top-right-radius: 10px;
	}
	.content-fw-proyek-img{
		border-top-left-radius: 10px;
    	border-bottom-left-radius: 0px;
    	border-top-right-radius: 10px;
	}
}
@media screen and  (max-width: 640px){
	
}
@media screen and  (max-width: 600px){
}
@media screen and  (max-width: 480px){
	.sec-main-header-right h4{
		font-size: 14px;
		width: 100%;
		line-height: 24px;
	}
	h2.title-c1-text1 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 25px;
	}
	p.subtext-title-c1-texxt{
		font-size: 13px;
	}
	.bt-cta-lanjut{
		font-size: 12px;
	}
	h2.title-content-meta1{
		
		font-size: 30px;
		line-height: 40px;
	}
	p.subtext-content2-meta-2{
		font-size: 13px;
	}
	h3.title-content3-text1 {
		font-size: 25px;
		line-height: 32px;
	}
	h4.title-content3-text1{
		font-size: 13px;
	}
	h2.heading-title-block-t{
		font-size: 23px;
	}
	.main-logo-footer{
		margin-bottom: 30px;
	}
	.item-logo-section-list{
		height: 80px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.main-header-info-desc{
		padding-bottom: 65px;
	}
	.sec-main-header-left h2 {
        font-size: 33px;
        line-height: 45px;
        width: 100%;
    }
	.content-3-col-img{
		height: 400px;
	}
	.title-logo-sec-in{
		font-size: 33px;
	}
	h2.title-c-header-ahli{
		font-size: 34px;
	}
	h2.title-sec-3-heading{
		font-size: 34px;
	}
	ul.list-link-anchor-sec li {
		font-size: 16px;
		margin-bottom: 13px;
	}
	ul.list-link-anchor-sec li:before{
		font-size: 24px;
	}
	.wrap-section-2-col-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	h3.head-title-2-col-text{
		font-size: 16px;
	}
	.sec-content-sec-2-col-left{
		padding-right: 0;
	}
	.sec-content-sec-2-col-left h2{
		font-size: 26px;
	}
	.sec-content-sec-2-col-left p{
		font-size: 13px;
	}
	
	.slider-section-content1 .owl-dot {
		width: 7px;
		height: 7px;
		margin-left: 3px;
		margin-right: 3px;
	}
	.slider-section-content1 .owl-dot.active{
		width: 25px;
	}
	.nav-slider-client-bt {
        right: 0;
        left: initial;
    }
	ul.list-sectino-content-3 li {
		font-size: 13px;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 28px;
		padding-right: 20px;
	}
	ul.list-sectino-content-3 li:before{
		top: 29px;
	}
	.row-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.wrap-section-4-col-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.custom-padding-right-sec {
		padding-right: 0px;
	}
	.sectino-col-in{
		margin-top: 30px;
	}
	.img-reg-list-1{
		width: 100%;
	}
	.img-reg-list-2{
		width: 100%;
	}
	h2.title-green-box-info1{
		font-size: 28px;
	}
	h4.title-green-box-info2 {
		font-size: 13px;
		line-height: 21px;
	}
	h3.title-main-info-reg{
		font-size: 19px;
	}
	.style-box-form-reg{
		padding-left: 20px;
		padding-right: 20px;
	}
	.bt-next-form-reg{
		font-size: 11px;
	}
	.bt-prev-form-reg{
		font-size: 11px;
	}
	h4.title-sec-input-reg-info{
		font-size: 11px;
	}
	.input-f-reg-i{
		font-size: 12px;
	}
	.select-form-input-reg{
		font-size: 12px;
	}
	.input-f-reg-text{
		font-size: 12px;
	}
	h2.title-proyek-page-top{
		font-size: 34px;
	}
	.content-fw-proyek-img{
		height: 300px;
	}
	ul.list-tag-link-meta li{
		font-size: 11px;
	}
	ul.list-tag-link-meta2 li{
		font-size: 11px;
	}
	ul.list-tag-link-meta2{
		margin-bottom: 15px;
	}
	ul.list-tag-link-meta{
		margin-bottom: 15px;
	}
	h3.title-item-proyek-box-pg{
		font-size: 18px;
		margin-bottom: 20px;
	}
	h4.title-item-proyek-box-pg2{
		font-size: 12px;
		line-height: 20px;
	}
	.bt-join-link-cta-c3{
		font-size: 11px;
	}
	h3.title-item-proyek-box-pg2{
		font-size: 18px;
		margin-bottom: 20px;
	}
	h3.title-join-us-1{
		font-size: 18px;
	}
	h4.title-join-us-2 {
		font-size: 11px;
		line-height: 20px;
	}
	h2.title-proyek-page-top2 {
        font-size: 24px;
    }
	.list-tag-link-meta-detail.list-tag-link-meta li {
		font-size: 11px;
	}
	.in-content-desc-pro-single p{
		font-size: 11px;
		line-height: 19px;
	}
	.item-content-box-proyek-sm{
		padding-left: 0;
		padding-right: 0;
	}
	h4.title-green-box-info3{
		font-size: 14px;
	}
	.in-content-desc-pro-single2 h2 {
		font-size: 20px;
		line-height: 31px;
	}
	.in-content-desc-pro-single2 h3{
		font-size: 16px;
	}
	.wrap-proyek-page-head{
		padding-top: 100px;
	}
	h4.title-item-proyek-box-pg2{
		margin-bottom: 30px;
	}
	.meta-tag-article-sec{
		margin-bottom: 20px;
	}
	.wrap-input-search-article{
		width: 100%;
		margin-bottom: 0px;
	}
	.link-bt-tag-article-tags{
		border-left: none;
		border-top: 1px solid #969E9C;
		padding-left: 0;
		margin-left: 0;
		margin-top: 20px;
		padding-top: 20px;
		display: block;
	}
	.link-bt-tag-article-tags ul li{
		margin-right: 0;
		font-size: 10px;
	}
	h2.title-proyek-page-top {
        font-size: 24px;
    }
	h4.title-lok-kerja-mapan-info{
		font-size: 11px;
	}
	h3.title-dukung-kami-text{
		font-size: 24px;
	}
	.item-merchandise-sec-img{
		height: 300px;
	}
	h2.title-coming-soon{
		font-size: 49px;
    	line-height: 53px;
	}
	h4.title-coming-soon-2{
		font-size: 15px;
	}
	ul.social-media-footer2 li{
		margin-left: 11px;
		margin-right: 11px;
	}
	.logo-coming-soon-top img {
		height: 26px;
	}
	.logo-coming-soon-top{
		text-align: center;
		width: 100%;
		left: 0;
	}
	h2.title-proyek-page-top-cs{
		font-size: 30px;
	}
	.img-content-desc-proyek-page{
		height: 300px;
	}
	.cus-article-single .in-content-desc-pro-single{
		width: 90%;
	}
	.main-logo-top{
		height: 22px;
	}
	.bt-cta-login{
		font-size: 12px;
		width: 77px;
		margin-right: 3px;
	}
	.bt-cta-join{
		width: 88px;
		font-size: 12px;
	}
	.section-megamenu-daftar-bt h3.title-content3-text1{
		font-size: 20px;
		line-height: 28px;
	}
}
@media screen and  (max-width: 420px){
}
@media screen and  (max-width: 360px){
}
@media screen and  (max-width: 320px){
}