@media (min-width: 1600px) {
    /* .table tr {height: 80px;} */
}

@media (min-width: 1401px) {
    .padd_sec {padding-bottom: 15px;}
    .Quest-scroll {max-height: 60vh;}
    .over-scroll {max-height: 60vh;}
    #sidebar.active {margin-left: -350px !important;}
    #sidebar {min-width: 350px !important;max-width: 350px !important;}
    .Messages.right-side .over-scroll {max-height: 60vh;}
}

@media (min-width: 1201px) {
    .msg .Messages button i.fa.fa-search {
        position: relative;
        left: -10px;
    }
}

@media (max-width: 1600px) {
    button.tablinks,
    label,.form-style input, .form-style textarea, .form-style select{
        font-size: 1.4rem;
    }

.custum-btn {
    min-width: 14rem;
    font-size: 1.4rem;
}
ul.nav-items li a {
    padding: 18px 10px 20px 65px;
        padding: 10px 10px 10px 65px;
}
div#mCSB_1_container ul.nav-items:last-child {
    overflow-y: auto;
    /*height: 100px;*/
}
ul.nav-items li a figure {
    width: 22px;
    left: 30px;
    top: 16px;
    top: 9px;
}

.logout {
    padding: 20px 10px;
    font-size: 14px;
}
form.serch_btn input[type=text] {
    font-size: 14px;
}
/* .table thead th {
    font-size: 1.4rem;
} */
/* .table tr {
    height: 65px;
} */
/* .table td, .table th {
    font-size: 1.4rem;} */
}
@media (min-width: 1025px) {
.table tr {
    /* align-items: center;
    display: inline-flex; */
    width: 100%;
}
.table thead {
    background: #f2f3f4 0% 0% no-repeat padding-box;
    border: 1px solid #f2f3f4;
}
.table th {
    font-weight: bold;
    font-weight: 500;
    /* width: 25%; */
    min-height: 50px;
    padding: 17px 34px !important;
    /* display: flex;
    align-items: center; */
    color: #00152C;
    opacity: 0.3;
}
.table td, .table th {
    border: none !important;
    font-family: 'f-medium';
    font-size: 12px;
    line-height: 16px;
}
.table thead tr{
    background: #f2f3f4 !important;
    border-radius: 12px;
}
.table td {
    /* width: 25%; */
    padding: 17px 34px !important;
    /* display: flex;
    align-items: center; */
}
/* .table tr:nth-child(odd), .table tr:nth-child(even) {
    background: #eef8ef;
    border-radius: 1rem;
    margin-top: 2px;
} */
.profile-setting .table th:nth-child(1){
width: 15%;
}
.profile-setting .table th:nth-child(2){
width:35%;
}
.profile-setting .table td:nth-child(1) {
    width: 15%;
}
.profile-setting .table td:nth-child(2) {
    width: 35%;
}
}
@media (max-width: 1400px) {
.dropdown-content .font-20 {font-size: 1.2rem;}
.dropdown-content .font-16 {font-size: 1.1rem;}
.right_content .booking-schedule-row .shadow-lg {
    /*padding: 3rem 1rem;*/
    min-height: auto;
}
.font-24 {font-size: 1.6rem;}
.droplink figure {height: 25px;}
.droplink {padding: 0 10px;}
.font-18 {font-size: 1.5rem;}
.right_content .booking-schedule-row .shadow-lg figure img {height: 75%;}
.notify-counter {right: -6px;font-size: 1.1rem;}
.font-40 {font-size: 2.5rem;}
.right_content .booking-schedule-row .shadow-lg .hedding_style {margin-top: 0;}
.on_imgtext img {max-width: 50px;}
.droplink {cursor: pointer;}
.font-20 {font-size: 1.5rem;}
.li_styl li img {width: 40px;}
.dropdown-content {min-width: 215px;}
ul.navbar-nav li {margin: 0 0.5rem;}
.outer-div:after {bottom: -10px;width: 65%;}
.User-status {min-height: 80px;}
.font-26 {font-size: 2rem;}
.on_imgtext figure {min-width: 60px;}
form.serch_btn input[type=text] {padding: 12px;font-size: 14px;}
form.serch_btn button {padding: 12px;font-size: 14px;}
body {font-size: 1.4rem;}
.font-18 {font-size: 1.4rem;}
.row.booking-schedule-row .col-xl-3.outer-div:last-child .shadow-lg {padding: 2rem;}
#sidebar { padding: 100px 0 0px 0;}
/* contact page   */
.custum-btn {font-size: 1.2rem;height: 5rem;}
form.serch_btn input[type=text], .rw_secend form.serch_btn input[type=text] {height: 4rem;}
form.serch_btn button, .rw_secend form.serch_btn button{height: 4rem;}
ul.vertical-menu li {min-width: 132px;height: 5rem;}
.three-dotted { min-height: 30px;}
/* .dropsetting-content {right: 0px;top: 22px;min-width: 110px;padding: 5px 5px;} */
.dropsetting-content {right: 0px;top: 22px;padding: 5px 5px;}
.row-postion {width: 44px;}
.dropsetting-content .li_styl li {padding: 5px !important;}
.inner_box.p-4 {padding: 1rem!important;}
.logout {padding: 15px 10px;}
.over_scroll { padding: 10px 0px;}
img.cust_het {max-height: 30px;}
.inner_box {min-height: 50px;}
.droplink {font-size: 1.2rem;}
.user_prof figure {width: 50px !important;height: 50px !important;}
.header {height: 80px;}
#page-content-wrapper {padding:0px; width: inherit; height: 117vh;}
.right_content.page{padding: 2.2rem 4rem;}
ul.nav-items li a {font-size: 1.2rem;}
form.serch_btn {max-width: 100%;}
ul.nav-items li a figure {max-width: 24px;}
.right-sidebar.bg-color-primary.left_side.active.Quest-scroll {max-height:250px;}
figure.user-dataimg {width: 50px;height: 50px;}
.form-group input, .form-group textarea, .form-group select {min-height: 40px;}
.form-group input, .form-group textarea, .form-group select {font-size: 1.4rem;}
.row.top-color label.check-box {width: 20%;}
.custum-btn {min-width: 15rem;}
.font-36{font-size: 2.6rem;}
.droplink figure {height: 26px;}
.custum-radius img {width: 115px; height: 115px !important;}
.table-style td{font-size: 1.2rem;}
.font-16, .table-style th{font-size: 1.3rem;}
.form-group input, .form-group textarea, .form-group select, .form-control{font-size: 1.4rem;min-height: 40px;}
}

