@import url('https://fonts.googleapis.com/css2?family=Taviraj:wght@300;400;500;600&display=swap');
@media screen and (max-width: 1440px) {
    #about::before, #about::after {
        left: 0;
    }
    #about .slie::after {
        left: -13%;
    }
    /* service-detail */
    .text-edge-service {
        margin-bottom: 2em;
    }
    .page-background-index {
        position: relative;
        padding: 0px 101px;
        height: 100%;
        overflow: hidden;
        /* background: url(../img/background_about.jpg) left; */
        background-repeat: no-repeat;
    }
    #about .thaiaichi-01 h3 {
        font-size: 40px;
        font-weight: 400;
        color: #125fad;
        margin-top: 1.5em;
        margin-bottom: 21px;
    }
    #about .thaiaichi-01 h2 {
        font-size: 37px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    #about .about-two-zise {
        font-size: 22px;
        display: inline;
        margin-bottom: 5px;
    }
    .underline::after {
        content: " ";
        background: #030303;
        width: 65%;
        height: 3px;
        content: "";
        position: absolute;
        left: 282px;
        top: 93px;
        overflow: hidden;
    }
    #about .about-tree-zise {
        font-size: 22px;
        margin-bottom: 1em;
        display: inline-block;
    }
    .caption-index {
        margin-bottom: 10px;
    }
    .logo {
        margin-right: -18px;
    }
    .menu li a {
        border-top: 8px solid transparent;
        display: block;
        padding: 10px 12px;
        text-decoration: none;
        color: #fff;
        font-size: 19px;
        margin-right: 23px;
    }
    .logo {
        /* margin-bottom: 50px; */
        margin-left: 8em;
        margin-bottom: 10px;
    }
    #about .logo {
        float: right;
        font-size: 15px;
        margin-right: -49px;
    }
    .product-list .box-product .btn-product {
        background-color: #125fad;
        color: #fff;
    }
    #footer .group-traffic .box-today, #footer .group-traffic .box-thismonth, #footer .group-traffic .box-total {
        margin-right: 0px;
    }
    /* service */
    .product:hover .overlay {
        height: 91%;
    }
    .overlay {
        width: 94%;
    }
}

@media screen and (max-width: 1024px) {
    #about::before, #about::after {
        display: none;
    }
    #about .slie::after {
        display: none;
    }
    nav {
        min-height: 50px !important;
    }
    .product-list .list-group .list-group-item {
        font-size: 16px;
    }
    nav .menu li a {
        border-top: 8px solid transparent;
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        margin-right: 10px;
    }
    .attributes .dropdown-toggle .paca-size {
        font-size: 17px;
    }
    ul.attributes li a {
        display: block;
        padding: 20px 10px 0px;
        color: #000;
        font-size: 15px;
        margin-top: -2px;
    }
    #footer .group-traffic {
        float: right;
    }
    #contact-map-1 {
        width: 100%;
        height: 200px;
    }
    .contact-map .map {
        padding-right: 0px;
        padding-left: 0px;
    }
    /* about */
    .img-edgeabout {
        margin-bottom: 20px;
    }
    /*  */
    /* footer */
    #footer .copyright {
        font-size: 10px;
        margin-left: 0;
    }
    #footer .group-traffic .box-today {
        font-size: 5px;
    }
    /* service-detail */
    .text-edge-service {
        margin-bottom: 2em;
    }
    /* contact */
    #contact-map-1 {
        height: 700px;
    }
    /* index */
    .thaiaichi-01 {
        margin-left: 3px;
    }
    .underline::after {
        content: " ";
        background: #030303;
        width: 60%;
        height: 3px;
        content: "";
        position: absolute;
        left: 164px;
        top: 61px;
        overflow: hidden;
    }
    #about .thaiaichi-01 h2 {
        font-size: 31px;
        font-weight: 400;
        margin-bottom: 18px;
    }
    #about .thaiaichi-01 h3 {
        font-size: 27px;
        font-weight: 400;
        color: #125fad;
        margin-top: 1.5em;
        margin-bottom: 7px;
    }
    #about .about-two-zise {
        font-size: 18px;
        display: inline-block;
        display: inline;
        margin-bottom: 5px;
    }
    #about .about-tree-zise {
        font-size: 18px;
        margin-bottom: 1em;
        display: inline-block;
        display: inline;
    }
    #about .dots {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background-color: #125fad;
        display: inline-block;
    }
    #about .logo {
        float: right;
        font-size: 15px;
        margin-right: 46px;
    }
    .img-fluid {
        margin-right: 0px;
    }
    #about .logo {
        float: right;
        font-size: 11px;
    }
    .img-fluid {
        margin-top: 2em;
    }
    .page-background-index {
        position: relative;
        padding: 0px 0px;
        height: 100%;
        overflow: hidden;
        /* background: url(../img/background_about.jpg) left; */
        background-repeat: no-repeat;
    }
    /*  */
    /* product */
    #footer .group-traffic .box-today, #footer .group-traffic .box-thismonth, #footer .group-traffic .box-total {
        margin-right: 0px;
    }
    /* service */
    .product:hover .overlay {
        height: 88%;
    }
    .overlay {
        width: 91.2%;
        height: 18%;
    }
    .caption-bottom {
        margin-top: -7em;
    }
}

