@media screen and (max-width: 1299px) {
	.navbar .navbar-nav .nav-link {
	  padding: 10px 20px;
	}
	.navbar .nav-link.btn-white {
		margin-left: 15px;
	}
	.s-hero {
		margin-top: 75px;
	}
	.aaa {
	  width: 100px;
	}
	.grab {
	  width: 120px;
	}
	.airpaz {
	  width: 200px;
	}
	.traveloka {
	  width: 180px;
	}
	.aje {
	  width: 100px;
	}
}
@media screen and (max-width: 1199px) {
	nav.nav-top .container {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.nav-top li .nav-link {
		margin: 0 1rem;
	}
	.navbar .navbar-nav .nav-link {
		font-size: 14px;
	  	padding: 10px 18px;
	}
	.navbar .nav-link.btn-white {
		margin-left: 18px;
	}
	.s-hero {
		height: calc(100vh - 70px);
		min-height: calc(100vh - 70px);
	}
	.s-hero h1 {
		font-size: 50px;
	}
	.desc-testi h6,
	.desc-dinamika h5,
	.s-hero h3 {
		font-size: 20px;
	}
	.s-hero .btn-red {
	  font-size: 18px;
	}
	.desc-testi p,
	.s-about-m h5 {
		font-size: 18px;
	}
	.ornament-l {
		width: 80px;
	}
	.ornament-r {
		width: 150px;
	}
	.nav-id.navbar .navbar-nav .nav-link {
	  	padding: 10px 15px;
	}
	.nav-my.navbar .navbar-nav .nav-link {
	  	padding: 10px 13px;
	}
    .navbar-toggler {
        background: rgba(255, 255, 255, 1);
        border-radius: 6px;
        padding: 7px;
    }
    .navbar-toggler .navbar-toggler-icon {
        filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(2166%) hue-rotate(182deg) brightness(99%) contrast(99%);
    }
    .navbar .navbar-toggler:focus {
        box-shadow: none;
    }
}
@media screen and (max-width: 991px) {
	.navbar {
		padding: 13.8px 0;
	}
    .navbar .navbar-brand {
        width: 100px;
    }
    .navbar .navbar-brand img {
        top: -29px;
    }
    .navbar .navbar-nav .nav-link {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 16px;
    }
    .navbar-collapse.collapsing, .navbar-collapse.collapse.show {
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center !important;
        text-align: center;
        transition: ease all .3s !important;
    }
    .navbar-collapse.collapse.show {
        height: calc(100vh - 69px);
    }
    .navbar-collapse.collapsing, .navbar-collapse.collapse .navbar-nav {
        transition: ease all .3s !important;
    }
    .navbar, .navbar * {
        transition: none !important;
        transition-delay: 0 !important;
    }
    .navbar .nav-link.btn-white {
    	margin-left: 0;
    	margin-top: 15px;
    }
    .navbar-nav {
    	gap: 10px;
    }
    .container {
    	padding-left: 15px;
    	padding-right: 15px;
    }
	.s-hero {
		margin-top: 70px;
	}
	.s-hero h1 {
		font-size: 40px;
	}
	.s-about {
		padding-bottom: 50px;	
	}
	.card-dynamics {
		padding-bottom: 30px;
	}
	.aaa {
	  width: 70px;
	}
	.grab {
	  width: 90px;
	}
	.airpaz {
	  width: 160px;
	}
	.traveloka {
	  width: 150px;
	}
	.aje {
	  width: 60px;
	}
	.desc-testi p,
	.s-about-m h5 {
		font-size: 16px;
	}
	.thumb-dinamika {
		width: 35%;
	}
	.desc-dinamika h5 {
		font-size: 18px;
	}
	.s-testi {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
@media screen and (max-width: 767px) {
	.s-hero .btn-red {
	  font-size: 16px;
	}
	[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate,
	[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate,
	[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate,
	[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate,
	[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
		transition-delay: .3s !important;
	}
	.title-section {
		font-size: 26px;
	}
	.s-about {
		padding-bottom: 70px;	
	}
	.list-news img {
	  height: 130px;
	}
	.list-news h5 {
	  font-size: 18px;
	  margin-bottom: 15px;
	}
	.s-news {
	  padding-top: 50px;
	  padding-bottom: 30px;
	}
	.card-dynamics {
		padding-bottom: 10px;
	}
	.textarea-cu {
	  height: 260px;
	}
	.logo-footer {
		width: 260px !important;
	}
	.desc-dinamika p,
	.s-about-m h5 {
		font-size: 14px;
	}
	.s-news-m {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.thumb-dinamika {
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
	}
	.desc-dinamika .numb {
		min-width: 40px;
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	html {
	  scroll-padding-top: 73px;
	}
}
@media screen and (max-width: 399px) {
	.s-hero h1 {
		font-size: 30px;
	}
	.s-hero h3 {
		font-size: 18px;
		line-height: normal;
	}
	.card-about .card-body img {
	  height: 60px;
	}
	.desc-testi h6,
	.desc-dinamika h5,
	.list-news h5,
	.card-dynamics h6,
	.card-about .card-body h5 {
	  font-size: 16px;
	}
	.desc-dinamika p,
	.list-news p,
	.card-dynamics p,
	.card-about .card-body p {
	  font-size: 14px;
	  margin-bottom: 0;
	}
	.f-about-desc h3 {
	  font-size: 20px;
	}
	.desc-testi p,
	.f-about-desc p {
	  font-size: 14px;
	}
	.title-section {
		font-size: 20px;
	}
	.textarea-cu {
	  height: 200px;
	}
	.s-news-m .card-about .card-body {
		padding-left: 10px;
		padding-right: 10px;
	}
	.s-news-m .col {
		width: 100%;
		flex: 0 0 auto;
	}
}