/*
Theme Name: Chido theme
Description: 
Author: Le Van Toan
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 0 0 20px 0;
}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body {
    font-family: sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    color: #777;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.nav > li > a {
    font-family: sans-serif;
}

.header-info {
    font-size: 14px;
}

.header-info a {
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
}

div#top-bar {
    border-bottom: 1px solid #e6e6e6;
}

.header-search-form-wrapper .searchform-wrapper.ux-search-box input#s {
    height: 42px;
    background-color: #f06e28;
    /* border: 0; */
    color: #fff;
    /* width: 0; */
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 0 15px;
    width: 340px;
    border: unset;
    box-shadow: unset;
}

.header-search-form-wrapper .searchform-wrapper.ux-search-box input#s::placeholder {
    color: #fff;
    font-size: 14px;
}

.header-search-form-wrapper .searchform-wrapper.ux-search-box button.ux-search-submit.submit-button {
    border: unset;
    height: 42px;
    line-height: 42px;
    font-size: 0.75rem;
    background: #f06e28;
    color: #fff;
    padding: 0 15px;
    box-shadow: unset;
}

div#masthead ul.header-nav.header-nav-main li a {
    font-size: 15px;
}
div#masthead ul.header-nav.header-nav-main>li {
    margin: 0 10px;
}
div#masthead ul.header-nav.header-nav-main {
    justify-content: flex-end;
}

div#masthead .top-divider.full-width {
    display: none;
}

.stuck div#masthead {
    box-shadow: 0 0 0.625rem rgb(0 0 0 / 15%);
}

.footer-widgets.footer.footer-1 .widget img {
    margin-bottom: 0;
}

.footer-widgets.footer.footer-1 .widget {
    font-size: 18px;
    font-weight: 400;
}

.footer-widgets.footer.footer-1 .widget p {
    line-height: 160%;
    margin-bottom: 16px;
}

.footer-widgets.footer.footer-1 .widget span.widget-title {
    color: #202e39;
    line-height: 1.4;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}

.footer-widgets.footer.footer-1 .widget .is-divider.small {
    display: none;
}

.footer-widgets.footer.footer-1 .widget a {
    color: #777;
}

.footer-widgets.footer.footer-1 .widget a:hover {
    color: #f06e28;
}

.footer-widgets.footer.footer-1 .widget i.fa {
    color: #60c2a4;
    line-height: 2;
    text-align: center;
    border: 1px solid #e1eeff;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    margin-right: 15px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer-widgets.footer.footer-1 .widget .textwidget ul.list-unstyled li {
    display: flex;
}


.footer-widgets.footer.footer-1 .widget.widget_text:nth-child(3) .textwidget ul {
    display: flex;
    flex-wrap: wrap;
}

.footer-widgets.footer.footer-1 .widget.widget_text:nth-child(3) .textwidget ul li {
    width: 50%;
    display: flex;
    align-items: center;
}

.footer-widgets.footer.footer-1 .widget.widget_text:nth-child(3) .textwidget img {
    display: block;
    height: 50px;
    width: auto;
}

.footer-widgets.footer.footer-1 .widget:nth-child(3) .textwidget ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 3px solid #777;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
}

.footer-widgets.footer.footer-1 .widget.widget_text:nth-child(3) .devvn_image {
    width: 50%;
    margin-left: auto;
    margin-right: 0;
}

.absolute-footer .footer-primary.pull-left {
    width: 100%;
}

.absolute-footer .footer-primary.pull-left .menu-footer-menu-container {
    background: #2B2B2B;
    width: 100%;
    height: auto;
}

.absolute-footer {
    padding: unset;
    color: #fff !important;
    position: relative;
}

.absolute-footer .footer-primary.pull-left .menu-footer-menu-container ul {
    padding: unset;
    margin: unset;
    border: unset;
    justify-content: center;
    display: flex;
    font-size: 18px;
    text-transform: unset;
    height: 50px;
    align-items: center;
    opacity: 1;
    position: relative;
}

