@media only screen and (max-width: 1023px){
.logo1{
	display: none;
}
.offcanvas-end {
    top: 50px !important;
}
.logo2{
	display: block;
}
.nav-header .brand-logo img {
    height: 45px;
    margin-top: 10px;
}
.des-mrquue-box{
	margin-top:0;
}
}
@media only screen and (max-width: 991px){
.draggable-col
 {
        height: auto !important;
        flex: none !important;
    }
}
@media only screen and (max-width: 767px){
/*.row.column-hide {
    flex-direction: column-reverse;
}*/
.info-card {
    width: 100%;
}
img.sidetogle {
    height: 18px !important;
}
li.homeicon svg {
    height: 23px !important;
    width: 23px !important;
    top: 15px !important;
}
.custom-head {
    position: static;
    float: none;
    padding-top: 10px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}
.overlay-active .box1 {
    width: 100% !important;
}
.overlay-active2 .box3 {
    width: 100% !important;
}
.row.column-hide > :nth-child(1) { order: 4; }

.surye-box {
    border-left: none!important;
    border-right: none!important;
    border-bottom: none!important;
    border-color: #e5dcdc!important;
}
.summry-head1 {
    top: -11px !important;
}
.box3 {
    margin-bottom: 15px;
}
body{
	overflow-x:hidden;
}
.footer .copyright p {
    font-size: 13px;
    line-height: 16px;
}
.col-md-2.bg1 {
    margin-top: 0;
}
.tree-view-holder {
    min-height: auto !important;
    height: auto !important;
}
.dashboard-screen .col-md-3{
    width: 100% !important;
}
.dashboard-screen .col-md-2{
    width: 100% !important;
}
.dashboard-screen .col-md-4{
    width: 100% !important;
}
.dashboard_bar h2{
    display: none;
}
.overlay-active .card.shdd {
    width: 100% !important;
}
.overlay-active2 .card.shdd {
    width: 100% !important;
}
}

@media only screen and (max-width: 315px){
.login-logo img {
    height: 70px;
}
.auth-form::after {
    background-size: 100% 40%;
  }
.space-com {
  margin-top: 40%;
}
.log-title {
    font-size: 18px;
}
}

@media only screen and (max-width: 575px){
.box2 {
    display: none;
}
.header-left {
    display: none !important;
}
.nav-header .brand-logo img {
    height: 35px !important;
    margin-top: 11px !important;
}

.nav-header {
    width: 4rem !important;
}	
[data-sidebar-style="full"] .header, [data-sidebar-style="overlay"] .header {
    padding-left: 4rem !important;
}
.header-right .header-profile img {
    width: 28px !important;
    height: 28px !important;
}
.authincation{
	height: 90vh;
}
.header .header-content{
	padding-left: 0rem !important;
	padding-right: 5px !important;
}
li.logo_2 img {
    height: 35px !important;
    position: relative;
    top: 9px;
}
.tbbtn {
    column-gap: 4px !important;
}
.buttontab{
	padding: 6px 8px !important;
	font-size: 12px !important;
}
.tooglebox button {
    padding: 0 0 !important;
}
[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu ul a {
    padding-left: 40px !important;
}
	.btn-boxes button {
  margin: 2px;
  font-size: 14px !important;
  font-weight: 500;
}
.form-control{
	font-size: 14px;
}

}
@media only screen and (max-width: 439px){
	.detl-select-btn{
		display: block;
	}
}