html {
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', 'Sarabun', sans-serif;
    overflow-x: hidden;
}
.pc_service{
    display: block;
}
.img_product_home_r img {
    margin-right: calc(50% - 50vw);
    max-width: 1000%;
    width: 181%;
    position: relative;
}
.img_product_home_l img{
    margin-left: calc(103.5% - 50vw);
    max-width: 1000%;
    width: 185%;
    position: relative;
}
.box_producthome.pad_box_producthome{
    padding: 150px 0 0 100px;
}
.social {
    padding-bottom: 30px;
}

.social h4 {
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
    margin: 0;
    font-size: 20px;
}
.imgproduct_pc{
    display: block;
}
.social a {
    padding-right: 6px;
}

.icon_request {
    text-align: center;
    padding: 0 50px;
}

.icon_request img {
    width: 70px;
}

.icon_request h4 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 15px 0;
    margin: 0;
}
.img_month img{
    position: relative;
}
.month span{
    font-size: 14px;
}
.text_events {
    text-align: left;
    padding-bottom: 5px;
}
.text_events h5 {
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 27px;
    color: #148b74;
}
.text_events::after {
    content: "";
    height: 4px;
    width: 35px;
    display: inline-block;
    vertical-align: top;
    background-color: #a9a9a9;
}
.text_news h6{
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 20px 0;
}
.month{
    position: absolute;
    background-color: #176b5bbd;
    padding: 10px 20px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 19px;
    border-radius: 6px;
    top: 370px;
    right: 30px;
    z-index: 1;
    color: #fff;
}
.icon_request h6 {
    font-size: 17px;
    letter-spacing: 0.5px;
    line-height: 23px;
    height: 80px;
}
.text_events_link a{
    text-decoration: none;
    color: #000;
}
.text_events_link img{
    padding-bottom: 10px;
}
.text_events_link h6{
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.button_request a:hover {
    background-color: #176b5b;
    text-decoration: none;
    color: #fff;
}

.box_google img {
    width: 50px;
    padding-right: 20px;
}

.box_google h5 {
    display: contents;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.box_google p {
    font-size: 15px;
    padding: 15px 0 30px;
    margin: 0;
}

.box_google {
    background-color: #176b5be8;
    color: #fff;
    width: 350px;
    height: 233px;
    padding: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bg_request {
    background-color: #f5f5f5;
    padding: 60px 0;
}

.button_request a {
    border-radius: 35px;
    border: 1.5px solid #176b5b;
    color: #176b5b;
    display: inline-block;
    padding: 0 17px;
    height: 32px;
    width: 75%;
    text-align: center;
    line-height: 31px;
    transition: 0.5s;
    font-size: 16px;
}

.button_map {
    text-align: center;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #176b5be8;
    position: absolute;
    left: 50%;
    top: 72.1%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.button_map a:hover {
    text-decoration: none;
    background-color: #176b5b;
    color: #fff;
}

.button_map a {
    border-radius: 35px;
    border: 1.5px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 0 17px;
    height: 32px;
    width: 75%;
    text-align: center;
    line-height: 32px;
    transition: 0.5s;
    font-size: 16px;
}

.social img {
    width: 34px;
}

.form-group {
    padding-bottom: 0px;
    margin: 0;
}

.pad_address {
    padding-top: 26px;
}

.text_address {
    padding: 0;
    list-style: none;
    line-height: 27px;
    font-size: 16px;
    margin-bottom: 20px;
}
.text_address li{
    padding-bottom: 10px;
}
.address li{
    padding-bottom: 10px;
}
.address {
    padding: 0;
    list-style: none;
    line-height: 27px;
    color: #666;
}

.form-contact {
    border-radius: 0px;
    font-size: 14px;
    width: 100%;
    padding: 7px 15px;
    outline: 0;
    margin-bottom: 15px;
    border: 1px solid #ced4da;
    background-color: #f2f3f5;
}

.button_send {
    width: 30%;
    border: none;
    padding: 7px;
    font-size: 14px;
    margin-bottom: 15px;
    background-color: #176b5b;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 35px;
}

.form-group span {
    color: #c65b5b;
    font-weight: 600;
    font-size: 13px;
}

.technology_company h3 {
    color: #176b5b;
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 30px;
}

.head_office h5 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 20px;
}

/* width */

::-webkit-scrollbar {
    width: 10px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.nopad {
    padding: 0;
}

.box_newhome {
    background-color: #302f2f;
    color: #fff;
    padding: 38px 50px;
    margin-left: 0;
    height: auto;
}

.box_newhome h5 {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
}

.box_newhome h6 {
    font-size: 12px;
    margin: 0;
    padding: 20px 0;
}

.box_newhome p {
    font-size: 16px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box_newhome a {
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
}

.buttun_viewmore {
    text-align: center;
    padding: 40px 0 60px;
}

.buttun_viewmore a {
    color: #034639;
    display: inline-block;
    padding: 0px 20px;
    line-height: 29px;
    transition: 0.5s;
    font-size: 14px;
    border-radius: 35px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    border: 1.5px solid #034639;
}

.buttun_viewmore a:hover {
    background-color: #034639;
    color: #fff;
}

.pad_partners {
    padding-bottom: 40px;
}

.bg_box_producthome {
    background-image: url(../images/bg_box_producthome.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_product_home {
    background-image: url(../images/bg_product_home.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.background {
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.background_op {
    background-image: url(../images/background_op.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_about {
    background-image: url(../images/bg_about.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.pa_technology {
    text-align: center;
    color: #fff;
}

.pa_technology h2 {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 36px;
    margin-bottom: 15px;
    font-family: 'Martel Sans', sans-serif;
}

.pa_technology::after {
    content: "";
    height: 4.2px;
    width: 50px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
}

.pad_box_technology {
    padding-bottom: 60px;
}

.pad_technology {
    padding: 60px 0 40px;
}

.pad_technology h3 span {
    color: #176b5b;
}

.pad_technology h3 {
    font-family: 'Martel Sans', sans-serif;
    font-size: 35px;
    padding-right: 276px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #302f2f;
    margin: 0;
    padding-bottom: 15px;
}

.pa_text p {
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 0;
    padding: 0 60px;
}

.pad_r_img_product {
    padding-right: 0;
}

.pad_l_img_product {
    padding-left: 0;
}

.box_producthome {
    padding: 140px 45px 90px 0;
}

.box_producthome h3 {
    padding: 0px 0 15px;
    margin: 0;
    font-size: 33px;
    font-family: 'Martel Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #302f2f;
}
.link_products{
    font-size: 14px;
    color: #176b5b;
    padding-bottom: 30px;
}
.link_products a:hover{
    text-decoration: none;
}
.link_products a{
    color: #000;
}
.movie-player img{
    border: none !important;
}
.movie-player {
    position: absolute;
    left: 5.8%;
    top: 51%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 27px;
    opacity: 0.5;
}
.box_producthome p {
    font-size: 20px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.button_readmore a:hover {
    color: #fff;
    background-color: #034639;
}

.button_readmore a {
    color: #034639;
    display: inline-block;
    padding: 0px 20px;
    line-height: 29px;
    transition: 0.5s;
    font-size: 14px;
    border-radius: 35px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    border: 1.5px solid #034639;
}

.pad_r_img {
    padding: 0 0 30px;
}

.pad_l_img {
    padding: 0;
}

.pad_r_img img {
    height: 100%;
}

.pad_l_img img {
    height: 100%;
}

.discover h3 {
    text-align: center;
    padding: 60px 0 30px;
    font-size: 33px;
    font-family: 'Martel Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #034639;
}
.movie-player-vdo img{
    position: absolute !important;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 27px;
    opacity: 0.5;
    z-index: 1;
}
.pad_box_events{
    padding-right: 5px;
}
.box_events_vdo img{
    position: relative;
}
.pad_menu {
    padding: 130px 0 50px;
}

.box_products {
    position: relative;
    width: 100%;
}

.box_productsimage {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.teb_services img {
    margin-bottom: 30px;
}

.teb_services h3 {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Martel Sans', sans-serif;
    padding-bottom: 20px;
    margin: 0;
}

.box_productsmiddle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.box_products:hover .box_productsimage {
    opacity: 0.3;
}

.box_products:hover {
    background-color: #05725d;
}

.box_products:hover .box_productsmiddle {
    opacity: 1;
}
.box_productstext a{
    border-radius: 35px;
    border: 1.5px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 0 17px;
    height: 32px;
    width: 100%;
    text-align: center;
    line-height: 31px;
    transition: 0.5s;
    font-size: 15px;
}
.box_productstext a:hover{
    text-decoration: none;
}
.page-item.disabled .page-link{
    padding: .3rem .73rem;
    border-color: #176b5b;
}
.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.page-link:focus{
    box-shadow: none;
}
.page-link:hover{
    color: #fff;
    background-color: #176b5b;
    border-color: #176b5b;
}
.page-link{
    color: #000;
    padding: .3rem .65rem;
    border-color: #176b5b;
}
.pagination-c.new{
    padding-top: 20px;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #176b5b;
    border-color: #176b5b;
}
.page-item{
    padding: 0 0 0 10px;
}
.text_products{
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 10px 10px 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.discover span {
    color: #302f2f;
}

.box_technology:hover {
    background-color: #16937ba8;
    color: #fff;
}

.box_technology {
    padding: 15px;
    background-color: #16937b42;
    font-size: 16px;
    height: 100%;
}
.box_technology p{
    margin: 0;
}
.box_technology span{
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.3px;
    font-size: 16px;
}
.box_technology h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
    padding-bottom: 5px;
}
.news_romotions span{
    color: #959595;
    padding-left: 6px;
}
.news_romotions div{
    background-color: #959595;
    height: 36px;
    width: 4.5px;
    margin-right: 15px;
}
.news_romotions h3{
    display: flex;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #176b5b;
}
.bg_slider{
    background-color: #f2f3f5;
}
/*footer*/

.bg_footer {
    background-image: url(../images/bg_footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 100px 0;
    color: #fff;
}
.new_sletter h3{
    font-weight: 600;
    letter-spacing: 1px;
}
.btn-secondary {
    color: #fff;
    background-color: #2d2c2c;
    border-color: #2d2c2c;
    border-radius: 0 6px 6px 0;
    font-size: 15px;
}
.padform-r{
    padding-right: 0;
}
.padform-l{
    padding-left: 0;
}
.form-control{
    border-radius: 6px 0 0 6px;
    font-size: 15px;
    outline: none;
}
.new_sletter{
    background-image: url(../images/bg_newsletter.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 60px;
    color: #fff;
    margin: 50px 0 20px;
    
}
.btn-secondary:hover {
    background-color: #000;
    border-color: #000;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.form-control:focus {
    outline: 0;
    box-shadow: none;
}
.bg_footer img {
    width: 110px;
}

.copyright {
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    border-top: 1px solid #464646;
}

.copyright p {
    margin: 0;
}

.icon_social {
    padding-bottom: 50px;
}

.icon_social img {
    width: 35px;
    padding-right: 5px;
}

.text_footer {
    text-align: right;
}

.text_footer h6 {
    font-size: 14px;
    line-height: 26px;
}

.text_footer h6 span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
.box-top-product h6 {
    position: absolute;
    bottom: 0;
    z-index: 1;
    border-bottom: 37px solid #034639;
    border-left: 0;
    border-right: 30px solid transparent;
    height: 0;
    width: 85%;
    margin: 0;
    padding-left: 15px;
    line-height: 38px;
    color: #fff;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
}
.pad_related{
    padding-bottom: 50px;
}
.box-homenew {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
    -moz-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
    box-shadow: 0px 0px 7px -2px rgba(48, 46, 50, 0.23);
    margin-bottom: 30px;
}
.box-homenew img {
    border-radius: 4px 4px 0 0;
    position: relative;
}
.text-box-homenew {
    padding: 20px;
    background-color: #f2f3f5;
}
.text-box-homenew h6 {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.3px;
    color: #000;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-box-homenew p {
    font-size: 16px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}
.name_products h4{
    font-size: 25px;
    color: #176b5b;
    font-weight: 600;
    font-family: 'Martel Sans', sans-serif;
    letter-spacing: 0.5px;
    margin: 0;
    padding-bottom: 15px;
}

.name_products h5{
    font-weight: 600;
    font-family: 'Martel Sans', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 17px;
}
.name_products p{
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin: 0;
    
}
.name_products i{
    font-size: 11px;
    color: #176b5b;
    padding-left: 5px;
}
.name_products a{
    color: #000;
}
.name_products a:hover{
    text-decoration: none;
}
.related{
    font-weight: 600;
    font-family: 'Martel Sans', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 17px;
}
.box_slide_new{
    position: absolute;
    width: 500px;
    padding-left: 40px;
    z-index: 1;
    bottom: 32px;
    color: #fff;
}
.box_slide img{
    position: relative;
}
.news_romotions{
    margin-bottom: 30px;
}
.box_slide_new h4{
    font-weight: 600;
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}
.box_slide_new p{
    font-size: 14px;
    margin: 0;
    padding-bottom: 10px;
}
.button_boxslide a{
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.button_boxslide a:hover{
    text-decoration: none;
}
.button_boxslide i{
    padding: 6px 10px;
    border: solid 1.2px #fff;
    border-radius: 35px;
    margin-left: 10px;
}

.pad_flexslider{
    margin-bottom: 50px;
}

.padbox-homenew a{
    text-decoration: none;
}
.box-homenew h5{
    position: absolute;
    background-color: #176b5ba3;
    padding: 7px;
    font-size: 13px;
    top: 147px;
    left: 27px;
    z-index: 1;
    color: #fff;
}

.box_events a {
    text-decoration: none;
    color: #000;
}
.box_events h6 {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: 600;
}
.box_events p {
    margin: 0;
    font-size: 13px;
}
.box_events {
    padding: 0 0 25px;
}
.trending h5{
    font-size: 22px;
    margin: 0;
    padding: 3px 0 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.trending span{
    color: #176b5b;
}
.pad_rflexslider{
    padding-right: 0;
}
.pad_bg_l{
    background-color: #d7d7d7;
    padding: 15px 20px 0px;
}
.pad_discover{
    margin-bottom: 30px;
}

.pad_productimg{
    padding: 0;
}

.name_new{
    padding-bottom: 15px; 
}



.imgproduct_mobile{
    display: none;
}

.pc_img_about{
    display: block;
}
.mobile_img_about{
    display: none;
}
.mobile_service{
    display: none;
}
.back a:hover{
    text-decoration: none;
    background-color: #0d7561;
}
.back a{
    background-color: #148b74;
    border: none;
    color: #fff;
    display: inline-block;
    line-height: 26px;
    transition: 0.5s;
    font-size: 16px;
    text-align: center;
    border-radius: 35px;
    width: 110px;
    padding: 4px;
}
.cbms_mobile{
    display: none;
}
.cbms_pc{
    display: block;
}

.trending_pc{
    display: block;
}
.trending_mobile{
    display: none;
}
/*footer*/
@media (max-width: 2560px){
.img_product_home_l img{
    width: 246%;
}
.img_product_home_r img{
    width: 242%;
}
@media (max-width: 1550px){
    .img_product_home_r img{
        margin-right: calc(50% - 50vw);
        width: auto;
    }
    .img_product_home_l img{
        margin-left: calc(99.5% - 50vw);
        width: auto;
    }
    .box_producthome.pad_box_producthome {
        padding: 100px 0 0 100px;
    }
    .box_producthome {
        padding: 90px 45px 90px 0;
    }
}
@media (max-width: 1440px){
    .img_product_home_l img{
        margin-left: calc(90.5% - 50vw);
    }
    .box_technology h3{
        font-size: 25px;
    }
    .name_products h5{
        font-size: 18px;
    }
    .technology_company.md h3{
        font-size: 28px;
        padding-bottom: 10px;
    }
    .icon_request img {
        width: 60px;
    }
    .teb_services h3{
        font-size: 22px;
        padding-bottom: 10px;
    }
    .box_slide_new h4{
        font-size: 18px;
    }
    .bg_footer{
        padding: 50px 50px 0;
    }
    .pa_technology h2{
        font-size: 32px;
    }
    .discover h3{
        font-size: 28px;
    }
    .box_producthome p{
        font-size: 18px;
    }
    .box_producthome h3{
        font-size: 28px;
    }
    .box_producthome.pad_box_producthome {
        padding: 110px 0 0 100px;
    }
    
    .pad_technology h3{
        font-size: 32px;
        padding-right: 330px;
        line-height: 47px;
    }
    .box_newhome h5{
        font-size: 18px;
    }
    .box_newhome{
        padding: 40px 50px;
    }
    
}
@media (max-width: 1280px){
    .box_technology span{
        font-size: 14px;
        letter-spacing: 0;
    }
    .name_new{
    padding-bottom: 30px; 
}

    .social h4{
        font-size: 16px;
        padding-bottom: 30px;
    }
    .new_sletter{
        padding: 40px;
    }
    .new_sletter p{
        font-size: 14px;
    }
    .form-control{
        font-size: 13px;
    }
    .new_sletter h3{
        font-size: 20px;
    }
    .btn-secondary{
        font-size: 13px;
    }
    .text_footer h6 span{
        font-size: 14px;
    }
    .container {
        max-width: 900px;
    }
    .pad_technology p{
        letter-spacing: 0.5px;
        line-height: 23px;
        font-size: 16px;
    }
    .box_slide_new p{
        font-size: 11px;
    }
    .our_services p{
        font-size: 14px;
        line-height: 23px;
    }
    .text_panel_ul{
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.5px;
    }
    
    .text_events_link h6{
        margin-bottom: 20px;
    }
    .back a{
        font-size: 14px;
    }
    .month{
        top: 321px;
        right: 30px;
        padding: 7px 15px;
        font-size: 18px;
    }
    .month span {
        font-size: 12px;
    }
    .text_news h6{
        font-size: 16px;
    }
    .text_news p{
        font-size: 14px;
    }
    .text_events h5{
        font-size: 20px;
    }
    .text_events_link a{
        font-size: 14px;
    }
    .box_events {
        padding: 0 0 18px;
    }
    .trending h5{
        padding: 3px 0 15px;
        font-size: 16px;
    }
    .text-box-homenew p{
        font-size: 14px;
    }
    .text-box-homenew h6{
        font-size: 15px;
    }
    .box-homenew h5{
        font-size: 12px;
        top: 105px;
    }
    .box_events p{
        font-size: 12px;
    }
    .box_events h6{
        font-size: 13px;
        line-height: 20px;
    }
    .pad_bg_l{
        padding: 12px 18px 0px;
    }
    .button_boxslide a{
        font-size: 12px;
    }
    .box_newhome h6{
        padding: 10px 0;
    }
    .img_product_home_r img{
        height: 340px;
    }
    .box_newhome {
        padding: 29px 29px;
    }
    .name_products h4{
        padding-bottom: 30px;
    }
    .name_products h5{
        font-size: 17px;
    }
    .box_newhome p{
        font-size: 13px;
    }
    .technology_company.md h3{
        font-size: 20px;
        padding-bottom: 20px;
    }
    .head_office h5{
        font-size: 16px;
        padding-bottom: 30px;
        letter-spacing: 0.5px;
    }
    .icon_request{
        padding: 0;
    }
    .button_send{
        width: 35%;
    }
    .icon_request h4{
        font-size: 18px;
    }
    .icon_request img {
        width: 60px;
    }
    .icon_request h6{
        font-size: 16px;
    }
    .img_product_home_l img{
        margin-left: calc(104% - 50vw);
        height: 350px;
    }
    .teb_services h3{
        padding-bottom: 10px;
        font-size: 18px;
    }
    .box_slide_new h4{
        font-size: 16px; 
    }
    .pa_technology h2{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .pa_text p{
        line-height: 28px;
        font-size: 16px;
    }
    .discover h3{
        padding: 60px 0 20px;
        font-size: 27px;
    }
    .box_producthome h3{
        font-size: 27px;
    }
    .box_producthome p{
        font-size: 16px;
    }
    .box_newhome h5{
        font-size: 15px;
    }
    .news_romotions div{
        height: 27px;
        width: 3.5px;
    }
    .news_romotions h3{
        font-size: 20px;
    }
    .bg_footer img {
        width: 95px;
    }
    .bg_footer{
        padding: 50px 45px 0;
    }
    .icon_social img{
        width: 29px !important;
    }
    .box_producthome.pad_box_producthome {
        padding: 80px 0 0 100px;
    }
    .box_producthome {
        padding: 70px 45px 90px 0;
    }
    .pad_technology h3{
        line-height: 44px;
        font-size: 30px;
        padding-right: 0;
    }
    .box_technology h3{
        font-size: 16px;
        padding-bottom: 10px;
    }
    .box_technology{
        padding: 15px;
    }
    .text_products{
        font-size: 12px;
    }
    .box_technology p{
        font-size: 14px;
        letter-spacing: 0;
        line-height: 23px;
    }
    .box_productstext a{
        padding: 0 10px;
        font-size: 13px;
    }
    .movie-player{
        left: 7.5%;
    }
    
}
@media (max-width: 1199px) {
    .bg_about{
        padding: 40px 0;
    }
    .pa_technology h2{
        font-size: 27px;
    }
    .pa_technology::after{
        height: 3.6px;
    }
    .pa_text p{
        font-size: 16px;
    }
    .discover h3{
        padding: 40px 0 20px;
        font-size: 23px;
    }
    .box_producthome p{
        font-size: 16px;
    }
    .box_producthome h3{
        font-size: 23px;
    }
    .img_product_home_l img{
        margin-left: calc(36.6% - 50vw);
    }
    .box_producthome.pad_box_producthome {
        padding: 100px 0 0 60px;
    }
    .box_newhome h5{
        font-size: 16px;
        line-height: 23px;
        margin: 0;
    }
    .box_newhome p{
        font-size: 13px;
    }
    .box_newhome a{
        font-size: 13px
    }
    .pad_r_img {
        padding: 0 0 0px;
    }
    
    
    .box_newhome h6{
        padding: 13px 0;
    }
    .pad_partners {
        padding-bottom: 20px;
    }
    .buttun_viewmore {
        padding: 25px 0 40px;
    }
    .bg_footer{
        padding: 40px 30px 0;
    }
    .icon_social {
        padding-bottom: 35px;
    }
    .bg_footer img {
        width: 90px;
    }
    .icon_social img{
        width: 30px;
    }
    .copyright p{
        font-size: 13px;
    }
    .copyright{
        padding: 12px 0;
    }
    .text_footer h6 span{
        font-size: 14px;
    }
    .pad_technology h3{
        padding-right: 155px;
        line-height: 44px;
        font-size: 23px;
        padding-bottom: 7px;
    }
    .icon_request img {
        width: 50px;
    }
    .icon_request h6{
        font-size: 14px;
    }
    .icon_request h4{
        font-size: 18px;
        padding: 10px 0;
    }
    .button_send{
        font-size: 12px;
    }
    .button_request a{
        font-size: 14px;
        line-height: 31px;
        padding: 0 12px;
        width: 87%;
    }
    .form-contact{
        font-size: 13px;
    }
    .form-group{
        font-size: 14px;
    }
    .address{
        font-size: 14px;
    }
    .text_address{
        font-size: 14px;
    }
    .head_office h5{
        font-size: 18px;
    }
    .box_technology{
        padding: 20px;
        font-size: 15px;
    }
    .box_technology h3{
        font-size: 20px;
    }
    .pad_technology{
        font-size: 15px;
    }
    .text_products{
        font-size: 14px;
    }
    .box_productstext a{
        padding: 0 13px;
        height: 28px;
        line-height: 24px;
        font-size: 13px;
    }
    .pad_menu {
        padding: 120px 0 50px;
    }
    .box-top-product h6{
        font-size: 13px;
    }
    .name_products p{
        font-size: 14px;
    }
    
    .our_services{
        font-size: 14px;
    }
    
    .trending h5{
        padding: 7px 0 11px;
        font-size: 18px;
    }
    
    .box_events {
        padding: 0px 0 21px;
    }
    
    .box_events h6{
        font-size: 14px;
        line-height: 20px;
    }
    .box_events p {
        font-size: 11px;
    }
    .news_romotions div{
        height: 30px;
    }
    
    
    .news_romotions h3{
        font-size: 23px;
    }
    .box_slide_new h4{
        font-size: 16px;
    }
    
    .box_slide_new p{
        font-size: 11px;
    }
    .button_boxslide a{
        font-size: 11px;
    }
    .button_boxslide i{
        padding: 6px 9px;
    }
    .text-box-homenew p{
        font-size: 14px;
    }
    .text-box-homenew h6{
        font-size: 16px;
    }
    .box-homenew h5{
        top: 117px;
        left: 27px;
        font-size: 10px;
    }
    .text_news h6{
        font-size: 17px;
    }
    .text_news p{
        font-size: 14px;
    }
    .month{
        padding: 5px 13px;
        font-size: 20px;
        top: 308px;
        right: 30px;
        line-height: 19px;
    }
    .text_events h5{
        font-size: 23px;
    }
    .text_events_link a{
        font-size: 16px;
    }
    .teb_services h3{
        font-size: 20px;
        padding-bottom: 10px;
    }
}


@media (max-width: 1024px){
    .img_product_home_l img {
        margin-left: calc(40.3% - 50vw);
    }
}
@media (max-width: 991px) {
    .box_newhome {
        padding: 14px 16px;
    }
    .box_newhome h5 {
        font-size: 13px;
    }
    .box_newhome h6 {
       font-size: 10px;
    }
    .box_newhome a {
        font-size: 11px;
    }
    .box_newhome p {
        font-size: 11px;
        margin-bottom: 16px;
    }
    .pa_technology h2 {
        font-size: 25px;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }
    .imgproduct_mobile{
        display: block;
    }
    .imgproduct_pc{
        display: none;
    }
    .pad_bg_l {
        background: none;
    }
    .trending h5 {
        padding: 10px 0 17px;
        font-size: 20px;
    }
    .pa_text p {
        font-size: 14px;
        line-height: 26px;
        padding: 0 30px;
    }
    .box_slide_new{
        width: 300px;
    }
    .link_products{
        padding-bottom: 20px;
    }
    .name_products h5{
        font-size: 15px;
    }
    .name_products h4{
        margin-top: 15px;
        font-size: 22px;
    }
    .img_product_home_l img {
        margin-left: calc(-23.2% - 50vw);
    }
    .box-homenew h5{
        top: 138px;
    }
    .icon_request{
        padding: 0 10px;
    }
    .pad_technology h3{
        line-height: 36px;
        font-size: 27px;
        padding-bottom: 15px;
    }
    .pad_technology {
        padding: 60px 0 10px;
    }
    .pad_md_technology{
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .social h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .head_office h5{
        padding-bottom: 25px;
    }
    
    .social {
        padding-bottom: 12px;
    }
    .pa_technology h2{
        font-size: 20px;
    }
    .padform-r{
        padding-left: 0;
    }
    .new_sletter h3 {
        font-size: 17px;
    }
    .new_sletter p {
        font-size: 13px;
    }
    .cbms_pc{
        display: none;
    }
    .page-item{
        padding: 0 10px 0 0;
    }
    .pc_img_about{
        display: none;
    }
    .mobile_service{
        display: block;
    }
    .mobile_img_about{
        display: block;
    }
    .pc_service{
        display: none;
    }
    .pa_technology::after{
        height: 3px;
        width: 36px;
    }
    .pa_text p {
        line-height: 26px;
        text-align: left;
        padding: 0;
    }
    .nopad_mobile{
        padding: 0;
    }
    .discover h3 {
        padding: 30px 0 20px;
        font-size: 18px;
    }
    .bg_about {
        padding: 30px 0;
    }
    .box_producthome {
        padding: 0 0 30px 0;
    }
    .box_producthome h3 {
        font-size: 18px;
        padding: 0px 0 5px;
    }
    .img_product_home_r img {
        margin-right: 0;
        width: 100%;
    }
    .img_product_home_l{
        margin-top: 30px;
    }
    .img_product_home_l img {
        margin-left: 0;
        width: 100%;
    }
    .box_producthome p{
        margin-bottom: 10px;
        font-size: 14px;
    }
    .button_readmore a{
        letter-spacing: 0;
        line-height: 26px;
    }
    .box_producthome.pad_box_producthome {
        padding: 30px 0 0 0;
    }
    .img_product_home_l img{
        height: 100%;
    }
    .img_product_home_r img{
        height: 100%;
    }
    .box_newhome{
        padding: 20px 20px;
    }
    .box_newhome h5{
        font-size: 14px;
    }
    .buttun_viewmore a{
        line-height: 26px;
        letter-spacing: 0px;
    }
    .bg_footer {
        padding: 30px 15px 0 15px;
    }
    .copyright p {
        font-size: 11px;
    }
    .pad_mobile_slide{
        margin-top: 54px;
    }
    
    .pad_technology h3 {
        line-height: 32px;
        font-size: 22px;
        padding-bottom: 10px;
        padding-right: 0;
    }
    .pad_technology {
        padding: 30px 0 10px;
    }
    
    .pad_technology p{
        font-size: 14px;
    }
    .pad_technology img{
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .pad_box_technology {
        padding-bottom: 40px;
    }
    .pad_menu {
        padding: 90px 0 50px;
    }
    .month{
        top: 149px;
    }
    .icon_request h6{
        height: 50px;
    }
    .button_request a {
        line-height: 28px;
        width: 46%;
        margin-bottom: 30px;
    }
    .bg_request {
        padding: 30px 0 10px;
    }
    .button_map a{
        font-size: 15px;
        line-height: 29px;
        width: 60%;
    }
    .box_google p{
        font-size: 14px;
    }
    .box_google h5{
        font-size: 16px;
    }
    
    .box_productstext a{
        font-size: 12px;
        padding: 0 9px;
    }
    .teb_services h3{
        font-size: 18px;
    }
    
    .pad_rflexslider {
        padding-right: 15px;
    }
    
    .pad_box_events {
        padding-right: 15px;
    }
    
    .pad_bg_l{
        padding: 0 15px 0px;
    }
    .pad_box_events img{
        padding-bottom: 10px;
    }
    
    .box-homenew h5 {
        top: 173px;
    }
    .page-item.disabled .page-link{
        padding: .2rem .63rem;
    }
    .page-link{
        padding: .2rem .55rem;
    }
    .text_events h5 {
        font-size: 20px;
        letter-spacing: 0;
    }
    .text_events::after{
        height: 3px;
        width: 31px;
    }
    
    .cbms_mobile{
        display: block;
    }
    .trending_mobile{
        display: block;
    }
    .trending_pc{
        display: none;
    }
    
    .pad_flexslider {
        margin-bottom: 30px;
    }
    .trending h5{
        padding: 0 0 17px;
    }
    .box_technology span{
        font-size: 13px;
        letter-spacing: 0;
    }
    
       @media (max-width: 991px)
    .text-box-homenew{
     height: 130px;
    }
    .text-box-homenew{
       height: 145px;
    }
    @media (max-width: 320px){
    .box_productstext a {
        font-size: 11px;
        padding: 0 8px;
    }
    .box_productsmiddle{
        width: 60%;
    }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}