.full-sc{width:100%; height:100%; clear:both;  box-shadow: 0 0 5px rgba(0,0,0,0.5); position:relative}
.full-sc-abs{position:absolute; top:0px; width:100%; height:100%; }

.f-cloe{width:190px; padding:5px; float:right; color:white; text-transform:uppercase; text-align:left; margin-bottom:10px; background-color:#a5a5a5; position:relative; font-weight:bold; font-size: 15px; cursor:pointer; display:none;}

.f-timer{ width:160px; padding:5px; float:left; color:white; text-transform:uppercase; text-align:right; margin-bottom:10px;background-color:#a5a5a5; position:relative; font-weight:bold; font-size:15px;   cursor:pointer;}
.f-clock{position:absolute; left:-7px; top:-2px; }
#triangle-left {
    position:absolute;
    top:0px; right:0px;
}
#triangle-left  img {height: 27px;}


@media screen and (max-width: 800px) {
    .f-m-l{width: 100% !important;}
    .full-sc img {width:100% !important;}
    .f-timer{ width: 30%;font-size: 10px;}
    .f-timer{    left:10px;top: -2px;}
    .f-timer img{height: 25px;}
    .f-cloe{width: 40%;     font-size: 10px;}
    #triangle-left img {
        height: 22px;
    }
}