@media only screen and (min-width: 100px) and (max-width: 1400px) {
}
@media only screen and (min-width: 100px) and (max-width: 1200px) {
}
@media only screen and (min-width: 100px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .sidebar{
        display:none;
    }
    
    .dashboard-page .col-md-3 {
    width: 100%;
}
    
      .profiles-main {
        display: block;
    }
    
    .profile-item {
        max-width: 100%;
    } 
    
     form.login-form {
    width: 100% !important;
}
.message-sidebar {display: block;height: 521px;overflow: auto;}

.chat-view {
    margin: 37px 0px;
} 

.chat-msg.send span {
  overflow-wrap: break-word;
  width: auto;
  text-align: left;
  margin: 0;
}

button.chat-send-btn {
    width: 100%;
}

.message-box-inner input {
    width: 100%;
    margin-bottom: 5px;
}
.edit-form-item select {
    /* width: 100%; */
    margin-bottom: 10px;
}

.edit-form-item :is(input[type="tel"],input[type="text"],textarea) {
    width: 100%;
    margin: 0;
}

.main-box {
    display: block;
}

.edit-profile .box img {
    width: 100%;
}
 
.edit-form-item select option {
    width: 300px;
}

.box {
    max-width: 100% !important;
}

.message-box-inner button {
    width: 100%;
}
.header-con h3 {
    font-size: 14px;
}

.header-con {
    margin-left: 11px;
    width: 100%;
}
.dashboard-header {
    z-index: 99;
    position: relative;
    padding: 8px 10px 11px 30px;
}

.blog-single-pg h4 {
    font-size: 44px;
}

.blog-single-pg h5 {
    font-size: 39px;
}

.blog-con h3 {
    font-size: 16px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 14px;
}
 
.dashboard-page .row.g-0 {
    justify-content: center;
     
}

.my-number-content h3 {
    font-size: 30px;
}
 

.login-images .col-md-4 {
    margin-top: 85px;
    width: 100%;
}

form.login-form {
    width: 100%;
    margin-bottom: 94px;
}

.login-form h3 {
    font-size: 23px;
}

.form-content h5 {
    font-size: 16px;
}

.logo img {
    width: 145px;
    margin-bottom: 22px;
}

.login-images{
    width: 100%;
}
form#payment-form {
    width: 100%;
}
aside.sidebar {
    height: 83vh;
}

.blog-boxes {
    margin-bottom: 209px;
}

.blog-boxes .col-6 {
    width: 21%;
}

.blog-boxes .col-12 {
    width: 50%;
}

.verification-img {
    width: 100%;
    text-align: center;
}

.verifivation-con h4 {
    color: #000;
}

.verifivation-con h5 {
    color: #000;
}
 
.profiles-detail-pg .profile-item {
    width: 100%;
}
 
.profile-pg-footer {
    padding: 20px;
}

.profiles-detail-pg .profile-info-inner h3 {
    font-size: 28px;
}
}





@media only screen and (min-width: 992px) and (max-width: 1600px) {
    .d_openbtn{
        display:none;
    }
    .d_closebtn{
        display:none;
    } 
} 

 








@media only screen and (min-width: 100px) and (max-width: 500px) {
    .profiles-main {
    display: block;
}

.profile-item {
    max-width: 100%;
}
.edit-form-item select {
    /* width: 100%; */
    margin-bottom: 10px;
}

.edit-form-item :is(input[type="tel"],input[type="text"],textarea) {
    width: 100%;
    margin: 0;
}

.main-box {
    display: block;
}

.edit-profile .box img {
    width: 100%;
} 

.edit-form-item select option {
    width: 300px;
}

.box {
    max-width: 100% !important;
}

.message-box-inner button {
    width: 100%;
}

.header-con h3 {
    font-size: 14px;
}

.header-con {
    margin-left: 11px;
    width: 100%;
}
.dashboard-header {
    z-index: 99;
    /* position: relative; */
    padding: 8px 10px 11px 30px;
}

.blog-single-pg h4 {
    font-size: 44px;
}

.blog-single-pg h5 {
    font-size: 39px;
}

.blog-con h3 {
    font-size: 16px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 14px;
}
.my-number-content h3 {
    font-size: 30px;
}
.logo img {
    width: 148px;
}

.login-pg-img {
    width: 100%;
}

.login-pg-img img {
    width: 100%;
}

.login-images .col-md-4 {
    margin-top: 85px;
    width: 100%;
}
.blog-boxes {
    margin-bottom: 13rem;
}
form.login-form {
    width: 100%;
    margin-bottom: 94px;
}

.login-form h3 {
    font-size: 23px;
}
.sidebar-header {
    padding: 15px 10px;
}
.form-content h5 {
    font-size: 16px;
}

.logo img {
    width: 145px;
    margin-bottom: 22px;
}

.login-images{
    width: 100%;
}

.login-images .col-md-4 {
    width: 33.3%;
}
.login-body {
    overflow: auto;
}

form#payment-form {
    width: 100%;
}

