/* 
    Created on : 2 Jan. 2023, 9:10:24 pm
    Author     : Linko Technology PTY LTD
*/

/* Extra small devices .col-xs */
@media only screen and (max-width: 768px) {
    /* WIDTH - RESPONSIVE */
    .width-xs-100p{
        width: 100% !important;
    }
    .width-sm-100p{
        width: 100% !important;
    }
    .width-md-100p{
        width: 100% !important;
    }
    .width-lg-100p{
        width: 100% !important;
    }

    .hidden-xs{
        display:none !important;
    }
    .side-item{
        background-color: white;
    }
     .col-nav-side{
        position:absolute;
        height: 0px;        
       
    }
    .nav_top{       
        padding-left:2px;
        padding-right:4px;       
    }
    .nav-side{
        height: 0px;        
        display : none;
    }
    .footer-content {
        margin-left: 0px;
    }

}

/* Small devices .col-sm */
@media only screen and (min-width: 769px) and (max-width: 992px) {
    /* WIDTH - RESPONSIVE */
    .width-sm-100p{
        width: 100% !important;
    }
    .width-md-100p{
        width: 100% !important;
    }
    .width-lg-100p{
        width: 100% !important;
    }

    .hidden-sm{
        display:none !important;
    }
    .nav-logo
    {
        width:180px;
    }
    .footer-content {
        margin-left: 55px;
    }
    .col-nav-side
    {
        width:  55px;
    }
    .col-nav-body
    {
        width:  calc(100% - 55px);
    }
}

/* Medium devices .col-md */
@media only screen and (min-width: 993px)  and (max-width: 1200px) {
    /* WIDTH - RESPONSIVE */
    .width-md-100p{
        width: 100% !important;
    }
    .width-lg-100p{
        width: 100% !important;
    }

    .hidden-md{
        display:none !important;
    }
    .nav-logo
    {
        width:180px;
    }
    .footer-content {
        margin-left: 180px;
    }
    .col-nav-side
    {
        width:  180px;
    }
    .col-nav-body
    {
        width:  calc(100% - 180px);
    }
}

/* Large devices .col-lg */
@media only screen and (min-width: 1201px)  and (max-width: 2000px){
    /* WIDTH - RESPONSIVE */
    .width-lg-100p{
        width: 100% !important;
    }

    .hidden-lg{
        display:none !important;
    }
    .nav-logo
    {
        width:200px;
    }
    .footer-content {
        margin-left: 200px;
    }
    .col-nav-side
    {
        width:  200px;
    }
    .col-nav-body
    {
        width:  calc(100% - 200px);
    }

}

/* Extra large devices xl - not defined */
@media only screen and (min-width: 2001px) {
    .hidden-xl{
        display:none !important;
    }
    .nav-logo
    {
        width:200px;
    }
    .footer-content {
        margin-left: 200px;
    }
    .col-nav-side
    {

        width:  200px;
    }
    .col-nav-body
    {
        width:  calc(100% - 200px);
    }

}