/*Default Responsive*/
@media screen and (max-width: 1200px){

	.carousel-indicators{
		margin-bottom: 20px;
		z-index: 8;
	}

	.media-grafik, .service-grafik{
		width: 100%;
	}

	.socmed-btn{
		margin-bottom: 10px;
		margin-left: 20px;
	}
	.main-menu-single{
		align-items: center;
	}

	.event-texts img{
		max-width: 100%;
		height: auto !important;
	}

/*	.col-xs-2.main-logo{
		width: 70% !important;
	}*/

	.main-logo a img {
	    /*margin-top: 22px !important;*/
	    width: unset;
	    /*margin-left: -60px !important;*/
	}

	.timeline-year, .garis-milestone, .left-arrow{
		display: none;
	}

	.timeline-single{
		margin-left: 0;
	}

	.timeline-date h3{
		font-size: 20px;
	}

	.directors-texts {
	    padding-left: 50px;
	    padding-top: 30px;
	}

	.about-budaya .row{
		margin-bottom: 0px;
	}
	.about-title{
		display: block;
	}

	.service-side-nav-list a img {
		width: 150px;
	}

	.footer{
		position: absolute;
	}

}

@media screen and (max-width: 1500px){
	.service-event, .service-cyber, .service-data, .service-media, .service-book, .service-printing{
		margin-top: -531px;
	}
/*	.footer{
		position: absolute !important;
	}*/
}


/*Layar 1366 x 768*/
@media screen and (max-width: 1400px) and (min-width: 1200px){
	.bisnis-indonesia-photos{
		height: 235.5px;
	}
	.owl-carousel-photos{
		height: 281px;
	}
}

@media screen and (min-width: 1300px;){
	.budaya-single-wrapper{
		width: 300px;
	}
}

/*Layar 1280 x 600*/
@media screen and (max-width: 1300px) and (max-height: 610px){

	.carousel-indicators{
		margin-bottom: 5px;
	}

	.side-nav{
		margin-top: 20px;
		height: 443px;
	}

	.lebih-jelas-links{
		width: 160px;
		height: 160px;
	}

	.media-side-nav-wrapper{
		height: 70vh;
		margin-left: -20px;
	}

	.media-side-nav-list a img {
	    margin-bottom: 15px;
	    /*width: 100%;*/
	}

	.service-side-nav-wrapper{
		height: 70vh;
		margin-left: -20px;
	}

	.service-side-nav-list{
		padding: 8px 0px;
	}

	.bisnis-indonesia-photos{
		height: 220px;
	}
}

@media screen and (max-width: 1200px){
	/*.service-side-nav-wrapper, .media-side-nav-wrapper,*/ .side-nav/*, .event-side-nav-wrapper*/{
		display: none;
	}

	.side-nav-awal{
		display: none;
	}

	.side-nav-akhir{
		display: block;
		padding: 0 30px;
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.side-nav-akhir .media-side-nav-list, .side-nav-akhir .service-side-nav-list, .side-nav-akhir .event-side-nav-list{
		border-bottom: 0px;
		text-align: center;
	}

	a.services-normal-link, a.media-normal-link, a.about-normal-link{
		display: none !important;
	}

	a.services-dropdown, a.media-dropdown, a.about-dropdown{
		display: block !important;
	}
	.event-isi {
		padding-left: 0px;
		border-left: 0px;
		padding-bottom: 50px;
	}
}

@media screen and (min-width: 1200px){
	.main-menu-single{
		height: 80px;
	}
}

/*Tablet*/
@media screen and (max-width: 1200px){
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.navbar-container{
		padding-top: 15px;
	}

	.dropdown.main-menu-single li{
		background-color: #06c;
	}

	.navbar-inverse .navbar-nav .active > .open > a, .navbar-inverse .navbar-nav .active > .open > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
		color: #06c !important;
		background-color: white;
	}

	.main-logo a img {
	    /*margin-top: 20px;*/
	    width: unset;
	    margin-left: 20px;
	}

	.caption{
		margin-top: 400px;
		margin-left: 30px;
	}

	.tree{
		width: 650px;
	}

	.lebih-jelas-wrap{
		padding-left: 32%;
	}

	.side-nav{
		margin-left: 40%;
	}

	.media-side-nav-wrapper, .service-side-nav-wrapper, .event-side-nav-wrapper{
		position: relative;
		height: auto;
		width: 100%;
		z-index: 1;
		margin-top: 0;
	}

	.media-side-nav-list, .service-side-nav-list, .event-side-nav-list{
		margin-bottom: 20px;
	}

/*	.media-side-nav-list a img{
		width: 80%;
	}
*/
/*	.service-side-nav-list a img{
		width: 60%;
	}*/

	.media-garis-nav, .service-garis-nav{
		opacity: 0;
	}

	.bisnis-indonesia-photos{
		height: 147.5px;
	}

	circle{
		display: none;
	}

	svg{
		width: 0px;
		height: 0px;
	}

	.media-side-nav-list, .service-side-nav-list{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}

	.event-description{
		margin-left: 30px;
		margin-top: 30px;
	}

	.owl-carousel-nav-right, .owl-carousel-nav-left{
		width: 22%;
		padding-top: 135px;
	}
	.event-description{
		text-align: center !important;
		border-left: 0px !important;
	}

	.owl-carousel-photos{
		height: 306px;
	}

	.timeline-single-wrapper{
		padding-top: 15px;
	}

	.menubar{
		padding-bottom: 40px;
	}

	.directors{
		width: unset;
	}

	.event-texts.event-gallery ul li, .event-texts.event-gallery ol li {
		margin: 2%;
		width: 29%;
    height: 160px;
	}
}

