/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1750px;
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px){
	html{
		font-size: 54.5%;
	}
	.container{
		max-width: 1500px;
	}
}
@media (min-width: 1366px) and (max-width: 1599.98px){
	html{
		font-size: 47.5%;
	}
	.container{
		max-width: 1300px;
	}
}
@media (min-width: 1200px) and (max-width: 1365.98px){
	html{
		font-size: 42.5%;
	}
	.container{
		max-width: 1170px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 36%;
	}
	.container{
		max-width: 960px;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 59%;
	}
	header{
		padding: 3.5rem 4rem;
	}
	.logo {
	    max-width: 14.5rem;
	}
	.menu{
		position: fixed;
		top: 0;
		height: 100vh;
		width: 100%;
		left: -100%;
		background-color: var(--dark_main);
		z-index: -1;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		overflow: auto;
		padding-top: 15rem;
		padding-bottom: 2rem;
		display: block;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		padding-right: calc((100% - 720px) / 2 + 1.5rem);
		padding-left: calc((100% - 720px) / 2 + 1.5rem);
	}
	.menu.current{
		left: 0;
	}
	.hamburger-menu {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	.menu{
		display: block;
	}
	.menu>ul{
		display: block;
		margin-bottom: 3rem;
	}
	.menu>ul>li{
        padding: 3rem 0rem !important;
        border-bottom: 0.1rem solid rgba(255, 255, 255, 0.4);
	}
	.menu>ul>li>a {
	    font-size: 2.5rem;
	    font-weight: 700;
	    color: #fff;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.right_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.fix-btn {
	    right: 4rem;
	}
	.quote_box p:not(:last-child) {
	    font-size: 2.5rem;
	}
	.quote_box p:last-child {
	    font-size: 2rem;
	}
	.link {
	    left: 4rem;
	}
	h1{
		font-size: 3.5rem;
	}
	.gap_70 {
	    --bs-gutter-x: 3rem;
	    --bs-gutter-y: 3rem;
	}
	.studio_box p {
	    font-size: 2rem;
	    margin-top: 3rem;
	    padding: 0rem;
	}
	.about_content p{
		font-size: 2.5rem;
	}
	.bottom_section {
	    margin-top: 12rem;
	    margin-bottom: 5rem;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 43%;
	}
	.menu{
		padding-right: calc((100% - 540px) / 2 + 1.5rem);
		padding-left: calc((100% - 540px) / 2 + 1.5rem);
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2.34vw;
	}
	.container,
	.menu{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	header {
	    padding: 2.5rem 2.5rem;
	}
	.logo {
	    max-width: 11.6rem;
	}
	.fix-btn {
	    right: 2.5rem;
	    bottom: 2.5rem;
	}
	.menu>ul>li {
	    padding: 2rem 0rem !important;
	}
	.menu>ul>li>a{
		font-size: 2rem;
	}
	.button {
	    font-size: 1.8rem;
	}
	.home_content p {
	    font-size: 2rem;
	}
	h1 {
	    font-size: 3.5rem;
	    text-wrap: balance;
	}
	h2{
		font-size: 2rem;
	}
	.home_area {
	    padding: 12rem 0 8rem;
	}
	.contact_box {
	    padding: 3.5rem 2.5rem;	
	}
	.input_group label {
	    font-size: 1.6rem;
	}
	.input_group {
	    padding-bottom: 2rem;
	    margin-top: 0rem;
	}
	.contact_box h1{
		padding-bottom: 2rem;
	}
	.input_group textarea {
	    height: 16rem;
	}
	.media_box {
	    margin-bottom: 3rem;
	    padding-top: 2rem;
	}
	.quote_box p:not(:last-child) {
	    font-size: 2rem;
	}
	.quote_box p:last-child {
	    font-size: 1.6rem;
	    margin-top: 0.5rem;
	}
	.quote_box {
	    margin-bottom: 2rem;
	}
	.social_icons {
	    -webkit-column-gap: 2.5rem;
	       -moz-column-gap: 2.5rem;
	            column-gap: 2.5rem;
	}
	.social_icons a {
	    font-size: 4rem;
	}
	.link {
	    left: 2.5rem;
	}
	.news_content {
	    margin-top: 2.5rem;
	}
	.about_content p{
		font-size: 2rem;
	}
}