.container {
    padding: 0;
}
b,
strong {
    font-weight: 700;
}
pre,
blockquote,
form,
figure,
p,
dl,
ul,
ol {
    margin-bottom: 5px!important;
}
pre {
    clear: both;
    overflow: auto!important;
    padding: 25px 15px 15px;
    margin: 20px 0;
    position: relative;
    background: #222;
    color: #aaa;
    white-space: normal;
    box-sizing: border-box;
}
pre:before {
    color: #FFF;
    position: absolute;
    font-size: 18px;
    right: 14px;
    top: 6px;
    font-family: "fl-icons";
    content: "\e015";
}
pre code {
    padding: 0;
    font-size: inherit;
    color: #4dae48;
    white-space: pre-wrap;
    background: transparent;
    border: none;
}
blockquote {
    font-size: 18px;
    font-style: italic;
    color: #57585f;
    padding: 20px;
    line-height: 30px;
    margin: 25px 0 25px 0!important;
    box-sizing: border-box;
    position: relative;
    background: #f3f5f7;
    border: none;
}
blockquote::before {
    content: '\0022';
    font-size: 100px;
    position: absolute;
    top: 9px;
    left: 17px;
    color: #df3939;
}

/* Custom Main post */
.blog-wrapper p#breadcrumbs {
    margin-bottom: 10px;
}

#main .category-page-row>.col {
    padding: 0;
}

/* Category Post*/
.category .blog-wrapper {
    padding-top: 0;
}
#breadcrumb-cat {
    padding: 15px 0;
    margin-bottom: 10px;
}

#breadcrumb-cat .col {
    padding-bottom: 0;
}

#breadcrumb-cat .col h1.page-title {
    margin: 0;
}

#breadcrumb-cat .col p#breadcrumbs {
    margin-bottom: 0px;
}

/* Single Post */
.share-icons .button.icon.circle {
    line-height: 29px;
}
#content .entry-header .entry-header-text {
    padding: 0;
}
#content .entry-header .is-divider {
    margin: 5px;
}
#content article.post {
    margin-bottom: 0;
}
#content .html-before-comments footer.entry-meta {
    font-size: 16px;
    border-top: 1px dashed #ececec;
    border-bottom: 1px dashed #ececec;
    margin-bottom: 10px;
}
.entry-content p {
    margin-bottom: 10px;
}
.entry-content a:hover {
    text-decoration: underline;
}

/*Sidebar*/
.post-sidebar {
    padding: 0 !important;
}

#secondary span.widget-title {
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 2px solid #f1f1f1;
    display: block;
}

#secondary span.widget-title:before {
    content: '';
    background-color: #fecd08;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 70px;
    height: 2px;
}

#secondary .is-divider {
    display: none;
}

#secondary .widget_categories ul {
    border-radius: 2px;
    border: 1px solid #f1f1f1;
    padding: 0 10px;
}

#secondary .widget_categories ul li {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

#secondary .widget_categories ul li::before {
    content: "\f105";
    font-family: "fl-icons";
}

#secondary .widget_categories ul li a {
    padding: 10px 0;
}

#secondary li.recent-blog-posts-li {
    border-top: 1px dashed #ececec !important;
}

#secondary li.recent-blog-posts-li:first-child {
    border-top: none !important;
}

#secondary .flatsome_recent_posts .badge {
    width: 130px;
    height: 80px;
}

#secondary .flatsome_recent_posts .badge .badge-inner {
    border-radius: 5px;
}

/*back-to-top*/
.back-to-top,
.back-to-top.active {
    background-color: #fecd08;
    border: none;
}

.breadcrumbs,
.breadcrumbs a {
    font-size: 14px;
}
/* hotline call now */
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:110px;height:110px;top:0;left:0;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #f58466;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.5}
.hotline-phone-ring-circle-fill{width:80px;height:80px;top:16px;left:16px;position:absolute;background-color:rgb(245 132 102/70%);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#f58466;width:50px;height:50px;top:31px;left:31px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:33px;height:33px}
.hotline-bar{position:absolute;background:#f58466;height:45px;width:175px;line-height:40px;padding:0 10px;background-size:100%;cursor:pointer;transition:all 0.8s;-webkit-transition:all 0.8s;z-index:9;border-radius:50px;left:42px;bottom:31px}
.hotline-bar > a{color:#fff;text-decoration:none;font-size:15px;font-weight:bold;text-indent:32px;letter-spacing:1px;display:block;line-height:45px}
.hotline-bar > a:hover,.hotline-bar > a:active{color:#fff}
@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:0.1}30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:0.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:0.1}}
@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:0.6}100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6}}
@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
#zalo-ms, #fb-ms{position:fixed;left:8px;bottom:100px;z-index:99999;transition:1s all;-moz-transition:1s all;-webkit-transition:1s all}
#zalo-ms {bottom: 180px;}
#zalo-ms .phone-ms, #fb-ms .phone-ms{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
#zalo-ms .phone-ms-circle-fill, #fb-ms .phone-ms-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;box-shadow:0 0 0 0 #2196f3;background-color:rgba(33,150,243,.7);border-radius:50%;border:2px solid transparent;-webkit-animation:phone-vr-circle-fill 2.3s infinite ease-in-out;animation:phone-vr-circle-fill 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animuiion:zoom 1.3s infinite;animation:zoom 1.3s infinite}
#zalo-ms .phone-ms-img-circle, #fb-ms .phone-ms-img-circle{background-color:#2196f3;width:40px;height:40px;line-height:40px;top:25px;left:25px;position:absolute;border-radius:50%;display:flex;justify-content:center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phone-vr-circle-fill 1s infinite ease-in-out}
#zalo-ms .phone-ms-img-circle a, #fb-ms .phone-ms-img-circle a{display:block;line-height:37px}
#zalo-ms .phone-ms-img-circle img,#fb-ms .phone-ms-img-circle img{max-height:25px;max-width:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;opacity:1;vertical-align:middle;display:inline-block;height:auto}
@-webkit-keyframes phone-ms-circle-fill{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}


/*404*/
.error-404{padding:0; margin:0}
.error-404 .medium-3 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    font-size: 40px!important;
    padding: 0;
    margin: 0
}
.error-404 .header-font:after{
   content: "404";
    color: #dbdbdb;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(calc(-53% + 22px),12px);
    -ms-transform: translate(calc(-53% + 22px),12px);
    transform: translate(calc(-53% + 22px),12px);
    z-index: 0;
}
.error-404 .medium-9 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
}
.error-404 .page-content{
    width: 766px;
    text-align: center;
    display: block;
    margin: 0 auto;
}
/*end 404*/

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
    .container,
    #main .category-page-row>.col {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 760px) { 
    .hotline-bar{
        display:none;
    }
    }