/*==========  Non-Mobile First Method  ==========*/

 
            @media only screen and (min-width : 1500px) {
                section.echo::after{
                    width: 770px;
                }
            }


            /* Large Devices, Wide Screens */
            @media only screen and (min-width : 1920px) {
                .login,
                .lower-banner,
                .korting{
                    background-size: cover;
                }

                section.echo::after {
                    width: 960px;
                }
            }

            /* Large Devices, Wide Screens */
            @media only screen and (max-width : 1200px) {
                .blocks{
                    padding: 25px 55px;
                }

                .korting {
                    height: 194px;
                    background-size: cover;
                }

                section.echo::after{
                    display: none;
                }

            }

            /* Medium Devices, Desktops */
            @media only screen and (max-width : 992px) {
                .site-menu .navbar {
                    height: auto;
                }

                .blocks {
                    padding: 25px 35px;
                }

                .navbar-toggler{
                    border:none;
                }

                .icon-bar {
                    width: 28px;
                    height: 4px;
                    background-color: #b6b6b6;
                    display: block;
                    transition: all .2s;
                    margin-top: 4px;
                }

                #navbarNav{
                    justify-content: left;
                }

                .navbar-brand{
                    display: inline-block;
                }

                .logo-link{
                    display: none;
                }

                .form-content {
                    width: 100%;
                    padding: 30px 0;
                    display: block;
                }
                .left-part{
                    box-shadow: 0px 2px 10px 2px #efefef;
                }

                .left-part,
                .right-part{
                    border-radius: 25px;
                    padding: 20px;
                    margin-bottom: 20px;
                }
                
                button.login-btn{
                    margin-top: 10px;
                }

                .rect{
                    display: none;
                }

                .login{
                    background: none;
                    height: 820px;
                }

                .owl-carousel.client-carousel .owl-dots{
                    display: block;
                }

                .owl-carousel.client-carousel .owl-nav{
                    display: none;
                }

                .first-overlap .overlap-image{
                    width: 100%;
                }

                .overlap-text{
                    width: 100%;
                    text-align: center;
                    margin-top: 20px;
                }
                
                .second-overlap .overlap-image{
                    width: 100%;
                    margin-top:-20px;
                }
  
                .korting-text h1{
                    font-size: 40px;
                }
                
            }

            /* Small Devices, Tablets */
            @media only screen and (max-width : 768px) {
                .blocks {
                    color: #fff;
                    padding: 25px 15px;
                    margin-bottom: 20px;
                }

                .blocks .block-text p{
                    font-size: 14px;
                }
            }

            @media only screen and (max-width : 575px){
                .footer-logo{
                    margin-bottom: 20px;
                    text-align: center;
                }

                .footer-title,
                .footer-links{
                    text-align:center;
                }
                .navbar-brand{
                    margin-right: 5px;
                }

                .navbar-brand img{
                    width: 80%;
                }
            }

            /* Extra Small Devices, Phones */ 
            @media only screen and (max-width : 480px) {
                .left-part .form-label h2,
                .right-part .form-label h2{
                    font-size: 20px;
                }

                .right-part .form-label p{
                    font-size: 14px;
                }
            }

            /* Custom, iPhone Retina */ 
            @media only screen and (max-width : 320px) {

            }