@media screen and (max-width: 1200px) {
	:root {
		--max: calc(100% - 30px);
		--size14: 14px;
		--size16: 14px;
		--size18: 16px;
		--size20: 18px;
		--size24: 20px;
		--size30: 22px;
		--size36: 24px;
		--size40: 28px;
		--size46: 30px;
		--size50: 36px;
		--size56: 40px;
		--size60: 40px;

		--top20: 20px;
		--top30: 30px;
		--top40: 40px;
		--top50: 40px;
		--top60: 50px;
		--top80: 60px;
		--top100: 80px;
		--top120: 100px;
	}
}

@media screen and (max-width: 992px) {
	:root {
		--size14: 12px;
		--size16: 14px;
		--size18: 14px;
		--size20: 16px;
		--size24: 18px;
		--size30: 20px;
		--size36: 20px;
		--size40: 22px;
		--size46: 24px;
		--size50: 28px;
		--size56: 30px;
		--size60: 36px;

		--top20: 10px;
		--top30: 20px;
		--top40: 30px;
		--top50: 30px;
		--top60: 40px;
		--top80: 50px;
		--top100: 60px;
		--top120: 60px;
	}
}


@media screen and (max-width: 768px) {
	:root {
		--size14: 12px;
		--size16: 12px;
		--size18: 14px;
		--size20: 14px;
		--size24: 16px;
		--size30: 16px;
		--size36: 18px;
		--size40: 18px;
		--size46: 20px;
		--size50: 20px;
		--size56: 22px;
		--size60: 24px;

		--top20: 10px;
		--top30: 15px;
		--top40: 20px;
		--top50: 20px;
		--top60: 25px;
		--top80: 30px;
		--top100: 30px;
		--top120: 30px;
	}
	
	.Index{
	    /*align-content: center;*/
	    align-items: center;
	}

	.Logo {
		width: 100px;
	}

	.Hertre_cen form {
		width: max-content;
		justify-content: flex-end;
		flex: 1;
	}
	

	.Hertre_cen form input {
		height: 30px;
		max-width: 150px;
	}

	.Hertre_cen form button {
		width: 30px;
		height: 30px;
	}

	.Hertre_cen form button img {
		width: 12px;
	}

	.Swiper li {
		width: 70% !important;
	}

	.prev,
	.next {
		width: 40px;
		height: 40px;
	}
	.prev svg,
	.next svg {
		width: 8px;
	}
    
	.Footer_top p, .Footer_top a{
		font-size:10px;
	}
	.Footer_p p{
	    font-size: 10px;
	}
	.Footer_cen{
	    gap: 5px;
	}
	.Footer_p img{
	    width: 14px;
	    height: 14px;
	}
	.Footer_copy{
	    text-align: left;
	    font-size: 10px;
	}
	.Footer{
	    gap: 5px;
	    padding: 10px 0;
	}
	
	.prev{
		left: 0;
	}

	.next{
		right: 0;
	}


	/*.Footer_top p,*/
	/*.Footer_p{*/
	/*	width: 100%;*/
	/*}*/
	.video_modal_content {
        width: 95%;
        margin: 10% auto;
    }
    
    .video_modal_close {
        top: -35px;
        font-size: 35px;
    }
    
    #modal_video {
        max-height: 60vh;
    }
}