@media screen and (min-width:1201px){
.nav-phone, .nav-phone-cover{
    display: none;
}
.popup{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999;
    background:rgba(0,0,0,0.6);
}
.popup-img{
    width: 70%;
    height: auto;
    position: relative;
    margin: auto;
    margin-top: 7%;
}
.popup-close{
    position: absolute;
    right: -17px;
    top: -17px;
}
.menu-cover-cus{
    width: 1200px;
    margin: auto;
}
}
@media screen and (min-width:992px){
.img-phone{
    display: none;
}
.register-cus{
    margin-top: 60px;
}
.register-button-fixed{
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 0.6rem 2rem;
    font-family: ThaiSansNeue-Bold;
    background: #355d9a linear-gradient(to bottom, #355d9a, #335994);
    text-align: center;
    font-size: 2rem;
    z-index: 999999;
}
.register-button-fixed > a{
    color: #ffffff;
}
.register-button-fixed > a:hover{
    color: #ffffff;
}
.map-cus{
    margin-bottom: 60px !important;
}
}
/* start phone section */
@media screen and (max-width:1200px){
header{
    display: none;
}
.jumbotron{
    margin-top: 60px;
}
.page-header{
    margin-top: 60px;
}
/* start phone menu */
.nav, .nav-phone-cover, .nav-phone-black{
    display: none;
}
.nav-phone{
    display: block;
}
html{
    margin: 0px !important;
    padding: 0px !important;
}
body{
    margin: 0px !important;
    padding: 0px !important;
}
.nav-phone{
    width: 100%;
    height: 60px;
    background-color: #355d9a;
    position: fixed;
    z-index: 99;
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.nav-phone > img{
    margin-top: 13px;
    margin-left: 10px;
}
.nav-phone-bar{
    float: right;
    color: #ffffff;
    font-size: 35px;
    margin-top: 10px;
    margin-right: 15px;
}
.fa-bars{
    -webkit-text-stroke: 2px #355d9a;
}
.nav-phone-black{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: #000000;
    opacity: 0.6;
}
.nav-phone-cover{
    width: 235px;
    height: 100%;
    position: fixed;
    right: 0px;
    z-index: 99999;
    background-color: #355d9a;
    overflow: scroll;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.nav-phone-menu{
    width: auto;
    height: auto;
    padding-left:30px;;
    padding-top: 40px;
}
.nav-phone-close{
    float: right;
    color: #FFFFFF;
    position: relative;
    margin-right: 10px;
    margin-top: -30px;
}
.nav-phone-close > .fa-times{
    -webkit-text-stroke: 4px #355d9a;
}
.nav-phone-link{
    margin-bottom: 6px;
}
.nav-phone-link > a{
    font-family: ThaiSansNeue-Regular;
    font-size: 25px;
    color: #FFFFFF;
    text-decoration: none;
}
.nav-phone-link > i.fa-home{
    color: #FFFFFF;
    font-size: 22px;
    margin-right: 7px;
}
.nav-phone-link > i.fa-chevron-down{
    color: #FFFFFF;
    font-size: 19px;
    margin-left: 7px;
    -webkit-text-stroke: 2px #355d9a;
}
.nav-phone-detail-cover,.nav-phone-detail-cover2{
    margin-top: -8px;
    margin-bottom: 7px;
    padding-left: 15px;
    display: none;
}
.nav-phone-detail{
    margin-bottom: 2px;
}
.nav-phone-detail > a{
    font-family: ThaiSansNeue-Regular;
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
}
.nav-phone-hr{
    border: 1px solid #FFFFFF;
    width: 150px;
    margin-top: 18px;
    margin-bottom: 25px;
}
.nav-phone-copyright{
    font-family: LatoSemibold;
    font-size: 134px;
    color: #FFFFFF;
    margin-top: 15px;

}
.popup{
    display: none;
}
/* end phone menu */
/* end body phone set up */
}
@media screen and (max-width:991px){
.jumbotron{
    display: none !important;
}
.footer-top{ 
    font-size: 1.2rem;
    padding-top: 10px;
    padding-bottom: 0px;
}
.footer-top__headings{
    font-size: 1.4rem;
}
.footer-top .widget_nav_menu .menu a{
    font-size: 1.3rem;
}
div.footer-top > div.container > div.row > div{
    margin-bottom: 0px;
    margin-top: 20px;
}
h4{
    font-size: 1.7rem;
}
.page-box__text{
    font-size: 1.3rem;
}
.page-box--inline .page-box__title{
    font-size: 1.3rem;
}
.page-box--inline .page-box__text{
    font-size: 1.2rem;
}
.latest-news--inline .latest-news__title{
    font-size: 1.27rem;
}
.latest-news--more-news{
    font-size: 1.4rem;
}
.news{
    margin-bottom: 0px;
}
.testimonial__author-name{
    font-size: 1.65rem;
}
.testimonial__author-avatar, .testimonial__author, .testimonial__quote{
    font-size: 1.25rem;
}
.testimonials{
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
section.partners > div.container > div.row > div > h3.widget-title{
    text-align: center;
}
.partners{
    margin-bottom: 20px;
}
.page-header{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.breadcrumbs{
    margin-bottom: 2rem;
}
.margin-bottom-30{
    margin-bottom: 0px !important;
}
main{
    margin-bottom: 20px !important;
}
.hentry{
    margin-bottom: 0px !important;
}
header.news_detail{
    display: block !important;
}
.hentry > img{
    margin-bottom: 30px !important;
}
.portfolio-grid__card-title, .portfolio-grid__card-block h5{
    font-size: 1.3rem;
}
.portfolio-grid__card-text, .portfolio-grid__card-block p{
    font-size: 1.2rem;
}
.portfolio-grid__nav-link{
    font-size: 1.3rem;
}
.margin-bottom-60{
    margin-bottom: 0px !important;
}
.js-wpg-item{
    margin-bottom: 20px !important;
}
.services{
    margin-bottom: 30px !important;
}
.img-phone{
    margin-top: 60px;
    margin-bottom: 40px;
}
.projects{
    padding-bottom: 0px !important;
}
.phone-calender{
    position: relative !important;
    margin-top: -10px !important;
}
header.phone_process{
    display: block !important;
    margin-top: 15px;
}
.map{
    margin-bottom: 30px !important;
}
.contact{
    margin-top: 30px !important;
}
.register-phone-cus{
    margin-top: 40px !important;
}
.register-cus{
    margin-top: 30px !important;
}
.file-mobile{
    margin-bottom: 0px !important;
}
.register-button-fixed{
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 0.5rem 1.7rem;
    font-family: ThaiSansNeue-Bold;
    background: #355d9a linear-gradient(to bottom, #355d9a, #335994);
    text-align: center;
    font-size: 1.5rem;
    z-index: 999999;
}
.register-button-fixed > a{
    color: #ffffff;
}
.register-button-fixed > a:hover{
    color: #ffffff;
}
.project-cus-phone{
    margin-bottom: 30px !important;
}
.map-cus{
    margin-bottom: 30px !important;
}
}