@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
}


@media only screen and (max-width: 1023px){
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}

	.nav-outer .mobile-nav-toggler{
		display: block;
		margin: 0;
		padding: 24px 0;
	}
	
	.main-header .header-upper .nav-outer:before{
		display:none;	
	}

	.main-header .dropdown > a > i{
		display: none;
	}
	
	.main-header .nav-outer{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-left: 10px;
		width:auto;
		float:none;	
	}
	
	.main-header .nav-outer .logo-outer{
		position:relative;
		left:0;
		top: 8px;
		width:auto;
		height:auto;
		margin:0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);	
	}

	.nav-outer .mobile-nav-toggler{
		position: absolute;
		right: 10px;
		top: 60%;
		transform: translateY(-50%);
		line-height: 50px;
		display: block;
		margin: 0;
		padding: 24px 0;
	}

	/* =============== section Footer ================ */
      .footer-text{
        display: flex;
        position: relative;
        gap: 60px;
        padding: 20px 20px 0 20px;
      }
      .logo-section{
        margin-left: 0px;
      }
      .section-3{
        margin-top: -20px; 
      }
}

@media only screen and (max-width: 768px){
	.live-news span{
		display: none;
		position: relative
	}

	.live-news .rectangle .rectangle-img,
	.live-news .rectangle .sinergis,
	.live-news .rectangle .rectangle-shadow{
		display: none;
	}
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	
	.header-top .live-news{
		position: auto;	
	}
}

@media only screen and (max-width: 599px){
	.main-header .header-top .top-left{
		display:none;	
	}
	
	.main-header .header-top .top-right{
		width:100%;
		text-align:center	
	}
}

/* main section */
@media only screen and (min-width: 768px){
	.main-content h1.judul-content {
		font-size: 4rem;
	}
}



/* phase1-section */
@media screen and (max-width: 1200px) {
            .awards-container {
                gap: 25px;
            }

            .award-card {
                flex: 1 1 280px;
                max-width: 350px;
            }
        }

        @media screen and (max-width: 768px) {
            .header h1 {
                font-size: 2.5rem;
            }

            .header p {
                font-size: 1rem;
                padding: 0 10px;
            }

            .divider {
                padding: 0 20px 20px;
                font-size: 2rem;
            }

            .awards-container {
                gap: 25px;
                padding: 0 15px 40px;
            }

            .award-card {
                flex: 1 1 100%;
                max-width: 500px;
            }

            .award-info h3 {
                font-size: 1.3rem;
            }

            .award-info p {
                font-size: 1rem;
            }
        }

        @media screen and (max-width: 480px) {
			.divider{
				padding: 0 15px 15px;
				font-size: 1.5rem;
			}
            .header {
                padding: 40px 15px 30px;
            }

            .header h1 {
                font-size: 1.5rem;
                line-height: 1.2;
            }

            .header p {
                font-size: 0.8rem;
            }

            .awards-container {
                gap: 20px;
            }

            .award-card {
                flex: 1 1 100%;
                max-width: 100%;
            }

            .award-info {
                padding: 20px;
            }

            .award-info h3 {
                font-size: 1.2rem;
            }

            .award-info p {
                font-size: 0.95rem;
            }
        }