/* We will use this media query only for responsive behaviour  */
@media screen and (max-width:1199px) { 

}

@media screen and (max-width:1023px) { 
/*.container, .content, .left-content, .main-content { width: 100%}*/
.container { width: 100%}
.login-wrapper .container{ width: 100%; }
.location_button {
  width: 300px;
}

}

@media screen and (max-width:767px) { 
	.load_content .box_style{   background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
	.collasp_div{
		box-shadow: none;
		padding: 0 0 65px;
		position: static;
	}
.container, .content, .left-content, .main-content { width: 100%}
header .logo { max-width: 50%;  padding: 10px 0px; }

.menubtn {width:30%; font-size: 0; height:36px; border-radius:8px; cursor:pointer; display: block; float: right; position: relative; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease;transition:all 0.5s ease; color: #000; line-height: 34px; padding: 0px 10px }
.menubtn em {position:absolute; right:10px; top:10px; background:#000; width:25px; height:2px; border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; font-size:0px;}
.menubtn em + em { top: 17px; }
.menubtn em + em + em { top: 24px;}
.menubtn:hover { color: #000 } 

.menu { display: block; width: 100%; float: left; padding: 15px 0;}
.menu ul{ display: none; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease;transition:all 0.5s ease; }
.push-nav .menu ul{padding-top: 5px !important; clear: both; float: none; display: block; margin-top: 50px; background: #dadada; text-align: left; }
.push-nav .menu ul li { display: block; }
.push-nav .menu ul li a { color: #000; padding: 10px 10px; font-size: 14px; border-bottom: 1px solid #cecece }
.push-nav .menu ul li a:hover { color: #fff }
.push-nav .menu ul li:last-child a { border: 0px; }

.dashboard-btn { float: left; margin-bottom: 15px; }
.content-searchbox { float: right; width: 100%; }

.res-table table th { display: none; }
.res-table table td { display: block; border: 0px; padding: 10px 10px; text-align: left; border-bottom:1px solid #8f8f8f; position: relative; padding-left: 51%; min-height: 60px; word-break:break-all; }
.res-table table td span { display: block; width: 48%; position: absolute; top:0; bottom: 0; padding: 10px; left: 0px; border-right:1px solid #8f8f8f; font-weight: 600 }

.login-wrapper .logo{ float: none; max-width: 250px; }
.login-wrapper .loginbox { width: 100%; }
.loginbox .submitbtn-box { width: 100%; float: none; }
.loginbox .submitbtn-box input { width: 100%;}


.form-container .small { width: 100% }
.form-container .medium { width: 100%; }
.form-container .large { width: 100%; }
.form-container .form-label { float: none; width: 100%; padding-top: 5px; margin-top: 2px;}
.form-container .controls { margin-left: 0px;}

.location_button {
  width: 100%;
}
.location_button button{width: 100% !important;}

.wrap_cont {
  max-width: 170px;
  overflow-wrap: break-word;
}

}