/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .bg-dark {
    background-color: #002858!important;
    border-bottom: 1px solid #eee;
}
  .bg-dark img{
        width: 85%!important;
        margin-left: -15px;
    }
    .bg-dark h1 {
      display: none;
    }
    .dataTable {
      width: 100% !important;
    }
    .border-right {
      border: none !important;
      padding-bottom: 30px;
    }
    .register .container-fluid .row {
      background-color:#002858;
      padding: 35px 0px 0 0;
    }
    .footer p {
      text-align: center;
    }
    .second-part{
      padding: 0px !important;
      margin: 0px !important;
    }
    .second-part .container-fluid{
      padding: 0px !important;
    }
    div.dataTables_paginate ul.pagination {
      float: none;
      margin-top: 10px;
    }
    .dataTables_length{
      display: none;
    }
    .form-inline label {
      display: grid;
    }
    div.dataTables_filter input {
      margin-left: 0em !important;
    }
    .m-none{
      display: none !important;
    }
    button.navbar-toggler {
      position: absolute;
      top: -54px;
      right: 15px;
   }

   .navbar-light .navbar-toggler{
     border-color: transparent !important;
   }

   .navbar-toggler-icon {
    width: 1.5em !important;
    height: 1em !important;
   }

   .navbar-light .navbar-toggler-icon {
     background-image: url(../img/nav-bar.png) !important;
   }

   header{
    box-shadow: 0px 1px 5px #a9a9a9;
    position: fixed;
    z-index: 1000;
    top: 0;
   }

   .register .container-fluid .row {
    background-color: #002858;
    border-radius: 0px;
   }
   section.iim-banner {
    margin-top: 85px;
  }
    .desktop-banner{
      display: none;
    }
    .mobile-banner{
      display: inherit;
      }

      .user-registration {
        border: none;
        padding: 0px;
        margin: 120px 0 0 0;
        box-shadow: none;
        width: 100%;
    overflow: auto;
    }
    .user-registration h1 {
      font-size: 22px;}

      #contactus .form-control{
        margin-bottom: 15px !important;
      }
      .m-center{
        text-align: center !important;
      }
      .vacancies h1 {
        font-size: 22px;
    }
    .vacancies{
        overflow: auto;
      }

      .vacancies table.dataTable thead>tr>th{
        font-size: 10px;
      }
    .navbar-light .navbar-nav .nav-link{
      padding: 16px 22px;
    }
    .pagination li {
      padding: 10px 20px;
    }
  .details-part .main {
    padding: 15px;
}
.details-part .form-control{
  margin-bottom: 15px;
}
.table-faculty td {
  text-align: left;
  border-right: none;
}
.table-faculty tr {
  padding: 0;
}
.text-right {
  text-align: center!important;
}
.modal-body {
  padding: 20px;
}
    /* 
    ====================================
    Data Table
    ==================================== */

    table.dataTable tr.child span.dtr-title {
      float: left;
    }
    span.dtr-data {
      display: table-cell;
    }
    table.dataTable tr.child ul li {
          white-space: normal !important;
    }
    table.dataTable.dtr-inline.collapsed tbody td:first-child:before{
      line-height: 16px !important;
    }
    

    .table-faculty .input-group.date {
      width: 100%;
  }

    .profile-left{
      min-height: auto;
      border-radius: 0px;
    }
    .profile {
      box-shadow: none;
      border: none;
      margin-top: 80px !important;
    }

    .profile-right {
      padding: 25px 0px 0 0;
  }

    .noti_c ul{
      margin: 0;
    }


    .za6c {
      width: 100%;
      margin: 0 auto;
      margin-top: 30%;
      margin-bottom: 7%;
  }
  .za6c .card form {
    float: left;
    width: 100%;
    text-align: center;
    padding: 3%;
}



.fx30s {
  width: 100%;
  margin: 0 auto;
  margin-top: 30%;
  margin-bottom: 7%;
}
.fx30s .card form {
float: left;
width: 100%;
text-align: center;
padding: 3%;
}

.add-espc-non {
  text-align: center !important;
  }
  .add-espc-non .fa-times {
    padding-left: 10px;
  }

.second-part .col-lg-3{
  width: 50%;
}
.second-part h2{
  font-size: 15px;
}
/*.m-top{
  margin-top: -47px;
}*/

