style.css

#box-chat{
    position: fixed;
    width: 210px;
    height: 25px;
    background-color: white;
    
    border-radius: 5%;
    border: none;
    display: none;
}
/* @media only screen and (min-width:960px){
    /* styles for browsers larger than 960px; */
    /* #box-chat{
        left: 32%;
        top: 310px;
    }
} */
/* @media only screen and (min-width:1440px){ */
    /* styles for browsers larger than 1440px; */
    /* #box-chat{
        left: 39%;
        top: 310px;
    }
} */
@media only screen and (max-width:767px){
    /* styles for browsers larger than 760px; */
    #box-chat{
        left: 32%;
        top: 46%;
    }
}
@media only screen and (min-width:768px){
    /* styles for browsers larger than px; */
    #box-chat{
        left: 39.4%;
        top: 46%;
    }
}
@media only screen and (min-width:1120px){
    /* styles for browsers larger than px; */
    #box-chat{
        left: 44.5%;
        top: 46%;
    }
}

/* @media only screen and (max-device-width:480px){
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    /* #box-chat{
        left: 39%;
        top: 310px;
    }
}
@media only screen and (device-width:768px){
    /* default iPad screens */
    /* #box-chat{
        left: 39%;
        top: 310px;
    }
/* } */