.absolute-footer .footer-primary.pull-left .menu-footer-menu-container ul li a {
    color: #fff;
    margin: 0 20px;
    opacity: 1;
    letter-spacing: 0;
}

.absolute-footer .footer-primary.pull-left .menu-footer-menu-container ul li {
    margin: unset;
}

.absolute-footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 50px;
    right: 0;
    background: #2B2B2B;
}

.absolute-footer .footer-primary.pull-left .menu-footer-menu-container ul li a:hover {
    color: #f06e28;
}

.copyright-footer {
    text-align: center;
    padding: 25px 0;
}

.copyright-footer .ux-logo img {
    width: auto;
    height: 34px !important;
    display: block;
    margin-left: auto;
}

.copyright-footer .ux-logo {
    margin-right: 20px;
}

.copyright-footer .ux-logo .ux-logo-link {
    padding: unset !important;
}

.devvn_box_title .section-title b {
    height: 0;
}

.devvn_box_title .section-title.section-title-center span.section-title-main {
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
}

.devvn_box_title .section-title {
    margin-bottom: 0;
}

.devvn_box_title {
    margin-bottom: 15px;
}

.devvn_box_img_km
.box-image {
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    padding: 4px;
    border-radius: 4px;
}

.devvn_box_img_km .box-text {
    padding: unset;
}

.devvn_box_img_km .box-text h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
    color: #f06e28;
}

.devvn_blog_posts_vertical .col.post-item .col-inner .box {
    display: flex;
    align-items: flex-start;
}

.devvn_blog_posts_vertical .col.post-item .col-inner .box-text {
    width: 77%;
    padding: 0 0 0 10px;
}

.col.post-item .col-inner .box-image {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
}


