@media (max-width:1599px) {
    /* banner css start  */

    .banner-image {
        max-width: 82%;
    }

    /* banner css end */
}

@media (max-width:1499px) {

}

@media (max-width:1399px) {
    /* feature section start */

    .feature-card .card-title {
        width: 100%;
        max-width: 260px;
    }
        
    /* feature section end*/

    /* advantage css start */

    .advantage-image {
        max-width: 500px;
    }

    /* advantage css end  */

    
    /* contact css start  */

    .contact-wrp {
        max-width: 95%;
    }
    /* contact css end */

    /* info css start  */

    .swiper-slide {
        width: 100%;
        max-width: 408px;
    }
    /* info css start  */

    /* questions css start  */

    .question-wrp {
        padding: 0 10px;
    }

    /* questions css end */
}

@media (max-width:1299px) {

    /* feature section start */
    
    .feature-card .card-title {
        width: 100%;
        max-width: 238px;
    }
    /* feature section end*/

    /* advantage css start */

    .advantage-image {
        max-width: 40%;
        display: flex;
    }
    
    .advantage-image figure {
        display: flex;
    }
    
    .advantage-image img {
        object-fit: cover;
    }

    .advantage-block-container .advantage-block{
        align-items: stretch;
    }

    .advantage-block .advantage-content {
        max-width: 58%;
    }

    .advantage-block .block-details {
        margin-top: 20px;
    }   
    /* advantage css end  */

    /* info css start  */

    .swiper-slide {
        width: 100%;
        max-width: 368px;
    }

    /* info css end  */
}

@media (max-width:1199px) {
    .block-title {
        font-size: 36px;
    }

    /* banner css   */

    .banner-content {
        word-break: break-word;
    }

    /* banner end   */

    /* feature css start  */

    .feature-main {
        padding: 55px 0;
    }

    .feature-wrp {
        flex-wrap: wrap;
        justify-content: left;
    }

    .feature-card {
        width: 100%;
        max-width: 50%;
        justify-content: left;
        padding: 40px 0 0 0;
    }

    .feature-card:last-child {
        padding-top: 40px;
    }

    .feature-icon {
        width: 100%;
        max-width: 20%;
    }

    .feature-wrp .card-title {
        width: 100%;
        max-width: 70%;
    }
    /* feature css end */

     /* advantage css start */

    .advantage-image img{
        min-height: 296px;
        object-fit: cover;
    }
    /* advantage css end  */


    /* info css start  */

    .swiper-wrapper {
        justify-content: left;
    }

    .swiper-slide {
        width: 100%;
        max-width: fit-content  ;
    }
    
    .swiper-pagination{
        display: flex;
        justify-content: center;
        bottom: -30px !important;
    }
    
    .swiper-pagination-bullet {
        background-color: var(--secondary-color);
    }
    
    .swiper-pagination-bullet-active {
        background-color: var(--green) !important;
    }
    .swiper-pagination-bullet {
        background-color: #cdffa8 !important;
        opacity: 1 !important;
    }
    
    .swiper-button-prev::after,
    .swiper-button-next::after{
        font-size: 30px;
    }

    .swiper-slide .card-image {
        height: 252px;
    }

    .swiper-slide .card-image img {
        height: 252px;
    }
    /* info css end */

    /* footer css start  */

    .footer-content {
        width: 100%;
        max-width: 95%;
        margin: 75px auto 0;
        justify-content: space-between;
    }

    .footer-content .footer-list {
        margin: 0 !important;
    }
    /* footer css end */


    /* <======== uber uns page css start ==========> */

    /* location css start  */
    
    .location-block-content {
        max-width: 44%;
    }
    
    .location-block-image {
        max-width: 43%;
    }

    .step-number {
        font-size: 30px;
        width: 86px;
        height: 86px;
    }    
    
    /* location css end */

    /* <======== uber uns page css end ==========> */    
}

