@media only screen and (max-width: 1600px) {}

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

	/* Root */
	:root {
		--container-padding: 5rem;
	}

	/* Header */
	header .navbar .container-wrapper {
		padding: 0 3.73vw;
	}

	header .navbar .navbar-brand img {
		height: 9.625rem;
	}
	
	.section-1 .logo{
		width: 20rem;
	}
	.section-1 .text-1{
		font-size: 4rem;
		line-height: 5rem;
	}
	.section-4 .topic {
		font-size: 2.563rem;
	}
	.section-4 ul li {
		font-size: 1.6rem;
	}
	.section-5 .content-right{
		width: 50rem;
	}

}

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

	/* Header */
	header .navbar .navbar-brand {
		transform: translateY(-55%);
	}

	header .navbar .navbar-brand img {
		height: 8.75rem;
	}
	
	.section-2 .carousel {
		width: 56rem;
	}
	.section-5 .content-right{
		font-size: 2rem;
	}
	.section-5 .content-right .author {
		font-size: 1.2rem;
	}
	.section-5 .content-right .text::before{
		top: -2rem;
		left: -6rem;
	}
	.section-5 .content-right {
		width: 44rem;
		right: 2rem;
	}
	.section-5 .content-right .text::after{
		bottom: -2rem;
		right: -4rem;
	}
	.section-1 .person {
		width: 32rem;
	}
	
	.section-6 {
		.container {
			.content {
				.content-left {
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					
					img {
						height: 60dvh;
						object-fit: contain;
					}
				}
				
				.content-right {
					.carousel {
						height: 22rem;
					}
				}
			}
		}
	}
}

/* @media (min-width: 1200px) {
	
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
	
} */

