@media (max-width: 1456px) {
  .clients-table table th, .clients-table table td{
    padding: 14px;
  }
  .clients-table {
    border-radius: 14px;
}
.main-box-profile .uer-main-title{
    overflow-x: scroll;
}
.main-box-profile .uer-main-title .overflow{
    width: 460px;
}
.quest-ans .notes:after{width:127%; }
}
@media (max-width: 1366px) {
  .log-in-main-user {
    padding: 8%;
}

}
@media (max-width: 1230px) {
  .main-stats-header ul {
    width: 60%;
}
.quest-ans .notes:after {
    content: "";
    width: 110%;
    left: -28px;
  }
}

@media (max-width: 1199px) {
  .btn-nav-op-cl small {
    padding-left: 13px;
    font-size: 18px;
  }
  .vertical-nav{
    z-index: 9;
  }
  #sidebar {
    margin-left: -17rem;
  }
  #sidebar.active {
    margin-left: 0;
  }
  #content {
    width: 100%;
    margin: 0;
  }
  #contentBody {
    margin-left: 0;
    width: calc(100% - 0rem);
  }
  #content.active {
    margin-left: 17rem;
    width: calc(100% - 17rem);
  }
  .user-title{
    display: none;
  }
  .close-btn{
    position: absolute;
    top: 7px;
    right: 3px;
    display: block;
  }
  .close-btn i{
    color:#e3b446;
    font-size: 30px;
  }
  .searchbox{
    width:0%;
  }
  .searchbox-input {
    background: #0000;
  }
  .searchbox-open {
    width: 50%;
    background: #66768526;
  }
  .Editor-body, .quest-ans, .past-sessions {
    margin: 30px 11px 0;    
    padding: 18px;
  }
  .notes p {
    font-size: 16px;
  }
  .quest-ans .open-op{
    display: none;
  }
  .drop-zone {
    font-size: 15px;
  }
  .chekbox-se .form-check-label{
    font-size: 14px;
  }
  .quest-ans .notes:after {
    content: "";
    width: 100%;
    left: 0;
}
.log-in-left {
    padding: 74% 14%;
}
.modal-lg, .modal-xl {
    max-width: 958px;
}
.main-box-faq{
  padding: 0;
}
.profit-user .fix-w-gr,
.profit-user .fix-w-grp{
  width: 100%;
}
.performances-grouth li {
    width: 31%;
  }
/*.user-log.dropdown .dropdown-menu {
    left: -40px !important;
  }*/
/*.Account-holder .dropdown-no .dropdown-menu {
    left: -144px !important;
  }*/