.col.post-item .col-inner .box-text .post-title {
    font-size: 16px;
    line-height: 26px;
    color: #f06e28;
    max-height: 78px;
    /* line-height: 20px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-weight: 400;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.col.post-item .col-inner .box-text .post-meta {
    opacity: 1;
    color: #777;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.col.post-item .col-inner .box-text .is-divider {
    display: none;
}
.devvn_date_post:before,
.col.post-item .col-inner .box-text .post-meta:before {
    content: "\f073";
    font-family: 'FontAwesome';
    margin-right: 5px;
    line-height: 20px;
}

.devvn_btn span {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
}

.devvn_btn:hover span {
    color: #f06e28;
}

.devvn_btn:hover {
    background: #fff !important;
    box-shadow: unset;
    border-color: var(--primary-color);
}

.devvn_blog_posts_vertical .col.post-item {
    padding-bottom: 10px;
}

.devvn_blog_posts_vertical .col.post-item:last-child {
    padding-bottom: 0;
}

.devvn_content_box_internet_fpt > .col-inner {
    padding: 120px 0;
}

.devvn_content_box_internet_fpt > .col-inner:before {
    content: "";
    background-image: url('./images/svg.svg');
    position: absolute;
    display: block;
    width: 100%;
    height: 150px;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(0%) translateY(-2px) scale(1, -1);
}

.devvn_content_box_internet_fpt > .col-inner:after {
    content: "";
    background-image: url('./images/svg2.svg');
    position: absolute;
    display: block;
    width: 100%;
    height: 150px;
    bottom: -150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-100%) translateY(2px);
}

.devvn_box_title.devvn_box_title_1 .section-title.section-title-center span.section-title-main {
    font-weight: 700;
}

.devvn_content_box_internet_fpt p {
    color: #fff;
}

.devvn_list_all_icon_box .icon-box-text.last-reset {
    padding: 10px;
}

.devvn_list_all_icon_box .icon-box-img {
    padding-top: 10px;
}

.devvn_box_fpt .devvn_list_all_icon_box .icon-box {
    align-items: center;
}

.devvn_box_fpt .devvn_list_all_icon_box .icon-box .icon-box-text.last-reset h5.uppercase {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
}

.devvn_box_fpt .devvn_list_all_icon_box .icon-box .icon-box-text.last-reset h5.uppercase:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 1px;
    background-color: #60c2a4;
}


.devvn_box_fpt .devvn_list_all_icon_box .icon-box .icon-box-text.last-reset p {
    margin-bottom: 20px;
}

.devvn_box_fpt .devvn_list_all_icon_box .icon-box .icon-box-text.last-reset p:last-child {
    margin-bottom: 0;
}

.devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner:before {
    background-image: url('./images/svg3.svg');
    transform: translateY(-100%) translateY(2px) scale(-1, 1);
    transform-origin: top;
    top: 0;
}

.devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner:after {
    background-image: url('./images/svg4.svg');
    transform: translateY(0%) translateY(-2px) scale(1, -1);
    transform-origin: bottom;
    bottom: 0;
}

.devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner {
    padding-top: 0;
    margin-top: 150px;
    padding-bottom: 0;
    margin-bottom: 150px;
}

.devn_content_contact_form_map .devvn_title_form {
    font-size: 1.125rem;
    border-bottom: 1px solid #e2edea;
    padding-bottom: 8px;
    margin-bottom: 0;
    font-weight: 400;
}

h3.devvn_title_form {
}

.devn_content_contact_form_map input, .devn_content_contact_form_map textarea {
    box-shadow: unset;
    font-size: 14px;
    margin-bottom: 0;
}

.devn_content_contact_form_map input {
    height: 40px;
}

.devn_content_contact_form_map input.wpcf7-form-control.wpcf7-submit.dev_submmit {
    text-transform: none;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #f06e28;
    box-shadow: unset;
    margin-right: 0;
}

.devn_content_contact_form_map input.wpcf7-form-control.wpcf7-submit.dev_submmit:hover {
    background: #fff;
    color: #f06e28;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output ,
.wpcf7 .wpcf7-not-valid-tip {
    font-size: 14px;
}
.devvn_box_contact form.wpcf7-form {
    margin-bottom: 0;
}
.devvn_box_contact p:last-child {
    margin-bottom: 0;
}
.devvn_box_contact{
    padding-bottom: 30px !important;
}
.post-sidebar.devvn_hide {
    display: none;
}
.blog-wrapper.blog-archive.page-wrapper {
    padding-top: 0;
}

.devvn_banner_category {
    padding-bottom: 30px;
}

.post-sidebar {}

.post-sidebar {}

.post-sidebar .widget_search form.searchform input {
    font-size: 0.875rem;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #e2edea;
    -webkit-transition: all .2s;
    transition: all .2s;
    box-shadow: unset;
}

.post-sidebar .widget_search form.searchform button.submit-button {
    border: none;
    background: transparent;
    color: #60c2a4;
    font-size: 0.875rem;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

div#secondary .widget {
    margin-bottom: 55px;
}

div#secondary .widget:last-child {
    margin-bottom: 0;
}

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

div#secondary .widget span.widget-title {
    border-bottom: 1px solid #e2edea;
    padding-bottom: 8px;
    margin-bottom: 25px;
    font-size: 20px;
    display: block;
    text-transform: unset;
    font-weight: 400;
    color: #202e39;
}

div#secondary .widget.widget_categories ul li a {
    position: relative;
    /* float: left; */
    color: #777;
    padding-left: 22px;
    text-align: left;
    width: calc(100% - 30px);
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 0;
}

div#secondary .widget.widget_categories ul li + li {
    margin-top: 12px;
    border: unset;
}

div#secondary .widget.widget_categories ul li.active.current-cat a, div#secondary .widget.widget_categories ul li a:hover {
    color: #f06e28;
    font-weight: 400;
}
div#secondary .widget.widget_categories ul li a:before {
    content: '\f178';
    font-family: 'FontAwesome';
    color: #60c2a4;
    font-size: 0.75rem;
    position: absolute;
    left: 0;
    top: 0;
}