@media (max-width:991px) {
    .main-title {
        font-size: 70px;
    }

    /* header css start */

    .header-main {
        padding: 20px 0;
    }

    .navbar-expand-lg .navbar-collapse {
        margin-top: 26px;
    }

    .navbar-nav {
        padding: 14px 0 24px 0;
        margin: 0 0 0 18px;
        border-bottom: 1px solid var(--secondary-color);
    }

    .nav-link {
        font-size: 28px;
        padding: 0 !important;
    }
    
    .navbar-nav .nav-item:first-child .nav-link {
        padding: 0px !important;
    }

    .nav-item {
        padding-bottom: 30px;
    }

    .offcanvas {
        transition: transform 0.5s ease-in-out;
        -webkit-transition: transform 0.5s ease-in-out;
        -moz-transition: transform 0.5s ease-in-out;
        -ms-transition: transform 0.5s ease-in-out;
        -o-transition: transform 0.5s ease-in-out;
}

    .offcanvas .nav-item:last-child .nav-link{
        margin: 0px 0 0 0px;
    }

    .offcanvas-navbar .nav-link{
        font-size: 20px;
    }

    .offcanvas.offcanvas-top {
        height: 100%;
        overflow: auto;
        background: #ffffff;
    }

    .offcanvas .navbar-nav.offcanvas-navbar {
        border-bottom: none;
        padding: 40px 0 0 0;
    }

    .navbar-toggler {
        border: none;
        padding: 0;
    }

    .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
    }

    .navbar-toggler-icon {
        background-image: url(../images/navbar-toggler.svg);
        background-repeat: no-repeat;
    }

    .btn-close {
        background: url(../images/close-icon.svg);
        background-repeat: no-repeat;
        opacity: 1;
        margin: 0 10px 0 auto !important;
        padding: 4px !important;
    }

    .btn-close:focus {
        box-shadow: none;
        border: none;
    }

    /* header css end */

    /* banner css start  */

    .banner-main {
        padding: 16px 0 16px 0;
    }

    .banner-image {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0;
    }

    .banner-content {
        width: 100%;
        max-width: 100%;
        padding-top: 0;
        margin: 20px auto 0px auto;
    }

    
    /* banner css end  */

    /* feature css start  */

    .feature-main {
        padding: 25px 0;
    }

    .feature-card {
        max-width: 100%;
        padding-top: 35px;
    }

    .feature-card:last-child {
        padding-top: 35px;
    }

    .feature-card:first-child {
        padding: 0;
    }

    .feature-icon .material-icons {
        font-size: 34px;
    }

    .feature-icon {
        min-width: 64px;
        width: 64px;
        height: 64px;
    }

    .feature-wrp {
        padding: 10px;
    }
    /* feature css end */

    /* advantage css start  */

    .advantage-main {
        padding: 40px 0 50px 0;
    }

    .advantage-block {
        flex-direction: column-reverse;
    }

    .advantage-block-container .advantage-block:nth-child(even) {
        flex-direction: column-reverse;
    }

    .advantage-block .advantage-content {
        max-width: 100%;
    }

    .advantage-image {
        width: 100%;
        max-width: 820px;
        margin: 0 auto;
        display: block;
    }

    .advantage-image img{
        width: 100%;
    }

    .advantage-block-container .advantage-block {
        margin-top: 34px;
    }

    .advantage-block .advantage-content {
        width: 100%;
        max-width: 820px;
        margin: 20px auto 0;
    }

    .advantage-block-container .advantage-block:nth-child(even) .advantage-image {
        margin: 0 auto;
    }

    .block-title {
        font-size: 28px;
    }

    /* advantage css end */

    /* contact css start  */

    .contact-main {
        padding: 60px 0;
    }

    .contact-wrp .contact-form {
        padding: 50px 35px 50px 35px;
        margin-top: 75px;
    }

    form {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 70px;
    }

    form  .input-group {
        width: 100%;
    }

    .form-input input {
        width: 100%;
        max-width: 100%;
    }
    
    .form-radio {
        width: 100%;
    }

    .radio-group {
        width: 100%;
        max-width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }
    /* contact css end */

    /* info css start  */

    .info-main {
        padding: 60px 0;
    }

    .swiper-slide {
        width: 100%;
        max-width: 100%;
    }

    .swiper-pagination{
        display: flex;
        justify-content: center;
        bottom: -30px;
    }

    .swiper-pagination-bullet {
        background-color: #000;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: flex;
    }

    .swiper-button-prev::after,
    .swiper-button-next::after{
        font-size: 30px;
    }
    /* info css end */

    /* question css start  */

    .question-main {
        padding: 60px 0;
    }

    /* question css end */

    /* <======= ueber-uns page start =======> */

    /* about banner css start  */
    .about-banner-main {
        padding: 25px 0 25px 0;
    }

    .about-banner-wrp {
        flex-direction: column-reverse;
    }
    
    .about-banner-image {
        max-width: 100%;
    }

    .about-banner-content {
        max-width: 100%;
        margin-top: 34px;
    }
    /* about banner css end */

    /* location css start  */
    
    .location-block {
        flex-direction: column-reverse;
        margin-top: 32px;
    }

    .step-block:nth-child(even) .location-block{
        flex-direction: column-reverse;
    }

    .location-block-content {
        max-width: 100%;
    }
    
    .location-block-image {
        max-width: 100%;
        display: block;
    }
    
    .location-block-content  .block-top-title br{
        display: none;
    }

    .step-block::before,
    .step-block::after {
        display: none;
    }

    .step-number {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }

    .location-block-top-content {
        display: flex;
        align-items: flex-start;
    }

    .step-number {
        font-size: 20px;
        min-width: 56px;
        width: 56px;
        height: 56px;
    }

    .block-top-right {
        width: 100%;
        margin-left: 20px;
    }

    .locaton-block-content{
        margin-top: 32px;
    }

    .locaton-block-content .block-details {
        margin-top: 16px;
    }
    /* location css end */

    /* about us section css start  */

    .about-top .about-logo {
        max-width: 50%;
    }

    /* about us section css end */


    /* <======= ueber-uns page end =======> */

}