@media (max-width: 1260px) {
#calendar.fc .fc-toolbar {
    display: inline-block !important;
    align-items: center !important;
}
div#calendar .fc-toolbar-chunk {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
div#calendar h2.fc-toolbar-title {
    position: relative !important;
    top: 0px !important;
    margin: 5px 0;
    left: 0px !important;
}
div#calendar .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    margin-bottom: 20px !important;
}
}


@media (max-width: 991px) {
.right_content .booking-schedule-row .outer-div {margin-bottom: 0px; padding: 0px 15px;}
.right_side {position: relative;}
ul.navbar-nav.d-flex.align-items-center {
    display: inline-block !important;position: absolute;top: 0;right: 0;
}

.padd_sec .broadcast-post-btn .custum-btn {
    font-size: 1.2rem !important;
    height: 4rem;
    width: auto !important;
    max-width: 100% !important;
    min-width: auto !important;
    text-align: center !important;
    padding: 0 7px !important;
}
.blackboard-count .font-26 {
    font-size: 1.2rem;
}
}

@media (max-width: 767px) {
.booking-schedule-row .outer-div { margin-bottom: 40px;}
.right_content .booking-schedule-row .shadow-lg {min-height: 110px;}
.inner_box {min-height: 110px;}
#wrapper {overflow: hidden;}
.on_imgtext.pl-5.pr-3.mb-3 {padding-left: 1rem !important;margin-bottom: 0rem !important;}
.right_content.page {padding: 2.2rem 1rem;}
figure.user-dataimg {margin: 0 auto;}
.rw_secend form.serch_btn button {width: 20%;}
.rw_secend form.serch_btn input[type=text] {width: 80%;}
.pd-35 {padding: 2.5rem;}
#sidebar.active {margin-left: -0px !important;}
.popup {width: 95% !important;margin: 10px auto;min-height: 50px;}
.row.top-color label.check-box {width: 25%;}
.level-two .popup {width: 95% !important;}
.level-three .popup {width: 84.8%;}
.font-28 {font-size: 1.8rem;}
.popup-form input, .popup-form textarea, .popup-form select {min-height: 45px;height: 45px;}
.Booked-Quest {margin-bottom: 70px !important;}
.Quest-scroll {max-height: 100%;overflow: visible;}
.top-butns {text-align: center !important;}
.over-scroll {max-height: max-content;overflow-y: auto;}
.marg-bot-zero .Booked-Quest {margin-bottom: 0 !important;}
li.img-right .thumb-img {max-width: 48px;}
.marg-bot {margin-bottom: 100px;}
.btn-center {margin-top: 10px;text-align: center !important;}
.agenda {margin-bottom: 0px !important;}
.msg_cotainer, .msg_cotainer_send {width: 67%;padding: 1.5rem 2rem !important;}
.Messages.max-overflow .over-scroll {max-height: 350px;}
.Messages.right-side {margin-bottom: 155px;}
.table td { word-break: break-all;}
.max-overflow { max-height: 100%;overflow: unset;}
.font-36 {font-size: 1.6rem;}
.tab {flex-direction: column;}
.popup-eventdetails th {width: auto;}
ul.navbar-nav li {text-align: left;}
/*Nov-9-2020-start*/
div#calendar .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{flex-direction: column;}
.col-sm-6.col-md-6.col-xl-6.text-right.pr-5.pb-2.top-butns.broadcast-post-btn {
    text-align: right !important;
}
/*Nov-9-2020-end*/
}


