.footer-36-2 {
    margin: 0;
    padding: 0;
    min-height: 291px;
    position: relative;
    background: url(../images/footer-36-1/bg-1.png) top center no-repeat;
    padding-top: 0;
}

.footer-36-2 .footer-name {
    font: 28px/45px 'Kanit', Arial, sans-serif;
    color: #fff;
}

.footer-36-2 .footer-name .logo img {
    max-width: 100%;
    height: auto;
}

.footer-36-2 .footer-name .name {
    position: absolute;
    top: 46px;
    left: 165px;
    font: 26px/45px 'Kanit', Arial, sans-serif;
    color: #fcf5d1;
    text-shadow: 2px 2px 5px #705526;
}

.footer-36-2 .address {
    color: #fff;
    /* position: absolute; */
    /* top: 190px; */
    /* left: 20px; */
    font: 20px/23px 'thaisanslite', Arial, sans-serif;
}

.footer-menu {
    color: #ffffff;
    font-size: 13px;
    position: relative;
    /* padding: 10px 0; */
    /* top: 13px; */
    left: 0;
    text-align: center;
}

.footer-menu a {
    color: #fcf5d1;
}

.footer-menu a:hover {
    color: #fff;
}

.footer-36-2 .footer-center {
    margin: 0;
    padding: 0px 0;
    margin-top: 50px;
    position: relative;
    font: 40px/45px 'Kanit', Arial, sans-serif;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
}

.footer-36-2 .container-cv-5 {
    position: relative;
}

.footer-36-2 .logo {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 43px;
    /* left:50%; */
    /* margin-left: -209px; */
}

.footer-36-2 .logo img {
    max-width: 100%;
    height: auto;
}

.footer-36-2 .footer-center .slogan {
    width: 299px;
    height: 54px;
    background: url(../images/footer-36-1/text-center.png) top center no-repeat;
}

.footer-36-2 .footer-center img {
    margin: 5px;
    margin-top: 10px;
    width: 35px;
    height: 35px;
}

.footer-36-2 .footer-menu {
    font: 19px/20px 'thaisanslite', Arial, sans-serif;
}

.footer-36-2 .footer-menu a {
    color: #ffffff;
}

.footer-36-2 .footer-menu a:hover {
    color: #ffe6a6;
}

.footer-36-2 .footer-tel {
    margin: 0;
    padding: 0;
    margin-top: 55px;
    padding-top: 50px;
    color: #fff;
    font: 28px/46px 'THK2DJuly8', Arial, sans-serif;
    text-align: right;
}

.gg-map {}

.gg-pic {
    /* position:relative; */
    /* text-align: right; */
    /* margin-top: 147px; */
}

