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

/*************** ADD CUSTOM CSS HERE.   ***************/


@font-face {
    font-family: 'OpenSans';
    src: url(fonts/OpenSans-Regular.ttf);
} 

@font-face {
    font-family: 'Dosis-Bold';
    src: url(fonts/Dosis-Bold.ttf);
}





:root{
    --color: #00cb88;
    --family :'OpenSans' !important;
    --family-bold :'Dosis-Bold' !important;
}



body{
    font-size: 15px !important;
    font-family: var(--family) !important;
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
    color: #000;
    font-family: var(--family) !important;
}

strong {
    font-family: var(--family-bold) !important;
}


p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
.display-product a.quick-view,
a.quick-view.quick-view-added {
    display: none;
}

.header, .header-wrapper {
    z-index: 99999999 !important;
}
.sidebar-menu.no-scrollbar {
    background:var(--color);
}
.sidebar-menu.no-scrollbar ul li a {
    color:#fff;
}

.header-wrapper.stuck .header-main {
    background: #000;
    z-index: 9999 !important;
}
.header-wrapper.stuck .header-main .header-nav-main li a {
    color: #fff;
}

.single .header-nav-main li a,
.archive .header-nav-main li a,
.page-template .header-nav-main li a {
    color: #000;
    font-size: 17px;
    font-family: var(--family-bold) !important;
}


.header-main ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    margin-left: 18%;
}

.header-main  .header-nav-main li {
    padding: 0px 10px;
}
.home.page-template .header-main  .header-nav-main li a {
    color: #fff;
    font-size: 17px;
    font-family: var(--family-bold) !important;
}
/*.header-main  ul.header-nav-main li.active a,
.header-main  ul.header-nav-main li:hover a{
    border-bottom: 2px solid var(--color); 
}
*/



/*******************************************************/

.title-home {
    margin: 20px 0px; 
}

.title-home h2 {
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
    color: var(--color);
    font-size: 35px;
    margin: 20px 0px;
}
.title-home p {
    color: #fff;
    font-size: 15px;
    width: 700px;
    margin: 0px auto;
}

.button.primary {
    font-size: 20px;
    background-color: var(--color);
    font-family: var(--family-bold) !important;
}

#div_block-22-9 {
    width: 2px;
    background-color: rgba(255,255,255,0.5);
    height: 100px;
}

.owl-prev ,.owl-next {
    background:var(--color);
    border: 1px solid #FFF;
    border-radius: 100%;
    color: #FFF;
    font-size: 15px;
    height: 25px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 40%;
    transition: all .3s ease 0s;
    width: 25px;
    z-index: 1;
}
.owl-prev {
    float: left;
    left: -20px;
}
.owl-next {
   float: right;
   right: -20px;
}

.home-customer .box-blog-post {
    margin: 10px 0px;
}

.vde-agency .section-bg.bg-loaded {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.vde-agency {
    height: 400px;
    background-image: linear-gradient(rgba(0,0,0,0.53),rgba(0,0,0,0.53));
}

.silder-customer .item {
    width: 800px;
    margin: 0px auto; 
}
.silder-customer .item p{
    color: #fff;
    font-size: 16px;
    font-style: italic;
}
.silder-customer .item h2 {
    color: #fff;
    font-size: 30px;
    font-family: var(--family-bold)!important;
}
.silder-customer .item h4 {
    font-size: 25px;
    color: var(--color);
    font-family: var(--family-bold)!important;
}

.nav-line>li.active>a:before, .nav-line>li:hover>a:before {
    opacity: 0;
}

#headline-142-9 {
    font-size: 60px;
    color: #ffffff;
    font-family: 'Dosis';
    letter-spacing: 15px;
}

.we-provide .row-tab-post .nav-line {
    margin: 30px 0px;
}
.we-provide .row-tab-post .nav-line li {
    padding-right: 7px;
}
.we-provide .row-tab-post .nav-line li a {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-family: var(--family-bold) !important;
}

.we-provide .row-tab-post .nav-line li.active a ,
.we-provide .row-tab-post .nav-line li:hover a {
    border-bottom: 2px solid var(--color);
}