@media screen and (max-width: 768px) {
    #about .logo {
        float: right;
        font-size: 15px;
        margin-right: -1px;
    }
    .text-edge-service {
        margin-bottom: 2em;
    }
    .box-detail-product {
        margin-top: 1.5em;
    }
    /* contact */
    .contact {
        padding: 0em;
    }
    .icofont-map-pins.text-center.d-block {
        margin-top: 1em;
    }
    .adress.text-center {
        margin-bottom: 3em;
    }
    .tel.text-center.d-block {
        margin-bottom: 2em;
    }
    .email.text-center.d-block {
        margin-bottom: 3em;
    }
    .icofont-email.text-center.d-block {
        margin-bottom: 5px;
    }
    .contact-map .text-contact {
        font-size: 22px;
    }
    .contact-map .contact-r {
        padding: 50px 40px 0px 50px;
    }
    #contact-map-1 {
        height: 800px;
    }
    /* index */
    #about .thaiaichi-01 h3 {
        font-size: 47px;
        font-weight: 400;
        color: #125fad;
        margin-top: 1em;
        margin-bottom: 25px;
    }
    .underline::after {
        content: " ";
        background: #030303;
        width: 90%;
        height: 3px;
        content: "";
        position: absolute;
        left: 281px;
        top: 65px;
        overflow: hidden;
    }
    .thaiaichi-01 {
        margin-left: 4px;
    }
    .page-background-index {
        position: relative;
        padding: 0px 0px;
        height: 100%;
        overflow: hidden;
        /* background: url(../img/background_about.jpg) left; */
        background-repeat: no-repeat;
    }
    #about .thaiaichi-01 h3 {
        font-size: 36px;
        font-weight: 400;
        color: #125fad;
        margin-top: 1em;
        margin-bottom: 25px;
    }
    .underline::after {
        content: " ";
        background: #030303;
        width: 70%;
        height: 3px;
        content: "";
        position: absolute;
        left: 214px;
        top: 66px;
        overflow: hidden;
    }
    .cw {
        margin-left: 0px;
    }
    .con {
        margin-left: 0px;
    }
    .caption-bottom {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
    .caption-bottom p {
        font-size: 18px;
        margin-top: .5em;
    }
    /* service */
    .product:hover .overlay {
        height: 89%;
    }
    .overlay {
        width: 92.2%;
        height: 18%;
    }
}

@media screen and (max-width: 425px) {
    .caption-bottom p {
        font-size: 16px;
        margin-top: .5em;
    }
    #nav-tab a {
        padding-top: 15px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #fff;
    }
    /* service */
    .product:hover .overlay {
        height: 89%;
    }
    .overlay {
        width: 96.2%;
        height: 15%;
    }
    .owl-nav {
        display: none;
    }
}

