@media screen and (max-width: 1024px) {
 #header .header-content {
 width: 90%;
 padding: 40px 0;
}
 #header.fixed a {
 color: #000;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: rgba(255, 255, 255, 0.98);
 backdrop-filter: blur(10px);
 -webkit-backdrop-filter: blur(10px);
 width: 280px;
 height: 100vh;
 top: 0;
 right: -300px;
 z-index: 99998;
 visibility: hidden;
 opacity: 0;
 box-shadow: -5px 0 20px rgba(0,0,0,0.1);
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease;
 overflow-y: auto;
 padding-top: 80px;
}
 .navigation.open {
 right: 0;
 visibility: visible;
 opacity: 1;
}
 .navigation .primary-nav {
 position: static;
 transform: none;
 padding: 0 20px;
}
 .navigation li {
 display: block;
 margin-bottom: 10px;
 border-bottom: 1px solid #f0f0f0;
 padding-bottom: 10px;
}
 .navigation li:last-child {
 border-bottom: none;
}
 .navigation a {
 display: flex;
 font-size: 16px;
 color: #333 !important;
 margin: 0;
 text-align: left;
 padding: 10px 0;
}
 .navigation a:hover, .navigation a.active {
 color: #F60 !important;
}
 .navigation .dropdown-menu {
 position: static;
 float: none;
 box-shadow: none;
 border: none;
 background: transparent;
 padding-left: 20px;
 display: none;
}
 .navigation .dropdown:hover .dropdown-menu,
 .navigation .dropdown.open .dropdown-menu,
 .navigation .dropdown:focus-within .dropdown-menu {
 display: block;
}
 .navigation a.btn-login-nav {
 margin-left: 0;
 text-align: center;
 justify-content: center;
 margin-top: 10px;
}
 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
 .flex-control-nav {
 bottom: 20px;
}
}
@media screen and (max-width: 768px) {
 .banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 font-size: 42px;
}
 .banner-text p {
 font-size: 18px;
}
 .flexslider {
 padding-bottom: 80px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 50px;
}
}
@media screen and (max-width: 640px) {
 .banner-text {
 padding-top: 35%;
}
 .testimonials p {
 font-size: 12px;
}
}
@media screen and (max-width: 480px) {
 .banner-text {
 padding-top: 45%;
}
 .banner-text h1 {
 font-size: 32px;
}
 .testimonials p {
 font-size: 12px;
}
}
@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
}