.home-product .col-inner {
    margin-bottom: 20px;
}

.link-tab a {
    background: var(--color);
    color: #fff;
    padding: 7px 15px;
    border-radius: 30px;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}
.link-tab a:hover {
    background: #fff;
    color: var(--color);
}

.contact .cot-6-2 .col {
    padding: 0 10px 0px;
}
.contact .cot-6-2 label {
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: var(--family)!important;
}
.contact .cot-6-2 label span {
    color: red;
}
.contact .wpcf7-submit {
    background-color: var(--color);
    color: #000;
    font-size: 18px;
    font-family: var(--family-bold) !important;
}


.sec-product .row-tab-post .nav-line {
    margin: 30px 0px;
}
.sec-product .row-tab-post .nav-line li {
    padding-right: 10px;
    padding-bottom:15px;
}
.sec-product .row-tab-post .nav-line li a {
    color: #000;
    font-size: 15px;
    padding: 10px 15px;
    border-radius: 30px;
    border: 1px solid #e2e2e2!important;
    font-family: var(--family-bold) !important;
}

.sec-product .row-tab-post .nav-line li.active a,
.sec-product .row-tab-post .nav-line li:hover a{
    background: var(--color);
    color: #fff;
}

.sec-blog .blog-post-inner {
    margin-left: -20%;
    background: #fff;
    padding: 30px;
    box-shadow: 2px 2px 5px #eaeaea;
}
.sec-blog .blog-post-inner h5.post-title {
    font-family: var(--family-bold) !important;
    color: #000;
    font-size: 30px;
    margin: 20px 0px;
    text-transform: uppercase;
}
.sec-blog .blog-post-inner .from_the_blog_excerpt {
    font-size: 17px;
}

.sec-blog .blog-post-inner .post-meta {
    font-size: 17px;
    color: #000;
    margin-bottom: 15px;
    font-style: italic;
    font-family: var(--family) !important;
}

.sec-blog .blog-post-inner .button {
    font-size: 16px;
    color: #fff;
    font-weight: 400 !important;
    border-radius: 30px;
    margin-bottom: 30px;
    padding: 0px 30px;
    background-color: var(--color);
    text-transform: uppercase;
}


.sec-customer .col.row-tt.small-12.large-12 {
    background: rgb(41, 36, 43);
    margin-top: -30px;
}
.sec-customer .title-home h2 {
    margin-top: 30px;
    display: inline-block;
}

.circle-container {
    width: 700px;
    height: 650px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    border-top-color: rgba(255,255,255,0.2);
    border-right-color: rgba(255,255,255,0.2);
    border-bottom-color: rgba(255,255,255,0.2);
    border-left-color: rgba(255,255,255,0.2);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
    margin-bottom: -20%;
}

.circle-container ul li {
    list-style: none;
}
.circle-container ul li:hover .img-icon,
.circle-container ul li.active .img-icon{
    background: var(--color);
    animation: zoominoutsinglefeatured 1s infinite ;
}

.fancy-icon {
    animation: zoominoutsinglefeatured 1s infinite ;
}


@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}


.circle-container ul li a {
    display: block;
    position: absolute;
    top: 65%; left: 35%;
    margin: -2em;
   /* animation: 0.8s ease 0s infinite normal none running dich_chuyen;*/
}

.circle-container ul li a .img-icon {
    background: #000;
    height: 5em;
    width: 5em;
    border-radius: 50%;
    animation-duration: 1.5s;
    animation-timing-function: ease-out !important;
    animation-delay: 0;
    animation-direction: alternate !important;
    animation-iteration-count: infinite;
    animation-fill-mode: none !important;
  
}




@keyframes dich_chuyen {
    0% {
        transform: scale(1.);
    }

    100% {
        transform: scale(1.2);
    }
}










.circle-container img { 
    max-width: 40px;
    max-height: 40px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;

}

.iframe {
    display: block;
    position: absolute;
    text-align: center;
    top: 35%;
    left: 29.5%;
    width: 500px;
    height: 500px;
    background-color: #29242b;
    border-radius: 100%;
    z-index: 1;
    padding-top: 20px;
}
.iframe img {
    max-width: 60px;
    max-height: 60px;
    margin: 30px 0px;
}

