/* --- Responsive Design (BREAKPOINTS) --- */

        /* Tablet (max 1024px) - 3 cards per view */
        @media (max-width: 1000px) {
                
                /********** resgister form ***************/
                
                .contain{
                    display: block;
                }
                .register-image {
                   display: none;
                }
                
                .container {
                   /* margin: 0 50px;*/
                   margin: 0;
                   padding: 40px 20px;
                }
                img.logo-img{
                    width: 120px;
                    
                }
                h2{
                    font-size: 22px;
                }
                .form-row {
                    display: block;
                }
                
                /********* end register form **************/
                
        }

        /* Small Tablet/Mobile Landscape (max 768px) - 2 cards per view */
        @media (max-width: 768px) {
                .div-1{
                   
                }  
        }

        /* Mobile (max 480px) - 1 card per view */
        @media (max-width: 600px) {
                .div-1{
                  
                }  
        }