@media only screen and (min-width: 425px) and (max-width: 767px) {}

@media screen and (min-width: 414px) and (max-width: 425px) {
    /* service */
    .overlay {
        width: 93%;
    }
    /* service-detail */
    .text-edge-service {
        margin-bottom: 5em;
    }
    .box-gallery-service.hover14 {
        margin-top: -2em;
    }
    .container-1400 {
        max-width: 1600px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }
    /* contact */
    .contact {
        padding: 0em;
    }
    .icofont-map-pins.text-center.d-block {
        margin-top: 1em;
    }
    .adress.text-center {
        margin-bottom: 3em;
    }
    .tel.text-center.d-block {
        margin-bottom: 2em;
    }
    .email.text-center.d-block {
        margin-bottom: 3em;
    }
    .icofont-email.text-center.d-block {
        margin-bottom: 5px;
    }
    .contact-map .text-contact {
        font-size: 22px;
    }
    .contact-map .contact-r {
        padding: 50px 40px 0px 50px;
    }
    #contact-map-1 {
        height: 300px;
    }
}

@media only screen and (max-width: 425px) and (min-width: 376px) {
    /* about */
    .font-edgeabout {
        margin-bottom: 20px;
    }
    #footer .group-traffic {
        float: left;
    }
    /* index */
    .thaiaichi-01 {
        margin-left: 0px;
    }
    #about .thaiaichi-01 h3 {
        font-size: 31px;
        margin-bottom: 11px;
    }
    #about .thaiaichi-01 h2 {
        font-size: 32px;
        margin-bottom: 17px;
    }
    #about .dots {
        width: 10px;
        height: 10px;
    }
    #about .about-two-zise {
        font-size: 19px;
    }
    #about .about-tree-zise {
        font-size: 19px;
        display: inline;
    }
    .underline::after {
        content: " ";
        background: #030303;
        width: 53%;
        height: 2px;
        content: "";
        position: absolute;
        left: 182px;
        top: 57px;
        overflow: hidden;
    }
    #about .logo {
        font-size: 10px;
        margin-left: 28px;
        margin-right: 10px;
    }
    #about .about-two-zise {
        font-size: 19px;
        display: inline;
        margin-bottom: 5px;
    }
    /* index */
    .page-background-index {
        position: relative;
        padding: 0px 0px;
        height: 100%;
        overflow: hidden;
        /* background: url(../img/background_about.jpg) left; */
        background-repeat: no-repeat;
    }
    .con {
        margin-left: 0px;
    }
    /* service */
    .title-1.title-border.text-center {
        margin-top: 10px;
    }
}

@media (max-width: 375px) {
    #footer .group-traffic {
        float: left;
    }
    /* contact */
    #contact-map-1 {
        height: 300px;
    }
    .font-edgeabout {
        margin-bottom: 20px;
    }
    /* service */
    .title-1.title-border.text-center {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 375px) and (min-width: 320px) {
    /* about */
    .font-edgeabout {
        margin-bottom: 20px;
    }
    .overlay {
        width: 92%;
    }
    /* service-detail */
    .text-edge-service {
        margin-bottom: 5em;
    }
    .box-gallery-service.hover14 {
        margin-top: -2em;
    }
    /* contact */
    .contact {
        padding: 0em;
    }
    .icofont-map-pins.text-center.d-block {
        margin-top: 1em;
    }
    .adress.text-center {
        margin-bottom: 3em;
    }
    .tel.text-center.d-block {
        margin-bottom: 2em;
    }
    .email.text-center.d-block {
        margin-bottom: 3em;
    }
    .icofont-email.text-center.d-block {
        margin-bottom: 5px;
    }
    .contact-map .text-contact {
        font-size: 22px;
    }
    .contact-map .contact-r {
        padding: 50px 40px 0px 50px;
    }
    /* index */
    .thaiaichi-01 {
        margin-left: 0px;
    }
    #about .thaiaichi-01 h3 {
        font-size: 23px;
        margin-bottom: 11px;
    }
    #about .thaiaichi-01 h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    #about .dots {
        width: 10px;
        height: 10px;
    }
    #about .about-two-zise {
        font-size: 17px;
    }
    #about .about-tree-zise {
        font-size: 17px;
        display: inline;
    }
    .underline::after {
        content: " ";
        background: #030303;
        width: 58%;
        height: 2px;
        content: "";
        position: absolute;
        left: 140px;
        top: 42px;
        overflow: hidden;
    }
    #about .logo {
        /* float: right; */
        font-size: 2px;
    }
    #about .about-two-zise {
        font-size: 17px;
        display: inline;
        margin-bottom: 5px;
    }
    .page-background-index {
        position: relative;
        padding: 0px 0px;
        height: 100%;
        overflow: hidden;
        /* background: url(../img/background_about.jpg) left; */
        background-repeat: no-repeat;
    }
}

