@media (min-width:1920px) {
  .main {
    max-width: 1920px;
    margin: auto;
  }
  .right_top {
    max-width: calc(1920px - 260px);
  }
  
}
@media screen and (min-width: 768px) {
  .responsive_tab .card-header {
    display: none !important;
  }
}
@media (max-width:1920px) {
  .gallery_btn{
    overflow-x: scroll;
    white-space: nowrap;
    gap: 15px;
    width: calc(100% - 110px);
  } 
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .hero-slider .next.slick-arrow {
    right: -56px;
    z-index: 999;
  }
  .hero-slider .prev.slick-arrow {
    left: -56px;
    z-index: 999;
  }
  .hero-section:after {
    height: 130px;
    background-size: 100%;
  }
  
}
@media (min-width: 992px){
#editfabric .col-lg-1, #addfabric .col-lg-1 {
  width: 18.333% !important;
}

}
@media screen and (max-width: 1199px) {
  .Free_demo .nav-tabs .nav-link {
    width: 220px;
  }
  .header.inner.page-header .navbar-nav li {
    padding: 0 12px;
}
  .header-dashboard.header.inner.page-header .navbar-nav li a{
    padding: 10px 0px;
  }
  .hero-section:after {
    height: 130px;
    background-size: 100%;
  }
  ._course_category .nav-tabs .nav-link {
    width: 120px;
  }
  ._chat_block .col-md-4{
    flex: 0 0 auto;
    width: 40.333333%;
  }
  ._chat_block .col-md-8{
    width: 59.666667%;
  }
  .student_heading .nav-item {
    padding: 0 30px;
}
.left_slide_navBar{
  position: absolute;
  left: -260px;
  width: 260px;
  z-index: 999;
  top: 0px;
  padding-right: 20px;
  transition: .3s ease-in-out;
  background: #ffff;
}
.left_slide_navBar.active {
  left: 0px;
}
.closemenu {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 20px;
  color: #01060a;
}
.right_content,.container_main,.right_top{width: 100% !important; max-width: 100% !important;}
}
@media screen and (max-width: 991px) {
  .container_main {
    padding: 0 0px 0 0;
  }
  .gallery_btn{
    white-space: nowrap;
    overflow-x: scroll;
    gap: 15px;
  }
  .right_top {
    padding: 20px 15px;
  }
  .dispatchtable thead tr th,.sample_cost_sheet_table thead tr th{
    min-width: 190px;
  }
  .samplecosttable thead tr th,.revisesamplerequest thead tr th{
    min-width: 200px;
  }
  .revisesamplerequest thead tr th:first-child{
    min-width: 260px;
  }
  .tabcontent .col .row{width: 100%;}
  .item_card_body .tab-content {
    overflow-x: scroll;
    /* height: calc(100vh - 325px); */
    display: flex;
    width: 100%;
    white-space: nowrap;
    gap: 25px;
}
  .right_container{
    padding: 15px 20px;
  }
  .card_body{
    width: calc(50% - 10px);
  }
  .header.inner.page-header {
    position: relative;
    background: #005054;
  }
  .upcoming_classes_summary{
    margin-top: 45px;
  }
  .header-dashboard.header.inner.page-header .navbar-nav li a{
    color: #fff;
  }
  .header-dashboard.header.inner.page-header .dropdown-menu.dropdown-menu-dark li a{
    color: #161616;
  }
  .student_heading .nav-item {
    padding: 0px 8px;
}
  ._rating ul {
    flex-wrap: wrap;
  }
  .Free_demo .nav-tabs .nav-link {
    width: 170px;
  }
  .header.inner ul li a.active:before {
    width: 30px;
    right: auto;
    bottom: 5px;
    border-radius: 0 0 10px 10px;
  }
  .navbar-toggler {
    color: #ffff;
    border: 0;
  }
  .navbar-toggler:focus {
    outline: none !important;
    box-shadow: none;
  }
  .Learn_here,
  .teach_here {
    margin-bottom: 30px;
  }
  ._rating ul li {
    padding: 0 6px;
  }
  .hero-section {
    padding-top: 40px;
  }
  .hero-section:after {
    height: 86px;
    background-size: 100%;
  }
  .hero-slider .next.slick-arrow {
    right: -30px;
  }
  .hero-slider .prev.slick-arrow {
    left: -30px;
  }
  ._btn_block a {
    margin-bottom: 15px;
  }
  .batch_details ._course_duration {
    margin-left: 60px;
}
.gallery_btn{
  margin-top: 20px;
}
.on_fabric.back_btn {
    top: 20px;
    position: relative;
}
.dataTables_length{
  padding-top: 0;
}
.tab-content > .tab-pane{
  max-width: 300px;
  min-width: 300px;
}
 
.sample_style{
  flex-direction: column;
}
.card_img img{
  object-fit: contain;
}
.style_no{
  margin-right: 0;
}
.item_card_body .tab-content{
  height: 100%;
}
.right_block{
  height: 100%;
}
}
@media screen and (max-width: 767px) {
  .tab-content .card-header.d-none {
    display: block !important;
  }
  .right_container{
    padding: 15px 10px;
  }
  .container_main:first-child .tabcontent{
    padding-bottom: 30px;
  }
  .right_block_header{
    gap: 20px;
  }
  .item_card_body .tab-content{
    height: 100%;

  }
 
  .s_list_body{
    width: 100% !important;
  }
  .right_block_header .sample_selection, .right_block_header .creation_date, .right_block_header .buyer_date{
    width: 100%;
  }

  div.dataTables_wrapper div.dataTables_length select {
    width: 70px;
  }
  .addsampletable thead tr th ,.table-comman thead tr th{
    min-width: 125px;
  }
  .dataTables_wrapper  .row .col-sm-6{
    width: calc(50% - 15px);
  }
  /* div#datatable_paginate {
    position: fixed;
    margin-top: 40px;
    left: 0;
} */
.pagination .paginate_button.previous, .pagination .paginate_button.next{
  padding: 10px 15px;
}
div.dataTables_wrapper div.row:last-child{
  display: flex;
  justify-content:start;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  position: fixed;
}
div.dataTables_wrapper div.row:first-child{
  display: flex;
  justify-content:start;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin-top: 15px !important;
}
  ._report_teacher{
    display: flex;
  }
  ._course_duration {
    margin-left: 50px;
}
.Pending_hours{
  margin-left: 0;
}
  ._detail_body{
    display: block;
  }
  ._teacher_details{
    margin-bottom: 20px;
  }
  .table tbody td {
    vertical-align: text-top;
  }
  .student_heading,.view_classes .nav-item .nav-link {
    display: none;
  }
  .receiver_img img {
    width: 80px;
    height: 35px;
}
 .card-header  {
    border-top: #ddd 1px solid;
    padding: 0px;
    margin-top: 10px;
}
 .card-header a {
  padding: 25px 15px;
  background: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.view_classes .nav-tabs{
  border-bottom: 0;
}
 .card-header a:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f078";
  float: right;
}
 .card-header a.collapsed:after   {
  content: "\f077";
}
  .view_classes .tab-content .tab-pane ,.student_details .tab-content .tab-pane {
    display: block !important;
    opacity: 1;
  }
  .student_details {
    padding-bottom:0 ;
  }
  .schedule_class_form .form-label{
    padding-top: 15px;
  }
}
@media screen and (max-width:575px){
  .pagination .paginate_button {
    padding: 10px 5px;
}
div#datatable_paginate{
  left: 0;
  right: 0;
  margin: auto;
}
div.dataTables_wrapper>div.row{
  justify-content: space-between;
}
}
@media screen and (max-width:412px){
  .tab-content > .tab-pane{
    min-width: 100%;
    max-width: 100%;
  }
}