@media only screen and (max-width: 992px) {
	[class*='section-'] {
		height: auto;
		width: 100%;
		overflow: hidden;
	}
	.section-5 .content-left{
		width: 40rem;
	}
	.section-5 .content-left img{
		width: 100%;
	}
	.section-5 .content-right {
		width: 40rem;
		right: 6rem;
	}
	.section-3 img, .section-4 img {
		width: 24rem;
	}
	.section-1 .person {
		width: 26rem;
	}
	.section-6 {
		.container {
			.content {
				.content-left {
					img {
						
					}
				}
				
				.content-right {
					
					.carousel{
						.carousel-inner {
							.carousel-item{
								p{
									font-size: 1.2rem;
								}
								ul li{
									font-size: 1rem;
								}
							}
						}
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 768px) {
	/* [class*='section-'] {
		height: auto;
		width: 100%;
		overflow: hidden;
	} */
	.btn{
		font-size: 1rem;
	}
	.section-1 .person {
		left: 55%;
		transform: translateX(-50%);
		width: 16rem;
	}
	.section-1 .logo {
		width: 12rem;
		padding-top: 4%;
	}
	.section-1 .title{
		width: 40rem;
		top: 44%;
	}
	.section-1 .text-1 {
		font-size: 3rem;
		line-height: 4rem;
	}
	.section-2 .carousel {
		width: 40rem;
	}
	.section-2 .title, .section-3 .title {
		font-size: 2rem;
	}
	.section-3 img, .section-4 img {
		/* width: 28rem; */
		width: 100%;
	}
	.section-4 .content {
		height: auto;
		gap: 3rem;
		flex-direction: column;
		margin: 4rem 0 4rem 0;
	}
	.section-3 .d-flex {
		height: auto;
		margin: 4rem 0 4rem 0;
		gap: 2rem;
	}
	.custom-file-input::before{
		font-size: 1rem;
	}
	.section-4 .topic {
		font-size: 2rem;
	}
	.section-4 ul li {
		font-size: 1.3rem;
		line-height: 2.6rem;
	}
	.section-5 .content-left img{
		width: 100%;
	}
	.section-5 .content-left{
		width: 32rem;
	}
	.section-5 .container {
		height: 32rem;
	}
	.section-5 .content-right {
		width: 32rem;
		right: 2rem;
	}
	.section-5 .content-right {
		font-size: 1.5rem;
	}
	.section-5 .content-right .text::after,
	.section-5 .content-right .text::before{
		width: 2rem;
		height: 2rem;
	}
	.section-5 .content-right .text::before{
		top: -1rem;
		left: -2rem;
	}
	.section-5 .content-right .text::after{
		bottom: 0.5rem;
		right: 1rem;
	}
	.section-5 .content-right .author {
		font-size: 1rem;
	}
	footer .sitemap .sitemap-logo {
		height: 4rem;
	}
	footer .line-oa img {
		width: 8rem;
	}
	.section-6 {
		.container {
			.content {
				height: auto;
				flex-wrap: wrap;
				.content-left {
					height: auto;
					width: 100%;
				}
				
				.content-right {
					.title{
						padding: 0 5rem;
					}
					.carousel{
						height: 18rem;
						.carousel-inner {
							padding: 3rem 5rem;
							.carousel-item{
								p{
									font-size: 1.2rem;
								}
								ul li{
									font-size: 1rem;
								}
							}
							.carousel-control-next,
							.carousel-control-prev{
								height: 80%;
							}
							
						}
					}
				}
			}
		}
	}
}

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

	/* Root */
	:root {
		--container-wrapper: 1.5rem;
		--container-padding: 1.5rem;
	}

	/* Header */
	header .navbar {
		height: 4rem;
	}
	.section-1 .person {
		width: 16rem;
	}

	header .navbar .navbar-brand {
		top: unset;
		transform: unset;
	}
	/* Footer */
	footer .sitemap .sitemap-wrapper {
		padding: 1.875rem;
		padding-bottom: 0;
	}
	footer .sitemap .sitemap-social {
		text-align: center;
	}
	footer .sitemap .sitemap-social img {
		width: 50%;
		margin: 1em 0;
	}
	footer .copyright .copyright-wrapper {
		padding: 1.125rem 1.875rem;
	}
	.section-1 .text-1 {
		line-height: 3rem;
	}
	.section-2 .carousel {
		width: 100%;
	}
	.section-2 .content {
		height: auto;
		margin: 4rem 0 4rem 0;
		gap: 2rem;
	}
	.section-2 .title, .section-3 .title {
		font-size: 1.4rem;
	}
	.section-5 .content-left {
		width: 24rem;
	}
	.section-5 .content-right {
		font-size: 1.2rem;
		width: 28rem;
	}
	.section-5 .container {
		height: 28rem;
	}
	.section-5 .content-right .text::after, .section-5 .content-right .text::before {
		width: 1.5rem;
		height: 1.5rem;
	}
	.section-5 .content-right .text::before {
		top: -1.5rem;
		left: -3rem;
	}
	.section-5 .content-right .text::after {
		bottom: -1.5rem;
	}
	.section-5 .content-right .author {
		font-size: 0.8rem;
	}
	footer .sitemap .sitemap-social img {
		width: 20%;
	}
	footer .sitemap .sitemap-logo {
		height: 3rem;
	}
	
}

@media only screen and (max-width: 425px) {
	.section-1 .title {
		width: 22rem;
		top: 45%;
	}
	.section-1 .person {
		left: 58%;
	}
	.section-1 .text-1 {
		font-size: 2.2rem;
	}
	.section-1 .support img{
		width: 100%;
	}
	.section-1 .support .img{
		width: 4rem;
	}
	.section-1 .support{
		right: 2rem;
	}
	.section-1 .support .text-white{
		font-size: 0.8rem;
	}
	.section-3 img, .section-4 img {
		width: 100%;
	}
	.section-2 .title, .section-3 .title {
		font-size: 1rem;
	}
	.btns .btn {
		font-size: 0.8rem;
	}
	.section-4 ul li {
		font-size: 1rem;
	}
	.section-4 .content-right {
		width: 100%
	}
	.section-4 .topic {
		font-size: 1.3rem;
	}
	.section-1 .logo {
		width: 12rem;
		/* padding-top: 4%; */
	}
	.h2, h2 {
		font-size: 1.4rem;
	}
	.h3, h3 {
		font-size: 1.2rem;
	}
	.carousel-control-prev-icon:after,
	.carousel-control-next-icon:after{
		font-size: 2rem;
	}
	.section-5 .content-left {
		width: 16rem;
		display: none;
	}
	.section-5 .container {
		height: 22rem;
	}
	.section-5 .content-right {
		font-size: 1rem;
		width: 24rem;
	}
	.section-5 .content-right .text::after, .section-5 .content-right .text::before {
		font-size: 3rem;
	}
	.section-5 .content-right .text::after {
		bottom: -1rem;
		right: -2rem;
	}
	.section-5 .content-right {
		font-size: 1rem;
		width: 80%;
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
		padding: 0;
	}
	.section-5 .content-right .text::before {
		left: -2rem;
		top: -1rem;
	}
	footer .sitemap .sitemap-social img {
		width: 24%;
		margin: 1em 0;
	}
	footer .sitemap .sitemap-wrapper {
		padding-bottom: 1rem;
	}
	.section-1 .support{
		left: 50%;
		transform: translateX(-50%);
		width: 10rem;
	}
	footer .sitemap .sitemap-contact .title {
		font-size: 0.8rem;
	}
	.btns .btn{
		padding: 1rem 1.2rem;
	}
	.section-6 {
		.container {
			.content {
				height: auto;
				flex-wrap: wrap;
				.content-left {
					height: auto;
					width: 100%;
					img{
						width: 100%;
						height: auto;
					}
				}
				
				.content-right {
					.title{
						padding: 0 3rem;
					}
					.carousel{
						height: 24rem;
						.carousel-inner {
							padding: 3rem 3rem;
							.carousel-item{
								p{
									font-size: 1.2rem;
								}
								ul li{
									font-size: 1rem;
								}
							}
							.carousel-control-next,
							.carousel-control-prev{
								height: 80%;
							}
							
						}
					}
				}
			}
		}
	}
}


@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
	.btn:hover{
	  border: 0.4rem #F26722 solid;
	  border-radius: 15px;
	  color: #F26722;
	  background-color: transparent;
	  transition: 200ms ease;
	}
}

@media (max-width: 992px) {
	.btn:hover{
		border-radius: 15px;
	    color: white;
	    background-color: #F26722;
	    transition: 200ms ease;
	}
}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		/* max-width: 1648px;
		padding: 0 24px; */
	}

}

@media (min-width: 1680px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1600px;
	}
}