@media (max-width: 320px) {
    .img-logoichi {
        width: 80%;
    }
    /* about */
    .font-edgeabout {
        margin-bottom: 20px;
    }
    /* contact */
    #footer .cw {
        margin-left: 0;
    }
    #footer .group-traffic {
        float: left;
    }
    #footer .group-traffic .box-today, #footer .group-traffic .box-thismonth, #footer .group-traffic .box-total {
        margin-right: 0px;
    }
    /* service */
    .overlay {
        width: 90.7%;
    }
    .title-1.title-border.text-center {
        margin-top: 6px;
    }
    /* service-detail */
    .text-edge-service {
        margin-bottom: 5em;
    }
    .box-gallery-service.hover14 {
        margin-top: -2em;
    }
    /* product */
    .product-list .font-headproduct-office {
        margin-top: 3em;
        font-size: 18px;
    }
    .product-list .font-headproduct {
        font-size: 16px;
        color: #000;
    }
    .product-list .font-edgeproduct {
        margin-top: -10px;
        font-size: 12px;
        color: #000;
    }
    /* contact */
    .contact-map .contact-r {
        padding: 50px 40px 0px 50px;
    }
    .font-edgecontact.text-center {
        font-size: 18px;
    }
    .contact {
        padding: 0em;
    }
    .icofont-map-pins.text-center.d-block {
        margin-top: 1em;
    }
    .adress.text-center {
        margin-bottom: 3em;
    }
    .tel.text-center.d-block {
        margin-bottom: 2em;
    }
    .email.text-center.d-block {
        margin-bottom: 3em;
    }
    .icofont-email.text-center.d-block {
        margin-bottom: 5px;
    }
    .contact-map .text-contact {
        font-size: 22px;
    }
    #contact-map-1 {
        height: 300px;
    }
    /* index */
    .thaiaichi-01 {
        margin-left: 0px;
    }
    #about .thaiaichi-01 h3 {
        font-size: 23px;
        margin-bottom: 11px;
    }
    #about .thaiaichi-01 h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    #about .dots {
        width: 10px;
        height: 10px;
    }
    #about .about-two-zise {
        font-size: 17px;
    }
    #about .about-tree-zise {
        font-size: 17px;
        display: inline;
    }
    .underline::after {
        content: " ";
        background: #030303;
        width: 51%;
        height: 2px;
        content: "";
        position: absolute;
        left: 140px;
        top: 42px;
        overflow: hidden;
    }
    .img-fluid {
        margin-top: 0em;
    }
    #about .logo {
        /* float: right; */
        font-size: 2px;
    }
    #about .about-two-zise {
        font-size: 17px;
        display: inline;
        margin-bottom: 5px;
    }
    .page-background-index {
        position: relative;
        padding: 0px 0px;
        height: 100%;
        overflow: hidden;
        /* background: url(../img/background_about.jpg) left; */
        background-repeat: no-repeat;
    }
    .con {
        margin-left: 8px;
    }
    .caption-bottom p {
        font-size: 13px;
        margin-top: .5em;
    }
    /* service */
    .product:hover .overlay {
        height: 87%;
    }
    .overlay {
        width: 91.2%;
        height: 15%;
    }
}

@media (max-width:992px) {}