/*
Theme Name: Thần số học Online
Description:
Author: DevVN Team
Template: flatsome
Version: 1.0.3
*/

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

b, strong {
    font-weight: 700;
}

.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%;
}

h1.h1_logo {
    height: 0;
    overflow: hidden;
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

ul.header-nav.header-nav-main.nav.nav-left > li.html.custom.html_topbar_left {
    margin-right: 20px;
}

ul.header-nav.header-nav-main.nav.nav-left > li.html.custom.html_topbar_left .name {
    margin-bottom: unset;
    font-size: 20px;
    color: rgb(63, 63, 63);
    letter-spacing: unset;
}

.logo-left .logo {
    margin-right: 10px;
}

ul.header-nav.header-nav-main.nav.nav-right li a {
    font-size: 16px;
    letter-spacing: unset;
}

ul.header-nav.header-nav-main.nav.nav-right > li {
    margin-left: 18px;
    margin-right: 18px;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown {
    padding: 5px 0;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown li a {
    line-height: 1.4;
    font-size: 16px;
    color: #3f3f3f;
    padding: 12px 0;
    margin-left: 15px;
    margin-right: 10px;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown > li > ul.sub-menu {
    position: absolute;
    left: 100%;
    background-color: #fff;
    top: 0;
    min-width: 260px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown > li {
    position: relative;
    width: 100%;
    display: block;
    min-width: unset;
    white-space: unset;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown > li > a {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown li a:hover, ul.header-nav.header-nav-main.nav.nav-right > li:hover > a {
    color: #af228c;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown > li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown > li > ul.sub-menu > li > a {
    border: unset;
    text-transform: unset;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown > li > ul.sub-menu > li {
    margin: unset;
}

ul.header-nav.header-nav-main.nav.nav-right > li > ul.sub-menu.nav-dropdown > li > ul.sub-menu > li a {
    border-bottom: 1px solid #ececec !important;
    font-weight: 400;
}

footer#footer .absolute-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

footer#footer .absolute-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}


.footer-widgets.footer.footer-1 {
    font-size: 14px;
    color: #3f3f3f;
    padding-top: 70px;
    border: unset;
    padding-bottom: 30px;
}

.footer-widgets.footer.footer-1 .row > .col:nth-child(1) .textwidget > :nth-child(1) {
    margin-bottom: 25px;
}

.footer-widgets.footer.footer-1 .row > .col:nth-child(1) {
    padding-right: 25px;
}

.footer-widgets.footer.footer-1 .row > .col:nth-child(2), .footer-widgets.footer.footer-1 .row > .col:nth-child(3) {
    padding-left: 25px;
}

.footer-widgets ul.menu li {
    border: unset;
}

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

.footer-widgets span.widget-title {
    display: block;
    color: rgb(175, 34, 140);
    font-size: 22px;
    letter-spacing: unset;
    line-height: 1.6;
    text-transform: none;
    margin-bottom: 15px;
}

.footer-widgets ul.menu li a {
    padding: 2px 0;
    line-height: 1.6;
    display: block;
}

a {
    transition: .3s all ease;
}

.footer-widgets.footer.footer-1 .row > .col:nth-child(3) .textwidget {
    color: rgb(175, 34, 140);
}

.footer-widgets.footer.footer-1 .row > .col:nth-child(3) .textwidget ul li {
    margin-bottom: 5px;
}

.footer-widgets.footer.footer-1 .row > .col:nth-child(3) .textwidget ul {
    margin-bottom: 9px;
}

.devvn_box_banners .devvn_banner_bg_1 img {
    max-width: 430px;
    height: 430px;
}

.devvn_box_banners [class*="devvn_banner_bg_"] {
    position: absolute;
    margin-bottom: unset !important;
    pointer-events: none;
}

.devvn_box_banners .devvn_banner_bg_1 {
    top: 99px;
    left: -521px;
    max-width: 430px;
}

.devvn_box_banners .devvn_right > .col-inner {
    max-width: 425px;
    margin-bottom: -15px;
}

.devvn_box_banners .devvn_banner_bg_7 {
    max-width: 815px;
    height: 321px;
    top: 232px;
    left: 640px;
}

.devvn_box_banners .devvn_bg_img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 50%;
    right: 0;
    max-width: 1230px;
    transform: translateX(-50%);
}

.devvn_box_banners .devvn_banner_bg_2 {
    width: 2068px !important;
    height: 549px;
    top: -789px;
    left: -176px;
    mix-blend-mode: color-dodge;
    will-change: transform, opacity;
}

.devvn_box_banners .devvn_banner_bg_2 .img-inner img {
    top: -789px;
    left: -2px;
    width: 2068px;
    height: 2068px;
}

.devvn_box_banners .devvn_banner_bg_2 .img {
    position: absolute;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.devvn_box_banners .devvn_banner_bg_2 .img-inner {
    animation-name: swing;
    -webkit-animation-name: swing;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 25s;
    -webkit-animation-duration: 25s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    position: absolute;
}

.devvn_box_banners .devvn_banner_bg_5 {
    max-width: 520px;
    top: 0;
    left: 0;
    mix-blend-mode: overlay;
    will-change: transform, opacity;
}

.devvn_box_banners .devvn_banner_bg_6 {
    max-width: 914px;
    top: 0px;
    left: -591px;
    mix-blend-mode: overlay;
    will-change: transform, opacity;
}

.devvn_box_banners .devvn_banner_bg_8 {
    left: -371px;
    top: 3px;
    width: 1940px !important;
}

.devvn_box_banners .devvn_banner_bg_9 {
    max-width: 689px;
    left: -478px;
    top: 86px;
}

.devvn_box_banners .devvn_banner_bg_4 {
    width: 1911px !important;
    /* height: 547.491px; */
    top: 4px;
    left: -370px;
    mix-blend-mode: screen;
    will-change: transform, opacity;
}

.devvn_box_banners .devvn_banner_bg_4 .img-inner {
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.devvn_box_banners .devvn_banner_bg_3 {
    width: 1718px !important;
    top: 0px;
    left: 0px;
    mix-blend-mode: screen;
    will-change: transform, opacity;
}

.devvn_box_banners {
    overflow: hidden;
}

.devvn_box_banners .devvn_banner_bg_sao_1, .devvn_box_banners .devvn_banner_bg_sao_2, .devvn_box_banners .devvn_banner_bg_sao_3, .devvn_box_banners .devvn_banner_bg_sao_4, .devvn_box_banners .devvn_banner_bg_sao_5, .devvn_box_banners .devvn_banner_bg_sao_6, .devvn_box_banners .devvn_banner_bg_sao_7, .devvn_box_banners .devvn_banner_bg_sao_8, .devvn_box_banners .devvn_banner_bg_sao_9, .devvn_box_banners .devvn_banner_bg_sao_10, .devvn_box_banners .devvn_banner_bg_sao_11, .devvn_box_banners .devvn_banner_bg_sao_12, .devvn_box_banners .devvn_banner_bg_sao_13 {
    mix-blend-mode: color-dodge;
    will-change: transform, opacity;
    max-width: 78px;
}

.devvn_box_banners .devvn_banner_bg_sao_1 {
    top: 50px;
    left: 985px;
}

.devvn_box_banners .devvn_banner_bg_sao_2 {
    left: 1260px;
    top: 5px;
    max-width: 68px;
}

.devvn_box_banners .devvn_banner_bg_sao_3 {
    max-width: 83px;
    top: 18px;
    left: 1417px;
}

.devvn_box_banners .devvn_banner_bg_sao_4 {
    max-width: 72px;
    top: 108px;
    left: 1490px;
}

.devvn_box_banners .devvn_banner_bg_sao_5 {
    max-width: 93px;
    top: 222px;
    left: 1432px;
}

.devvn_box_banners .devvn_banner_bg_sao_6 {
    max-width: 77px;
    top: 370px;
    left: 1348px;
}

.devvn_box_banners .devvn_banner_bg_sao_7 {
    max-width: 46px;
    top: 430px;
    left: 882px;
}

.devvn_box_banners .devvn_banner_bg_sao_8 {
    max-width: 46px;
    top: 27px;
    left: 396px;
}

.devvn_box_banners .devvn_banner_bg_sao_9 {
    max-width: 56px;
    top: 136px;
    left: 830px;
}

.devvn_box_banners .devvn_banner_bg_sao_10 {
    max-width: 64px;
    top: 155px;
    left: 1272px;
}

.devvn_box_banners .devvn_banner_bg_sao_11 {
    max-width: 56px;
    top: 312px;
    left: 958px;
}

.devvn_box_banners .devvn_left .text > :nth-child(1) {
    line-height: 1.2;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 15px;
}

.devvn_box_banners .devvn_left .text > :nth-child(2) {
    color: rgb(237, 153, 255);
    font-size: 22px;
    line-height: 1.6;
}

.button.devvn_button {
    font-size: 16px;
    border-radius: 99px !important;
    letter-spacing: unset;
    max-width: 195px;
    width: 100%;
    margin: unset;
    background: #ED99FF;
    background: -webkit-linear-gradient(180deg, #ED99FF, #803790);
    background: linear-gradient(180deg, #ED99FF, #803790);
    border: unset;
    box-shadow: unset;
    height: 50px;
    line-height: 50px;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.devvn_box_banners .devvn_left .text {
    margin-bottom: 80px;
}

.devvn_box_banners .devvn_banner_bg_12 {
    bottom: -45px;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}

.devvn_box_title > :nth-child(1) {
    color: rgb(175, 34, 140);
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 25px;
}

.devvn_box_title > :nth-child(1) strong {
    font-weight: 800;
}

.devvn_box_desc p {
    margin-bottom: 10px;
}

.devvn_box_desc {
    font-size: 18px;
    color: #010101;
    line-height: 1.6;
}

.devvn_box_start_journey .bg.section-bg.fill.bg-fill.bg-loaded {
    background-position: center center;
    background-repeat: repeat !important;
    background-attachment: fixed;
}

.devvn_list_box_images .box {
    max-width: 240px;
}

.devvn_list_box_images .box .box-image {
    max-width: 200px;
    border-radius: 15px;
}

.devvn_list_box_images .box .box-text {
    padding: 13px 0 0;
    color: #3f3f3f;
    font-size: 18px;
    line-height: normal;
}

.devvn_list_box_images .box .box-text strong {
    font-weight: 400;
}

.devvn_list_box_discovers .icon-box.featured-box {
    max-width: 352px;
    margin: 0 auto 30px;
}

.devvn_list_box_discovers .icon-box.featured-box img {
    padding: unset;
}

.devvn_list_box_discovers .icon-box.featured-box .icon-box-img .icon {
    border-radius: 100%;
    overflow: hidden;
}

.devvn_list_box_discovers .icon-box.featured-box .icon-box-img {
    margin-bottom: -65px;
}

.devvn_list_box_discovers .icon-box.featured-box .icon-box-text.last-reset {
    background-color: rgb(109, 8, 89);
    border-radius: 22px;
    color: #fff;
    padding: 80px 60px 30px 60px;
    font-size: 18px;
    line-height: 1.4;
}

.devvn_list_box_discovers .icon-box.featured-box .icon-box-text.last-reset > :nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 50px;
}

.devvn_box_start_journey .devvn_bg_image {
    position: absolute;
    bottom: -60px;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.devvn_box_title_2 > :nth-child(2),
.devvn_box_title_2 > :nth-child(3),
.devvn_box_title_2 > :nth-child(1),
.devvn_box_free_online .devvn_box_title_1 > :nth-child(2),
.devvn_box_free_online .devvn_box_title_1 > :nth-child(3),
.devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
    font-size: 35px;
    letter-spacing: unset;
    line-height: 1.6;
    margin-bottom: unset;
}

.devvn_box_title_2 > :nth-child(1) strong,
.devvn_box_free_online .devvn_box_title_1 > :nth-child(1) strong {
    font-weight: 800;
}

/*.devvn_box_title_2 > :nth-child(1),*/
.devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
    text-shadow: -1px -1px 0 #803790, 0 -1px 0 #803790, 1px -1px 0 #803790, 1px 0 0 #803790, 1px 1px 0 #803790, 0 1px 0 #803790, -1px 1px 0 #803790, -1px 0 0 #803790;
}


.devvn_box_free_online .devvn_box_title_1 {
    position: relative;
    margin-bottom: 25px;
}

.devvn_box_title_2 > :nth-child(3) {
    color: #ffffff;
}

.devvn_box_title_2 > :nth-child(2), .devvn_box_title_2 > :nth-child(3),
.devvn_box_free_online .devvn_box_title_1 > :nth-child(2), .devvn_box_free_online .devvn_box_title_1 > :nth-child(3) {
    position: absolute;
    top: 0;
}

.devvn_box_number > :nth-child(1) {
    position: relative;
    font-size: 40px;
    display: inline-flex;
    letter-spacing: unset;
    line-height: 1.6;
}

.devvn_box_number p {
    margin: unset;
}

.devvn_box_number > :nth-child(1) strong:nth-child(1) {
    color: rgb(128, 55, 144);
    text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}

.devvn_box_number > :nth-child(1) strong:nth-child(3) {
    color: rgb(128, 55, 144);
    position: absolute;
    top: 0px;
    left: 0px;
    white-space: nowrap;
}

.text.devvn_box_number {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.text.devvn_box_number > :nth-child(2) {
    padding-left: 20px;
    margin-left: 20px;
    font-size: 18px;
    border-left: 1px solid #fff;
    max-width: 345px;
    text-align: left;
    line-height: 1.4;
}

.devvn_box_content_free > .col-inner {
    border: 1px solid #fff;
    border-radius: 20px;
    padding-top: 60px;
}

.devvn_box_content_free > .col-inner div#form-search-home {
    max-width: 870px;
}

.devvn_box_content_free > .col-inner .devvn_box_title_1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    margin: unset;
    top: -30px;
    background-color: rgb(0, 0, 36);
}

.devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
    padding-left: 20px;
    padding-right: 20px;
}

div#form-search-home p {
    font-size: 18px;
}

div#form-search-home input[type=text], div#form-search-home select, div#form-search-home input[type=number] {
    height: 42px;
    border-radius: 99px !important;
    border: unset;
    padding-left: 20px;
    padding-right: 20px;
}

div#form-search-home input[type=checkbox] {
    margin-bottom: 5px;
    width: 18px;
    height: 18px;
}

div#form-search-home label {
    font-size: 18px;
    position: relative;
    top: -2px;
}

div#form-search-home button.button_form_custom.button.devvn_button {
    max-width: 340px;
    margin: 40px auto 40px auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.devvn_box_questions .accordion {
    max-width: 960px;
    margin: 0 auto;
}

.devvn_box_questions .accordion .accordion-item .accordion-title {
    border: unset;
    background: rgba(109, 8, 89, 1);
    background: -webkit-linear-gradient(90deg, rgba(109, 8, 89, 1), rgba(0, 0, 36, 1));
    background: linear-gradient(90deg, rgba(109, 8, 89, 1), rgba(0, 0, 36, 1));
    border-radius: 15px;
    font-size: 20px;
    letter-spacing: unset;
    font-weight: 700;
    line-height: 1.4;
    padding-left: 20px;
}

.devvn_box_questions .accordion .accordion-item {
    margin-bottom: 20px;
    border-radius: 15px;
}

.devvn_box_questions .accordion .accordion-item:last-child {
    margin-bottom: unset;
}

.devvn_box_questions .accordion .accordion-item .accordion-title button.toggle {
    margin: unset;
    right: 5px;
    left: auto;
    top: 2px;
    border: unset;
    opacity: 1;
}

.devvn_box_questions .accordion .accordion-item .accordion-inner {
    background-color: #fff;
    position: relative;
    border-radius: 0 0 15px 15px;
    padding: 20px;
    font-size: 18px;
}

.devvn_box_questions .accordion .accordion-item .accordion-inner p, .devvn_box_questions .accordion .accordion-item .accordion-inner td {
    color: #000;
}

.devvn_box_questions .accordion .accordion-item .accordion-inner:before {
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    top: -25px;
    background-color: #fff;
    z-index: -1;
    pointer-events: none;
}

.devvn_box_questions .accordion .accordion-item .accordion-inner .button.primary {
    margin: unset;
}

.devvn_box_questions .bg.section-bg.fill.bg-fill.bg-loaded {
    background-size: 1920px auto !important;
    mix-blend-mode: screen;
    will-change: transform, opacity;
    background-attachment: scroll;
    background-origin: content-box;
}

.devvn_box_questions {
    padding-bottom: 120px !important;
}

.devvn_box_questions .devvn_bg_image {
    position: absolute;
    bottom: -120px;
}

.devvn_box_meaning .devvn_right .devvn_content_tabs .devvn_content_tab:not(.active) {
    display: none;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > [class*="devvn_image_"] > .col-inner > .img:nth-child(2) {
    position: absolute;
    top: 0;
    opacity: 0;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_1 > .col-inner {
    width: 120px;
    height: auto;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_2 > .col-inner {
    width: 118px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_3 > .col-inner {
    width: 132px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_4 > .col-inner {
    width: 104px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_5 > .col-inner {
    width: 124px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_6 > .col-inner {
    width: 131px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_7 > .col-inner {
    width: 125px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_8 > .col-inner {
    width: 132px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_9 > .col-inner {
    width: 122px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_10 > .col-inner {
    width: 105px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_22 > .col-inner {
    width: 134px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > [class*="devvn_image_"] > .col-inner {
    margin: unset;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs {
    width: 468px;
    justify-content: center;
    margin: unset;
    height: 468px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > [class*="devvn_image_"] {
    position: absolute;
    flex-basis: auto;
    max-width: max-content;
    padding: unset;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_1 {
    top: 10px;
    left: 114px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_2 {
    top: 11px;
    left: 234px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_3 {
    top: 46px;
    left: 303px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_4 {
    top: 140px;
    left: 350px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_5 {
    top: 249px;
    left: 330px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_6 {
    top: 318px;
    left: 269px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_7 {
    top: 357px;
    left: 168px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_8 {
    top: 316px;
    left: 62px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_9 {
    top: 250px;
    left: 11px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_10 {
    top: 140px;
    left: 10px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > .devvn_image_22 {
    top: 44px;
    left: 30px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs:before {
    content: "";
    left: -2px;
    position: absolute;
    right: 0;
    top: -2px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(./images/bg_img_mean.png);
    height: 468px;
    width: 468px;
    animation-name: swing;
    -webkit-animation-name: swing;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 25s;
    -webkit-animation-duration: 25s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.devvn_box_meaning .devvn_right > .col-inner {
    padding-left: 50px;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(3) {
    max-width: 100%;
    flex-basis: 100%;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number p {
    margin-bottom: 15px;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(1) {
    font-size: 100px;
    color: rgb(175, 34, 140);
    line-height: 1;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(2) {
    padding-left: 20px;
    color: #3f3f3f;
    font-size: 24px;
    line-height: 1.6;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(1) strong {
    font-weight: 800;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(2) strong {
    font-size: 28px;
}

.devvn_box_meaning .devvn_left .devvn_tab_navs > [class*="devvn_image_"] > .col-inner:hover .img, .devvn_box_meaning .devvn_left .devvn_tab_navs > [class*="devvn_image_"].active > .col-inner .img {
    opacity: 1 !important;
}

.devvn_box_meaning > .bg.section-bg.fill.bg-fill.bg-loaded {
    background-attachment: fixed;
}

.devvn_box_news .devvn_box_title_2 {
    margin-bottom: 30px;
}

.col.post-item .col-inner .box .box-text .cat-label {
    opacity: 1;
    color: rgb(184, 150, 99);
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 15px 0;
}

.col.post-item .col-inner .box .box-text {
    background-color: rgb(248, 245, 239);
    border-top: 5px solid rgb(184, 150, 99);
    max-width: 90%;
    margin: -50px auto 0;
}

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

.col.post-item .col-inner .box .box-text .post-title.is-large {
    color: rgb(1, 1, 1);
    font-size: 16px;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: unset;
    height: 77px;
}

.col.post-item .col-inner .box .box-text .from_the_blog_excerpt {
    font-size: 14px;
}

.col.post-item .col-inner .box .box-text button.button.is-link.is-small {
    padding: unset;
    min-height: unset;
    font-weight: 400;
    color: rgb(184, 150, 99);
    font-size: 12px;
}

.col.post-item .col-inner a:hover .box .box-text .post-title.is-large, .col.post-item .col-inner a:hover .box .box-text button {
    color: #af228c !important;
}

.slider-nav-outside.slider-nav-circle .previous {
    right: auto;
    left: -50px;
}

.slider-nav-outside .flickity-prev-next-button {
    opacity: 1;
    width: 40px;
}

.slider-nav-outside.slider-nav-circle .next {
    right: -50px;
    left: auto;
}

.slider-nav-outside .flickity-prev-next-button svg.flickity-button-icon {
    border: unset;
    background-color: #af228c;
    color: #fff;
    padding: 12px;
}

.devvn_breadcrumbs p {
    margin-bottom: unset;
}

.devvn_breadcrumbs {
    padding: 8px 0;
    background-color: #f9f9f9;
}

.blog-wrapper.page-wrapper .page-title.is-large.uppercase {
    text-align: left;
    margin-bottom: unset;
}

.blog-wrapper.page-wrapper .page-title.is-large.uppercase,
header.entry-header .entry-title {
    letter-spacing: unset;
    font-weight: 800;
    font-size: 30px;
}

form.wpcf7-form input[type=email], form.wpcf7-form input[type=number], form.wpcf7-form input[type=search], form.wpcf7-form input[type=tel], form.wpcf7-form input[type=text], form.wpcf7-form input[type=url], form.wpcf7-form textarea {
    box-shadow: unset;
}

form.wpcf7-form input[type=email], form.wpcf7-form input[type=number], form.wpcf7-form input[type=search], form.wpcf7-form input[type=tel], form.wpcf7-form input[type=text], form.wpcf7-form input[type=url] {
    border-radius: 99px;
    border: unset;
    height: 42px;
    margin-top: 8px;
}

form.wpcf7-form textarea {
    margin-top: 8px;
    border-radius: 8px;
}

form.wpcf7-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin: unset;
    border: unset;
    border-radius: 99px;
}

.social-icons.follow-icons a.icon.button {
    margin-bottom: 10px;
    margin-left: unset;
    margin-right: 8px;
    width: 35px;
    height: 35px;
}

form#commentform input {
    box-shadow: unset;
    border-radius: 99px;
}

form#commentform textarea {
    box-shadow: unset;
    border-radius: 8px;
}

form#commentform input#submit {
    letter-spacing: unset;
    max-width: 150px;
    width: 100%;
    height: 40px;
}

header.entry-header .entry-header-text {
    text-align: left;
    padding: unset;
}

header.entry-header .entry-header-text .entry-divider.is-divider.small {
    margin-left: 0;
}

.devvn_box_meaning .devvn_content_tabs .devvn_content_tab > .col-inner > .img {
    max-width: 65%;
}

.devvn_box_title_2 > :nth-child(1) {
    font-weight: 800;   
}

.devvn_box_questions .devvn_box_title_2 > :nth-child(1) {
    font-weight: 800;
    color: rgb(255 255 255);
    text-shadow: -1px -1px 0 #803790, 0 -1px 0 #803790, 1px -1px 0 #803790, 1px 0 0 #803790, 1px 1px 0 #803790, 0 1px 0 #803790, -1px 1px 0 #803790, -1px 0 0 #803790;
}

.devvn_box_free_online [class*="devvn_bg_sao_"] {
    mix-blend-mode: color-dodge;
    will-change: transform, opacity;
    position: absolute;
    max-width: 45px;
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.devvn_box_free_online .devvn_bg_sao_2 {
    right: 20px;
    top: 70px;
}

.devvn_box_free_online .devvn_bg_sao_2 img {
    filter: sepia(1);
}

.devvn_box_free_online .devvn_bg_sao_1 {
    top: 200px;
    left: 10%;
}

.devvn_box_desc .devvn_button_btn_view_more {
    text-align: center;
    padding: 15px 0px 0px;
    font-size: 16px;
    margin-bottom: 10px;
}

.devvn_button_btn_view_more a span.arrow {
    background-image: url('./images/arrow_down.svg');
    background-position: center;
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    background-size: contain;
    margin-left: 5px;
    display: inline-flex;
    position: relative;
    top: 2px;
    left: -1px;
}

.devvn_box_desc .devvn_button_btn_view_more:not(.devvn_active) {
    display: none;
}

.devvn_box_desc .devvn_button_btn_view_more a {
    color: #000;
}

.devvn_box_desc .devvn_button_btn_view_more a:hover {
    color: #af228c;
}

.devvn_button_btn_view_more a:hover span.arrow {
    background-image: url('./images/arrow_down_h.svg');
}

.devvn_box_questions > .bg.section-bg.fill.bg-fill.bg-loaded:before {
    content: "";
    background-size: 1920px auto !important;
    mix-blend-mode: screen;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: block;
    pointer-events: none;
    background-image: url('./images/bg_img_question.png');
    background-repeat: no-repeat;
    background-position: 50% 280%;
    mix-blend-mode: screen;
    will-change: transform, opacity;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.devvn_view_more2 .devvn_inner.devvn_wrap_active {
    height: auto !important;
    max-height: 60px;
}

@media only screen and (min-width: 850px) {
    .footer-widgets.footer.footer-1 .row > .col:nth-child(1) {
        max-width: 400px;
        flex-basis: 400px;
    }

    .footer-widgets.footer.footer-1 .row > .col:nth-child(2), .footer-widgets.footer.footer-1 .row > .col:nth-child(3) {
        max-width: calc((100% - 400px) / 2);
        flex-basis: calc((100% - 400px) / 2);
    }
    .devvn_box_banners .devvn_right > .col-inner {
        right: -80px;
    }
}

@media only screen and (max-width: 1300px) {
    .slider-nav-outside.slider-nav-circle .next {
        right: 0;
    }

    .slider-nav-outside.slider-nav-circle .previous {
        left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .devvn_box_banners .devvn_left .text > :nth-child(1) {
        font-size: 30px;
    }

    .devvn_box_banners .devvn_left .text > :nth-child(2) {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1140px) {
    ul.header-nav.header-nav-main.nav.nav-right > li {
        margin-left: 10px;
        margin-right: 10px;
    }

    .devvn_box_questions > .bg.section-bg.fill.bg-fill.bg-loaded:before {
        background-position: 50% 125%;
    }

    .devvn_box_banners .devvn_left .text {
        margin-bottom: 40px;
    }

    .devvn_box_title > :nth-child(1) {
        font-size: 30px;
    }

    .devvn_list_box_discovers .icon-box.featured-box .icon-box-text.last-reset {
        padding: 80px 30px 30px 30px;
    }

    .devvn_box_desc {
        font-size: 16px;
    }

    .devvn_box_questions .accordion .accordion-item .accordion-title {
        font-size: 18px;
    }

    .devvn_box_questions .accordion .accordion-item .accordion-title {
        font-size: 18px;
    }

    .devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(2) {
        font-size: 18px;
    }

    .devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(1) {
        font-size: 90px;
    }

    .devvn_box_meaning .devvn_left {
        flex-basis: 498px;
        width: 100%;
        max-width: 498px;
    }

    .devvn_box_meaning .devvn_right {
        max-width: calc(100% - 498px);
        flex-basis: calc(100% - 498px);
    }

    .devvn_box_meaning .devvn_content_tabs .devvn_content_tab > .col-inner > .img {
        max-width: 100%;
    }

    .devvn_box_news .button.devvn_button {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }

    .devvn_box_questions {
        padding-top: 100px !important;
    }

    .devvn_list_box_images .box .box-text {
        font-size: 16px;
    }

    .devvn_box_meaning .devvn_right > .col-inner {
        padding-left: 10px;
    }
    .devvn_view_more2 .devvn_inner.devvn_wrap_active {
        max-height: 52px;
    }

}


@media only screen and (max-width: 1024px) {
    .footer-widgets.footer.footer-1 .row > .col:nth-child(1) {
        padding-right: 15px;
    }

    .footer-widgets.footer.footer-1 .row > .col:nth-child(2), .footer-widgets.footer.footer-1 .row > .col:nth-child(3) {
        padding-left: 15px;
    }

}

@media only screen and (max-width: 991px) {
    ul.header-nav.header-nav-main.nav.nav-left > li.html.custom.html_topbar_left .name,
    ul.header-nav.header-nav-main.nav.nav-right li a {
        font-size: 15px;
    }

    .devvn_list_box_discovers .icon-box.featured-box .icon-box-text.last-reset {
        padding: 80px 15px 15px 15px;
        font-size: 16px;
    }

    ul.header-nav.header-nav-main.nav.nav-right > li {
        margin-left: 7px;
        margin-right: 7px;
    }

    .devvn_box_title_2 > :nth-child(2), .devvn_box_title_2 > :nth-child(3), .devvn_box_title_2 > :nth-child(1), .devvn_box_free_online .devvn_box_title_1 > :nth-child(2), .devvn_box_free_online .devvn_box_title_1 > :nth-child(3), .devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
        font-size: 30px;
    }

    .devvn_box_number > :nth-child(1) {
        font-size: 30px;
    }

    .devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(1) {
        font-size: 70px;
    }

    .devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(2) {
        font-size: 16px;
        padding-left: 15px;
    }

    .devvn_box_meaning .devvn_content_tabs .devvn_content_tab .devvn_number > :nth-child(2) strong {
        font-size: 20px;
    }

    .devvn_box_meaning .devvn_right > .col-inner {
        padding-left: unset;
    }

    .text.devvn_box_number > :nth-child(2) {
        font-size: 16px;
    }

    .devvn_box_content_free > .col-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    div#form-search-home p, div#form-search-home label {
        font-size: 16px;
    }
}


@media only screen and (max-width: 849px) {
    ul.mobile-nav.nav.nav-right > li.html.custom.html_topbar_right {
        display: inline-flex;
    }

    .devvn_box_banners .devvn_banner_bg_12 {
        bottom: -20px;
    }

    .devvn_box_content_free > .col-inner {
        padding-top: 50px;
    }

    .footer-widgets.footer.footer-1 .row > .col:nth-child(1) .textwidget > :nth-child(1) {
        max-width: 200px;
    }

    .footer-widgets.footer.footer-1 {
        padding-top: 50px;
        padding-bottom: unset;
    }

    .footer-widgets span.widget-title {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .footer-widgets.footer.footer-1 .row > .col:nth-child(1) .textwidget p {
        margin-bottom: 15px;
    }

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        background-color: #fff;
    }

    .mobile-sidebar ul.nav.nav-sidebar li a {
        color: #3f3f3f;
        font-size: 15px;
    }

    .mobile-sidebar ul.nav.nav-sidebar li button.toggle {
        font-size: 13px;
        margin-right: unset;
    }

    .mobile-sidebar ul.nav.nav-sidebar > li > a {
        font-size: 16px;
        letter-spacing: unset;
    }

    .mobile-sidebar ul.nav.nav-sidebar > li ul.sub-menu li a {
        text-transform: none;
        font-weight: 400;
    }

    .mobile-sidebar ul.nav.nav-sidebar > li ul.sub-menu li {
        margin: unset;
    }

    .mobile-sidebar ul.nav.nav-sidebar > li ul.sub-menu li ul.sub-menu li {
        padding-left: unset;
    }

    ul.mobile-nav.nav.nav-right li.nav-icon.has-icon i.icon-menu {
        color: #3f3f3f;
        font-size: 25px;
    }

    ul.mobile-nav.nav.nav-right > li.html.custom.html_topbar_right a.button.primary.is-large.devvn_button {
        color: #fff;
        font-weight: 700;
        height: 35px;
        font-size: 14px;
        padding: 0 15px;
    }

    .devvn_box_content_free > .col-inner {
        padding-top: 50px;
    }

    .devvn_box_meaning .devvn_left > .col-inner {
        width: 468px;
    }

    .devvn_list_box_discovers .icon-box.featured-box .icon-box-img {
        max-width: 120px;
        margin-bottom: -60px;
    }

    .devvn_box_meaning .devvn_left, .devvn_box_meaning .devvn_right {
        flex-basis: 100%;
        max-width: 100%;
    }

}

@media only screen and (max-width: 767px) {
    .devvn_box_banners .devvn_left .text > :nth-child(1) {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .devvn_box_questions > .bg.section-bg.fill.bg-fill.bg-loaded:before, .devvn_box_questions .bg.section-bg.fill.bg-fill.bg-loaded {
        background-size: 1470px auto !important;
    }

    .devvn_box_questions > .bg.section-bg.fill.bg-fill.bg-loaded:before {
        background-position: 50% 220%;
    }

    .devvn_box_banners {
        min-height: 305px !important;
    }

    .devvn_box_banners .devvn_left .text > :nth-child(2) {
        font-size: 14px;
    }

    .devvn_box_number > :nth-child(1) {
        flex-direction: column;
        line-height: 1;
    }

    .devvn_box_questions .accordion .accordion-item .accordion-inner {
        font-size: 15px;
    }

    .text.devvn_box_number {
        flex-direction: column;
        justify-content: flex-start;
    }

    .devvn_box_content_free > .col-inner .devvn_box_title_1 {
        white-space: normal;
        width: 85%;
        top: -50px;
    }

    .devvn_box_free_online {
        padding-top: 100px !important;
    }

    .devvn_box_content_free > .col-inner {
        padding-top: 80px;
    }

    .devvn_box_questions .accordion .accordion-item .accordion-title {
        font-size: 16px;
    }

    .devvn_box_questions {
        padding-bottom: 60px !important;
    }

    .text.devvn_box_number > :nth-child(2) {
        padding-left: unset;
        margin-left: unset;
        text-align: center;
        border: unset;
        padding-top: 15px;
        position: relative;
    }

    .text.devvn_box_number > :nth-child(2):before {
        content: "";
        border-top: 1px solid #fff;
        display: block;
        position: absolute;
        top: -7px;
        max-width: 80px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .devvn_box_banners .devvn_left .text {
        margin-bottom: 20px;
    }

    .devvn_box_banners .devvn_left .button.devvn_button {
        font-size: 14px;
        height: 40px;
        line-height: 39px;
        padding-left: 10px;
        padding-right: 15px;
        max-width: 170px;
    }
    .devvn_view_more2 .devvn_inner.devvn_wrap_active {
        max-height: 72px;
    }

}

@media only screen and (max-width: 549px) {
    ul.mobile-nav.nav.nav-right > li.html.custom.html_topbar_right a.button.primary.is-large.devvn_button {
        font-size: 12px;
        height: 30px;
        padding: 0 10px;
    }

    .devvn_box_questions > .bg.section-bg.fill.bg-fill.bg-loaded:before {
        background-position: 50% 575%;
    }

    .devvn_box_title > :nth-child(1) {
        font-size: 20px;
    }

    .devvn_box_desc {
        font-size: 15px;
    }

    .devvn_box_title_2 > :nth-child(2), .devvn_box_title_2 > :nth-child(3), .devvn_box_title_2 > :nth-child(1), .devvn_box_free_online .devvn_box_title_1 > :nth-child(2), .devvn_box_free_online .devvn_box_title_1 > :nth-child(3), .devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
        font-size: 23px;
    }

    .devvn_list_box_discovers .icon-box.featured-box .icon-box-img {
        max-width: 80px;
        margin: unset;
        position: absolute;
    }

    .devvn_box_free_online .devvn_box_title_1 > :nth-child(2),
    .devvn_box_free_online .devvn_box_title_1 > :nth-child(3),
    .devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
        font-size: 24px;
    }

    .devvn_list_box_discovers .icon-box.featured-box .icon-box-text.last-reset {
        padding: 15px;
        border-radius: 99px 20px 20px 99px;
        text-align: left;
        padding-left: 95px;
    }

    .row-slider .flickity-prev-next-button {
        width: 35px !important;
    }

    .row-slider .flickity-prev-next-button svg.flickity-button-icon {
        padding: 10px !important;
    }

    .devvn_list_box_discovers .icon-box.featured-box {
        max-width: 100%;
        position: relative;
        margin-bottom: unset;
    }

    ul.mobile-nav.nav.nav-right > li.html.custom.html_topbar_right {
        margin-right: 5px;
    }

    .devvn_box_number > :nth-child(1) {
        font-size: 24px;
    }

    .text.devvn_box_number > :nth-child(2) {
        font-size: 15px;
    }

    div#form-search-home button.button_form_custom.button.devvn_button {
        font-size: 14px;
        max-width: 300px;
        height: 40px;
    }

    .devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .devvn_box_content_free > .col-inner {
        padding-top: 60px;
    }

    div#form-search-home input[type=text], div#form-search-home select, div#form-search-home input[type=number], div#form-search-home textarea {
        font-size: 14px;
    }

    .text.devvn_box_number > :nth-child(2) {
        padding-top: 10px;
    }

    .devvn_box_banners .devvn_right > .col-inner .img {
        max-width: 300px;
        margin-bottom: unset;
    }

    .devvn_box_banners button.scroll-for-more {
        display: none;
    }

    .devvn_box_banners .devvn_right > .col-inner a.button.primary.is-large.devvn_button {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        bottom: 30px;
        position: absolute;
        left: 25%;
        transform: translateX(-50%);
        max-width: 170px;
    }

    .devvn_box_banners {
        padding-top: 40px !important;
    }

    .devvn_box_banners .devvn_banner_bg_1 {
        max-width: 198px;
        top: 411px;
        left: -113px;
    }

    .devvn_box_banners .devvn_banner_bg_1 img {
        width: 198px;
        height: auto;
    }

    .devvn_box_banners .devvn_banner_bg_9 {
        width: 905px !important;
        height: 538px;
        top: 17px;
        left: -195px;
    }

    .devvn_box_banners .devvn_left .text, .devvn_box_banners .devvn_left .text > :nth-child(1) {
        text-align: center !important;
    }

    .devvn_box_banners .devvn_banner_bg_2 {
        width: 420px !important;
        height: 420px;
        top: 141px;
        left: -15px;
    }

    .devvn_box_banners .devvn_banner_bg_2 .img-inner img {
        width: 420px;
        height: 420px;
    }

    .devvn_box_banners .devvn_banner_bg_5 {
        top: 64px;
        left: -61px;
    }

    .devvn_box_banners .devvn_banner_bg_4 {
        width: 400px !important;
        left: -15px;
        bottom: auto;
        top: 325px;
    }

    .devvn_box_banners .devvn_banner_bg_3 {
        width: 420px !important;
        top: 325px;
    }

    .devvn_box_banners .devvn_banner_bg_7 {
        top: 215px;
        left: -242px;
        width: 830px !important;
    }

    .devvn_box_banners .devvn_banner_bg_12 {
        bottom: -5px;
    }

    .devvn_box_banners > .bg.section-bg.fill.bg-fill.bg-loaded {
        background-color: rgb(17, 0, 41);
    }

    .devvn_box_banners .devvn_banner_bg_sao_1, .devvn_box_banners .devvn_banner_bg_sao_2, .devvn_box_banners .devvn_banner_bg_sao_3, .devvn_box_banners .devvn_banner_bg_sao_4, .devvn_box_banners .devvn_banner_bg_sao_5, .devvn_box_banners .devvn_banner_bg_sao_6, .devvn_box_banners .devvn_banner_bg_sao_7, .devvn_box_banners .devvn_banner_bg_sao_8, .devvn_box_banners .devvn_banner_bg_sao_9, .devvn_box_banners .devvn_banner_bg_sao_10, .devvn_box_banners .devvn_banner_bg_sao_11, .devvn_box_banners .devvn_banner_bg_sao_12, .devvn_box_banners .devvn_banner_bg_sao_13 {
        max-width: 19px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_1 {
        top: 320px;
        left: 241px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_2 {
        left: 308px;
        top: 340px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_3 {
        left: 335px;
        top: 370px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_4 {
        left: 260px;
        top: 400px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_5 {
        top: 400px;
        left: 200px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_6 {
        top: 350px;
        left: 100px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_7 {
        top: 320px;
        left: 20px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_8 {
        top: 360px;
        left: 10px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_9 {
        top: 400px;
        left: 40px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_10 {
        top: 420px;
        left: 100px;
    }

    .devvn_box_banners .devvn_banner_bg_sao_11 {
        top: 450px;
        left: 150px;
    }

    .devvn_box_banners .devvn_banner_bg_8 {
        left: 50%;
        width: 100% !important;
        top: 220px;
        transform: translateX(-50%);
        min-width: 400px;
    }
}

@media only screen and (max-width: 412px) {
    .devvn_view_more2 .devvn_inner.devvn_wrap_active {
        max-height: 99px;
    }
}
@media only screen and (max-width: 500px) {
    .text.devvn_box_number {
        margin-bottom: 20px;
    }

    .devvn_box_content_free > .col-inner {
        padding-top: 80px;
    }

    .devvn_box_meaning .devvn_left > .col-inner {
        left: 50%;
        transform: translateX(-50%);
    }

    .devvn_box_meaning .section-content.relative > .row > .col {
        padding-bottom: unset;
    }

    .devvn_box_meaning .devvn_left .devvn_tab_navs {
        transform: scale(.7);
    }

    .devvn_list_box_discovers .icon-box.featured-box .icon-box-text.last-reset {
        font-size: 15px;
    }

    div#form-search-home p, div#form-search-home label {
        font-size: 13px;
    }

    .devvn_box_questions .accordion .accordion-item .accordion-title {
        font-size: 15px;
        border-radius: 10px;
    }

    .devvn_box_free_online .devvn_box_title_1 > :nth-child(2), .devvn_box_free_online .devvn_box_title_1 > :nth-child(3), .devvn_box_free_online .devvn_box_title_1 > :nth-child(1) {
        font-size: 22px;
    }


}