@media only screen and (min-width:150px) and (max-width:990px){

html{overflow-x:hidden !important;}
body{overflow-x:hidden !important; padding-bottom:0px !important;}

.container{width:100% !important;}

.res-center{ text-align:center;}
.res-full{width:100% !important;}
.res-padding0{padding:0px;}

.res-hide{ display:none !important;}
.res-show{display:block !important;}

.res-pull-right{float:right;}
.res-pull-left{float:right;}



.nav-icon1 {
  width: 31px;
  height: 30px;
  position: relative;
  margin: 7px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float:right;
}

.nav-icon1 span{
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  background: #004086;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-icon1 span:nth-child(1) {
  top: 5px;
}

.nav-icon1 span:nth-child(2) {
  top: 15px;
}

.nav-icon1 span:nth-child(3) {
  top: 25px;
}

.nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


header{height:70px; padding-left:10px;}
header .col-md-7{ height:70px;}

.logo-title{display:none;}

.acc-drop{ position:fixed; top:0px; left:-100%; background:#fff; z-index:1000000000000 !important; width:70%; height:150%; padding:10px 0px;}
.acc-drop li{ width:100%;}
.acc-drop li a{ font-size:16px; display:block; padding:10px 15px; color:#000;}

.acc-drop.open{ left:0px;}

header .logo{ width:50px; top:13px;}

.user-tab{ position:relative; left:5px;}

header .col-md-7 ul{ float:right; padding-right:15px;}
header .col-md-7 ul li{float:left; margin:0px 8px;}
header .col-md-7 ul li img{ width:28px; cursor:pointer; position:relative; top:20px;}
header .col-md-7 ul li  .nav-icon1 span{background:#000;}

.res-nav-overlay{position:fixed; top:0px; left:0px; width:100%; height:150%; background:rgba(0,0,0,0.7); z-index:10000000000 !important; display:none; }

.middle .left-bar{}
.left-side-menu{ top:0px !important;}
.left-side-menu{ position:fixed; top:0px; right:-100%; width:80%; height:150%; z-index:10000000000 !important;}
.left-side-menu.open{right:0px;}

.left-side-menu-dark #sidebar-menu>ul>li>a.active{ border-right:0px !important; border-left:2px solid #fff !important;}

.dashboard-box{ margin-bottom:0px;}
#dashboard-box li{ width:inherit;}

#dashboard-box .owl-buttons{display:none;}
#dashboard-box .owl-pagination .owl-page span{ width:10px !important; height:10px !important;}

.middle{margin-top:10px;}

.middle .right-bar-section{width:100%;}

.front-box{ margin:0px !important;}

.job-strip{height:auto;}
.middle .card{padding:10px !important;}

.job-strip .read-more{ float:none; margin:10px 0px; display:block; width:max-content;}
.job-strip h4 span{ display:block; left:0px; margin:15px 0px;}

.front-boxes{ margin-top:20px;}
.front-boxes .col-md-6{ margin-bottom:15px !important; padding-right:15px !important;}
.front-boxes .col-md-6{ padding-left:15px !important; padding-right:8px;}

footer{position:static !important; display:block !important; margin-top:25px !important; padding:10px 5px !important;}
footer *{text-align:left !important; float:none !important;}
footer a{display:block; margin:5px 0px;}

.applicants-row span{ left:0px !important; }
.applicants-row span span{float:right !important; position:relative; top:-15px;}

.company-profile .contact-list{margin-top:0px;}
.company-profile .contact-list li{ margin-bottom:7px;}

.right-bar-section{ padding:10px !important;}

footer{margin-top:0px !important;}

.editor p{line-height:25px !important;}

.card h2{ font-size:22px;}

.edit-company-profile .col-md-4{ width:100%;}

.date-row .col-md-8 .col-md-6{ margin-bottom:15px;}

.filter-btns{ text-align:center !important; float:none !important; top:10px !important;}
.filter-btns li{float:none !important; display:inline-block !important;}

.dataTables_length{ display:none !important;}

.table-responsive{ padding-bottom:15px;}


.post-hd{ font-size:16px !important; font-weight:500 !important;}
.post-hd .btn .fa{display:none;}

.company-name img{float:left; margin-left:0px !important; margin-top:10px !important; margin-bottom:10px !important;}


#change-pass{padding-right:0px !important;}
#change-pass .modal-header{ padding:0px;}
#change-pass .modal-body{ padding:0px !important;}
#change-pass .modal-header h3{font-size:20px;}
#change-pass .modal-header .close{ right:-17px !important;}
.modal-body .scrapcar-contact-form li label{ width:100% !important;}

.modal-body .scrapcar-contact-form li input{ width:100% !important;}

#change-pass .scrapcar-contact-form ul li{ margin-bottom:10px !important}

.dashboard-box li{width:100%; margin-bottom:10px;}


.res-txt-left{text-align:left !important;}

.res-hide{display:none !important;}
.res-show{display:block !important;}
.res-text-center{text-align:center !important;}
.res-text-center *{text-align:center !important;}

.table-responsive::-webkit-scrollbar{ height:2px !important;}


	.res-table{overflow:scroll !important; padding-bottom:20px !important; margin-top:0px;}
	.res-table::-webkit-scrollbar{ height:3px !important;}
	.res-table *{ text-align:left !important; }
	.res-table td{  text-align:left !important; }
	.res-table *{vertical-align:middle !important;}
	.res-table::-webkit-scrollbar{ height:2px !important; opacity:0.5;}
	
	.row.row-striped .col-md-6{padding-left:0px; margin-bottom:15px;}
	.row.row-striped .col-md-6 .col-md-4{padding-left:15px !important;}


.form-tab li{  width:100% !important; float:left; margin-bottom:10px;}
.form-tab li .btn{width:100%;}

.btns-list-link li{margin-right:3px !important;}
.btns-list-link li a{font-size:13px !important;}

.btns-list .btn { font-size:11px !important;}


}





@media only screen and (min-width:500px) and (max-width:700px){
	.job-strip h4 span{ display:inherit !important; float:right !important;}
	.edit-company-profile .col-md-4{ width:50%; float:left;}
}