@media (max-width: 575px) { 


.wrapper{position: relative;margin:15px 0;  border-radius: 10px;padding: 15px;}
.header .logo{font-size: 22px; font-weight: 700; letter-spacing: -1px; color: #2673ab; text-align: center;padding-bottom: 10px;}
.header .user{margin: 0; padding: 0;text-align: center; color: #2673ab}

.header {text-align: center;}
.header .caption{margin-top: 20px;padding-right: 00px;}


.middle-section{ position: relative; background-color: #eff8ff; margin-top: 20px;padding:20px 10px; border-radius: 5px;}
.sidebar-menu{margin-bottom: 10px;}
.footer{text-align: center;padding-top: 20px;font-size: 13px;}

}


@media (min-width: 576px) and (max-width: 767px) {

 }


@media (min-width: 768px) and (max-width: 991px) { 



}

@media (min-width: 992px) and (max-width: 1199px) { 




}


@media (min-width: 1200px) { 



}



@media (min-width: 1200px) and (max-width: 1900px) { 





}