/*
Author: arisdwisulistiawan.com
Follow: @arisds
*/
@media (min-width: 1600px) {
    .top-bar-nav:before {  background: transparent; }
    .top-bar-nav li.top-share:before{ background: transparent; }
}
@media (min-width: 1200px){

}

@media (min-width: 1024px){
    /*.bottom-bar-nav .nav > li > a{ padding-left: 5px; padding-right: 5px; }*/
}

@media (min-width: 992px){

}

@media (min-width: 768px){
    .navbar-nav > li:hover > .dropdown-menu { display: block; }
    .dropdown-submenu { position: relative; }
    .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
    .dropdown-submenu:hover>.dropdown-menu { display: block; }
    .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
    .dropdown-submenu:hover>a:after { border-left-color: #fff; }
    .dropdown-submenu.pull-left { float: none; }
    .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
}

@media screen and (max-width: 767px) {
    .mobile{ display: block; }
    /*.top-bar-nav{ display: none; }*/
	.top-bar-nav .navbar-nav li {
		padding: 0 ;
	}
	.navbar-nav {
		float: left;
		margin:0;
	}
    .middle-bar-nav a.logo{ float: none; padding: 1em 0 0; }
    .middle-bar-nav form.search { float: left; width: 50%; margin-top: 10px; margin-bottom: 10px; margin-right: 0; }
    .middle-bar-nav form.search input.input-search{ width: 100%; }
    .middle-bar-nav a.btn-blue{ width: 48%; float: right; margin-top: 10px; margin-bottom: 10px; padding-left: 0; padding-right: 0; text-align: center; }
    .bottom-bar-nav{ position: relative; top: 0; }
    .bottom-bar-nav.add-fixed{ position: relative; }
    .bottom-bar-nav .navbar-brand{ height: 100px; }
    .navbar-default .navbar-toggle{ margin-top: 30px; }
    .bottom-bar-nav .nav > li > a{ padding-top: 10px; padding-bottom: 10px; }
    .bottom-bar-nav:before, .bottom-bar-nav:after{ background: transparent; }
    section.slide-headline .carousel-caption{ background: transparent; padding-top: 5%; }
}

@media (max-width: 480px){
    .mobile{ display: block; }
    /*.top-bar-nav{ display: none; }*/
	.top-bar-nav .navbar-nav li {
		padding: 0 ;
	}
	.navbar-nav {
		float: left;
		margin:0;
	}
    .middle-bar-nav a.logo{ float: none; padding: 1em 0 0; }
    .middle-bar-nav form.search { float: left; width: 50%; margin-top: 10px; margin-bottom: 10px; margin-right: 0; }
    .middle-bar-nav form.search input.input-search{ width: 100%; }
    .middle-bar-nav a.btn-blue{ width: 48%; float: right; margin-top: 10px; margin-bottom: 10px; padding-left: 0; padding-right: 0; text-align: center; }
    .bottom-bar-nav{ position: relative; top: 0; }
    .bottom-bar-nav.add-fixed{ position: relative; }
    .bottom-bar-nav .navbar-brand{ height: 100px; }
    .navbar-default .navbar-toggle{ margin-top: 30px; }
    .bottom-bar-nav .nav > li > a{ padding-top: 10px; padding-bottom: 10px; }
    .bottom-bar-nav:before, .bottom-bar-nav:after{ background: transparent; }
    section.info:before{ background: transparent; }
    section.about .caption{ width: 100%; }
    section.info h1, section.info .tab-content h1, section.info .tab-content .tab-pane ul li p{ color: #fff; }
    section.galeri h1{ width: 100%; }
    section.galeri h1:before{  }
    section.galeri ul.foto li{ width: 49%; display: inline-block; float: none; margin-right: 0; margin-left: 0; }
    section.galeri .video{ height: inherit; }
    section.slide-headline .carousel-caption{ text-align: center; width: 100%; }
    section.info h1{ text-align: center; }
    .col-xs-6:nth-child(odd){ padding-right: 5px; padding-bottom: 10px; }
    .col-xs-6:nth-child(even){ padding-left: 5px; padding-bottom: 10px; }
    section.map-services #chartdiv { height: 300px; }
    section.map-services .description{ position: relative; }
    .ammapDescriptionWindow{ top: 10px !important; left: 10px !important; }
    section.sprite{ background-image: none; background-color: #f7f7f7 }
    section.sprite .top-sponsored, section.sprite .contact-service{ text-align: center; }
    section.head-kanal a.play-video{ font-size: 22px; border-width: 3px; padding: 5px 10px 0 12px; top: 30%; }
    section.breadcrumb{ font-size: 12px; }
    section.slide-headline .carousel-caption{ top:0; left: 0; right: 0; }
    section.slide-headline .carousel-caption h1{ font-size: 24px; margin-top: 0; margin-bottom: 0; }
    section.slide-headline .carousel-caption p{ display: none; }
    section.slide-headline .carousel-caption a.btn{ font-size: 12px; }
    section.slide-headline .carousel-caption{ background: transparent; padding-top: 5%; }
}