.devvn_recent_posts .recent-blog-posts-li .devvn_image {
    width: 125px;
    height: auto;
}

.devvn_recent_posts .recent-blog-posts-li .devvn_content {
    width: calc(100% - 125px);
    padding-left: 5px;
}

.devvn_recent_posts .recent-blog-posts-li .devvn_content a {
    font-size: 15px;
    /*line-height: 1.65;*/
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.devvn_recent_posts .recent-blog-posts-li .devvn_content  span.post_comments {
    display: none;
}

.devvn_date_post {
    font-size: 14px;
    line-height: 20px;
}
.devvn_recent_posts li.recent-blog-posts-li {
    padding: unset;
    border: unset;
    margin: 0 0 22px;
}

.devvn_recent_posts li.recent-blog-posts-li .recent-blog-posts {
    padding: unset;
}

.devvn_recent_posts li.recent-blog-posts-li:last-child {
    margin-bottom: 0;
}

.devvn_recent_posts .recent-blog-posts-li .devvn_image a {
    margin-bottom: 0;
    overflow: hidden;
}

.devvn_recent_posts li.recent-blog-posts-li .recent-blog-posts:hover .devvn_image img {
    transform: scale(1.1);
}

.devvn_recent_posts .recent-blog-posts-li .devvn_image a img {
    transition: 0.3s;
}
div#secondary .widget.widget_tag_cloud {}

div#secondary .widget.widget_tag_cloud .tagcloud a {
    color: #979797;
    font-size: 0.9375rem !important;
    margin-right: 15px;
    display: inline-block;
    padding: 5px 0;
}

div#secondary .widget.widget_tag_cloud .tagcloud a:before {content: "#";}

div#secondary .widget.widget_tag_cloud .tagcloud a:hover {
    background: unset;
    color: #f06e28;
}

.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:nth-child(1) .col-inner .box-text .post-title {
    line-height: 1.65;
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    max-height: unset;
}

.col.post-item .col-inner .box-text .from_the_blog_comments {
    display: none;
}

.col.post-item .col-inner .box-text button.button {border: unset;padding: unset;min-height: unset;display: inline-block;margin: 0;}

.category-2 .col.post-item .col-inner .box-text button.button {
    display: none;
}

.category-2 .col.post-item .col-inner .box-text .from_the_blog_excerpt {
    font-size: 18px;
    line-height: 1.6;
    margin: unset;
}

.col.post-item .col-inner {}

.category-2 .col.post-item .col-inner .box-text {
    padding: unset;
}

.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:nth-child(1) .col-inner .box-text .post-meta {
    display: none;
}
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item{
    padding-bottom: 25px;
}
body[class*='category-paged-'] .col.post-item:first-child .col-inner .box,
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box {
    align-items: flex-start;
    display: flex;
    padding: 20px;
}
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:nth-child(2n) .col-inner .box{
    background-color: #fff6f1;
}
body[class*='category-paged-'] .col.post-item:first-child .col-inner .box .box-image,
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .box-image {
    width: 370px;
}

body[class*='category-paged-'] .col.post-item:first-child .col-inner .box .box-text,
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .box-text {
    width: calc(100% - 370px);
    padding-left: 10px;
}
body[class*='category-paged-'] .col.post-item:first-child  .col-inner .box-text .post-meta,
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box-text .post-meta {
    line-height: 1;
    margin-bottom: 0;
    display: block;
}
body[class*='category-paged-'] .col.post-item:first-child  .col-inner .box .post-title ,
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .post-title {
    font-weight: 400;
    margin: 0;
}

.devvn_list_tag a {
    color: #777;
}

.devvn_list_tag a:after {content: ", ";}

.devvn_list_tag a:hover {
    color: #f06e28;
}