aside.sidebar {
    height: 83vh;
}

.blog-single-pg h4 {
    font-size: 30px;
}

.blog-single-pg h5 {
    font-size: 25px;
}

.blog-con h3 {
    font-size: 15px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 12px;
}
.profiles-detail-pg .profile-item {
    width: 100%;
}
 
.profile-pg-footer {
    padding: 20px;
}
.profiles-detail-pg .profile-info-inner h3 {
    font-size: 28px;
}
form#chat-form-submit {
    margin-bottom: 5rem;
}
}








@media only screen and (min-width: 100px) and (max-width: 390px) {
    
     form.login-form {
    width: 100% !important;
}
.message-sidebar {display: block;height: 521px;overflow: auto;}

.chat-view {
    margin: 37px 0px;
} 

.chat-msg.send span {
  overflow-wrap: break-word;
  width: auto;
  text-align: left;
  margin: 0;
}

button.chat-send-btn {
    width: 100%;
}
.blog-boxes {
    margin-bottom: 13rem;
}

.message-box-inner input {
    width: 100%;
    margin-bottom: 5px;
} 

.edit-form-item select option {
    width: 300px;
}

.box {
    max-width: 100% !important;
}
.sidebar-header {
    padding: 15px 10px;
}
.message-box-inner button {
    width: 100%;
}
.header-con h3 {
    font-size: 14px;
}

.header-con {
    margin-left: 11px;
    width: 100%;
}
.dashboard-header {
    z-index: 99;
    /* position: relative; */
    padding: 8px 10px 11px 30px;
}

.blog-single-pg h4 {
    font-size: 44px;
}

.blog-single-pg h5 {
    font-size: 39px;
}

.blog-con h3 {
    font-size: 16px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 14px;
}
.my-number-content h3 {
    font-size: 30px;
}

.logo img {
    width: 148px;
}

.login-pg-img {
    width: 100%;
}

.login-pg-img img {
    width: 100%;
}

.login-images .col-md-4 {
    margin-top: 85px;
    width: 100%;
}
form.login-form {
    width: 100%;
    margin-bottom: 94px;
}

.login-form h3 {
    font-size: 23px;
}

.form-content h5 {
    font-size: 16px;
}

.logo img {
    width: 145px;
    margin-bottom: 22px;
}

.login-images{
    width: 100%;
}

.login-images .col-md-4 {
    width: 33.3%;
}
.login-body {
    overflow: auto;
}
form#payment-form {
    width: 100%;
}

aside.sidebar {
    height: 83vh;
}
.blog-single-pg h4 {
    font-size: 30px;
}

.blog-single-pg h5 {
    font-size: 25px;
}

.blog-con h3 {
    font-size: 15px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 12px;
}
.profiles-detail-pg .profile-item {
    width: 100%;
}
 
.profile-pg-footer {
    padding: 20px;
}
.profiles-detail-pg .profile-info-inner h3 {
    font-size: 28px;
}
form#chat-form-submit {
    margin-bottom: 5rem;
}
}