@media (max-width: 1200px) {
	.menubar {
	    background-color: #06C;
	}

	#myNavbar{
		left: 0;
		position: relative;
		top: 6px;
		width: 130%;
		border: none;
		box-shadow: none;
		z-index: 45;
	}

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-collapse.collapse.in {
        display: block!important;
    }

    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .main-menu-single {
		padding-top: 0px;
		margin-left: -20px;
	}

	.border-menu{
		display: block;
		background-color: white;
		width: 100%;
		height: 1px;
		margin-left: -10px;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.socmed-btn{
		margin-left: 0px;
	}

	.socmed{
		display: block;
		margin: 0px 0px;
		align-items: center;
		height: 40px;
	}

	.socmed a{
		margin-left: -10px;
	}

	.fesbuk{
		margin-top: 30px;
	}

	.socmed-btn i{
		display: none;
	}

	.socmed-btn p{
		display: block;
	}
}

@media screen and (max-width: 810px){

	.media-side-nav-wrapper, .service-side-nav-wrapper{
		margin-top: 0px;
		margin-left: 0px;
	}

	.bisnis-indonesia-photos{
		/*height: 147.5px;*/
	}

	.owl-carousel-nav-right, .owl-carousel-nav-left{
		padding-top: 115px;
	}
	.owl-carousel-photos{
		height: 239px;
	}
}

@media screen and (max-width: 770px){
	.bisnis-indonesia-photos{
		/*height: 154.5px;*/
	}

	.tree{
		width: 600px;
	}

	.main-wrapper{
    	margin-bottom: 0px;
	}

	.home-tabs{
		height: auto;
	}

}

@media screen and (max-width: 1200px) and (min-width: 750px){
	#myNavbar {
	    right: -5%;
	    left: 5%;
	    width: 127%;
	}

	#myNavbar .main-menu-single{
		padding-left: 35px;
	}

	#myNavbar .socmed{
		padding-left: 35px;
	}
}

@media screen and (min-width: 500px) and (max-width: 750px){
	.portofolio-photo{
		width: 50%;
	}

	#myNavbar {
	    right: -5%;
	    left: -19%;
	    width: 127%;
	}
	#myNavbar .main-menu-single{
		padding-left: 35px;
	}

	#myNavbar .socmed{
		padding-left: 35px;
	}
}

@media screen and (max-width: 600px){
	.visi-misi-wrapper{
		text-align: center;
	}

	.visi-misi-batas{
		margin-left: 43%;
	}
}

