/*
Theme Name: xkld
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.mobile-hotline{display:none}
 
.hotline {position: fixed;    box-shadow: 0px 5px 10px black;
    left: 10px;
    bottom: 10px;
    z-index: 9000;
    display: block;
    background: #003082;
    color: white;
    padding-top: 5px;padding-bottom:5px; padding-left:12px; padding-right: 12px;
    border-radius: 99px;}
.hotline .hotline-number{font-size:20px; color: white; font-weight: bold}
 
@media  (max-width: 767px) {
 
    .hotline{
 
        display :none;
 
    }
.mobile-hotline{display: block; bottom: 0; width: 100%; background:rgb(0, 48, 130); height: 60px; position: fixed; z-index:9999999}
.mobile-hotline .mobile-hotline-left{width: 45%; float: left; text-align: center; background: white; margin-left: 10px; margin-right:5px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-left a{color: #003082; line-height: 46px; font-size:16px; font-weight: normal}
 
.mobile-hotline .mobile-hotline-right{width: 45%; float: right; text-align: center; background: #fba646; margin-left: 5px; margin-right: 10px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-right a{color: white; line-height: 46px; font-size: 16px; font-weight: normal}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}