.iframe h2 {
    color: #fff;
    font-family: var(--family-bold) !important;
}
.iframe p {
    color: #fff;
    line-height: 28px;
    margin: 0px auto;
    width: 350px;
    font-size: 15px;
}








.home-service-mobile .featured-box .icon img {
    background: #000;
    width: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 10px;
}
.home-service-mobile .featured-box .icon-box-text {
    background: #000;
    border-radius: 5px;
    padding: 20px;
}
.home-service-mobile .featured-box .icon-box-text h2 {
    color: #fff;
    font-family: var(--family-bold) !important;
}
.home-service-mobile .featured-box .icon-box-text p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 10px;
}



/************************************************************/

.sec-blog {
    padding: 30px 0px;
}

.title-category h1{
    color: var(--color);
    font-size:40px;
    margin-top: 25px;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}

.blog-archive .box-blog-post.box-text-bottom {
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.blog-archive .image-cover {
    padding-top: 75% !important;
}

.blog-archive .box-text{
    padding: 10px;
    background: #f1f1f1;
}
.post_related .box-text-bottom {
    padding: 10px;
    border: 1px solid #eaeaea;
}
.blog-archive h5.post-title{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-flex: 3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: var(--family-bold) !important
}

.page-numbers li a {
    color: #000;
    font-family: var(--family-bold) !important;
}
.page-numbers li .page-number.current{
    border: 0px;
    background:var(--color);
    font-family: var(--family-bold) !important;
}

.single-customer,
.single-post {
    background: #eaeaea;
}
.title .entry-title,
.single-post .title-post h1 {
    margin-top: 20px;
   text-transform: uppercase;
   font-family: var(--family-bold) !important;
}

.content-single-post {
    text-align: justify;
    font-size: 17px;
    color: #000;
    padding-bottom: 30px;
    font-family: var(--family) !important;
}

.gallery img {
    width: 100%;
    border-radius: 3px;
}
.gallery .col {
    padding: 0 5px 10px;
}

.sidebar-customer {
    background-color: #ffffff;
    min-height: 500px;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #ececec;
    box-shadow: 5px 5px 15px rgb(43 41 41 / 8%);
}
.sidebar-customer .img {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    margin: 0px auto;
}
.sidebar-customer .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.sidebar-customer .title h3 {
    font-size: 25px;
    margin: 20px 0px; 
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}

.sidebar-customer .view {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 17px;
}
.sidebar-customer .view  span {
    margin-left: 10px;
}
.list-infomation {
    width: 100%;
}

.list-infomation .featured-box {
    margin-bottom: 15px;
}

.list-infomation .icon-box-text {
    font-size: 17px;
    display: flow-root;
    color: #000;
    font-family: var(--family) !important;
}
.list-infomation .icon-box-img i {
    font-size: 25px;
    color: #000;
    margin-top: 5px;
}
.link-mesenger a {
    display: block;
    padding: 7px 25px;
    margin: 15px 0px;
    text-align: center;
    border-radius: 30px;
    font-size: 22px;
    font-family: var(--family-bold) !important;
}

.link-mesenger a.faceboook {
    background: var(--color);
    color: #fff;
}
.link-mesenger a.messenger {
    color: var(--color);
    border: 1px solid;
}

.share-customer a {
    margin: 0px 5px;
    color: var(--color);
    border: 1px solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    font-size: 20px;
}

.single-customer .tab-menu {
    padding: 30px 0px;
}

.tab-wrapper {
    display: flow-root;
    margin-bottom: 30px;
    margin-top: 10px;
}
.tab-wrapper ul {
    margin: 0px;
    padding: 0px;
}
.tab-wrapper ul li {
    float: left;
    list-style: none;
    margin: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    
}
.tab-wrapper ul li a {
    color: #000;
    font-size: 20px;
    padding: 10px 20px;
    font-weight: 500;
}
.tab-wrapper ul li:hover a,
.tab-wrapper ul li.active a {
    background: var(--color);
    color: #fff;
    border-radius: 30px;
    font-family: var(--family-bold) !important;
}

.box-about-tab {
    margin-left: -10px;
}

.content-customer {
    text-align: justify;
    font-size: 17px;
    font-family: var(--family) !important;
}


.single .mfp-container {

    background: #000;
}

.single .mfp-image-holder .mfp-content {
    /*max-width: 700px;*/
}

.single .mfp-image-holder {
    padding: 10px 150px;
}
.mfp-zoom-out-cur .header-main {
    display:none
}

.single img.mfp-img {
    width: 100% !important;
    height: 650px;
}


/************************************************************/
.scroll-to-bullets.hide-for-medium {
    display: none;
}
.footer-primary {
    float: none;
    text-align: center;
}

.footer-1 {
    padding-top: 60px;
}

.footer-share li {
    display: inline-block;
}
.footer-share li  a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    color: #000;
}

