@media (max-width: 575.98px) { 
    header .notification{padding-right: 0;}
    header .modal .m-header .close-btn i {left: -7px;}
    .modal.right .modal-dialog{width: 280px;}
    .modal-body .title h6{font-size: 11px;}
    .form-section .login-form .form-group{padding: 0 20px;}
    .form-section .login-form img{padding: 20px 0;}
    .form-section .req-login{font-size: 12px;}
    footer{bottom: 10px;}
    footer p{font-size: 8px;} 
    .collectminder{min-width: 50%;}
    .collectminder .form-heading .input-group {display: block;}
    .collectminder .form-heading .input-group .search-bar{padding: 5px;width: 100%;} 
    .collectminder .form-heading h1 {font-size: 21px;}
    .collectminder .form-heading .input-group .dropdown .select{display: none;}
}
@media (max-width: 991.98px) { 
    .form-section .login-form form .form-control{height: auto;}
    .form-section .login-form form .login-btn {height: 40px;width: 200px;letter-spacing: 1px;}
    .minh-80px .navbar-brand{margin: 0 auto;}
    .arrow-btn{display: none;}
    .collectminder .form-heading .input-group {justify-content: flex-start;}
}
@media (min-width: 1200px) { 
    .modal-body .title p {font-size: 12px;}
    .modal-body .title a {font-size: 11px;}
 }
 @media (min-width: 992px) {.navbar-toggler-icon{display: none;}}

 @media (min-width: 576px) and (max-width: 767.98px) { .collectminder{min-width: 60%;}}
 @media (min-width: 768px) and (max-width: 991.98px) {.collectminder{min-width: 70%;}}
 @media (min-width: 992px) and (max-width: 1199.98px) {.collectminder{min-width: 75%;}}