@media only screen and (min-width: 100px) and (max-width: 576px) {
    
     form.login-form {
    width: 100% !important;
}
.message-sidebar {display: block;height: 521px;overflow: auto;}

.chat-view {
    margin: 37px 0px;
} 

.chat-msg.send span {
  overflow-wrap: break-word;
  width: auto;
  text-align: left;
  margin: 0;
}
.blog-boxes {
    margin-bottom: 13rem;
}
button.chat-send-btn {
    width: 100%;
}

.message-box-inner input {
    width: 100%;
    margin-bottom: 5px;
}
.edit-form-item select {
    /* width: 100%; */
    margin-bottom: 10px;
}

.edit-form-item :is(input[type="tel"],input[type="text"],textarea) {
    width: 100%;
    margin: 0;
}

.main-box {
    display: block;
}
.sidebar-header {
    padding: 15px 10px;
}

.edit-profile .box img {
    width: 100%;
}
 
.edit-form-item select option {
    width: 300px;
}

.box {
    max-width: 100% !important;
}

.message-box-inner button {
    width: 100%;
}
.header-con h3 {
    font-size: 14px;
}

.header-con {
    margin-left: 11px;
    width: 100%;
}
.dashboard-header {
    z-index: 99;
    /* position: relative; */
    padding: 8px 10px 11px 30px;
}

.blog-single-pg h4 {
    font-size: 44px;
}

.blog-single-pg h5 {
    font-size: 39px;
}

.blog-con h3 {
    font-size: 16px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 14px;
}.my-number-content h3 {
    font-size: 30px;
}
.logo img {
    width: 148px;
}

.login-pg-img {
    width: 100%;
}

.login-pg-img img {
    width: 100%;
}

.login-images .col-md-4 {
    margin-top: 85px;
    width: 100%;
}
form.login-form {
    width: 100%;
    margin-bottom: 94px;
}

.login-form h3 {
    font-size: 23px;
}

.form-content h5 {
    font-size: 16px;
}

.logo img {
    width: 145px;
    margin-bottom: 22px;
}

.login-images{
    width: 100%;
}

.login-images .col-md-4 {
    width: 33.3%;
}
.login-body {
    overflow: auto;
}
form#payment-form {
    width: 100%;
}
aside.sidebar {
    height: 83vh;
}
.blog-single-pg h4 {
    font-size: 30px;
}

.blog-single-pg h5 {
    font-size: 25px;
}

.blog-con h3 {
    font-size: 15px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 12px;
}
.profiles-detail-pg .profile-item {
    width: 100%;
}
 
.profile-pg-footer {
    padding: 20px;
} 
form#chat-form-submit {
    margin-bottom: 5rem;
}
}








 





@media only screen and (min-width: 100px) and (max-width: 768px) {
    .profiles-main {
        display: block;
    }
    
    .profile-item {
        max-width: 100%;
    } 
    
     form.login-form {
    width: 100% !important;
}
.message-sidebar {display: block;height: 521px;overflow: auto;}

.chat-view {
    margin: 37px 0px;
} 
.blog-boxes {
    margin-bottom: 13rem;
}

.chat-msg.send span {
  overflow-wrap: break-word;
  width: auto;
  text-align: left;
  margin: 0;
}

button.chat-send-btn {
    width: 100%;
}

.message-box-inner input {
    width: 100%;
    margin-bottom: 5px;
}
.edit-form-item select {
    /* width: 100%; */
    margin-bottom: 10px;
}

.edit-form-item :is(input[type="tel"],input[type="text"],textarea) {
    width: 100%;
    margin: 0;
}

.main-box {
    display: block;
}

.edit-profile .box img {
    width: 100%;
}
 
.edit-form-item select option {
    width: 300px;
}

.box {
    max-width: 100% !important;
}

.message-box-inner button {
    width: 100%;
}
.header-con h3 {
    font-size: 14px;
}

.header-con {
    margin-left: 11px;
    width: 100%;
}
.dashboard-header {
    z-index: 99;
    position: relative;
    padding: 8px 10px 11px 30px;
}

.blog-single-pg h4 {
    font-size: 44px;
}

.blog-single-pg h5 {
    font-size: 39px;
}

.blog-con h3 {
    font-size: 16px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 14px;
}
.my-number-content h3 {
    font-size: 30px;
}
.logo img {
    width: 148px;
}

.login-pg-img {
}

.login-pg-img img {
    width: 100%;
    object-fit: cover;
}

.login-images .col-md-4 {
    margin-top: 0;
    width: 100%;
} 
form.login-form {
    width: 100%;
    margin-bottom: 94px;
}

.login-form h3 {
    font-size: 23px;
}

.form-content h5 {
    font-size: 16px;
}

.logo img {
    width: 145px;
    margin-bottom: 22px;
}

.login-images{
    width: 100%;
    padding: 10px;
}

.login-images .col-md-4 {
    width: 33.3%;
    overflow: hidden;
}
.login-body {
    overflow: auto;
}
form#payment-form {
    width: 100%;
}

.sidebar-header {
    padding: 15px 10px;
    z-index: 9999;
    position: relative;
}
aside.sidebar {
    height: 83vh;
}
.blog-single-pg h4 {
    font-size: 30px;
}

.blog-single-pg h5 {
    font-size: 25px;
}

.blog-con h3 {
    font-size: 15px;
}

.blog-con p {
    font-size: 10px;
}

.blog-con a {
    font-size: 12px;
}
.profiles-detail-pg .profile-item {
    width: 100%;
}
 
.profile-pg-footer {
    padding: 20px;
}
.profiles-detail-pg .profile-info-inner h3 {
    font-size: 28px;
}
form#chat-form-submit {
    margin-bottom: 5rem;
}
}