.quest-ans{height:450px;}
}
@media (max-width: 991px) {
  .user-pic-pro {
    width: 140px;
    height: 140px;
}
.performances-grouth li {
    width: 47%;
  }
  .title-grouth-per span{
    float: right;
    position: relative;
    top: -45px;
  }
}
@media (max-width: 850px) {
  .main-stats-header ul {
    width: 100%;
    margin: 10px 0 0;
}
.color1-apply li{
  width: 100%;
  float: none;
  margin-right: 0;
}
.main-stats-header .nav.nav-tabs {
    width: 100%;
  }
.title-user-pro h4 {
    font-size: 20px;
  }
  .edit-profile-b label{
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .user-log {
    padding: 0 0px 0px;
  }
  .btn-nav-op-cl small{
    display: none;
  }
  .Account-holder p {
    width: 30px;    
    height: 30px;
    line-height: 30px;
  }
  .Account-holder i {
    font-size: 13px;
  }
  .fix-width-dv, .manage-clientsArea .fix-width-dv{
    width: 91%;
  }
  .searchbox-icon, .searchbox-submit {
    width: 36px;
    display:block; align-items: center;
  }
  .searchbox {
    min-width: 36px;
    margin-right: 0;
  }
  .searchbox-input {
    padding: 0 0 0 35px;
  }
  .user-pic {
    width: 50px;
    height: 50px;
  }
  .searchbox-open {
    width: 55%;
  }
  .input-group .input-group-text {
    font-size: 14px;
    width: 136px;
    white-space: inherit;
  }
  .input-group input {
    font-size: 14px;
  }
  .draginpic {
    flex-wrap: wrap;
  }
  .drop-zone {
    width: 100%;
    margin-top: 15px;
  }
  .btn-send-cl{
    float: none;
  }
  .btn-send,
  .btn-send-cl{
    width: 100%;
    padding: 10px;
  }
  .main-box {
    margin: 26px 11px;
  }
  .main-body-login{
    overflow: scroll;
  }
  .log-in-left,
  .log-in-main-user {
    padding: 21px;
    height: 100%;
}
.color-apply li {
    width: 100%;
  }
  .uer-main-title{
    margin: 20px 11px;
    padding: 15px 0;
  }
  .search-user{
    padding: 0 15px 15px 15px ;
  }
  .chatbox-main{
    margin: 0 11px;
  }
  .download-section{
    padding: 7px;
    margin-right: 7px;
  }
  .download-section img{
    max-width: 16px;
  }
  .download-section h6 {
    font-size: 11px;
    line-height: 1;
    margin-bottom: 5px;
}
.download-section p {
  font-size: 9px;
}
.notification-send{
  display: none;
}
.notification-send1{
  display: inline-block;
}

.notification-chatarea {
    padding: 0 10px;
}
.notification-send img{
  margin-right: 0;
}
.notification-send {
  padding: 7px 12px;
  border-radius: 10px;
}
.chatarea-content{
  padding: 15px;
}
.emoji{
  width: 20%;
  justify-content: start;
}
.emoji img{
  max-width: 16px;
  margin-right: 7px;
}
.chatarea-input {
  width: 80%;
}
.notification-input{font-size: 14px; width: 70%;}
/* MANAGE CLIENTS********** */
.clients-nav{
  margin: 20px 11px;
}
.clients-nav i,
.clients-nav p{
  font-size: 11px;
}
.clients-rows{
  margin: 0 11px 20px;
}
.row-align{
  margin-right: 7px;
}
.top-row p {
  margin-right: 6px;
  font-size: 12px;
}
.top-row select {
  padding: 5.5px;
  border-radius: 7px;
  background-size: 9px;
  font-size: 10px;
}
.clients-import {
  padding: 4px;
  border-radius: 7px;
}
.import-btns {
  padding: 4px;
  border-radius: 7px;
  margin-right: 3px;
  font-size: 10px;
}
.clients-import p{
  font-size: 10px;
}
.client-rowsTop{
  margin-bottom: 20px;
}
.client-input {
  width: 100%;
}
.clients-search{
  align-items: start;
}
.clientssearch{
  margin-right: 10px;
  border-radius: 10px;
}
.client-submit {
  padding: 0 9px;
  font-size: 20px;
  margin-top: 3px;
}
.clients-search img{
  width: 12px;
}
.clientssearch-input{
  font-size: 12px;
  border-radius: 30px;
  height: 35px;
  padding: 0 0 0 40px;
}
.clientssearch-icon, .clientssearch-submit{
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.clients-table{
  margin: 0 11px;
  overflow-x: auto;
}
.clients-paginationSection{margin: 30px 11px 40px;}
.main-box-faq {
   margin: 30px 11px;
}
.modal-body .main-box {
    padding: 2px;
}
#stats2Content {
    padding: 0;
}
.profit-user .fix-w-gr, .profit-user .fix-w-grp{
  width: 48%;
}
.edit-profile-b{
  margin-top: 20px;
}
.wi-31-l,
.wi-31-m,
.wi-31-r,
.wi-48-r,
.wi-48-l{
  width: 100%;
  float: none;
}
.performances-grouth li {
    width: 100%;
    margin: 0;
    margin-top: 14px;
  }
/*.user-log.dropdown .dropdown-menu {
    left: -50px !important;
}*/
/*.Account-holder .dropdown-no .dropdown-menu {
    left: -120px !important;
}*/
.editorAndQuestHldr{
  flex-wrap: wrap;
}
.Editor-body, .quest-ans {
    height: auto !important;
}
.questbtnhldr{
  display: none;
}
.btn-serach img{
  width: 18px;
}
.current-plan{
  margin-top: 20px;
}
.editor-body-ml-0{margin-left: 11px !important;}
.form-mail{padding: 30px 11px;}
.drop-zone{margin-right: 0px;}
.information-box{margin:30px 0px}
.main-box-profile .col-md-5, .main-box-profile .col-md-5{
    padding-right: 11px;
    padding-left: 11px;
  }
  .top-nav-main-menu{padding: 20px 11px;}
  .paymentmethodsec{padding: 10px 20px 20px 20px;}
}
@media (max-width: 575px) {
  .main-stats-header ul {
    flex-wrap: wrap;
  }
.fix-w-grp,
.fix-w-gr {
    width: 100%;
    float: none;
  }
.logo-right {
    position: inherit;
    top: 0;
    right: 0;
}
.header-faq-main h2 {
    font-size: 19px;
  }
.header-faq-main h2 span {
    font-size: 14px;
  }
.header-faq-main .searchbox{
  width: 100%;
}
.color-code {
    width: 26%;
    margin-left: 6px;
  }
  .color-samople {
    padding: 18px 15px;
  }
  .color1-apply h6{
    display: inline-block;
    padding-bottom: 5px;
  }
  .main-stats-header p{
    padding-top: 0;
  }
.profit-user .fix-w-gr, .profit-user .fix-w-grp{
  width: 100%;
  float: none;
}
.main-box-profile {
    padding: 30px 15px;
}
.title-user-pro a {
    font-size: 14px;
    padding: 8px 13px;
}
.paymentmethodsec .halffieldsec{width: 100%; margin-bottom: 30px;}
  .paymentbut{padding: 0 15px; font-size: 15px; width: 100%; }
}
@media (max-width: 414px) {
  .user-password h4 {
    font-size: 40px;
}
.download-group {
    flex-wrap: wrap;
}
.Account-holder .dropdown-no .dropdown-menu {
    left: -67px !important;
}
.user-log.dropdown .dropdown-menu {
    /*left: -40px !important;*/
}
.Graph-chart {
    padding: 30px 15px;
  }
  .download-section{margin: 0 0 10px 0; width: 100%;}
  
}
@media (max-width: 320px){
.color-samople {
    padding: 19px 9px;
}
.color-code {
    font-size: 12px;
}
.title-name-time p{
  display: inline-block;
}
.title-name-time time {
    float: none;
   padding-top: 6px;
    background: url(../images/clock-icon.svg)no-repeat 0px 6px;
    background-size: 15px;
    display: inherit;
}
.details-header .title-name-time time{
  padding-left: 0;
}
.notification-send1 {
    position: relative;
    right: 19px;
}
}


/********15/12/21**********/
@media (max-width: 1199px) {
    .logintime-sec{padding:25px 11px 0;}
    .nav {margin-bottom:0;}
    .user-title{display:block;}
}
@media (max-width: 767px) {
   .user-log.dropdown .dropdown-menu{transform: translate3d(0px, 40px, 0px) !important;}
   .user-log.dropdown .dropdown-menu a {padding-left:18px;}
   .user-log.dropdown .dropdown-menu a i{top:2px;}
}
@media (max-width: 575px) {
 .logintime-sec .local-time{ justify-content:center; }   
 .local-time{width: 144px; padding:10px; }
  .local-time h4{ font-size:14px; } 
 .local-time2{width:206px;}
/* .user-title h4{ padding-top:10px; }*/
 .logintime-sec .user-title h4{ padding-top:0; }
 .user-title i{top:2px;}
 .Account-holder .dropdown-no .dropdown-menu.comment-downmenu{left:inherit !important; right:0 !important;}

}
@media (max-width: 414px) {
  .Account-holder .dropdown-no .dropdown-menu{transform: translate3d(-52px, 40px, 0px) !important;}
  .Account-holder .dropdown-no .dropdown-menu.comment-downmenu{transform: translate3d(52px, 40px, 0px) !important;}
}


/******** Theme 2 **********/
@media (max-width: 1580px) and (min-width: 1200px) {
  .stock-balance-sec .col-xl-2{ flex:0 0 33.333%; max-width:33.333%; }
  .stock-balance-box h5{font-size:15px; line-height:17px; }

}
@media (max-width: 1580px) {
.theme2-body .quest-ans #accordion{ height:363px; }
.theme2-body .user-phone, .theme2-body .user-mails, .theme2-body .information-addres{ width:100% !important; }
.theme2-body .user-mails p, .theme2-body .information-addres p{ width:100%; }
}
@media (max-width: 1366px) {
.theme2-body{padding: 15px;}
.theme2-body .questbtnhldr{right:-10px;}
.theme2-body .ques-hide{margin-right:-8px;}
.theme2-body .ques-hide.active{margin-right:-3px;}
}

@media (min-width: 1350px){
.theme2-pop .modal-xl{ max-width:1340px; }
}

@media (max-width: 1199px){
.welcone-box{ padding:18px;}
.theme2-body .sessions-list{ height:207px; }
.theme2-body #contentBody{ margin-left: 0; width: calc(100% - 0rem);}
.theme2-body #sidebar {margin-left: -19rem;}
.theme2-body #sidebar.active{margin-left:0;}
.theme2-body .vertical-nav{ left:0; top:0;}
.theme2-body .close-btn{top:7px; right:3px;}
.theme2-body .close-btn i{font-size:20px;}
.homework-text-box{ height:220px; }
}

@media (max-width: 767px){
  .theme2-body .title-mob{ font-size:17px; line-height:19px; }
  .welcone-box { height: inherit;}
  .welcone-box img{ display:block; width:50% !important; margin:15px auto 0; object-position:center; }
  .theme2-body .sessions-list{ height:250px; }
  .theme2-body .quest-ans #accordion{height:auto; max-height:363px; }
  .homework-text-box{ height:auto; max-height:220px; }
  .notes-text-box{height:auto; max-height:380px;}
  .wi-31-m{margin-left:0; }
  .submit-search img {padding-top: 9px;}
  .clients-search img {width: 12px;}
}
@media (max-width: 575px){
  .welcone-box, .stock-balance-box{ height:auto !important; }
  .welcone-box img{width:75% !important; }
  .theme2-body .input-group-prepend{ display:block; width:100%; }
  .theme2-body .input-group .input-group-text{ border-radius:10px 10px 0 0; display:block; width:auto;}
  .theme2-body .input-group .form-control{width:100%; border-radius:0 0 10px 10px; }
  .theme2-body .input-group .form-control.password{border-left:none; border-top:1px solid #ccc;}

  .theme2-body .profit-user-title .drop-zone p{ font-size:0; }
}