.devvn_list_tag a:hover:after {
    color: #777;
}
.category-2 .col.post-item:not(:first-child) .col-inner .box-text .from_the_blog_excerpt {
    font-size: 14px;
    display: none;
}
.category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:last-child {
    padding-bottom: 0;
}
.devvn_content_category_internet .devvn_list_all_icon_box {
    margin-top: 60px;
}
.devvn_content_category_internet {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.slider .col.post-item .col-inner .box-text .post-title {
    -webkit-line-clamp: 2;
    height: 52px;
    font-weight: 400;
    margin: 0;
    font-family: sans-serif;
    max-height: unset;
}
.category-4 .blog-wrapper.blog-archive.page-wrapper,
.category-3 .blog-wrapper.blog-archive.page-wrapper{
    background-color: #f9fdfc;
    padding-bottom: 0;
}

.col.post-item .col-inner .box-text .from_the_blog_excerpt {
    font-size: 18px;
    line-height: 1.6;
}
.col.post-item .col-inner .box-text button.button {
    font-size: 14px;
    font-weight: 400;
    font-family: sans-serif;
    color: #979797;
    min-height: unset;
    border: unset;
}

.col.post-item .col-inner .box-text button.button:hover {
    background: unset;
    color: #f06e28;
}
.devvn_content_category_th_fpt.devvn_content_category_internet .devvn_list_all_icon_box {
    margin-top: 30px;
}
.devnn_category_content .devvn_box_fpt .devvn_list_all_icon_box .icon-box .icon-box-text.last-reset h5.uppercase {
    font-weight: 400;
    font-size: 18px;
}
.blog-wrapper.blog-archive.page-wrapper .col.post-item .col-inner .box-text .post-title {
    /*-webkit-line-clamp: 2;
    max-height: 52px;
    margin: 0;*/
}
.category-2 ul.page-numbers.nav-pagination {
    margin-top: 30px;
}

ul.page-numbers.nav-pagination li .page-number {
    padding: 0 10px;
    border: unset;
    width: unset;
    height: unset;
    min-width: unset;
    min-height: unset;
    background: unset;
    font-size: 18px;
    font-weight: 400;
}

ul.page-numbers.nav-pagination li .page-number.current,ul.page-numbers.nav-pagination li .page-number:hover {
    color: #f06e28;
}

.home .col.post-item .col-inner .box-text .post-meta{
    display: block;
}

.col.post-item .box-text {
    padding-bottom: 0;
}
body[class*='category-paged-'] .col.post-item:first-child .col-inner .box-text .from_the_blog_excerpt{
    font-size: 14px;
}
body[class*='category-paged-'] .col.post-item:first-child .col-inner .box-text .post-title {
    font-size: 16px !important;
}

body[class*='category-paged-'] .col.post-item:first-child .col-inner .box-text .post-meta {
    display: block !important;
}
.category-1 .col.post-item .col-inner .box-text .post-meta{
    display: none;
}
.col.post-item:hover .col-inner .box-image a img {
    transform: scale(1.1);
}
.devvn_form_lien_he_post {
    max-width: 600px;
    margin: 0 auto;
    /* text-align: center; */
    background: #fff6f1;
    padding: 30px;
    border-radius: 8px;
}



.devvn_form_lien_he_post .devvn_title h3 {
    text-align: center;
    background: #f06e28;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.6;
    padding: 10px 0;
    margin-bottom: 10px;
}

.devvn_form_lien_he_post  label {
    font-size: 14px;
}


.devvn_form_lien_he_post input {
    border-radius: 99px;
    box-shadow: unset;
    height: 40px;
    font-size: 14px;
    color: #333;
    /* background: unset; */
}

.devvn_form_lien_he_post input:focus {
    box-shadow: unset;
}

.devvn_form_lien_he_post input[type='radio'] {
    height: unset;
}

.devvn_form_lien_he_post input.wpcf7-form-control.wpcf7-submit.dev_submit {
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    /* margin: 15px auto 0; */
    margin-left: auto;
    margin-right: auto;
    display: inherit;
    margin-bottom: 0;
    margin-top: 15px;
}
.single-post header.entry-header .entry-header-text {
    padding-top: 0;
}

.single-post header.entry-header .entry-header-text .entry-category {
    display: none;
}

.single-post header.entry-header .entry-header-text .entry-title {
    line-height: 1.4;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
}
.single-post header.entry-header .entry-header-text .entry-divider.is-divider.small {
    display: none;
}
div#comments {
    display: none;
}
.devvn_next_prev_link {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    font-size: 16px;
}

