@media  (max-width: 1700px) and (min-width: 1000px) {
	
	.img_blog_listing {
    width: 100%;
    height: 86px;
}
.section_login_page{
	overflow-y: auto;
}
.side_tab{
    height: calc(100vh - 36vh);
}
 .login_button_modal_setting {
    height: 32px;
}

p{
    _font-size: 12px !important;
	 font-size:1rem  !important;
}
.scroll_style_detail{
    height: 60vh;
    overflow-y: auto;
}
.check_question{
    width: 35%;
}
.nav-link {
    display: block;
    padding: 0.3rem 1.5rem;
}
.img_round_Profile{
 height: 130px;
  width: 130px;
}
.setting_model_input{
    height: 35px;
    font-size: 13px;
}
.setting_model_input::placeholder{
	font-size: 13px;
}
.logo_login {
    width: 50%;
    margin: 0 auto 30px;
}
.login_input::placeholder{
    font-size: 13px;
}
.img_preview_wrap {
    height: 130px;
    width: 130px;
}
.login_input{
        height: 38px;
    margin-bottom: 12px;
    font-size: 13px;
}
.login_button {
    border: 2px solid #3C3C3C;
    padding: 6px 30px;
}
}



/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e6e8cb; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #bfcc7d; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bfcc7d; 
}
#body_scroll_mobile{
    display: none;
}
@media (max-width: 768px) {
    .logo_login {
    width: 50%;
    margin: 0 auto 20px;
}
#body_scroll_mobile{
    display: block;
}
.login_input {
    height: 40px;
    margin-bottom: 12px;
    font-size: 13px;
}
.w100{
    width: 100%;
}
.login_button {
    padding: 6px 55px;
}
body {
    margin: 0 auto;
    overflow-y: auto;
    height: calc(100vh - 0px);
    width: calc(100vw - 25px);
}
.section_login_page {
    border: 2px solid #3C3C3C;
    height: calc(100vh - 50px);
}
.body_scroll_desktop{
    display: none;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #f7f6ec;
  overflow-x: hidden;
  transition: 0.2s;
  padding-top: 60px;
}

.sidenav a {
  padding: 12px 8px 12px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    display: block;
    transition: 0.3s;
}
.login_button_top {
    padding: 5px 15px;
}
.check_question {
    position: absolute;
    top: 50%;
    width: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
input[type="search"]::placeholder{
    font-size: 14px;
}
.section_top_page {
    height: auto;
}
label {
    color: #000000;
}
.button_upload_img {
    padding: 10px 3px;
}
.text5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.img_round_Profile {
    height: 65px;
    width: 65px;
}
.setting_model_input {
    height: 35px;
    font-size: 15px;
}
.img_preview_wrap {
    height: 65px;
    width: 65px;
}
.user_Img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 30px;
  margin-left: 50px;
}
.img_blog_listing {
    height: 130px;
}
}


@media (min-width: 1921px) {
    .button_3rd_row button {
    height: 65px;
    font-size: 16px !important;
}
h6, .h6 {
    font-size: 1.5rem;
}
h4, .h4 {
    font-size: 2rem;
}
body {
    font-size: 1.1rem;
    font-weight: 500;
	 font-weight: normal !important;
}
.view_more {
    font-size: 16px;
}
#myModal .modal-dialog{
    max-width: 900px !important;
}
#myModal .login_button_top{
    font-size: 22px !important;
}
h5, .h5 {
    font-size: 1.9rem;
}
.detail_top_button_two {
    font-size: 15px;
}
}