/*======================================================
RESPONSIVE
Version 3.1
======================================================*/

/*======================================================
MOBILE
======================================================*/

@media (max-width:768px){

    /*==================================================
    HEADER
    ==================================================*/

    #oab-header{

        height:45px;

        padding:0 10px;

    }

    .oab-header-btn{

        width:34px;
        height:34px;

    }

    .oab-icon{

        width:21px;
        height:21px;

    }

    #oab-status{

        font-size:12px;

        gap:5px;

    }

    .oab-status-icon{

        width:14px;
        height:14px;

    }


    /*==================================================
    CHAT
    ==================================================*/

    #oab-chat{

        padding:12px;

    }

    #oab-messages{

        padding-bottom:8px;

    }


    /*==================================================
    INPUT
    ==================================================*/

    #oab-input{

        padding:12px;

        gap:8px;

    }

    .oab-toolbar{

        gap:8px;

    }

    .oab-tool{

        width:42px;

        height:42px;

    }

    #oab-message{

        min-height:90px;

        font-size:16px;

        padding:16px;

    }

    #oab-send{

        width:48px;

        height:48px;

    }

}


/*======================================================
LAPTOP
======================================================*/

@media (max-width:1600px){

    .oab-welcome{

        padding:16px;

    }

    .oab-register-card{

        max-width:1150px;

        padding:28px;

    }

}