.devvn_next_prev_link i.fa {
    font-size: 18px;
}
.blog-wrapper.blog-archive.page-wrapper .row section {
    padding-left: 0;
    padding-right: 0;
}
.category-3 .devvn_banner_category,
.category-4 .devvn_banner_category {
    padding-bottom: 0;
}
div#masthead ul.header-nav.header-nav-main>li >a {
    height: 80px;
}

div#masthead ul.header-nav.header-nav-main>li >a::before {
    height: 1px;
}
.ring-alo-ph-img-circle a img {
    padding: 1px 0 12px 1px;
    width: 30px;
    position: relative;
    top: -1px;
}
.fix_tel a {
    text-decoration: none;
    display: block;
}
.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid #090;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    width: 30px;
    background: #090;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #090;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0,175,242,.5);
    opacity: .75 !important;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #090;
    opacity: .5;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid #090;
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: .1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.fone {
    font-size: 19px;
    color: #f06e28;
    line-height: 40px;
    font-weight: 700;
    padding-left: 48px;
    margin: 0;
}
.tel {
    background: #eee;
    width: 205px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: none;
}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
    right: 150px;
    bottom: -12px;
}
@keyframes ring-alo-circle-anim{
    0% {
        opacity: .1;
        transform: rotate(
                0deg
        ) scale(.5) skew(
                1deg
        );
    }
    30% {
        opacity: .5;
        transform: rotate(
                0deg
        ) scale(.7) skew(
                1deg
        );
    }
    100% {
        opacity: .6;
        transform: rotate(
                0deg
        ) scale(1) skew(
                1deg
        );
    }
}
@keyframes ring-alo-circle-fill-anim{
    0% {
        opacity: .2;
        transform: rotate(
                0deg
        ) scale(.7) skew(
                1deg
        );
    }
    50% {
        opacity: .2;
        transform: rotate(
                0deg
        ) scale(1) skew(
                1deg
        );
    }
    100% {
        opacity: .2;
        transform: rotate(
                0deg
        ) scale(.7) skew(
                1deg
        );
    }
}

