@media (min-width: 1499px){
    #fixed_timer{
        display: none;      
    }
    #backtop{
        display: none;      
    }
    #clockdiv{
        font-family: sans-serif;
        color: #fff;
        display: inline-block;
        font-weight: 80;
        font-size: 20px;
        /*background-color: #fff;*/
    /*  position: fixed;
        bottom: 0;
        right: 0;*/
        position: fixed;
        top: 1;
        bottom: 0;
        left: 0;
        right: 1;
        width: 220px;
        /*height: 30%;*/
        /*margin: auto;*/
        padding: 10px;
        opacity: .8;
        z-index: 100;
    }

    #clockdiv .timer-body > div{
        padding: 5px;
        border-radius: 3px;
        /*background: #286090;*/
        background: red;
        display: inline-block;
    }

    #clockdiv .timer-body div > span{
        padding: 5px;
        border-radius: 3px;
        /*background: #ffe519;*/
        background: red;
        display: inline-block;
    }

    .smalltext{
        padding-top: 5px;
        font-size: 13px;
    }
    #clockdiv .timer-body h3{
        color: #000;
        font-weight: bold;
        font-size: 14px;
        margin: 0px;
    }

    #clockdiv .timer-body p{
        font-size: 12px;
        color: #000;
    }
    .tick{
        color:black;
        font-weight: bold;
    }

    #clockdiv .hide-timer{
        color: #fff;
        font-size: 14px;
        text-align: right;
        background-color: #286090;
        padding: 5px 10px;
        border-radius: 7px 7px 0px 0px;
        cursor: pointer;
        border:solid 1px #d0d0d0;
        /*box-shadow: 4px 6px 10px #3d3d3d;*/
    }
    .timer-body{
        font-size: 20px;
        text-align: center;
        border: solid 1px transparent;
        padding: 20px 0px;
        overflow: hidden;
        background-color: #fff;
        border:solid 1px #d0d0d0;
        /*box-shadow: 0px 2px 10px #3d3d3d;*/
    }
    .title_cat{
        font-size: 14px;
        font-weight: 500;
        padding: 3px 0px;
        /*background: #5380a6;*/
        background: black;
        color: #fff;
        margin-bottom: 2px;
    }
}
@media (max-width: 1499px){
    section {
        padding: 50px 0;
    }
    #clockdiv{ display: none; }
    #backtop{
        position: fixed;
        top: 1;
        bottom: 0;
        left: 1;
        right: 0;
        padding: 10px;
        z-index: 100;
        margin: 0px -10px 40px 0px;
        opacity: .4;
    }
    #backtop .text-primary{
        color:black;
    }
    footer{margin-bottom: 55px}
}
.fa-arrow-circle-down { margin-top: 3px}
 #fixed_timer{ opacity: .8;width: 100%;bottom: 0;position: fixed;background-color: #848484;display: all;z-index: 100; padding: 3px 0px; color: #fff;border-top:solid 1px #d0d0d0;}
.small_timer{font-size:14px;background-color: #fecc0b;padding:2px 5px;border-radius: .3em;color:#3e3e3e;font-weight:bolder}