@charset "utf-8";

/* CSS Document */

.footer-32-2 {
    /* margin-top: -124px; */
    padding: 0px;
    padding-top: 0px!important;
    /* min-height: 600px; */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27b381+1,54bf51+50,6dc536+100 */
    background: url(../images/footer-32-2/f-bg.png) top center no-repeat;
    position: relative;
}

.footer-32-2 .logo-footer {
    display: none;
    /* margin-top: 165px; */
    padding-top: 190px;
    margin-right: 9px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}

.footer-32-2 .logo-footer img {
    max-width: 100%;
}

.footer-32-2 .logo-footer2 {
    display: none;
    /* margin-top: 165px; */
    padding-top: 30px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}

.footer-32-2 .logo-footer3 {
    height: 100px;
}

.footer-32-2 .logo-footer2 img {
    max-width: 100%;
}

.footer-32-2 .address-footer {
    /* margin-top: 185px; */
    padding-top: 50px;
    color: #272727;
    font-size: 18px;
    line-height: 25px;
    /* margin-left:10px; */
    font: 25px/30px 'Kanit', Arial, sans-serif;
}

.footer-32-2 .address-footer-2 {
    color: #272727;
    font: 16px/24px 'Kanit', Arial, sans-serif;
}

.footer-32-2 .address-footer a {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffe194;
    font-size: 17px;
}

.footer-32-2 .social-footer {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    font: 25px/25px 'thaisanslite', Arial, sans-serif;
    color: #000;
    text-align: right;
}

.footer-32-2 .social-footer-in {
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: 0px;
}

.footer-32-2 .footer-link {
    position: relative;
    left: 50%;
    margin-left: -124px;
    color: #000;
    width: 248px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 31px;
}

.footer-32-2 .footer-link a {
    color: #000;
}

.footer-32-2 .footer-link a:hover {
    color: #000;
}

.panda-pic {
    position: absolute;
    width: 100%;
    top: -33px;
    z-index: 1;
    text-align: center;
    font: 26px/62px 'Kanit', Arial, sans-serif;
    color: #fff;
    font-style: italic;
}

.panda-pic .panda-pic-1 {}

.footer-right {
    margin: 0;
    padding: 0;
    /* margin-top: 173px; */
    padding-top: 50px;
    position: relative;
}

.footer-name {
    font: 30px/40px 'kanit', Arial, sans-serif;
    color: #fff;
    text-align: center;
    padding-top: 16px;
}

.copyright-cv {
    font: 19px/42px 'kanit', Arial, sans-serif;
    color: #fff;
    text-align: center;
    padding-top: 31px;
}

.copyright-cv a {
    color: #ffba7d;
}

.footer-name2 {
    font: 21px/40px 'kanit', Arial, sans-serif;
    color: #fff;
    text-align: center;
    padding-top: 1px;
}

.footer-tel {
    margin: 0;
    padding: 0;
    margin-top: 7px;
    width: 40px;
    font: 35px/28px 'kanit', Arial, sans-serif;
    font-weight: bold;
}

.footer-tel-2 {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    text-indent: 6px;
    width: 100%;
    font: 24px/21px 'kanit', Arial, sans-serif;
    font-weight: bold;
    color: #ffffff;
}

.footer-tel-2 a {
    color: #ffffff !important;
}

.footer-line {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 40px;
}

.footer-bt {
    width: 100%;
    height: auto;
}

.line-add {
    position: absolute;
    left: 290px;
    top: -30px;
}

.so-all {
    margin-top: 96px;
}