.border-r {
  border-top-left-radius: 0px !important;
}

.profile-right h1{
  text-align: center;
}
.profile-error {
  text-align: center;
}

.registration .job-description h2 {
  text-align: left;
}

.infor_mation{
	overflow: scroll;
}
.details-faculty .main {
  overflow: scroll;
}

.details-faculty.Educational-Qualification{
  margin-top: 0px;
}

.table-faculty th, .table-faculty td  {  
  font-size: 12px!important;
    letter-spacing: 1px!important;
}

.table-faculty h3{
  font-size: 12px;
}

.add-espc-non .fa-plus:before {
    padding-right: 0px;
}

.table-faculty .form-control{
    width: initial!important;
}

.user-preview{
  margin-top: 124px;
      border: none;
    border-radius: 0px; 
     padding: 0px;  
    box-shadow:unset;
}


.emailverifycls {
  padding: 20px;
  margin-top: 75px;
  width: 100%;
}

.ij4{
  font-size: 24px;
    font-weight: bold;
    color: #002858;
}



.address h1{
  text-align: center!important;
}

.admission_box .profile{
    margin-top: 124px!important;
}

.name.cf9z .infor_mation{
  overflow: auto;
}

.registration .user-registration .job-description{
  width: 100%;
}

.regForm{
  margin-top: 124px;
}

.text-right h1{
  text-align: left!important;
  margin-top: 10px;
}

.wrapper .footer{
  min-height: 63vh;
}

.admission_box .row.profile.gx27 .profile-right{
  min-height: 45vh;
}

  .ov-auto{
    width: 100%;
    overflow-x:auto ;
  }

  label .s3{
    margin-left: 10px;
  }
  .noti_c ul li a:hover {
    border-radius: 0px!important;
}



    }






/* ##Device = Low Resolution Tablets, Mobiles (Landscape) -------------- */

@media (min-width: 481px) and (max-width: 767px) {
  

  .bg-dark {
    background-color: #002858!important;
    border-bottom: 1px solid #eee;
}
  .bg-dark img{
        width: 60%;
        margin-left: -15px;
    }
    .bg-dark h1 {
      display: none;
    }
    .dataTable {
      width: 100% !important;
    }
    .border-right {
      border: none !important;
      padding-bottom: 30px;
    }
    .register .container-fluid .row {
      background-color:#002858;
      padding: 35px 0px;
    }
    .footer p {
      text-align: center;
    }
    div.dataTables_paginate ul.pagination {
      float: none;
      margin-top: 10px;
    }
    .dataTables_length,.dataTables_filter{
      display: none !important;
    }

    .form-inline label {
      display: inline-flex;
    }
    div.dataTables_filter input {
      margin-left: 0em !important;
    }
    .m-none{
      display: none !important;
    }
    button.navbar-toggler {
      position: absolute;
      top: -60px;
      right: 15px;
   }

   .navbar-light .navbar-toggler{
     border-color: transparent !important;
   }

   .navbar-toggler-icon {
    width: 1.5em !important;
    height: 1em !important;
   }

   .navbar-light .navbar-toggler-icon {
     background-image: url(../img/nav-bar.png) !important;
   }

   header{
    box-shadow: 0px 1px 5px #a9a9a9;
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
   }

   .register .container-fluid .row {
    background-color: #002858;
   }
   section.iim-banner {
    margin-top: 62px;
  }
    .desktop-banner{
      display: none;
    }
    .mobile-banner{
      display: inherit;
      }

      .user-registration {
        border: none;
        padding: 0px;
        margin: 85px 0 40px 0;
        box-shadow: none;
    }
    .user-registration h1 {
      font-size: 22px;
      text-align: center;}

      #contactus .form-control{
        margin-bottom: 15px !important;
      }
      .m-center{
        text-align: center;
      }
      .vacancies h1 {
        font-size: 22px;
        text-align: center;
    }
    .navbar-light .navbar-nav .nav-link{
      padding: 16px 22px;
    }
    .pagination li {
      padding: 10px 20px;
    }
  .details-part .main {
    padding: 15px;
}
.details-part .form-control{
  margin-bottom: 15px;
}
.table-faculty td {
  text-align: left;
  border-right: none;
}
.table-faculty tr {
  padding: 0;
}
.text-right {
  text-align: center!important;
}
.modal-body {
  padding: 20px;
}
    /* 
    ====================================
    Data Table
    ==================================== */

    table.dataTable tr.child span.dtr-title {
      float: left;
    }
    span.dtr-data {
      display: table-cell;
    }
    table.dataTable tr.child ul li {
          white-space: normal !important;
    }
    table.dataTable.dtr-inline.collapsed tbody td:first-child:before{
      line-height: 16px !important;
    }
    
    .profile-left{
      min-height: auto;
      border-radius: 0px;
    }
    .profile {
      box-shadow: none;
      border: none;
      margin-top: 80px !important;
    }

    .profile-right {
      padding: 25px 0px 0 0;
  }

    .noti_c ul{
      margin: 0;
    }
     .user-registration label .s3{
      margin-left: 10px!important;
    }


  
    
  }


