*{box-sizing:border-box}
.container{max-width:1440px;margin:0 auto;padding-left:15px;padding-right:15px}

html, body {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    height: 100%;
}

body{overflow-y:auto}

#share-window-modal .modal-body h3{margin:0;font-weight:normal;color:white}
#share-window-modal .modal-body .share-buttons-container{display:flex;align-items:center;flex-wrap:wrap}
#share-window-modal .modal-body .share-buttons-container .qr-code-container{width:200px}
#share-window-modal .modal-body .share-buttons-container .qr-code-container svg{width:100% !important}
#share-window-modal .modal-body .share-buttons-container .third-party-shares{width:calc(100% - 200px);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}
#share-window-modal .modal-body .third-party-shares .third-party-buttons{width:calc(33.3% - 10px);text-align:center;cursor:pointer}
#share-window-modal .modal-body .third-party-shares .third-party-buttons:nth-child(3n){}
#share-window-modal .modal-body .third-party-shares .third-party-buttons:nth-child(3n+1){}
#share-window-modal .modal-body .third-party-shares .third-party-buttons:nth-child(3n+2){margin-left:5px;margin-right:5px}
#share-window-modal .modal-body .third-party-shares .third-party-buttons img{width:100%;max-width:90px}
#share-window-modal .modal-body .third-party-shares .third-party-buttons .mobile-third-party{display:none}

.third-party-buttons .mobile-third-party{padding:5px 20px;color:white;font-size:1.4rem;width:250px !important}
.third-party-buttons .mobile-third-party img{width:30px;max-width:30px !important}
.third-party-buttons .mobile-third-party span{width:calc(100% - 30px)}

#message-board-modal{background-color:rgba(245, 243, 245, .8)}
#message-board-modal.jq-modal{border-radius:25px}
#message-board-modal .modal-body{
    height:70vh;
    padding:30px 30px 0;
}

#message-board-modal .modal-body h2{margin:0;font-weight:normal;height:40px;
    text-align:center;color:white
}
#message-board-modal .modal-body h2 span{border-bottom:2px solid rgb(94,95,98);padding-bottom:10px}

#message-board-modal .modal-body .message-list{
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc(100% - 120px);
    margin-bottom: 10px;
    padding:0 10px
}

#message-board-modal .modal-body .message-list .msg-item{display:flex;align-items:flex-start;
    justify-content:space-between;padding:10px 0;border-bottom:1px solid white;
    flex-wrap:wrap
}
#message-board-modal .modal-body .message-list .msg-item p{margin:0}
.msg-item .msg-owner{color:white;width:100px;font-size:15px;word-break:break-all}
.msg-item .msg-body{color:white;width:calc(100% - 220px);margin:0 10px;font-size:15px;word-break:break-all}
.msg-item .msg-time{color:white;width:100px;font-size:15px;text-align:right}

#message-board-modal .modal-body .close-modal-btn{height:40px;margin-top:20px;
    top:-5px;right:20px
}

#message-board-modal .modal-body .message-list::-webkit-scrollbar{width:5px}
#message-board-modal .modal-body .message-list::-webkit-scrollbar-track{background:transparent}
#message-board-modal .modal-body .message-list::-webkit-scrollbar-thumb{background:rgb(94,95,98)}

#message-board-modal .modal-body .message-input{
    position:relative;display:flex;flex-wrap:wrap;align-items:center;
    background:white;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    border: 2px solid rgb(94,95,98);
}
#message-board-modal .modal-body .message-input input{
    border:0;width:calc(100% - 30px);
    width: calc(100% - 30px);
    height: 90%;
    font-size: 1.02rem;
    outline: none;
    background:transparent;
    color:black
}
#message-board-modal .modal-body .message-input button{position:absolute;width:30px;cursor:pointer;
    right:10px;
    top:8px;
    background:transparent;
    border:none;
}
#message-board-modal .modal-body .message-input button img{width:100%;max-width:25px}
#share-window-modal,
#business-card-window-modal{background-color:rgba(245, 243, 245, .8)}

#business-card-window-modal .business-card-content{margin-bottom:20px}
#business-card-window-modal .business-card-content *{word-break:break-all}
#business-card-window-modal .business-card-content img{max-width:100%;height:auto;}
#business-card-window-modal .modal-body{
    padding:20px 40px 10px;margin-bottom:20px;
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
    overflow-y: scroll;
}

#business-card-window-modal .modal-body::-webkit-scrollbar{width:5px}
#business-card-window-modal .modal-body::-webkit-scrollbar-track{background:transparent}
#business-card-window-modal .modal-body::-webkit-scrollbar-thumb{background:#F9F5FF}

@media screen and (max-width: 991px) {
    .jquery-modal.blocker{padding:0}
    .jq-modal#share-window-modal{
        width:100%;height:100%;border-radius:0;
        padding:-20px;
    }
    #share-window-modal .modal-body h3{
        text-align: center;
        border-bottom: 3px solid white;
        padding-bottom: 15px;
        font-size: 1.1rem;
    }
    #share-window-modal .modal-body .share-buttons-container .qr-code-container{width:100%;margin:20px 0}
    #share-window-modal .modal-body .third-party-shares .third-party-buttons .mobile-third-party{display:flex;align-items:center}

    #share-window-modal .modal-body .third-party-shares .third-party-buttons .mobile-third-party#mobile-share-fb{background-color:rgb(71,84,155)}
    #share-window-modal .modal-body .third-party-shares .third-party-buttons .mobile-third-party#mobile-share-line{background-color:rgb(0,210,0)}
    #share-window-modal .modal-body .third-party-shares .third-party-buttons .mobile-third-party#mobile-share-twitter{background-color:rgb(53,161,239)}
    #share-window-modal .pc-img{display:none}

    #share-window-modal .modal-body .third-party-shares .third-party-buttons{width:100%;margin-left:0;margin-right:0;margin-bottom:20px}
    #share-window-modal .modal-body .share-buttons-container .third-party-shares{width:100%}
    #share-window-modal .modal-body .third-party-shares .third-party-buttons .mobile-third-party{
        margin:0 auto
    }
    #share-window-modal .modal-body .share-buttons-container{padding-top:40px}
}

@media screen and (max-width: 768px) {
    #message-board-modal.jq-modal{width:90%}
}

@media screen and (max-width: 700px) {
    #message-board-modal.jq-modal{width:100%;border-radius:0;
        height: 100%;
        border-radius: 0;
    }
    #message-board-modal .modal-body{
        height: -webkit-fill-available;
        height: -moz-available;
        height: fill-available;
    }
    #message-board-modal .modal-body .message-list .msg-item{position:relative;}
    #message-board-modal .modal-body .message-list .msg-item p.msg-owner{width:100%;margin-bottom:20px}
    #message-board-modal .modal-body .message-list .msg-item p{width:100%}
    #message-board-modal .modal-body .message-list .msg-item p.msg-time{position:absolute;right:0;top:10px}

    #message-board-modal .modal-body .message-input button{top:11px}
    #message-board-modal .modal-body .message-input{
        position: absolute;
        left: 0;
        width: 100%;
        border-radius: 0;
        border: 0;
        bottom: 0
    }

    #message-board-modal .modal-body{padding:10px 30px 0}
}

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