@media screen and (min-width: 1300px) and (max-width: 7000px) {
  
.container
  {
    max-width: 1300px;
  }

}
@media screen and (max-width: 1199px) {
  
  

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 981px) {
  

}
@media screen and (max-width: 767px) {
.login-sec {
  width: 90%;
  height: auto;
  display: block;
  margin: 70px auto;
}
.login-inner {
  width: 100%;
  height: auto;
  padding: 30px 30px 30px 30px;
  float: left;
}
.login-left {
  width: 100%;
  height: auto;
  float: left;
  border-right: 1px solid rgba(164, 164, 164, 0);
}
.login-right {
  width: 100%;
  height: 100%;
  float: left;
  padding:40px 0 0 0;
}
footer {
  position: relative;
}
.head-2-menu ul li {
  margin: 0 13px 0 0;
}

.logo
{
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 0 10px 0;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0;
}
.head-1 .navbar-collapse {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 9;
  background: #fafafa;
  padding: 10px;
}
.result-sec {
  min-height: 300px;
}
.list-search ul {
  flex-wrap: wrap;
}
.list-search ul li {
  padding: 0 15px 0 0;
  width: 38%;
}
.table-desing
{
  width: 100%;
  height: auto;
  overflow-y: scroll;
  margin: 0 0 20px;
}
.head-1 .navbar-light .navbar-toggler
{
  top: -118px;
  padding: 0 0;
  border:none;
  position: absolute;
}
.pop-model {
  top: 131px;
}
}