@media (min-width: 320px) and (max-width:767px) {
    .footer-32-2 {
        /* margin-top: -124px; */
        padding: 0px;
        padding-top: 0px!important;
        /* min-height: 733px; */
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27b381+1,54bf51+50,6dc536+100 */
        background: url(../images/footer-32-2/f-bg.png) top center no-repeat;
        position: relative;
    }
    .footer-32-2 .logo-footer {
        margin-top: 35px;
        padding-top: 40px;
        margin-right: 9px;
        margin-bottom: 10px;
        text-align: center;
        position: relative;
    }
    .footer-32-2 .logo-footer img {
        max-width: 100%;
    }
    .footer-32-2 .logo-footer2 {
        /* margin-top: 165px; */
        padding-top: 30px;
        margin-bottom: 10px;
        text-align: center;
        position: relative;
    }
    .footer-32-2 .logo-footer3 {
        height: 120px;
    }
    .footer-32-2 .logo-footer2 img {
        max-width: 100%;
    }
    .footer-32-2 .address-footer {
        /* margin-top: 185px; */
        padding-top: 50px;
        color: #272727;
        font-size: 18px;
        line-height: 25px;
        /* margin-left:10px; */
        font: 25px/30px 'Kanit', Arial, sans-serif;
    }
    .footer-32-2 .address-footer-2 {
        color: #272727;
        font: 16px/24px 'Kanit', Arial, sans-serif;
    }
    .footer-32-2 .address-footer a {
        font-family: Arial, Helvetica, sans-serif;
        color: #ffe194;
        font-size: 17px;
    }
    .footer-32-2 .social-footer {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        font: 25px/25px 'thaisanslite', Arial, sans-serif;
        color: #000;
        text-align: right;
    }
    .footer-32-2 .social-footer-in {
        margin: 0;
        padding: 0;
        position: relative;
        margin-top: 0px;
    }
    .footer-32-2 .footer-link {
        position: relative;
        left: 50%;
        margin-left: -124px;
        color: #000;
        width: 248px;
        height: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 14px;
        line-height: 31px;
    }
    .footer-32-2 .footer-link a {
        color: #000;
    }
    .footer-32-2 .footer-link a:hover {
        color: #000;
    }
    .panda-pic {
        position: absolute;
        width: 100%;
        top: -33px;
        z-index: 1;
        text-align: center;
        font: 26px/62px 'Kanit', Arial, sans-serif;
        color: #fff;
        font-style: italic;
    }
    .panda-pic .panda-pic-1 {}
    .footer-right {
        margin: 0;
        padding: 0;
        /* margin-top: 173px; */
        padding-top: 50px;
        position: relative;
    }
    .footer-name {
        font: 26px/40px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 16px;
    }
    .copyright-cv {
        font: 15px/42px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 31px;
    }
    .copyright-cv a {
        color: #ffba7d;
    }
    .footer-name2 {
        font: 18px/40px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 1px;
    }
    .footer-tel {
        margin: 0;
        padding: 0;
        margin-top: 7px;
        width: 40px;
        font: 35px/28px 'kanit', Arial, sans-serif;
        font-weight: bold;
    }
    .footer-tel-2 {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        text-indent: 6px;
        width: 100%;
        font: 21px/21px 'kanit', Arial, sans-serif;
        /* font-weight: bold; */
        color: #ffffff;
    }
    .footer-line {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 40px;
    }
    .footer-bt {
        width: 100%;
        height: auto;
    }
    .line-add {
        position: absolute;
        left: 290px;
        top: -30px;
    }
    .so-all {
        margin-top: 96px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-32-2 {
        /* margin-top: -124px; */
        padding: 0px;
        padding-top: 0px!important;
        /* min-height: 903px; */
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27b381+1,54bf51+50,6dc536+100 */
        background: url(../images/footer-32-2/f-bg.png) top center no-repeat;
        position: relative;
    }
    .footer-32-2 .logo-footer {
        /* margin-top: 165px; */
        padding-top: 190px;
        margin-right: 9px;
        margin-bottom: 10px;
        text-align: center;
        position: relative;
    }
    .footer-32-2 .logo-footer img {
        max-width: 100%;
    }
    .footer-32-2 .logo-footer2 {
        /* margin-top: 165px; */
        padding-top: 30px;
        margin-bottom: 10px;
        text-align: center;
        position: relative;
    }
    .footer-32-2 .logo-footer3 {
        height: 140px;
    }
    .footer-32-2 .logo-footer2 img {
        max-width: 100%;
    }
    .footer-32-2 .address-footer {
        /* margin-top: 185px; */
        padding-top: 50px;
        color: #272727;
        font-size: 18px;
        line-height: 25px;
        /* margin-left:10px; */
        font: 25px/30px 'Kanit', Arial, sans-serif;
    }
    .footer-32-2 .address-footer-2 {
        color: #272727;
        font: 16px/24px 'Kanit', Arial, sans-serif;
    }
    .footer-32-2 .address-footer a {
        font-family: Arial, Helvetica, sans-serif;
        color: #ffe194;
        font-size: 17px;
    }
    .footer-32-2 .social-footer {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        font: 25px/25px 'thaisanslite', Arial, sans-serif;
        color: #000;
        text-align: right;
    }
    .footer-32-2 .social-footer-in {
        margin: 0;
        padding: 0;
        position: relative;
        margin-top: 0px;
    }
    .footer-32-2 .footer-link {
        position: relative;
        left: 50%;
        margin-left: -124px;
        color: #000;
        width: 248px;
        height: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 14px;
        line-height: 31px;
    }
    .footer-32-2 .footer-link a {
        color: #000;
    }
    .footer-32-2 .footer-link a:hover {
        color: #000;
    }
    .panda-pic {
        position: absolute;
        width: 100%;
        top: -33px;
        z-index: 1;
        text-align: center;
        font: 26px/62px 'Kanit', Arial, sans-serif;
        color: #fff;
        font-style: italic;
    }
    .panda-pic .panda-pic-1 {}
    .footer-right {
        margin: 0;
        padding: 0;
        /* margin-top: 173px; */
        padding-top: 50px;
        position: relative;
    }
    .footer-name {
        font: 30px/40px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 16px;
    }
    .copyright-cv {
        font: 19px/42px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 31px;
    }
    .copyright-cv a {
        color: #ffba7d;
    }
    .footer-name2 {
        font: 21px/40px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 1px;
    }
    .footer-tel {
        margin: 0;
        padding: 0;
        margin-top: 7px;
        width: 40px;
        font: 35px/28px 'kanit', Arial, sans-serif;
        font-weight: bold;
    }
    .footer-tel-2 {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        text-indent: 6px;
        width: 100%;
        font: 24px/21px 'kanit', Arial, sans-serif;
        font-weight: bold;
        color: #ffffff;
    }
    .footer-line {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 40px;
    }
    .footer-bt {
        width: 100%;
        height: auto;
    }
    .line-add {
        position: absolute;
        left: 290px;
        top: -30px;
    }
    .so-all {
        margin-top: 96px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-32-2 {
        /* margin-top: -124px; */
        padding: 0px;
        padding-top: 0px!important;
        /* min-height: 933px; */
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27b381+1,54bf51+50,6dc536+100 */
        background: url(../images/footer-32-2/f-bg.png) top center no-repeat;
        position: relative;
    }
    .footer-32-2 .logo-footer {
        /* margin-top: 165px; */
        padding-top: 190px;
        margin-right: 9px;
        margin-bottom: 10px;
        text-align: center;
        position: relative;
    }
    .footer-32-2 .logo-footer img {
        max-width: 100%;
    }
    .footer-32-2 .logo-footer2 {
        /* margin-top: 165px; */
        padding-top: 30px;
        margin-bottom: 10px;
        text-align: center;
        position: relative;
    }
    .footer-32-2 .logo-footer3 {
        height: 150px;
    }
    .footer-32-2 .logo-footer2 img {
        max-width: 100%;
    }
    .footer-32-2 .address-footer {
        /* margin-top: 185px; */
        padding-top: 50px;
        color: #272727;
        font-size: 18px;
        line-height: 25px;
        /* margin-left:10px; */
        font: 25px/30px 'Kanit', Arial, sans-serif;
    }
    .footer-32-2 .address-footer-2 {
        color: #272727;
        font: 16px/24px 'Kanit', Arial, sans-serif;
    }
    .footer-32-2 .address-footer a {
        font-family: Arial, Helvetica, sans-serif;
        color: #ffe194;
        font-size: 17px;
    }
    .footer-32-2 .social-footer {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        font: 25px/25px 'thaisanslite', Arial, sans-serif;
        color: #000;
        text-align: right;
    }
    .footer-32-2 .social-footer-in {
        margin: 0;
        padding: 0;
        position: relative;
        margin-top: 0px;
    }
    .footer-32-2 .footer-link {
        position: relative;
        left: 50%;
        margin-left: -124px;
        color: #000;
        width: 248px;
        height: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 14px;
        line-height: 31px;
    }
    .footer-32-2 .footer-link a {
        color: #000;
    }
    .footer-32-2 .footer-link a:hover {
        color: #000;
    }
    .panda-pic {
        position: absolute;
        width: 100%;
        top: -33px;
        z-index: 1;
        text-align: center;
        font: 26px/62px 'Kanit', Arial, sans-serif;
        color: #fff;
        font-style: italic;
    }
    .panda-pic .panda-pic-1 {}
    .footer-right {
        margin: 0;
        padding: 0;
        /* margin-top: 173px; */
        padding-top: 50px;
        position: relative;
    }
    .footer-name {
        font: 30px/40px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 16px;
    }
    .copyright-cv {
        font: 19px/42px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 31px;
    }
    .copyright-cv a {
        color: #ffba7d;
    }
    .footer-name2 {
        font: 21px/40px 'kanit', Arial, sans-serif;
        color: #fff;
        text-align: center;
        padding-top: 1px;
    }
    .footer-tel {
        margin: 0;
        padding: 0;
        margin-top: 7px;
        width: 40px;
        font: 35px/28px 'kanit', Arial, sans-serif;
        font-weight: bold;
    }
    .footer-tel-2 {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        text-indent: 6px;
        width: 100%;
        font: 24px/21px 'kanit', Arial, sans-serif;
        font-weight: bold;
        color: #ffffff;
    }
    .footer-line {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 40px;
    }
    .footer-bt {
        width: 100%;
        height: auto;
    }
    .line-add {
        position: absolute;
        left: 290px;
        top: -30px;
    }
    .so-all {
        margin-top: 96px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .footer-32-2 .logo-footer {
        /* display:none; */
    }
    .footer-32-2 .line-add {
        display: none !important;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .footer-32-2 {
        height: auto;
    }
    .panda-pic {
        /* left: 70%; */
        /* margin-left: 0; */
        /* display: block; */
    }
    .footer-right {
        /* margin-top: 183px; */
        margin-left: 54px;
    }
    .footer-tel {
        margin-top: 0;
        margin-bottom: 12px;
        width: 60px;
    }
    .footer-line {
        position: relative;
        top: -9px;
        right: 0px;
    }
    .footer-32-2 .container-cv {
        width: 100%;
    }
    .footer-tel-2 {
        margin-top: 0;
    }
    .footer-32-2 .logo-footer {
        /* display:
	none; */
    }
    .footer-32-2 .line-add {
        display: none !important;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .footer-32-2 .container-cv {
        width: 100%;
    }
    .footer-line {
        right: 20px;
    }
    .footer-32-2 .logo-footer {
        /* margin-top: 175px; */
        margin-right: -103px;
        margin-bottom: 10px;
        position: relative;
        left: -110px;
    }
    .footer-32-2 .address-footer {
        font: 20px/24px 'Kanit', Arial, sans-serif;
    }
    .footer-32-2 .address-footer-2 {
        font: 15px/24px 'Kanit', Arial, sans-serif;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    ...
}