.gg-pic img {
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.see-root {
    padding: 4px 10px;
    margin: 0 5px 0 0;
    background: #84a494;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
}

.see-map {
    padding: 4px 10px;
    margin: 0 5px 0 0;
    background: #5e8873;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
}

.see-map a,
.see-root a {
    color: #fff;
}

@media (max-width: 374px) {
    .footer-36-2 {
        background: url(../images/footer-36-1/bg-m.png) top center no-repeat;
        margin-top: -102px;
        padding-top: 130px!important;
    }
    .footer-36-2 .logo {
        top: -42px;
        margin-left: -121px;
    }
    .footer-36-2 .logo img {
        max-width: 80%;
    }
    .footer-36-2 .footer-name {
        height: auto;
        margin-top: 138px;
    }
    .footer-36-2 .footer-name .footer-menu {
        top: 209px;
        font-size: 15px;
    }
    .footer-36-2 .footer-center {
        margin-top: 10px;
    }
    .footer-36-2 .footer-tel {
        text-align: center;
        padding-top: 0;
        margin-top: 12px;
    }
    .footer-36-2 .footer-menu {
        margin: 20px 0px;
        margin-top: 5px;
    }
    .gg-pic {
        display: none;
    }
    .gg-map {
        display: none;
    }
    .footer-36-2 .footer-name .logo {
        position: relative;
        top: 0;
        left: 0;
    }
    .footer-36-2 .address {
        top: 15px;
        left: 0;
        position: relative;
        text-align: center;
    }
}

@media (min-width: 375px) and (max-width: 419px) {
    .footer-36-2 {
        /* background:url(../images/footer-36-2/bg-m.png) top center no-repeat; */
        /* margin-top: -102px; */
        /* padding-top: 130px!important; */
    }
    .footer-36-2 .logo {
        top: -96px;
        left: 0;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .footer-36-2 .logo img {
        max-width: 255px;
        margin-left: 3px;
    }
    .footer-36-2 .footer-name {
        height: auto;
        margin-top: 0;
        font: 25px/45px 'Kanit', Arial, sans-serif;
        text-align: center;
    }
    .footer-36-2 .footer-name .footer-menu {
        top: 209px;
        font-size: 15px;
    }
    .footer-36-2 .footer-center {
        margin-top: 10px;
    }
    .footer-36-2 .footer-tel {
        text-align: center;
        padding-top: 0;
        margin-top: 12px;
    }
    .footer-36-2 .footer-menu {
        margin: 20px 0px;
        margin-top: 5px;
    }
    .gg-pic {
        display: none;
    }
    .gg-map {
        display: none;
    }
    .footer-36-2 .footer-name .logo {
        position: relative;
        top: 0;
        left: 0;
    }
    .footer-36-2 .address {
        /* top: 15px; */
        /* left: 0; */
        /* position: relative; */
        text-align: center;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .footer-36-2 {
        /* background:url(../images/footer-36-2/bg-m.png) top center no-repeat; */
        /* margin-top: -102px; */
        /* padding-top: 130px!important; */
    }
    .footer-36-2 .logo {
        top: -42px;
        margin-left: -121px;
    }
    .footer-36-2 .logo img {
        max-width: 80%;
    }
    .footer-36-2 .footer-name {
        /* height: auto; */
        /* margin-top: 138px; */
        text-align: center;
    }
    .footer-36-2 .footer-name .footer-menu {
        top: 209px;
        font-size: 15px;
    }
    .footer-36-2 .footer-center {
        margin-top: 10px;
    }
    .footer-36-2 .footer-tel {
        text-align: center;
        padding-top: 0;
        margin-top: 12px;
    }
    .footer-36-2 .footer-menu {
        margin: 20px 0px;
        margin-top: 5px;
    }
    .gg-pic {
        display: none;
    }
    .gg-map {
        display: none;
    }
    .footer-36-2 .footer-name .logo {
        position: relative;
        top: 0;
        left: 0;
    }
    .footer-36-2 .address {
        top: 15px;
        left: 0;
        position: relative;
        text-align: center;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .footer-36-2 {
        background: url(../images/footer-36-1/bg-m.png) top center no-repeat;
    }
    .gg-pic {
        display: none;
    }
    .gg-map {
        display: none;
    }
    .footer-36-2 .footer-name .logo {
        position: relative;
        top: 0;
        left: 0;
    }
    .footer-36-2 .address {
        top: 15px;
        left: 0;
        position: relative;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-36-2 {
        /* background:url(../images/footer-36-2/bg-m.png) top center no-repeat; */
        /* margin-top: -150px; */
    }
    .footer-36-2 .footer-name {
        /* height: 225px; */
        font: 25px/45px 'Kanit', Arial, sans-serif;
    }
    .footer-36-2 .footer-tel {
        margin-top: 0;
        text-align: center;
    }
    .footer-36-2 .footer-center {
        margin-top: 15px;
        font: 35px/45px 'thaisanslite', Arial, sans-serif;
    }
    .footer-36-2 .footer-tel {
        padding-top: 10px;
    }
    .footer-36-2 .address {
        top: 245px;
    }
    .gg-pic {
        /* margin-top: 30px; */
    }
    .footer-36-2 .footer-name .logo {
        position: relative;
        top: 15px;
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-36-2 {
        min-height: 330px;
        position: relative;
        background: url(../images/footer-36-1/bg-1.png) top center no-repeat;
    }
    .footer-36-2 .logo {
        margin-left: -137px;
    }
    .footer-36-2 .logo img {
        max-width: 90%;
    }
    .footer-36-2 .footer-name .name {
        font: 28px/23px 'thaisanslite', Arial, sans-serif;
        left: 127px;
    }
    .footer-36-2 .address {
        color: #fff;
        font-size: 16px;
        position: absolute;
        top: 158px;
        left: 15px;
    }
    .footer-36-2 .footer-name .footer-menu {
        display: none;
    }
    .footer-36-2 .footer-center {
        padding-top: 5px;
        font: 35px/45px 'thaisanslite', Arial, sans-serif;
    }
    .footer-36-2 .footer-name .logo img {
        max-width: 80%;
        height: auto;
    }
    .footer-36-2 .footer-name .logo {
        position: absolute;
        top: 40px;
        left: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .footer-36-2 .footer-name .logo img {
        max-width: 94%;
        height: auto;
    }
    .footer-36-2 .address {
        font-size: 18px;
    }
    .footer-36-2 .footer-name .footer-menu {
        top: 152px;
    }
    .footer-36-2 .footer-name .name {
        position: absolute;
        top: 46px;
        left: 140px;
        font: 19px/45px 'Kanit', Arial, sans-serif;
        color: #fff;
    }
    .footer-36-2 .address {
        /* color: #fff; */
        /* font-size: 13px; */
        /* position: absolute; */
        /* top: 92px; */
        /* left: 141px; */
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .footer-36-2 .footer-name .logo img {
        max-width: 94%;
        height: auto;
    }
    .footer-36-2 .address {
        /* font-size: 12px; */
    }
    .footer-36-2 .footer-name .footer-menu {
        top: 152px;
    }
    .footer-36-2 .footer-name .name {
        position: absolute;
        top: 46px;
        left: 140px;
        font: 19px/45px 'Kanit', Arial, sans-serif;
        color: #fff;
    }
    .footer-36-2 .address {
        /* color: #fff; */
        /* font-size: 18px; */
        /* position: absolute; */
        /* top: 144px; */
        /* left: 32px; */
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .footer-36-2 .container-cv-4 {
        width: 100%;
    }
    .footer-36-2 .footer-name .logo img {
        max-width: 94%;
        height: auto;
    }
    .footer-36-2 .address {
        font-size: 18px;
    }
    .footer-36-2 .footer-name .footer-menu {
        top: 152px;
    }
    .footer-36-2 .footer-name .name {
        position: absolute;
        top: 46px;
        left: 140px;
        font: 22px/45px 'Kanit', Arial, sans-serif;
        color: #fff;
    }
    .footer-36-2 .address {
        /* color: #fff; */
        /* font-size: 13px; */
        /* position: absolute; */
        /* top: 92px; */
        /* left: 141px; */
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .footer-36-2 .footer-name .logo img {
        max-width: 94%;
        height: auto;
    }
    .footer-36-2 .address {
        /* font-size: 12px; */
    }
    .footer-36-2 .footer-name .footer-menu {
        top: 152px;
    }
    .footer-36-2 .footer-name .name {
        position: absolute;
        top: 46px;
        left: 140px;
        font: 22px/45px 'Kanit', Arial, sans-serif;
        color: #fff;
    }
    .footer-36-2 .address {
        /* color: #fff; */
        /* font-size: 13px; */
        /* position: absolute; */
        /* top: 148px; */
        /* left: 25px; */
    }
}