/*Smartphone 360 x 640*/
@media screen and (max-width: 600px){

	h1{
		font-size: 2.5rem !important;
	}

	.main-logo {
    	text-align: left;
	}

	.menubar{
		padding: 0px 10px 40px 30px;
		height: 100vh;
	}

	.inner-footer, .inner-footer p{
		z-index: 2 !important;
	}

	.up-button{
		bottom: 15%;
	}

	.col-xs-2.main-logo{
		width: 70% !important;
	}

	.menu-mobile{
		width: 100px !important;
		float: right;
	}

	#myNavbar{
		width: 100vw !important;
		/*margin-left: -270px;*/
	}

	.caption{
		margin-top: 150px;
		margin-left: 20px;
		width: 250px;
	}

	.caption1 h1, .caption2 h1, .caption3 h1{
		font-size: 3rem;
		margin-left: -2px;
	}

	.caption1 h4, .caption2 h4, .caption3 h4{
		font-size: 1rem;
	}

	.caption1 p, .caption2 p, .caption3 p{
		font-size: 1.2rem;
		line-height: 200%;
	}

	.footer p:first-child{
		margin-top: 5px;
	}

	.carousel-indicators{
		margin-bottom: 5px;
	}

	.side-nav{
		margin-left: 35%;
	}

	.about-content, .media-content, .service-content{
		 padding: 0px 0px 0px;
	}

	.directors {
	    width: auto;
	}

	.directors-texts {
	    padding-left: 0px;
	}

	.director-desc p {
	    padding-bottom: 120px;
	}

	.event-content {
	    padding: 0px 0px 0px;
	}

	.big-tree{
		height: 300px;
	}

	.tree{
		width: 250px;
	}

	.lebih-jelas-wrap{
		padding-left: 40px;
	}

	.lebih-jelas-links{
		padding-top: 20px;
	}

	.media-grafik, .media-bigmedia-logo, .services-logo{
		width: 280px;
	}

	.media-bisnisindonesia-alamat{
		height: 270px;
	}

	.download-pdf{
		right: 35%;
	}

	.bisnis-indonesia-photos{
		height: 192px;
		margin-bottom: 15px;
	}

	#owl-demo{
		margin-bottom: 100px;
	}

	.owl-carousel-nav-right, .owl-carousel-nav-left{
		background-color: rgba(0,0,0,0);
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
		padding-top: 105px;
	}

	.event-content{
		margin-top: 10px;
	}

	.owl-carousel-photos{
		height: 200px;
	}

	.contact-alamat{
		width: 100%;
	}

	.contact-alamat{
		margin-left: 0px;
	}

	.contact-forms h2{
		font-size: 2.3rem;
	}

	.footer p{
		font-size: 12px;
	}

	.event, .book, .cyber, .data, .media, .printing{
		width: 250px;
	}

}

@media screen and (max-width: 400px){
	.event-texts.event-gallery ul li, .event-texts.event-gallery ol li {
		width: 100%;
    height: auto;
	}
}

/*Phone 320 x 480*/
@media screen and (max-width: 359px) and (max-height: 481px){
	.col-xs-2.main-logo{
		width: 70% !important;
	}
	.menu-mobile{
		width: 100px !important;
		float: right;
	}
	#myNavbar{
		width: 110vw !important;
		margin-left: -230px;
	}
	.socmed {
	    display: inline-block !important;
	    margin-top: 0px !important;
	    padding-top: 0px !important;
	    width: 23.5%;
	    text-align: center;
	}
	.socmed i{
		display: inline-block;
	}
	.socmed-btn i.fa-facebook {
	    padding: 17px 20px;
	}
	.socmed-btn i {
	    padding: 17px;
	}
	.socmed p{
		display: none;
	}
	.item{
		height: 69vh;
	}

	.caption1 p, .caption2 p, .caption3 p{
		margin-top: 5px;
		line-height: 100%;
	}

	.slidelogos{
		width: 150px;
	}

	.side-nav{
		margin-left: 30%;
	}

	.media-grafik, .media-bigmedia-logo, .services-logo{
		width: 240px;
	}

	.bisnis-indonesia-photos{
		height: 192px;
		margin-bottom: 20px;
	}

	.timeline-date{
		padding-left: 15px;
	}

	.timeline-date h3{
		font-size: 18px;
	}

	.timeline-text{
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*diatas 1600px*/
@media screen and (min-width: 1700px) and (max-height: 1000px){
	.item{
		height: 80vh;
	}

	.service-event, .service-cyber, .service-data, .service-media, .service-book, .service-printing{
		margin-top: -471px;
	}
}

/*Spesial buat garis nav*/
@media screen and (min-height: 850px){
	.service-garis-nav{
		height: 56%;
	}
}

@media screen and (min-height: 700px) and (max-height: 850px){
	.service-garis-nav{
		height: 65%;
	}
	.media-garis-nav{
		height: 57%;
	}
}

@media screen and (min-height: 600px) and (max-height: 700px){
	.service-garis-nav{
		height: 70%;
	}
}

@media screen and (min-height: 500px) and (max-height: 600px){
	.service-garis-nav{
		height: 83%;
	}
}

@media screen and (max-width: 1400px){
    body{
        overflow-y: scroll !important;
    }
}

@media screen and (max-width: 1000px){
    .owl-carousel{
        transform: translateX(0%);
    }
    .owl-drag{
        width: 100%;
    }

    .owl-carousel{
        transform: translateX(0%);
    }

    .owl-drag{
        width: 100%;
    }

    .owl-stage-outer{
        overflow: visible !important;
        padding-bottom: 150px;
    }
}
/*@media screen and (min-width: 1000px){
	.carousel-inner .item img{
		display: none;
	}
	.carousel-inner .item{
		height: 100vh;
		background-size: auto 100%;
	}
}*/

@media screen and (max-width: 1300px) and (min-width: 1200px){
    body{
        overflow-y: scroll;
    }
    .event-description{
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 1700px){
	.home-tabs{
		min-height: 400px;
		height: auto;
	}

}