@media screen and (width: 414px) { .member-wrap h3 { font-size: 28px; line-height: normal; } .member-wrap:after { height: 73%; } .img_div { width: 100%; margin: 10px 0px; } .img_div img { margin: 0 auto; } } @media screen and (width: 320px) { .member-wrap:after { height: 71%; } .contact-info span { font-size: 12px; } .img_div { width: 100%; margin: 10px 0px; } .img_div img { margin: 0 auto; } } @media screen and (width: 734px){ .member-wrap:after { height: 52%; } } @media screen and (width: 736px) { .member-wrap h3 { font-size: 11px; line-height: normal; } .member-wrap:after { height: 70%; } .img_div { width: 100%; margin: 10px 0px; } .img_div img { margin: 0 auto; } } @media( max-width: 659px ) { .container{ max-width: 100%; } .logo{ width: 200px; } .menu-toggle{ display: flex; justify-content: flex-end; align-items: center; width: calc( 100% - 200px ); } .menu-toggle-btn{ padding: 0; width: 40px; height: 40px; font-size: 22px; line-height: 40px; color: #FFF; background: #6D7A89; border: none; border-radius: 4px; } .menu-toggle-btn:hover, .menu-toggle-btn:focus{ background: #0170B9; } .main-menu{ display: none; background: #20345E; } .main-menu, .main-menu ul{ justify-content: center; width: 100%; } .main-menu li{ margin: 0; width: 100%; } .main-menu a{ padding: 10px 15px; color: #FFF; } .main-menu a:hover{ color: #FFF; background: #0170B9; } .main-menu .icon{ margin: 10px 5px 0; width: auto; } .main-menu .icon a{ width: 30px; height: 30px; } .home-hero h1{ font-size: 42px; } .home-hero h2{ font-size: 20px; } .our-services-content{ margin-bottom: 0; } .our-services ul{ flex-direction: column; } .our-services li{ margin: 30px auto; } .gallery img{ width: 100%; } .contact-cta .container{ justify-content: center; padding: 15px; text-align: center; } .why-us .content { padding: 45px 0px; } h2 { font-size: 50px; } .cta-details ul li a { font-size: 11px; } .box-pro { width: auto; height: auto; } }