@media (max-width: 700px) {
div#runningTime {
    text-align: center;
}
ul.navbar-nav.d-flex.align-items-center {left: 0;right: 0;text-align: center;top: 50px;}
nav.navbar form.serch_btn {max-width: 40%;position: absolute;top: 0;right: 0;}
/*#page-content-wrapper {padding-top: 138px;}*/
.header {height: 138px;}
nav.navbar form.serch_btn {max-width: 100%;top: 60px;}
ul.navbar-nav li {margin: 0 0.3rem;}
ul.navbar-nav li:last-child {margin-right: 0;}
.droplink {font-size: 1.1rem;}
.droplink {padding: 0 5px;}
ul.navbar-nav.d-flex.align-items-center li.custum-dropdown:last-child { padding: 0;}
.user_prof figure {margin-right: 10px;}
.socail-links {
    display: grid;
}
}

@media (max-width: 576px) {
.right_content .booking-schedule-row .shadow-lg {
    min-height: auto;
    padding: 15px 10px;
}
.col-sm-3.col-md-3.col-xl-2.outer-div {
    width: 50%;
}
.right_content .booking-schedule-row .outer-div {
    margin-bottom: 0px;
}
.fc .fc-button {
    padding: 0.3em 0.45em !important;
}
    div#calendarDiv .booking-schedule-row{
        flex-direction:column;
    }
    div#calendarDiv .outer-div1, div#calendarDiv .outer-div {
        flex: 50%;
        width: 100%;
    }
.blackboard-count .font-26 {
    font-size: 2rem;
    text-align: center !important;
    width: 98%;
    margin: 10px 0 !important;
    padding: 0 !important;
}
.col-sm-6.col-md-6.col-xl-6.text-right.pr-5.pb-2.top-butns.broadcast-post-btn {
    text-align: center !important;
}
.padd_sec .broadcast-post-btn .custum-btn {
    font-size: 1.4rem !important;
}
}

@media (max-width: 467px) {
ul.vertical-menu {display: inline-block !important;width: 100%;}
ul.vertical-menu li {width: 100%;}
.inner_box.d-flex.p-4 {display: block !important;}
.col-12.col-md-8.col-xl-8.pl-0 {padding-left: 15px !important;}
.row.top-color label.check-box {width: 30%;}
.user_prof figure {width: 45px !important;height: 45px !important;}
ul.navbar-nav li {margin: 0 0.3rem;}
.droplink figure {height: 22px;}
}
@media (max-width: 367px) {
.droplink {padding: 0 2px;}
.notify-counter {right: -10px;font-size: 1rem;}
.droplink figure {height: 18px;}
ul.navbar-nav li { margin: 0 0.3rem;}
.custum-btn {min-width: 13rem;font-size: 1.1rem;}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

  /* Force table to not be like tables anymore */
 /* table, thead, tbody, th, td, tr { 
    display: block; 
  }*/
  /* Hide table headers (but not display: none;, for accessibility) */
/*  thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
.table tr {
    background: #eef8ef;
    border-radius: 1rem;
    margin-bottom: 5px;
    padding: 5px 5px;
    align-items: center;
}
.table td { 
    /* Behave  like a "row" */
  /*  border: none;
    position: relative;
    padding-left: 50% !important;
   text-align: center; 
  }
  
.table td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    color: #41b649;
    font-weight: 600;
    white-space: unset;
    text-align: left;
}*/
  /*
  Label the data
  */
/*td::before { 
  content: attr(data-th)":" ; 
}*/
/*.fc-toolbar-chunk h2.fc-toolbar-title {
    position: relative;
    top: 25px;
}*/
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* flex-direction: column; */
}
}
@media screen and (max-width: 768px) {
#page-content-wrapper {overflow: visible;}
form.serch_btn {max-width: 400px;width: 100%;}
}
@media screen and (min-width: 768px) {
#sidebar {margin-left: 0 !important;}
#wrapper.toggled #sidebar {margin-left: -15rem;}}

/*nov-4-2020-start*/
@media only screen and (min-width: 992px) {
div#calendar .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    align-items: center;
    /* margin-top: -63px; */
    margin-bottom: 20px;
}
div#calendar .fc-toolbar-chunk {
    /* width: 100%; */
    /*display: flex;*/
}
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-top: 1.5em;
}
/*nov-4-2020-end*/

/*05- nov -start*/

@media only screen and (max-width: 1130px) {
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: 0.4em !important;
}



}