.fix_tel {
    position: fixed;
    bottom: 60px;
    z-index: 999;
    left: 20px;
}
.page-template-default .entry-title {font-size: 30px;font-weight: 500;text-transform: none;}
@media only screen and (max-width: 1199px) {
    div#masthead ul.header-nav.header-nav-main li a {
        letter-spacing: 0;
    }

    div#masthead ul.header-nav.header-nav-main>li {
        margin: 0px 7.5px;
    }
    div#masthead ul.header-nav.header-nav-main li a {
        letter-spacing: 0;
    }

    div#masthead ul.header-nav.header-nav-main>li {
        margin: 0px 7.5px;
    }

    .devvn_content_box_internet_fpt > .col-inner:before {
        transform: translateY(0%) translateY(-6px) scale(1, -1);
    }

    .devvn_content_box_internet_fpt > .col-inner:after {
        transform: translateY(-100%) translateY(8px);
    }

    .devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner:before {
        transform: translateY(-100%) translateY(6px) scale(-1, 1);
    }

    .devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner:after {
        transform: translateY(0%) translateY(-6px) scale(1, -1);
    }
}
@media only screen and (max-width: 1139px) {
    .slider-nav-outside .flickity-prev-next-button.previous {
        left: 0;
        right: auto;
        opacity: 1;
    }

    .slider-nav-outside .flickity-prev-next-button.next {
        right: 0;
        opacity: 1;
        left: auto;
    }
    body[class*='category-paged-'] .col.post-item:first-child .col-inner .box .box-image, .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .box-image {
        width: 40%;
    }

    body[class*='category-paged-'] .col.post-item:first-child .col-inner .box .box-text, .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .box-text {
        width: 60%;
    }
    .footer-widgets.footer.footer-1 .widget.widget_text:nth-child(3) .textwidget ul li {
        width: 100%;
    }

    .footer-widgets.footer.footer-1 .widget.widget_text:nth-child(3) .devvn_image {
        margin-right: 0;
        width: 100%;
    }
    .devvn_content_box_internet_fpt > .col-inner:before {
        transform: translateY(0%) translateY(-14px) scale(1, -1);
    }
    .devvn_content_box_internet_fpt > .col-inner:after {
        transform: translateY(-100%) translateY(14px);
    }
    .devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner:before {
        transform: translateY(-100%) translateY(14px) scale(-1, 1);
    }
    .devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner:after {
        transform: translateY(0%) translateY(-14px) scale(1, -1);
    }
    .devvn_box_title .section-title.section-title-center span.section-title-main {
        font-size: 24px;
    }

    .devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner>.row:nth-child(1)>.col:nth-child(1) {
        padding-bottom: 0;
    }

    .devvn_box_fpt .devvn_list_all_icon_box .icon-box .icon-box-text.last-reset h5.uppercase {
        font-size: 18px;
    }

    .devvn_list_all_icon_box .icon-box-text.last-reset {
        font-size: 16px;
        line-height: 1.6;
        padding: 0 0 0 10px;
    }


    .devvn_box_truyen_hinh .devvn_list_all_icon_box >.col:nth-child(1) {
        padding-bottom: 10px;
    }
    .devvn_list_all_icon_box .icon-box-img{
        padding-top: 0;
    }
}
@media only screen and (max-width: 1023px) {
    div#masthead ul.header-nav.header-nav-main>li >a {
        height: unset;
    }

    div#masthead ul.header-nav.header-nav-main>li >a::before {
        display: none;
    }
    .devvn_content_box_internet_fpt > .col-inner:before,.devvn_content_box_internet_fpt > .col-inner:after {
        display: none;
    }

    .devvn_content_box_internet_fpt > .col-inner {
        padding: 50px 0;
    }
    .devvn_list_all_icon_box >.col>.col-inner {
        padding: 0 10px 10px !important;
    }
   /* .devvn_list_all_icon_box .icon-box-text.last-reset{
        font-size: 14px;
    }*/
    .devvn_box_fpt .devvn_list_all_icon_box .icon-box .icon-box-text.last-reset h5.uppercase {
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 5px;
    }
    .devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner {
        margin: 0;
        padding: 50px 0;
    }
}
@media only screen and (max-width: 991px) {
    .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:nth-child(1) .col-inner .box-text .post-title {
        font-size: 20px;
    }
}
@media only screen and (max-width: 849px) {
    div#secondary .widget {
        margin-bottom: 30px;
    }
    .devvn_list_all_icon_box >.col>.col-inner {
        padding: 0 10px 20px !important;
    }
    div#secondary .widget span.widget-title{
        margin-bottom: 15px;
    }
    body[class*='category-paged-'] .col.post-item:first-child .col-inner .box, .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box {
        padding: 10px;
    }
    div#masthead ul.mobile-nav.nav.nav-right a.icon.primary {
        font-size: 13px;
    }
    div#masthead #logo {
        width: 140px;
    }
    div#search-lightbox input#s {
        font-size: 14px;
        height: 40px;
        box-shadow: unset;
        background: #f06e28;
        border-color: #f06e28;
        color: #fff;
        border: unset;
    }

    div#search-lightbox input#s::placeholder {
        color: #fff;
        font-family: sans-serif;
    }

    div#search-lightbox button.ux-search-submit.submit-button {
        font-size: 14px;
        height: 40px;
        min-height: unset;
        border: unset;
    }
    .mobile-sidebar {
        background-color: #fff;
    }
    .mobile-sidebar ul.nav.nav-sidebar li a {
        font-size: 14px;
    }

    .mobile-sidebar ul.nav.nav-sidebar>li> a {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #333;
        font-weight: 500;
    }

    .mobile-sidebar ul.nav.nav-sidebar>li.current-menu-item> a {
        color: #fff;
        background: #f06e28;
    }
    .header-info a {
        font-size: 15px;
        letter-spacing: 0.25px;
    }
    .category-2 .col.post-item .col-inner .box-text .from_the_blog_excerpt {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .single-post header.entry-header .entry-header-text .entry-title {
        font-size: 20px;
        margin-bottom: 0;
    }
    .absolute-footer .footer-primary.pull-left .menu-footer-menu-container ul {
        flex-wrap: wrap;
        min-height: 50px;
        height:unset;
        padding: 5px 0;
        font-size: 14px;
    }
    .copyright-footer {
        padding: 10px 0;
    }
    .absolute-footer:before{
        display: none;
    }
    .absolute-footer .footer-primary.pull-left .menu-footer-menu-container:before {content: "";display: block;position: absolute;top: 0;left: -15px;bottom: 0;/* height: 50px; */right: -15px;background: #2B2B2B;}

    .absolute-footer .footer-primary.pull-left .menu-footer-menu-container {
        position: relative;
    }
    .absolute-footer .footer-primary.pull-left .menu-footer-menu-container ul li a {
        line-height: 24px;
    }

    .absolute-footer:before {
        height: 60px;
    }
    body{
        font-size: 16px;
    }
    .devvn_box_img_km .box-text h3{
        font-size: 16px;
    }
    .blog-wrapper.blog-single.page-wrapper{
        padding-top: 0;
    }
    .devvn_content_category_internet {
        padding-top: 30px !important;
        padding-bottom: 20px !important;
    }

    .devvn_posts_internet_fpt  >.section-content.relative>.row:nth-child(1)>.col:nth-child(1) {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 549px) {
    .devvn_form_lien_he_post{
        padding: 20px;
    }
    .devvn_form_lien_he_post input.wpcf7-form-control.wpcf7-submit.dev_submit {
        font-size: 16px;
    }
    .devvn_list_all_icon_box >.col {
        padding-bottom: 10px;
    }
    .devvn_box_fpt .devvn_list_all_icon_box .icon-box {
        align-items: flex-start;
    }
    .devvn_form_lien_he_post .devvn_title h3 {
        padding: 5px 0;
        font-size: 20px;
    }
    body[class*='category-paged-'] .col.post-item:first-child .col-inner .box, .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box {
        flex-direction: column;
    }

    body[class*='category-paged-'] .col.post-item:first-child .col-inner .box .box-image, .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .box-image,body[class*='category-paged-'] .col.post-item:first-child .col-inner .box .box-text, .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .box-text {
        width: 100%;
    }

    body[class*='category-paged-'] .col.post-item:first-child .col-inner .box .box-text, .category-2 .blog-wrapper.blog-archive.page-wrapper .col.post-item:not(:first-child) .col-inner .box .box-text {
    }
    .row-slider .flickity-prev-next-button {
        width: 30px !important;
    }

    .devvn_content_box_internet_fpt > .col-inner {
        padding: 30px 0;
    }
    .devvn_box_contact,
    .devvn_box_truyen_hinh{
        padding-top: 30px !important;
    }
    .devvn_box_contact{
        padding-bottom: 0 !important;
    }
    .devvn_box_why_with_me .devvn_content_box_internet_fpt > .col-inner {
        padding: 30px 0;
    }
    .devvn_box_title .section-title.section-title-center span.section-title-main {
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 0;
    }
}