.container {
        max-width: 1365px;
    }
    
    @media screen and (max-width:1370px) {
        .produkte-section {
            padding-top: 320px;
            margin-top: -300px;
        }
        .main-banner-wrapper .btn-orange,
        .about-section .btn-orange {
            padding: 15px 30px;
        }
        .btn {
            padding: 12px 20px;
        }
        .main-pordukte-wrapper h3 {
            padding: 15px 25px;
        }
        .callto-section {
            padding: 250px 0 100px 0;
        }
        .callto-wrapper .btn-white {
            padding: 15px 20px;
            margin-left: -80px;
        }
    }
    
    @media screen and (max-width:1280px) {
        .navbar-brand .logo {
            margin-right: 50px;
            width: 280px;
        }
        .navbar-nav .nav-link {
            padding: .5rem .5rem !important;
        }
        .nav-lang .nav-link {
            padding: 0 .5rem !important;
        }
    }
    
    @media screen and (max-width:1199px) {
        h1 {
            font-size: 38px !important;
        }
        h2 {
            font-size: 32px !important;
        }
        .heading-with-line::before {
            height: 60px;
        }
        .main-banner-wrapper h2 {
            font-size: 24px !important;
        }
        .main-pordukte-wrapper h3 {
            width: 400px;
        }
    }
    
    @media screen and (max-width:991px) {
        .nav-link {
            display: inline-block;
        }
        .nav-lang,
        .nav-lang li,
        .nav-lang .nav-item {
            display: inline;
        }
        .nav-login .nav-link:hover {
            margin-left: 10px;
        }
        .main-banner-wrapper .btn-orange {
            margin-top: 20px;
        }
        .btn {
            font-size: 14px;
        }
        .produkte-section {
            padding-top: 250px;
            margin-top: -250px;
        }
        .pr-5,
        .pr-4,
        .pr-3 {
            padding-right: 15px !important;
        }
        .pl-5,
        .pl-4,
        .pl-3 {
            padding-left: 15px !important;
        }
        .px-5,
        .px-4,
        .px-3 {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .main-pordukte-wrapper {
            margin: 0 20px;
            min-height: 100%;
            max-height: 100%;
        }
        .main-banner-wrapper h1 {
            margin-top: 0;
        }
        .main-pordukte-wrapper h3 {
            width: 300px;
            font-size: 20px;
            margin-top: -54px;
            margin-left: 26px;
        }
        .pro-img-wrapper img {
            min-height: 219px;
            max-height: 220px;
        }
        .navbar-nav .dropdown-menu {
            position: absolute;
        }
        .text-dark-bg {
            padding-top: 600px;
            margin-top: -600px;
        }
        .paragraph-section .col-md-6 {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
        .featured-main-wrapper {
            background-size: 98% 100%;
        }
        .featured-main-wrapper .btn-orange {
            padding: 13px 25px;
            width: 180px;
            font-size: 12px;
            margin: 15px 0 0 -80px;
        }
        .main-card-wrapper .img-col {
            padding-right: 15px;
        }
        .main-card-wrapper .left-col {
            padding-left: 45px;
        }
        .main-card-wrapper {
            max-height: inherit
        }
        .main-banner-wrapper .btn-orange,
        .about-section .btn-orange {
            padding: 13px 30px;
        }
        .callto-wrapper p {
            font-size: 20px;
        }
        .procedure-cols .one::before,
        .procedure-cols .two::before,
        .procedure-cols .three::before {
            top: -25px;
        }
        .about-section .offset-md-1 {
            margin-left: 15px;
            margin-right: 25px;
        }
        .about-section .pl-5 {
            padding-left: 35px !important;
        }
        .about-section h2 {
            font-size: 23px !important;
        }
        .about-section h2::before {
            height: 50px;
            top: -25px;
        }
        .about-bottom-section-last .offset-md-1 {
            margin-left: 35px;
        }
        .about-bottom-section-last .pl-5 {
            padding-left: 0 !important;
            margin-left: 35px;
        }
        .procedure-cols {
            margin-top: 50px;
        }
        .procedure-cols .one::before {
            left: 0;
            left: 40px;
        }
        .footer-top .px-5 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }
        .second-col::before,
        .third-col::before,
        .forth-col::before {
            width: 0;
        }
        .social-links li img {
            margin-top: -8px;
            max-height: 70px;
        }
        .about-section .btn-orange {
            margin-top: 0;
        }
        .product-features li {
            font-size: 14px;
        }
        .preise-bottom h3 {
            margin-top: 20px;
        }
        .tab button {
            font-size: 16px;
        }
        .tp-content-wrapper .btn-orange {
            padding: 7px 25px;
            margin-top: -60px;
        }
        .tp-content-wrapper.img-selected::before {
            right: 5px;
            transform: scale(.55);
            top: 10px;
        }
        .tp-content-wrapper.modern .btn-orange {
            margin-top: -45px;
        }
        .tp-content-wrapper .icon img {
            max-width: 20px;
            margin-left: -15px;
            margin-top: 5px;
        }
        .next-tab-content h4,
        .next-tab-content p,
        .st-t .next-tab-content h4,
        .st-t .next-tab-content p,
        .tc-wrapper .next-tab-content h4,
        .tc-wrapper .next-tab-content p {
            margin-left: 0;
        }
        .next-tab-content h4 {
            font-size: 20px;
            margin-top: 0;
        }
        .next-tab-content .btn-orange {
            font-size: 16px;
            padding: 10px 15px;
            margin-left: -20px;
        }
        .next-tab-content .btn-orange:hover span {
            padding-right: 15px;
        }
        .second-content .col-md-4,
        .tc-wrapper>.col-md-4 {
            padding: 0 15px;
        }
        .final-payment-wrapper label img {
            max-width: 60px;
        }
        .table-price-card tbody td {
            height: 60px;
        }
        .table-price-card .fa-trash {
            top: 20px;
        }
        .table-price-card .small-text {
            font-size: 12px;
        }
        .table-price-card .first {
            font-size: 14px;
        }
        .table-price-card td {
            font-size: 14px;
        }
        .ok input {
            padding: 15px;
        }
        .ok input:focus {
            padding: 15px;
        }
        .ok {
            margin-top: 20px;
        }
        .lottie-anim {
            width: 320px !important
        }
        .thank-you-content {
            margin-top: 75px;
            padding-left: 15px;
            margin-bottom: 20px;
        }
        .thank-you-bg {
            display: none;
        }
        .thank-you-content .s-para,
        .thank-you-content .l-para {
            font-size: 16px;
        }
        .thank-you-content .f-para {
            font-size: 20px;
        }
    }
    
    @media screen and (min-width:576px) and (max-width:991px) {
        .first-col p,
        .footer-top h4 {
            font-size: 14px;
        }
        .clock-wrapper img {
            max-height: 80px;
        }
        .footer-link-section h4,
        .footer-bottom h4 {
            font-size: 18px;
        }
        .second-col .bottom-links li a {
            font-size: 12px;
        }
        .main-banner-wrapper .heading-col {
            padding-left: 3rem !important;
        }
        .hero-image-wrapper::before {
            margin-top: 140px;
        }
        .producte-card-main.third .btn-orange,
        .producte-card-main.fourth .btn-orange {
            margin-top: 30px;
            margin-bottom: 20px;
        }
        .producte-card-main.second .btn-orange {
            margin-top: 140px !important;
        }
        .prduct-feature-wrapper .btn-orange {
            margin: 80px 0 0 0;
        }
    }
    
    @media screen and (max-width: 767px) {
        .main-banner-wrapper h1 {
            margin-top: 20px !important;
        }
        .produkte-section {
            background: url();
            background-color: #F9F9FB;
            margin-top: 0;
            padding-top: 30px;
        }
        .main-pordukte-wrapper h3 {
            left: 0;
        }
        .pro-img-wrapper img {
            min-height: auto !important;
        }
        .callto-section {
            padding: 100px 0 0 0;
        }
        .callto-section h2,
        .callto-section p {
            margin-left: 100px;
            color: #333;
        }
        .callto-section .btn-white {
            margin: 0 0 20px 100px;
        }
        .about-section {
            padding: 40px;
            text-align: center;
        }
        .about-section h2 {
            margin-top: 30px;
        }
        .footer-top .bottom-links {
            padding: 0;
        }
        .footer-top .bottom-links2 {
            margin-top: -20px;
        }
        .payment .col-md-6 {
            margin-top: 15px !important;
        }
        .third-col h4,
        .forth-col h4 {
            margin-bottom: 20px;
        }
        .forth-col h4 {
            margin-top: 20px;
        }
        .footer-link-section,
        .footer-bottom,
        .footer-top,
        .main-banner-wrapper {
            text-align: center;
        }
        .procedure-cols .two::before,
        .procedure-cols .three::before {
            left: 100px;
        }
        .paragraph-section .pl-5 {
            padding-left: 15px !important;
        }
        .paragraph-section .pl-5 h3 {
            margin-top: 30px;
        }
        .featured-main-wrapper {
            padding: 50px 20px;
            background: url();
            background-color: #fff;
            border-radius: 50px 0 50px 0;
        }
        .featured-main-wrapper h2 {
            margin-left: 0;
            font-size: 24px !important;
        }
        .main-card-wrapper {
            max-height: inherit;
        }
        .main-card-wrapper .img-col {
            padding-right: 15px !important;
        }
        .producte-card-main .btn-orange {
            margin: 0 0 20px 0 !important;
        }
        .producte-card-main .btn-orange {
            margin-bottom: 20px !important;
        }
        .tab {
            flex-direction: column;
        }
        .next-tab-content,
        .st-t .next-tab-content {
            text-align: left !important;
        }
        .next-tab-content .btn-orange {
            margin-left: 0
        }
        .next-tab-content h4 {
            margin-top: 20px;
        }
    }
    
    @media screen and (max-width: 575px) {
        h1 {
            font-size: 32px !important
        }
        .main-banner-wrapper h2,
        .callto-wrapper p {
            font-size: 20px;
        }
        h2 {
            font-size: 28px !important;
        }
        .callto-section h2,
        .callto-section p {
            margin-left: 0;
        }
        .callto-section .btn-white {
            margin: 0 0 20px 0px;
        }
        .main-slider-wrapper {
            padding: 0 20px;
        }
        .procedure-cols .one::before,
        .procedure-cols .two::before,
        .procedure-cols .three::before {
            left: 0;
            top: 0;
        }
        .procedure-cols .one::before {
            top: 0;
        }
        .main-pordukte-wrapper .product-desc {
            margin-left: 0;
        }
        .main-pordukte-wrapper .btn-orange {
            margin-left: 0;
        }
        .main-pordukte-wrapper h3 {
            width: 260px;
            font-size: 16px;
        }
        .btn {
            font-size: 12px;
            padding: 10px 20px !important;
        }
        .main-banner-wrapper {
            padding: 50px 20px;
        }
        .main-pordukte-wrapper h3 {
            margin-top: -49px;
        }
        .callto-section {
            margin-top: -100px;
        }
        .slider-section {
            padding: 50px 0;
        }
        .procedure-cols {
            margin: 0 15px;
        }
        .main-pordukte-wrapper h2::before,
        .procedure-section h2::before,
        .about-section h2::before {
            height: 50px;
            width: 90px;
            left: -40px;
        }
        .main-pordukte-wrapper .mb-5 {
            margin-bottom: 0 !important;
        }
        .main-pordukte-wrapper .pt-3 {
            padding-top: 0 !important;
        }
        .main-pordukte-wrapper .pro-img-wrapper {
            margin-top: 20px;
        }
        .main-pordukte-wrapper .first-pro {
            margin-top: 0;
        }
        .main-pordukte-wrapper h3 {
            padding: 12px 25px;
        }
        .slider-section {
            padding: 20px 0;
        }
        .main-slider-wrapper .slick-dots {
            margin: 10px 0 0 0;
        }
        .main-slider-wrapper .slick-slide img {
            max-height: 120px;
            min-height: auto;
        }
        .procedure-section {
            padding: 50px 0 30px 0;
        }
        .main-pordukte-wrapper h2,
        .procedure-section h2,
        .about-section h2 {
            margin-left: 0;
            margin-bottom: 20px;
        }
        .about-section {
            padding: 50px 15px;
            background: #fff;
        }
        .about-section .pl-5 {
            padding-left: 15px !important;
        }
        .about-section .pr-5 {
            padding-right: 15px !important;
        }
        .heading-with-line {
            font-size: 24px !important;
        }
        .paragraph-section h3 {
            font-size: 20px !important;
        }
        .paragraph-section h3::before,
        .main-card-wrapper h3::before {
            height: 50px;
            left: -40px;
            top: -25px !important;
        }
        .main-card-wrapper .left-col {
            padding: 0 30px;
        }
        .main-card-wrapper h3 {
            font-size: 20px !important;
        }
        .callto-section {
            background: url(../img/cta-bg.png) top/cover no-repeat;
            padding: 50px 0;
            margin: -50px 15px 0 15px;
        }
        .callto-section h2,
        .callto-section p {
            color: #fff;
        }
        .procedure-cols .col-md-4 {
            margin-top: 25px;
        }
        .featured-main-wrapper .btn-orange {
            margin: 20px 0 0 0;
        }
        .main-pordukte-wrapper h3 {
            margin-top: -43px;
            margin-left: 5px;
        }
        .main-card-wrapper h3 {
            margin-left: 40px;
        }
        .hero-image-wrapper::before {
            margin-top: 130px;
        }
        .text-dark-bg {
            background: url();
            background-color: #F9F9FB;
            padding-top: 30px;
            margin-top: -20px;
        }
        .paragraph-section h3 {
            margin-left: 40px;
        }
        .about-bottom-section-last {
            padding-top: 0;
            margin-top: -20px;
        }
        .about-bottom-section-last .btn-orange {
            margin-bottom: 20px;
        }
        .about-bottom-section-last .offset-md-1,
        .about-bottom-section-last .pl-5 {
            margin-left: 0;
        }
        .about-bottom-section-last .offset-md-1 {
            margin-right: 0;
        }
        .next-tab-content .btn-orange:hover span {
            padding-right: 20px;
        }
        .table-overflow {
            overflow-x: scroll;
        }
        .thank-you-content {
            margin-top: 5px;
            padding-left: 45px;
        }
    }
    
    @media screen and (max-width:460px) {
        .navbar-brand .logo {
            max-width: 240px;
            margin-right: 0 !important;
        }
        nav {
            padding: 0 10px !important;
        }
        .prduct-feature-wrapper .tag-wrapper .btn-tag {
            margin: 5px;
            padding: 8px !important;
        }
    }
    
    @media screen and (min-width:1200px) {
        .main-banner-wrapper img {
            height: 450px;
            min-width: 100%;
        }
    }