@media (max-width:1619px){
	/* Main Menu Area css
	============================================================================================ */
   .header_area .navbar .search {
		margin-left: 40px;
	}
	/* End Main Menu Area css
	============================================================================================ */
	.banner_area .box_1620 {
		border-radius: 0px;
	}
}
@media (max-width:1450px){
	.frame10480 {
		padding: 4.5% 3%;
	}
	.frame10492{
		width: 80%;
	}
}

@media (max-width:1199px){
	.frame10480 {
		padding: 4.5% 3%;
	}
}

@media (max-width:991px){
	.frame10492{
		width: 95%;
	}
	.frame10479 {
		gap: 70px;
	}
}



@media (max-width:767px){
	.link{
		font-size: 16px;
	}
    .menu-icon {
        display: flex;
    }
    .menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.15); /* Semi-transparent background to create a blurred effect */
        z-index: 2; /* Place the overlay above other content */
        backdrop-filter: blur(3px); /* Add a blur effect to the content */
    }
    .frame2 {
		align-items: flex-start;
        flex-direction: column;
        background-color: white; /* White background */
        position: fixed; /* Fixed position */
        top: 0;
		gap: 32px;
        left: -100%; /* Initially hidden off the left edge */
        height: 100%; /* Full height of the page */
        width: 55%; /* Adjust the width as needed */
		padding: 8% 8%;
        transition: left 0.3s ease-in-out; /* Transition for smooth animation */
        backdrop-filter: blur(100%); /* Add a blur effect to the content */
        z-index: 3; /* Ensure the menu appears above other content */
    }
    .frame2.active2 {
        left: 0;
		padding: 8% 8%;
    }
	.hamburger-header{
		width: 100%;
		display:flex;
        flex-direction: column;
	}
	.hamburger-header1{
		display:flex;
        justify-content: space-between;
		align-self: stretch;
		align-items: center;
	}
	.hamburger-header .link{
		font-size: 12px;
	}
	.frame10505{
		align-items: center;
		align-self: stretch;
	}
	.frame10505 svg{
		display: inline;
	}
	.frame10479 {
		flex-direction: column;
		align-items: center;
		gap: 32px;
	}
	.frame10496 {
		width: 100%;
		align-items: flex-start;
	}
	.frame10483{
		gap: 48px;
	}
	img {
		width: 100%;
		height: auto;
	}
}


@media (max-width:600px){
	
}
@media (max-width:575px){
}



@media (max-width:480px){
}