/* BiasharaYangu Mobile Dashboard Layout Fix */

@media screen and (max-width:768px){

html,
body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
}


/* Main wrapper */
#mainRow{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-top:55px!important;
}


/* Header */
.header{
    width:100%!important;
}

.header__container{
    width:100%!important;
    padding:0 10px!important;
}

.header__nav{
    display:none!important;
}

.header__logo{
    max-width:140px!important;
    height:auto!important;
}


/* Hide left sidebar */
#mainRow > .col.s2,
#mainRow > .col.sl2,
.left-menu-margin{
    display:none!important;
}


/* Main content only */
#mainRow > .col.sl10{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px!important;
    float:none!important;
}


/* Remove desktop row behavior */
#mainRow .row{
    margin-left:0!important;
    margin-right:0!important;
}


/* Content container */
#data-content,
#middleContent,
.n-wrapper{
    width:100%!important;
    max-width:100%!important;
}


/* Cards */
.card,
.tw3-box,
.box,
.profile-widget{
    width:100%!important;
    max-width:100%!important;
}


/* Images */
img{
    max-width:100%!important;
    height:auto!important;
}


/* Tables */
table{
    max-width:100%!important;
}


/* Hide right ads */
.fix-width{
    display:none!important;
}

}

/* Landing page mobile fixes */
@media screen and (max-width:768px){

body{
    overflow-x:hidden!important;
}

#header{
    width:100%!important;
}

.header-sign-area{
    position:static!important;
    text-align:center!important;
}

.header-signin-list{
    position:static!important;
    display:flex!important;
    justify-content:center!important;
    gap:10px!important;
    padding:10px!important;
}

.login-section{
    width:100%!important;
}

.login-section-holder{
    height:auto!important;
    min-height:100vh!important;
    padding:20px 0!important;
}

.container{
    width:100%!important;
    max-width:100%!important;
    padding-left:15px!important;
    padding-right:15px!important;
}

.login-section-loginbox{
    width:100%!important;
    max-width:100%!important;
}

.loginbox-two-column-row{
    display:block!important;
}

.loginbox-two-column-item{
    width:100%!important;
}

.log-btn{
    width:100%!important;
}

}