@media only screen and (min-width: 320px) and (max-width: 767px) {
    html{
        overflow-x:hidden;
    }
    .rightForm p {
        text-align:center;
    }
    .main-cont-bg{
        overflow-x:hidden;
    }
    .registration-bg {
        height:100%;
    }
    .login-sec img{
        width:100%;
        display:none;
    }
    .login-sec{
        padding:50px 0px;
    }
    .rightForm {
            width: 100%;
            padding:  50px 10px;
            margin-top: 0px;
    }
    .rightForm h2 {
        text-align:center;
        font-size:30px;
    }
    .rightForm .nav-tabs .nav-link.active {
        font-size:16px;
    }
    .rightForm .nav-link {
        font-size:16px;
    }
    .login-sec .cont P:after {
        display:none;
    }
    .login-sec .cont P:before {
           display:none;
    }
    .login-sec .cont P {
            width: 100%;
            margin-bottom: 0px;
}
.section1 .row .col-lg-3 {
    width: 100%;
    margin-top: 15px;
}
    #sidebar-wrapper {
        width: 97%;
        position: relative;
        height:440px;
    }
    .side-sec #sidebar-wrapper {
    left: 258px;
}
.section1 .row .col-lg-9 {
    width: 100%;
}
.dashboard-sec {
    padding:30px;
}
.dashboard-sec .w-head h2 img {
    width:25px;
    height:25px;
}
.dashboard-sec .w-head h2{
    font-size:25px;
     justify-content: center;
}
.dashboard-sec .col-lg-3 {
    width: 100% !important;
}
.dashboard-sec .inner-sec {
    padding:30px 0px;
        margin-bottom: 0px;
}
.dashboard-sec .inner-sec .heading {
    font-size: 25px;
}
.dashboard-sec .inner-sec .count {
    font-size: 25px;
    width: 50px;
    height: 50px;
}
.inner-lawyer-sec .main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
.inner-lawyer-sec .main .inner-main img {
    margin-bottom: 20px;
}
.author-box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.sidebar-nav {
    width:90%;
}
.sidebar-brand {
      width:90%;
}
section.chat-row {
    width: 100%;
    padding: 0px;
}
.chat-sec {
    border-radius: 20px;
    width: 100%;
    padding: 50px 20px;
}
.chat-sec .col-md-6:nth-child(1) {
    width: 100%;
}
.chat-sec .col-md-6:nth-child(2) {
    width: 100%;
}
.chat-msg-right {
  margin-bottom: 13px;
  width: 93%;
  margin: auto;
  margin-right: 3px;
}
.chat-msg-lft ul:first-child {
  display: flex;
  justify-content: space-between;
  padding: 18px 36px 20px 24px;
}
.chat-msg-lft {
  width: 100%;
  margin-left:70px
}
.chat-rgt {
    padding: 20px 5px 6px 9px;
}
.chat-box {
    overflow: hidden;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 html{
        overflow-x:hidden;
    }
    .main-cont-bg{
        overflow-x:hidden;
    }
    .registration-bg {
        height:100%;
    }
    .col-md-6 {
       width:100%; 
    }
    .rightForm ul#myTab {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rightForm p {
    text-align:center;
}
    .login-sec img{
        width:100%;
        display:none;
    }
    .login-sec{
        padding:50px 0px;
    }
    .rightForm {
            width: 100%;
            padding:  50px 10px;
            margin-top: 0px;
    }
    .rightForm h2 {
        text-align:center;
        font-size:30px;
    }
    .rightForm .nav-tabs .nav-link.active {
        font-size:16px;
    }
    .rightForm .nav-link {
        font-size:16px;
    }
    .login-sec .cont P:after {
        display:none;
    }
    .login-sec .cont P:before {
           display:none;
    }
    .login-sec .cont P {
            width: 100%;
            margin-bottom: 0px;
}
.section1 .row .col-lg-3 {
    width: 100%;
    margin-top: 15px;
}
    #sidebar-wrapper {
        width: 97%;
        position: relative;
        height:440px;
    }
    .side-sec #sidebar-wrapper {
    left: 258px;
}
.section1 .row .col-lg-9 {
    width: 100%;
}
.dashboard-sec {
    padding:30px;
}
.dashboard-sec .w-head h2 img {
    width:25px;
    height:25px;
}
.dashboard-sec .w-head h2{
    font-size:25px;
     justify-content: center;
}
.dashboard-sec .col-lg-3 {
    width: 100% !important;
}
.dashboard-sec .inner-sec {
    padding:30px 0px;
        margin-bottom: 0px;
}
.dashboard-sec .inner-sec .heading {
    font-size: 25px;
}
.dashboard-sec .inner-sec .count {
    font-size: 25px;
    width: 50px;
    height: 50px;
}
.inner-lawyer-sec .main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
.inner-lawyer-sec .main .inner-main img {
    margin-bottom: 20px;
}
.author-box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.sidebar-nav {
    width:90%;
}
.sidebar-brand {
      width:90%;
}
section.chat-row {
    width: 100%;
    padding: 0px;
}
.chat-sec {
    border-radius: 20px;
    width: 100%;
    padding: 50px 20px;
}
.chat-sec .col-md-6:nth-child(1) {
    width: 100%;
}
.chat-sec .col-md-6:nth-child(2) {
    width: 100%;
}
        #wrapper {
        padding-left: 0px;
    }
    .chat-msg-right {
    width: 87%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
     html{
        overflow-x:hidden;
    }
    .main-cont-bg{
        overflow-x:hidden;
    }
    .registration-bg {
        height:100%;
    }
    .login-sec img{
        width:100%;
    }
      .rightForm ul#myTab {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rightForm p {
    text-align:center;
}
    .login-sec{
        padding:50px 0px;
    }
    .rightForm {
            width: 100%;
            padding:  50px 10px;
            margin-top: 0px;
    }
    .rightForm h2 {
        text-align:center;
        font-size:30px;
    }
    .rightForm .nav-tabs .nav-link.active {
        font-size:16px;
    }
    .rightForm .nav-link {
        font-size:16px;
    }
    .login-sec .cont P:after {
        display:none;
    }
    .login-sec .cont P:before {
           display:none;
    }
    .login-sec .cont P {
            width: 100%;
            margin-bottom: 0px;
}
.section1 .row .col-lg-3 {
    width: 30%;
    margin-top: 15px;
}
    #sidebar-wrapper {
        width: 97%;
        position: relative;
        height:440px;
    }
    .side-sec #sidebar-wrapper {
    left: 258px;
}
.section1 .row .col-lg-9 {
    width: 70%;
}
.dashboard-sec {
    padding:30px;
}
.dashboard-sec .w-head h2 img {
    width:25px;
    height:25px;
}
.dashboard-sec .w-head h2{
    font-size:25px;
     justify-content: center;
}
.dashboard-sec .col-lg-3 {
    width: 50% !important;
}
.dashboard-sec .inner-sec {
    padding:30px 0px;
        margin-bottom: 0px;
}
.dashboard-sec .inner-sec .heading {
    font-size: 25px;
}
.dashboard-sec .inner-sec .count {
    font-size: 25px;
    width: 50px;
    height: 50px;
}
.inner-lawyer-sec .main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
.inner-lawyer-sec .main .inner-main img {
    margin-bottom: 20px;
}
.author-box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.sidebar-nav {
    width:90%;
}
.sidebar-brand {
      width:90%;
}
section.chat-row {
    width: 100%;
    padding: 0px;
}
.chat-sec {
    border-radius: 20px;
    width: 100%;
    padding: 50px 20px;
}
.chat-sec .col-md-6:nth-child(1) {
    width: 100%;
}
.chat-sec .col-md-6:nth-child(2) {
    width: 100%;
}
        #wrapper {
        padding-left: 0px;
    }
    .login-sec .container-fluid .col-lg-6 {
        align-items: center;
    display: flex;
    }
    .chat-msg-right {
    width: 87%;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px){
    html{
        overflow-x:hidden;
    }
    .main-cont-bg{
        overflow-x:hidden;
    }
    .registration-bg {
        height:100%;
    }
    .login-sec img{
        width:100%;
    }
    .login-sec{
        padding:50px 0px;
    }
    .rightForm {
            width: 100%;
            padding:  50px 10px;
            margin-top: 0px;
    }
    .rightForm h2 {
        text-align:center;
        font-size:30px;
    }
    .rightForm .nav-tabs .nav-link.active {
        font-size:16px;
    }
    .rightForm .nav-link {
        font-size:16px;
    }
    .login-sec .cont P:after {
        display:none;
    }
    .login-sec .cont P:before {
           display:none;
    }
    .login-sec .cont P {
            width: 100%;
            margin-bottom: 0px;
}
.section1 .row .col-lg-3 {
    width: 30%;
    margin-top: 15px;
}
    #sidebar-wrapper {
        width: 97%;
        position: relative;
        height:440px;
    }
    .side-sec #sidebar-wrapper {
    left: 258px;
}
.section1 .row .col-lg-9 {
    width: 70%;
}
.dashboard-sec {
    padding:30px;
}
.dashboard-sec .w-head h2 img {
    width:25px;
    height:25px;
}
.dashboard-sec .w-head h2{
    font-size:25px;
     justify-content: center;
}
.dashboard-sec .col-lg-3 {
    width: 50% !important;
}
.dashboard-sec .inner-sec {
    padding:30px 0px;
        margin-bottom: 0px;
}
.dashboard-sec .inner-sec .heading {
    font-size: 25px;
}
.dashboard-sec .inner-sec .count {
    font-size: 25px;
    width: 50px;
    height: 50px;
}
.inner-lawyer-sec .main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
.inner-lawyer-sec .main .inner-main img {
    margin-bottom: 20px;
}
.author-box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.sidebar-nav {
    width:90%;
}
.sidebar-brand {
      width:90%;
}
section.chat-row {
    width: 100%;
    padding: 0px;
}
.chat-sec {
    border-radius: 20px;
    width: 100%;
    padding: 50px 20px;
}
.chat-sec .col-md-6:nth-child(1) {
    width: 100%;
}
.chat-sec .col-md-6:nth-child(2) {
    width: 100%;
}
        #wrapper {
        padding-left: 0px;
    }
    .login-sec .container-fluid .col-lg-6 {
        align-items: center;
    display: flex;
    }
}