/* ##Device = Tablets, Ipads (portrait) ----------------- */

@media (min-width: 768px) and (max-width: 1024px) {
  
  .bg-dark {
    background-color: #002858!important;
    border-bottom: 1px solid #eee;
}
.bg-dark .row{
  padding: 10px 0;
}
  .bg-dark img{
        width: 60%;
        margin-left: -15px;
    }
    .bg-dark h1 {
      display: none;
    }
    .dataTable {
      width: 100% !important;
    }
    .border-right {
      border: none !important;
    }
    .border-r {
      border-top-left-radius: 0px !important;
  }
    .register .container-fluid .row {
      background-color:#002858;
      padding: 35px 0px;
    }
    .footer p {
      text-align: center;
    }
    div.dataTables_paginate ul.pagination {
      float: none;
      margin-top: 10px;
    }
    .dataTables_length,.dataTables_filter{
      display: none !important;
    }

    .form-inline label {
      display: inline-flex;
    }
    div.dataTables_filter input {
      margin-left: 0em !important;
    }
    .t-none{
      display: none !important;
    }
    button.navbar-toggler {
      position: absolute;
      top: -40px;
      right: 15px;
   }

   .navbar-light .navbar-toggler{
     border-color: transparent !important;
   }

   .navbar-toggler-icon {
    width: 1.5em !important;
    height: 1em !important;
   }

   .navbar-light .navbar-toggler-icon {
     background-image: url(../img/nav-bar.png) !important;
   }

   header{
    box-shadow: 0px 1px 5px #a9a9a9;
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
   }

   .register .container-fluid .row {
    background-color: #002858 !important;
   }

    .desktop-banner{
      display: none;
    }
    .mobile-banner{
      display: inherit;
      }

      .user-registration {
        border: none;
        padding: 0px;
        margin: 85px 0 40px 0;
        box-shadow: none;
    }
    .user-registration h1 {
      font-size: 22px;
      text-align: center;}

      #contactus .form-control{
        margin-bottom: 15px !important;
      }
      .m-center{
        text-align: center;
      }
      .vacancies h1 {
        font-size: 22px;
        text-align: center;
    }
    .navbar-light .navbar-nav .nav-link{
      padding: 16px 22px;
    }
    .pagination li {
      padding: 10px 20px;
    }
  .details-part .main {
    padding: 15px;
}
.details-part .form-control{
  margin-bottom: 15px;
}
.table-faculty td {
  text-align: left;
  border-right: none;
}
.table-faculty tr {
  padding: 0;
}
.text-right {
  text-align: center!important;
}
.modal-body {
  padding: 20px;
}
    /* 
    ====================================
    Data Table
    ==================================== */

    table.dataTable tr.child span.dtr-title {
      float: left;
    }
    span.dtr-data {
      display: table-cell;
    }
    table.dataTable tr.child ul li {
          white-space: normal !important;
    }
    table.dataTable.dtr-inline.collapsed tbody td:first-child:before{
      line-height: 16px !important;
    }
    
    .profile-left{
      min-height: auto;
      border-radius: 0px;
    }
    .profile {
      box-shadow: none;
      border: none;
      margin-top: 80px !important;
    }

    .profile-right {
      padding: 25px 20px;
  }

    .noti_c ul{
      margin: 0;
    }

    .admission_box{
      min-height: 85vh;
    }

    .float-left p{
      text-align: left!important;
    }

   

    
  }