@media only screen and (max-width: 1050px){
}
 @media only screen and (max-width: 850px){
}
 @media only screen and (max-width: 450px){
    /*.navbar{
        */
        /* display: none;
        */
        /*
    }
    */
     .desktop-nav{
         display: none;
    }
     .mobile-nav{
         display: block;
         padding: 5px 0;
    }
     .card2{
         margin: 10px 0;
    }
     .login-page .form {
         top: 20px;
         width: 90%;
         float: none;
         padding: 20px;
    }
     .logo-img {
         width: 90px;
         margin: 0 auto 15px;
         display: table;
    }
     .title {
         font-size: 23px;
    }
     .form-control{
         font-size: 14px;
    }
     #survey-form h6 {
         font-size: 19px;
         margin: 0 0 20px;
    }
     .login-left-content {
         left: 0;
         top: 0;
    }
     h6 {
         font-size: 13px;
    }
     .login-left-content h3 {
         font-size: 22px;
         line-height: 28px;
         text-align: center;
         text-shadow: -2px 1px 0 rgba(0, 0, 0, 0.5);
    }
     .login-section {
         padding: 15% 0;
    }
     .login-left-content h6 {
         font-size: 14px;
         width: 100%;
         margin: 5px 0 0;
         text-align: center;
    }
     .login-form {
         height: auto;
    }
     .logo {
         width: 22%!important 
    }
	.abt-images img {
		height: auto!important;
	}
	.abt-images{
		margin:10px 0;
	}
     .navbar {
         padding: 5px 10px!important;
    }
     .login-sec {
         padding: 0;
    }
     .table-responsive {
         height: auto;
    }
     .ban_img img {
         width: 100%;
         height: 32vh;
         object-fit: cover;
    }
     .ban_text {
         left: 3%!importan;
         top: 60%;
    }
     .ban_text h5 {
         padding: 7px 7px;
         font-size: 8px;
         text-align: left;
         margin: 6px 0 0;
    }
     .ban_text strong {
         font: 700 17px/70px "Poppins", sans-serif!important;
         line-height: 23px!important;
    }
     .ban_text h5 {
         padding: 7px 7px;
         font-size: 8px;
         text-align: left;
         margin: 6px 0 0;
    }
	.login-button {
        padding: 7px!important;
        margin: 8px 0 0!important;
    }
	.login-button i {
		font-size: 18px!important;
		padding: 0 3px 0!important;
	}
	h6 {
		font-size: 12px!important;
	}
	.about-sec {
		padding: 2em 0!important;
	}
	.contact-area {
		padding: 2.5em 0 1em!important;
	}
}