nav{margin: 0 auto;}
.menu-list {display: none;flex-direction: column;position: absolute;top: 60px;left: 0;width: 100%;background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); list-style: none; font-family: var(--text-font);}
.menu-list.active {display: flex;}
.menu-item {margin-right: 0;margin-bottom: 10px;}
.menu-link {text-decoration: none;color: var(--dark_color);}
.menu-toggle-wrapper{width: 100%;z-index: 3;}
.menu-toggle {display: block; margin-left: auto; background: none;border: none;cursor: pointer;padding: 0;}
.menu-toggle:hover{background-color: transparent; border: none;}
.menu-icon {height: 3px;width: 25px;margin: 5px 0; display: block; background-color: #333;}
.menu-list.responsive{position: absolute; top: 0;height: 100vh;display: flex; margin-top: 0px; padding: 160px 0; background-color: var(--dark-color);z-index: 2;}
.menu-list.responsive .menu-item{height: 100%;}
.menu-list.responsive a{color: var(--neutral-color); padding-bottom: 5px;}
.menu-list a:hover {border-bottom: 2px solid;}
.dropdown .dropdown-menu {position: relative; box-shadow: none; margin-top: 10px; padding:5px 0px;}
.dropdown-menu {display: none; position: absolute; background-color: var(--white-color); z-index: 1;}
.dropdown-menu a{color: var(--primary-color)!important; margin-left: 20px;}
.dropbtn{padding: 0 5px; background-color: transparent; border-radius: 50px;}
#dropbtn_text {margin: 0; font-size: 14px; line-height: normal;}
.dropbtn .contact-list-icon{fill: var(--white-color); width: 10px; margin: 0;}
.show {display:block;}  @media screen and (min-width: 768px){
body{text-align: left;} .menu-list {display: flex; flex-direction: row; position: relative; top: 0px;width: 100%;background-color: transparent; box-shadow: none; margin: 0;}
.menu-item {margin: 20px;}
.menu-toggle-wrapper{display: none;}
.menu-toggle {display: none;}
.dropdown .dropdown-menu {position: absolute;}   
}.contacts-cta{height: 50vh;position: relative;}
.contacts-cta-wrapper{z-index: 1;}
.contacts-cta-container{text-align: center;}
.contacts-cta-container h2, .contacts-cta-container h3, .contacts-cta-container h4{color: var(--light_text_color);}
#contacts-cta-slider{width: 100%;height: 100%;position: absolute;}
.studios h3{color: inherit;}
.studios-wrapper{padding: 0;}
.studios-cards{flex-wrap: wrap;}
.studio-card-wrapper{margin-top: 50px; flex-wrap: wrap;}
.studio-address{width: 100%;}
.studio-address a{color: var(--color-accent); text-decoration: underline;}
.studio-img{width: 100%; position: relative;}
.studio-img-thumbnail{width: 100%; aspect-ratio: 4/3; overflow: hidden; border-radius: 10px;}
.studio-img-thumbnail img{background-size: cover; }
.contacts-section{background-color: var(--primary_bg_color); flex-wrap: wrap;}
.contacts-section-content{padding: 40px; width: 100%;}
.contacts-form-wrapper{background-color: var(--primary_bg_color); width: 100%; position: relative; right: -100%; transition: right 1s ease; border-radius: 10px;}
.contacts-form-wrapper .wpforms-container{padding: 25px;}
.wpforms-field-container{text-align: left;}
@media screen and (min-width: 768px){
.studio-address{width: 70%;}
.studio-img{width: 30%;}
.contacts-section-content{width: 40%;}
.contacts-form-wrapper{width: 60%;}
}