@media (max-width:767px) {
    .main-title {
        font-size: 44px;
        line-height: normal;
    }

    .section-title {
        font-size: 36px;
        line-height: 46px;
    }

    .card-title {
        font-size: 20px;
    }

    .block-top-title {
        font-size: 20px;
    }

    .main-details {
        font-size: 18px;
        line-height: 28px;
        margin-top: 24px;
    }

    .block-details {
        font-size: 18px;
    }

    /* <======== home page css start =========> */

    /* header css start  */

    .header-main {
        border-top: none;
        padding: 10px 0 ;
    }

    /* header css end */

    /* feature css start  */
    
    .feature-main {
        padding: 25px 0;
    }

    .feature-card .card-title {
        max-width: 80%;
    }

    .feature-card {
        max-width: 100%;
        padding-top: 24px;
    }

    /* feature css end */

    /* advantage css start  */

    .advantage-block .block-details {
        margin-top: 10px;
    }

    .advantage-block-container {
        margin-top: 34px;
    }

    /* advantage css end */

      /* contact css start  */

    form {
        margin-top: 60px;
    }
    /* contact css end */

    /* footer css start  */

    .footer-content {
        margin: 45px auto 0;
        justify-content: space-between;
        flex-direction: column;
    }

    .footer-content .footer-list {
        margin-top: 44px !important;   
    }

    .footer-content .footer-list:first-child {
        margin-top: 0px !important;
    }

    .footer-list ul {
        margin-top: 24px;
    }

    /* footer css end */
    /* <======== home page css end =========> */

   /* <======= ueber-uns page start =======> */
   
   /* location css start */
   
   .location-main {
        padding: 45px 0 65px 0;
   }

   /* location css end */

    /* about us section css start  */

    .about-top .about-logo {
        max-width: 100%;
    }
    
    /* about us section css end */
        
    /* <======= ueber-uns page end =======> */

    /* <======= impressum page start =======> */

    .imprint-main {
        padding: 50px 0 60px 0;
    }

    .imprint-container {
        padding: 40px 20px;
        margin-top: 40px;
    }

    .imprint-container h3 {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .imprint-container h5 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .imprint-container p {
        font-size: 18px;
        letter-spacing: 1.2px;
        margin-bottom: 16px;
    }

    /* <======= impressum page end =======> */

    /* <======= datenschitz page start  =======> */

    .typography-main {
        padding: 36px 0 48px 0;
        margin-top: 40px;
    }

    .typography-container {
        width: 100%;
        padding: 40px 20px;
        margin-top: 40px;
    }

    .typography-container  h1 {
        font-size: 44px;
        margin-bottom: 16px;
    }

    .typography-container  h3 {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .typography-container h4 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .typography-container h5 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .typography-container p {
        font-size: 18px;
        letter-spacing: 1.2px;
        margin-bottom: 16px;
    }


    /* <======= datenschitz page end =======> */
}