.infomaion i {
    font-size: 30px;
    color: var(--color);
    background: #f4f4f4;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
}
.infomaion h2 {
    color: var(--color);
    margin: 20px 0px;
    font-size: 25px;
    font-family: var(--family-bold) !important;
}
.infomaion p{
    color: #f1f1f1;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
}



.call-now-button {
    z-index: 9999;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px;
    left: auto !important;
    right: 30px!important;
    top: auto !important;
    bottom: 90px!important;
}

.quick-alo-ph-circle.pactive {
    width: 130px;
    height: 130px;
    top: -40px;
    left: -40px;
    position: absolute;
    background-color: #00cb883d;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-ph-circle-fill.pactive {
    width: 80px;
    height: 80px;
    top: -15px;
    left: -15px;
    position: absolute;
    background-color: var(--color);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

}
.quick-alo-ph-img-circle.shake  {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #0c3!important;
}
.quick-alo-ph-img-circle.shake img {
    text-align: center;
    position: absolute;
    left: 7px;
    top: 7px;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    10% {transform: rotate(0) scale(1) skew(1deg)}

    10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg)}

    20% {-moz-transform: rotate(25deg) scale(1) skew(1deg)}

    30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg)}

    40% {-moz-transform: rotate(25deg) scale(1) skew(1deg)}

    50% {-moz-transform: rotate(0) scale(1) skew(1deg)}

    100% {-moz-transform: rotate(0) scale(1) skew(1deg)}
}

@-webkit-keyframes quick-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)}
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {-o-transform: rotate(0) scale(1) skew(1deg)}

    10% {-o-transform: rotate(-25deg) scale(1) skew(1deg)}

    20% {-o-transform: rotate(25deg) scale(1) skew(1deg)}

    30% {-o-transform: rotate(-25deg) scale(1) skew(1deg)}

    40% {-o-transform: rotate(25deg) scale(1) skew(1deg)}

    50% {-o-transform: rotate(0) scale(1) skew(1deg)}

    100% {-o-transform: rotate(0) scale(1) skew(1deg)}
}





@media only screen and (max-width: 1024px) {
    .iframe {left: 25%;}
}

@media only screen and (max-width: 991px) {
    .PC {display: none;}
    .title-home p {
        width: 100%;
    }
    .silder-customer .item {
        width: 100%;
    }
    .single .mfp-image-holder {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 767px) {
    .blog-archive .post-item {
        width: 33.3% !important;
        float: left;
    }
    .sec-blog .blog-post-inner {
        margin-left: 0px;
        padding: 15px;
    }
    .sec-blog .blog-post-inner h5.post-title {
        font-size: 25px;
    }
    .sec-blog .blog-post-inner .image-cover {
        padding-top: 100% !important;
    }
    .owl-prev {
        float: left;
        left: -10px;
    }
    .owl-next {
        float: right;
        right: -10px;
    }
    .sec-product .row-tab-post .nav-line li {
       padding-right: 0px;
       padding-bottom:10px;
   }
    .title-home h2 {
        font-size: 29px;
    }

}

@media only screen and (max-width: 500px) {
    .blog-archive .post-item {
        width: 50% !important;
        float: left;
    }
    
}


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


}