@font-face{
    font-family: Rototo;
    font-weight: normal;
    font-style: normal;
    src:url('../fonts/Roboto-Light.ttf');
}
@font-face{
    font-family: Rototo;
    font-weight: normal;
    font-style: italic;
    src:url('../fonts/Roboto-LightItalic.ttf');
}
@font-face{
    font-family: Rototo;
    font-weight: bold;
    font-style: normal;
    src:url('../fonts/Roboto-Medium.ttf');
}
@font-face{
    font-family: Rototo;
    font-weight: bold;
    font-style: italic;
    src:url('../fonts/Roboto-MediumItalic.ttf');
}
@font-face{
    font-family: Rototo;
    font-weight: 900;
    font-style: normal;
    src:url('../fonts/Roboto-Bold.ttf');
}
@font-face{
    font-family: Rototo;
    font-weight: 900;
    font-style: italic;
    src:url('../fonts/Roboto-BoldItalic.ttf');
}



body { font-size: 16px; font-family: Rototo; color: #2b2b2b; }
img { max-width: 100%; }
button { cursor: pointer; }

html {  margin-top: 0px !important; }
    * html body { margin-top: 0px !important; }
    @media screen and ( max-width: 782px ) {
        html { margin-top: 0px !important; }
        * html body { margin-top: 0px !important; }
    }

@supports (-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) {
    .color-gradient {
        /*background: -webkit-linear-gradient(-45deg, #383838, #2b2b2b, #5e5e5e, #383838);
        background: linear-gradient(135deg, #383838, #2b2b2b, #5e5e5e, #383838);*/
        /*-webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        /*background: #b8905b;*/
        color: #b8905b;
    }
}
@supports not ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
    .color-gradient {
        color: #383838;
    }
}
.nvh_parallax .parallax-container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.btn-light-hover { position: relative; overflow: hidden; }
.btn-light-hover:before { position: absolute; right: 100%; transform: skewX(30deg) translateX(0); transform-origin: bottom; content: ""; width: 20px; top: 0; bottom: 0; transition: all ease .3s; background: rgba(255,255,255,.4); }
.btn-light-hover:hover:before { right: 0; transform: skewX(30deg) translateX(100%); transform-origin: top; }
a, a:hover, a:focus {
    color: #383838;
    transition: all ease .4s;
}

#main-menu { position: fixed; display: flex; z-index: 100; left: 0; top: 0; right: 0; background: rgba(43, 43, 43, 0.8); }
#main-menu .navbar { padding: 5px 30px; max-width: 100%; width: 1760px; margin-left: auto; margin-right: auto; background: transparent; }
#main-menu .logo-img { height: 50px; }
#main-menu .nav-link { display:flex; font-weight: 900; color: #fff; text-transform: uppercase; padding: 15px 25px; transition: all ease .4s; }
@supports (-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) {
    #main-menu .navbar-nav-standard .nav-item.active .nav-link, #main-menu .navbar-nav-standard .nav-item .nav-link:hover {
        /*background: -webkit-linear-gradient(-45deg, #383838 25%, #2b2b2b, #5e5e5e, #383838 75%);
        background: linear-gradient(135deg, #383838 25%, #2b2b2b, #5e5e5e, #383838 75%);*/
        background:#b8905b;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
@supports not ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
	#main-menu .navbar-nav-standard .nav-item.active .nav-link, #main-menu .navbar-nav-standard .nav-item .nav-link:hover 
    { color: #b8905b; }
}
#main-menu .nav-item .nav-link:hover { transform: translateY(-10px); }
#main-menu .navbar-collapse { justify-content: flex-end; }
#main-menu .c-navbar-collapse { display: flex; justify-content: flex-end; }
#main-menu .navbar-nav-standard { padding-right: 25px; }
#main-menu .navbar-socials { padding-left: 35px; border-left: 1px solid #fff; }
#main-menu .navbar-socials .nav-link { padding-left: 15px; padding-right: 15px; font-size: 20px; }

.section-slider .main-slider { position: relative; }
.section-slider .main-slider .list-items { padding: 0; margin: 0; list-style-type: none; }
.section-slider .main-slider .list-items .item { position: relative; height: 100vh; min-height: 400px; }
.section-slider .main-slider .list-items .item:before { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: #cb9966; content: ""; opacity: .2; }
.section-slider .main-slider .list-items .item .wrap-img { position: relative; z-index: 0; width: 100%; height: 100%; overflow: hidden; }
.section-slider .main-slider .list-items .item .wrap-img .img { object-fit: cover; object-position: center; width: 100%; height: 100%; transform: scale(1.2); }
.section-slider .main-slider .list-items .item.slick-changing .wrap-img .img { transform: scale(1); transition: all ease .4s; }
.section-slider .main-slider .list-items .item.slick-current .wrap-img .img { transform: scale(1); transition: all cubic-bezier(0.03, 0.46, 0, 0.99) 6s; }

.section-slider .main-slider .list-items-nav .slick-list { padding-top: 50px; }
.section-slider .main-slider .slide-nav { position: absolute; left: 0px; right: 0px; bottom: 80px; }
.section-slider .main-slider .c-container { width: 1200px; max-width: 100%; padding: 0 30px; margin-left: auto; margin-right: auto; }
.section-slider .main-slider .wrap-list-items-nav { width: 75%; position: relative; }
.section-slider .main-slider .list-items-nav { padding: 0; margin-bottom: 10px; list-style-type: none; }
.section-slider .main-slider .list-items-nav .slick-track { display: flex; align-items: flex-end; }
.section-slider .main-slider .list-items-nav .box { background: rgba(255,255,255,.8); border-radius: 5px; padding: 15px; transform: translateY(-50px); opacity: 0; }
.section-slider .main-slider .list-items-nav .slick-current .box { transform: translateY(0); transition: all ease .6s; opacity: 1; }
.section-slider .main-slider .list-items-nav .title { font-weight: 900; color: #2b2b2b; font-size: 32px; margin-bottom: 15px; }
.section-slider .main-slider .slide-nav .controls { text-align: right; }
.section-slider .main-slider .slide-nav .controls .control-btn { font-weight: 900; font-size: 20px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 5px; outline: none; border: none;padding: 0px; }
.section-slider .main-slider .slide-nav .controls .control-btn .img { width: 14px; }

.section-headline { position: relative; padding: 75px 0; }
.section-headline:before { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: -webkit-linear-gradient(-45deg, rgba(184, 144, 91, 0.6), rgba(148, 111, 65, 0.7), rgba(253, 202, 133, 0.1), rgba(148, 111, 65, 0.1)); background: linear-gradient(135deg, rgba(184, 144, 91, 0.6), rgba(148, 111, 65, 0.7), rgba(253, 202, 133, 0.1), rgba(148, 111, 65, 0.1)); }
.section-headline .background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 0; }
.section-headline .background .img { width: 100%; height: 100%; object-position: center; object-fit: cover; }
.section-headline .wrap-content { position: relative; z-index: 2; color: #fff; width: 1200px; padding-left: 30px; padding-right: 30px; max-width: 100%; margin-left: auto; margin-right: auto; }
.section-headline .wrap-content .content { width: 60%; }
.section-headline .content .title { color: #2b2b2b; font-size: 48px; font-weight: 900; padding: 15px 0; margin-bottom: 30px; position: relative; }
.section-headline .content .title:before, .section-headline .content .title:after { position: absolute; left: 0; width: 100px; height: 4px; border-radius: 3px; background: #b8905b; content: ""; }
.section-headline .content .title:before { top: 0; }
.section-headline .content .title:after { bottom: 0; }

.section-features { display: flex; align-items: center; background: url(../images/bg-features.jpg), url(../images/bg-brow.jpg); background-repeat: no-repeat, repeat; background-size: 100% auto, 36% auto; background-position: center, left; padding: 40px 0; }
.section-features .wrap-feature { padding-left: 40px; padding-right: 40px; }
.section-features .feature-left { width: 20%; }
.section-features .feature-right { width: 40%; margin-left: 40%; }
.section-features .feature-img { display: none; }
.section-features .feature { margin-bottom: 40px; }
.section-features .feature:last-of-type { margin-bottom: 0px; }
.section-features .feature .title { font-size: 24px; text-transform: uppercase; padding-bottom: 9px; margin-bottom: 12px; position: relative; font-weight: 900; }
    .section-features .feature .title:before {
        width: 100px;
        height: 3px;
        border-radius: 2px;
        background: #383838;
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
    }
.section-features .feature .description { text-align: justify; }

.list-partner { padding: 0; margin: 0; list-style-type: none; }
.list-partner .item { outline: none; cursor: pointer; position: relative; }
.list-partner .item .wrap-image { position: relative; width: 100%; height: 0px; padding-top: 200%; }
.list-partner .item .wrap-image .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.list-partner .item .logo { position: absolute; top: 14%; left: 0px; right: 0px; width: 200px; height: 80px; max-width: 60%; z-index: 1; object-position: center; object-fit: contain;  margin-left: auto; margin-right: auto; }
.list-partner .item img { transition: all ease .4s; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.list-partner .item:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); }
.section-partner { position: relative; }
.section-partner .wrap-content { position: absolute; z-index: 1; bottom: 15%; left: 0; right: 0; pointer-events: none; padding-left: 30px; padding-right: 30px; }
.section-partner .content { width: 700px; max-width: 100%; padding: 30px 50px; background: rgba(255,255,255,.7); border-radius: 40px; margin-left: auto; margin-right: auto; }
.section-partner .content .title { font-size: 28px; font-weight: 900; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 15px; text-align: center; position: relative; }
    .section-partner .content .title:before {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 100px;
        height: 3px;
        border-radius: 2px;
        content: "";
        background: -webkit-linear-gradient(-45deg, #383838, #2b2b2b, #5e5e5e, #383838);
        background: linear-gradient(135deg, #383838, #2b2b2b, #5e5e5e, #383838);
    }
.section-partner .content .description { text-align: center; }


.list-products { padding: 0; margin: 0; list-style-type: none; overflow: auto; }
.list-products .item { float: left; width: 25%; margin: 0; position: relative; }
.list-products .big-item { width: 50%; }
.list-products .item .wrap-image { position: relative; width: 100%; padding-top: 100%; height: 0px; z-index: 0; overflow: hidden; }
.list-products .item .wrap-image .img { position: absolute; left: 0; top: 0; width: 100%; transition: all cubic-bezier(0.05, 0.76, 0.31, 0.94) 6s; height: 100%; object-position: center; object-fit: cover; }
.list-products .item:hover .wrap-image .img { transform: scale(1.1); }
    .list-products .item:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: 1;
        opacity: .7;
        background: -webkit-linear-gradient(bottom, #ccc, transparent);
        background: -o-linear-gradient(bottom, #ccc, transparent);
        background: linear-gradient(to top, #ccc, transparent);
    }
.list-products .item .infomation { position: absolute; left: 0; right: 0; bottom: 0; padding: 25px 30px; z-index: 2; }
.list-products .big-item .infomation { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px; }
.list-products .item .infomation .tag { color: #2b2b2b; font-weight: bold; padding-bottom: 6px; margin-bottom: 5px; position: relative; }
.list-products .item .infomation .tag:before { position: absolute; left: 0px; bottom: 0; width: 50px; height: 2px; background: #b8905b; content: ""; }
.list-products .item .infomation .title { font-size: 28px; text-transform: uppercase; font-weight: 900; margin-bottom: 15px; }
.list-products .big-item .infomation .title { font-size: 46px; }
.list-products .item .infomation .description { margin-bottom: 15px; text-align: justify; display: none; }
.list-products .big-item .infomation .description { display: block; }
.list-products .item .infomation .viewmore { text-decoration: none; display: inline-block; padding: 3px 30px; background: #2b2b2b; font-weight: 900; text-transform: uppercase; border-radius: 30px; }

.list-news { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
.list-news .item { width: 25%; position: relative; margin: 0; }
.list-news .item .wrap-img { width: 100%; height: 0; padding-top: 100%; position: relative; z-index: 1; overflow: hidden; }
.list-news .item .wrap-img .img { position: absolute; transition: all cubic-bezier(0.05, 0.76, 0.31, 0.94) 6s; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.list-news .item:hover .wrap-img .img { transform: scale(1.1); }
.list-news .item .wrap-img:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; z-index: 1; opacity: .7; background: -webkit-linear-gradient(bottom, #2b2b2b, transparent); background: -o-linear-gradient(bottom, #2b2b2b, transparent); background: linear-gradient(to top, #2b2b2b, transparent); }
.list-news .item .infomation { position: absolute; left: 0; bottom: 0; right: 0; padding: 30px; z-index: 3; text-decoration: none; color: #fff; }
.list-news .item .infomation .tag { font-weight: bold; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 2px solid #fff; display: inline-block; }
.list-news .item .infomation .title { font-size: 28px; font-weight: 900; margin-bottom: 10px; }
.list-news .item .infomation .time { margin-bottom: 10px; display: flex; align-items: center; }
.list-news .item .infomation .time .icon { width: 20px; margin-right: 10px; }
/*.list-news .item .infomation .description { text-align: justify; }*/

.section-info-footer { position: relative; text-align: center; background-image: url(../images/bg-footer.jpg); background-position: center; background-size: cover; padding: 75px 15px; }
    .section-info-footer:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: "";
        background: rgba(207, 207,207,.90);
    }
.section-info-footer .c-info-footer { position: relative; }
.section-info-footer .wrap-footer-logo { margin-bottom: 50px; }
.section-info-footer .wrap-footer-logo .footer-logo { width: 260px; }
.section-info-footer .company-info { border-bottom: 2px solid #2b2b2b; padding-bottom: 10px; margin-bottom: 15px; display: inline-block; }
.section-info-footer .footer-socials { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; justify-content: center; }
.section-info-footer .footer-socials .item { padding-left: 15px; padding-right: 15px; }
.section-info-footer .footer-socials .item .text { color: inherit; text-decoration: none; }
.section-info-footer .footer-socials .item .icon { margin-right: 10px; }
.section-copyright { padding: 15px; color: #fff; background: #2b2b2b; text-align: center; }

#main-menu{min-height: 85px;}
section.breadcrumb{margin-top: 85px;margin-bottom: unset;padding:10px calc(50vw - var(--scrollbar) / 2 - 1760px / 2 + 30px);background-color: #E5E5E5;align-items: center;}
section.breadcrumb .link .list-item{text-decoration: none;color:#2b2b2b;font-weight: bold;}
section.breadcrumb .link a{text-decoration: none;color:#2b2b2b;}
#breadcrumbs{margin-bottom: unset;}

.pagination { display: block; text-align: center; clear: both;padding: 20px;}
.pagination .page-numbers { font-size: 17px; color: #989898; width: 36px; transition: all ease .4s; height: 36px; line-height: 36px; display: inline-block; background-color: #EAEAEA;text-decoration: none;}
.pagination .page-numbers:hover, .pagination .page-numbers:focus, .pagination .page-numbers.current { background-color: #4a4a4a; }
.pagination .screen-reader-text { display: none; }

/*=================================================================================PAGE-PROJECT================================================================================*/

.list-products .rectangle-item{width: 50%;}
.list-products .rectangle-item .wrap-image{padding-top: 50%;}
.list-products .rectangle-item .infomation .description{display: block;}
.list-products .item.item-float-right{float: right;}
.page-project .list-products .item:before{opacity: 0;transition: 0.8s all ease;}
.page-project .list-products .item:hover:before{opacity: 1;transition: 0.8s all ease;}
.page-project .list-products .item .infomation{display: none;}

/*==================================================================================PAGE-PRODUCT==================================================================================*/

.page-product .list-products .item .wrap-image .img{filter: grayscale(100%);}
.page-product .list-products .item:before{content:none;}
.page-product .list-products .item:hover .wrap-image .img{filter: grayscale(0%);}
.page-product .list-products .item .infomation {height: 100%;background:rgba(0,0,0,0.1);}
    .page-product .list-products .item .infomation .background-infomation {
        color: #2b2b2b;
        position: absolute;
        left: 25px;
        right: 0;
        bottom: 0;
        z-index: 2;
    }
.page-product .list-products .item .infomation .tag{color:#FDCA85;}
.page-product .list-products .item .infomation .viewmore{background:linear-gradient(135deg, #b8905b, #946f41, #fdca85, #946f41);color:black;}
.page-product .color-gradient{-webkit-text-fill-color:unset;}

/*====================================================================================PAGE-DETAIL-PROJECT===========================================================================*/

.page-detail-project .one-detail{display: flex;flex-wrap: wrap;}
.page-detail-project ul{padding: unset;margin: unset;overflow: hidden;}
.page-detail-project ul li{list-style-type: none;}
.page-detail-project .detail-left{width:42%;display: flex;flex-wrap: wrap;}
.page-detail-project .detail-left .item{width: 100%;position: relative;}
.page-detail-project .detail-left .item.item-small{width: 50%;}
.page-detail-project .wrap-image{width: 100%;height: 0;padding-top:50%;z-index: 0;overflow: hidden;position: relative;}
.page-detail-project .wrap-image .img{width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit:cover;object-position:center;}
.page-detail-project .item.item-small .wrap-image{padding-top: 100%;}
.page-detail-project .detail-right{width:58%;}
.page-detail-project .detail-right .item{float: left;position: relative;}
.page-detail-project .detail-right .item{width: 36.27%;}
.page-detail-project .detail-right .item.item-big{width:63.73%;}
.page-detail-project .detail-right .item-1 .wrap-image{padding-top: 113.7%;}
.page-detail-project .detail-right .item-3 .wrap-image{padding-top: 200%;}
.page-detail-project .detail-right .item-3{float: right;}
.page-detail-project .detail-right .item-4 .wrap-image{padding-top: 57%;}
.page-detail-project .item .description{padding:25px;}
.page-detail-project .detail-left .item .description{top:50%;transform: translateY(-50%);position: absolute;}
.page-detail-project .detail-left .item .description .title {font-size: 24px;text-transform: uppercase;font-weight: bold;line-height: 1;padding-bottom: 10px;}
.page-detail-project .detail-right .item .description{padding-top:80px;}
.page-detail-project .detail-right .item .description .title{font-size: 30px;font-weight: 800;color:#995511;text-transform: uppercase;line-height: 1;padding-bottom: 10px;}
.page-detail-project .item .description .detail{line-height: 1.2;}
.page-detail-project .detail-right .item.bottom{height:0;}
.page-detail-project .detail-right .item.bottom .wrap-image{padding-top: unset;height: unset;}
.page-detail-project .detail-right .item.bottom .wrap-image .img{position: relative;}

/*=====================================================================================PAGE-DETAIL-NEWS============================================================================*/

.page-detail-news .wrap-detail-news .time{margin-top:10px;margin-bottom: 5px; display: flex; align-items: center;}
.page-detail-news .wrap-detail-news .icon{width: 20px; margin-right: 10px;}
.page-detail-news .wrap-detail-news{display: flex;padding:30px 20px 40px 100px;}
.page-detail-news .wrap-detail-news .wrap-left{width: 63%;padding-right: 25px;}
.page-detail-news .wrap-detail-news .wrap-right{width: 37%;padding: 50px 0px 0px 25px;}
.page-detail-news .wrap-detail-news .wrap-right .title-header{display: none;}
.page-detail-news .wrap-detail-news .wrap-right .list-news{flex-direction: column;}
.page-detail-news .wrap-detail-news .wrap-left .wrap-content .title{font-size: 30px;font-weight: bold;}
.page-detail-news .wrap-detail-news .wrap-left .wrap-content .img-detail-news{margin-bottom: 16px;}
.page-detail-news .wrap-detail-news .wrap-left .wrap-content .author{text-align: right;}
.page-detail-news .wrap-detail-news .wrap-left .wrap-content .author .name{font-weight: 700;}
.page-detail-news .wrap-detail-news .wrap-right .item{padding-bottom: 40px;}
.page-detail-news .wrap-detail-news .wrap-right .item .link{display: flex;align-items: flex-start;color: #2b2b2b;}
.page-detail-news .wrap-detail-news .wrap-right .item .link a{text-decoration: none;}
.page-detail-news .wrap-detail-news .wrap-right .item .item-images{width: 20%;}
.page-detail-news .wrap-detail-news .wrap-right .item .link .infomation{width: 72%;padding-left: 15px;}
.page-detail-news .wrap-detail-news .wrap-right .item .link .infomation .title{font-size: 20px;font-weight: bold;line-height: 1;margin-bottom: 2px;color: #2b2b2b;}
.page-detail-news .wrap-detail-news .wrap-right .item .link .wrap-img{width:100%;padding-top: 100%;position: relative;height: 0;}
.page-detail-news .wrap-detail-news .wrap-right .item .link .wrap-img .img{left: 0;top: 0;width: 100%;height: 100%;position: absolute;}
.page-detail-news .wrap-detail-news .guerrillawrap{display: none;}
.entry-content img{margin:0 0 1.5em}
.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left}
.alignright,img.alignright{margin-left:1.5em;display:inline;float:right}
.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both}
.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px;max-width: 100%;}
.wp-caption img{border:0 none;padding:0;margin:0;height: auto;}
.wp-caption p.wp-caption-text{line-height:1.5;font-size:14px;margin:0}
.wp-smiley{margin:0!important;max-height:1em}
blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left}
blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right}
.centered{float:none;margin-left:auto;margin-right:auto}
img{max-width:100%;height: auto;}
input{outline:none}
button{outline:none}

/*===========================================================================PAGE-CONTACT==========================================================================*/
#page-contact .wrap-left .title{font-size: 72px;color: #2b2b2b;font-weight: bold;line-height: 1.2;position: relative;} 
#page-contact .address .wrap-address{display: flex;flex-wrap: wrap;}
#page-contact .address .wrap-left{width: 50%;padding: 40px 50px 25px;text-align: center;background:#F2F2F2;}
#page-contact .address .wrap-left .turn-down .icon-turndown{width: 120px;padding: 10px;}
#page-contact .address .wrap-left .add-contact ul{padding: unset;margin:unset;}
#page-contact .address .wrap-left .add-contact ul li{list-style-type: none;}
#page-contact .address .wrap-left .add-contact .list-contact .item{padding-bottom: 25px;display: flex;flex-direction: column;align-items: center;}
#page-contact .address .wrap-left .add-contact .list-contact .item .img .hover{display: none;}
#page-contact .address .wrap-left .add-contact .list-contact .item .img img{transition: 0.6s ease all;}
#page-contact .address .wrap-left .add-contact .list-contact .item .img:hover img{display: none;}
#page-contact .address .wrap-left .add-contact .list-contact .item .img:hover .hover{display: block;}
#page-contact .address .wrap-left .add-contact .list-contact .item .name{font-weight: bold;text-transform: uppercase;}
#page-contact .address .wrap-left .add-contact .list-contact .item .icon-addr{width: 78px;}
#page-contact .address .wrap-right{width: 50%;}
#map{width: 100%;height: 100%}

#page-contact .contact-us .wrap-form{display: flex;flex-wrap: wrap;padding: 70px 200px;}
#page-contact .contact-us .wrap-form .title{font-size: 60px;color: #2b2b2b;font-weight: bold;line-height: 1.2;position: relative;width: 100%;text-align: center;padding-bottom: 15px;margin-bottom: 20px;} 
#page-contact .contact-us .wrap-form .title:before{content: "";left: 50%;transform: translateX(-50%);bottom: 0;width:290px;height: 3px;background: #2b2b2b;position: absolute;}
#page-contact .contact-us .wrap-form .form-contact .form{display: flex;flex-wrap: wrap;}
#page-contact .contact-us .wrap-form .form-contact .form .input-form{width: 100%;display: block;padding: 10px 30px;font-size: 22px;background: #F2F2F2;outline: none;border:none;}
#page-contact .contact-us .wrap-form .form-contact .form-inline{width: 33.33%;}
#page-contact .contact-us .wrap-form .form-contact .form-group{width: 66.66%;min-height: 300px;}
#page-contact .contact-us .wrap-form .form-contact .input-group{margin-bottom: 20px;outline: none;padding:15px;}
#page-contact .contact-us .wrap-form .form-contact .form-inline{padding: 15px;position: relative;}
#page-contact .contact-us .form-inline label{position: absolute;bottom: -15px;color: red;}
#page-contact .contact-us .wrap-form .form-contact .submit-form{border:none;box-shadow: none;outline: none;padding: 15px;width: 33.33%;}
#page-contact .contact-us .wrap-form .form-contact .submit-form .btn-send{width:100%;padding: 10px 70px;font-size: 31px;font-weight: bold;background: #2b2b2b;color:white;border:none;outline: none;box-shadow: none;border-radius:0px;}

/*==============================================================PAGE-RECRUITMENT=======================================================================*/
.recruitment .wrap-recruitment{display: flex;flex-wrap: wrap;}
.recruitment .wrap-recruitment .wrap-left{width:33.33%;background: url(../images/background-wrapleft-recruitment.png);padding:25px 30px 100px 100px;}
.recruitment .wrap-recruitment .wrap-left ul li{list-style-type: none;}
.recruitment .wrap-recruitment .wrap-left ul .detail-li{padding-bottom: 30px;}
.recruitment .wrap-recruitment .wrap-left .title{font-size: 24px;font-weight: bold;color:#2b2b2b;text-transform: uppercase;}
.recruitment .wrap-recruitment .wrap-left .introduction .title-img .title{font-size: 20px;font-weight: 800;text-transform: uppercase;position: absolute;left: 59px;top:20px;}
.recruitment .wrap-recruitment .wrap-left .introduction{padding:unset;padding-top:30px;margin: unset;}
.recruitment .wrap-recruitment .wrap-left .introduction .title-img{padding-bottom:20px;position: relative;}
.recruitment .wrap-recruitment .wrap-left .introduction ul{padding-left: 20px;}
.recruitment .wrap-recruitment .wrap-left .introduction ul li{display: flex;}
.recruitment .wrap-recruitment .wrap-left .introduction ul .icon{color:#2b2b2b;padding-right: 25px;}

    .recruitment .wrap-recruitment .wrap-middle {
        width: 41.67%;
        background: #2b2b2b;
        padding: 30px 10px 50px;
    }
.recruitment .wrap-recruitment .wrap-middle .one-vacancies{ position: relative; }
.recruitment .wrap-recruitment .wrap-middle .one-vacancies .turndown{ position: absolute; right: 10px; top: 10px; transform: rotate(-90deg); transition:  all ease 0.5s;}
.recruitment .wrap-recruitment .wrap-middle .one-vacancies.active .turndown { transform: unset; }
.recruitment .wrap-recruitment .wrap-middle .title-header{font-size: 26px;font-weight: bold;color:#2b2b2b;text-transform: uppercase;padding-bottom: 10px;padding-bottom: 10px;}
.recruitment .wrap-recruitment .wrap-middle .total .title{display: flex;color:white;background:#2b2b2b;padding-left: 15px}
.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .title-vacancies{display: flex;background: #CCCCCC;color:#2b2b2b;padding-left: 15px;cursor: pointer;}
.recruitment .wrap-recruitment .wrap-middle .total .title p,.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .title-vacancies p{margin: 10px 0px;text-transform: uppercase;}
.recruitment .wrap-recruitment .wrap-middle .total .title p:nth-child(1),.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .title-vacancies p:nth-child(1){width: 30%;}
.recruitment .wrap-recruitment .wrap-middle .total .title p:nth-child(2),.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .title-vacancies p:nth-child(2){width: 20%;}
.recruitment .wrap-recruitment .wrap-middle .total .title p:nth-child(3),.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .title-vacancies p:nth-child(3){width: 15%;}
.recruitment .wrap-recruitment .wrap-middle .total .title p:nth-child(4),.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .title-vacancies p:nth-child(4){width: 15%;}
.recruitment .wrap-recruitment .wrap-middle .total .title p:nth-child(5),.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .title-vacancies p:nth-child(5){width: 20%;}
.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .detail-vacancies{display: none;background: #E6E6E6;padding: 15px 35px 35px 0px;}
.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .detail-vacancies ol{margin-bottom: 5px;font-weight: bold;}
.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .detail-vacancies.open{display: block;}
.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .detail-vacancies ul{margin: unset;}
.recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .detail-vacancies ul li{list-style-type: none;}

    .recruitment .wrap-recruitment .wrap-right {
        width: 25%;
        color: #383838;
        text-align: center;
        position: relative;
    }
.recruitment .wrap-recruitment .wrap-right .box-meta{position: sticky;top:85px;}
    .recruitment .wrap-recruitment .wrap-right .top {
        background: #BEBEBE;
        padding: 40px 25px 40px;
    }
.recruitment .wrap-recruitment .wrap-right .top .img-logo{padding-top: 40px;}
.recruitment .wrap-recruitment .wrap-right .top img{width: 200px;opacity: 0.2;}
.recruitment .wrap-recruitment .wrap-right .title-header{font-size: 22;font-weight: bold;text-transform: uppercase;}
        .recruitment .wrap-recruitment .wrap-right .form-register .input {
            color: #383838;
            border: none;
            background: none;
            outline: none;
            width: 100%;
            padding-bottom: 11px;
            padding-top: 11px;
            border-bottom: 1px solid white;
        }
.recruitment .wrap-recruitment .wrap-right .form-register .input.box-form{padding: unset;margin: 10px 0px;border:none;}
.recruitment .wrap-recruitment .wrap-right .form-register .box-select{border-bottom: 1px solid white;}
        .recruitment .wrap-recruitment .wrap-right .form-register .input::placeholder {
            color: #383838;
        }
.recruitment .wrap-recruitment .wrap-right .top .button{text-align: right;padding-top: 60px;}
#button-recruitment{padding: 5px 30px;font-size: 18px;font-weight: bold;background: white;color:#2b2b2b;text-transform: uppercase;border: none;outline: none;transition: 0.6s all ease;}
#button-recruitment:hover{background:#E59F5A;color: white;}
@media screen and (max-width: 1680px) {
	body { font-size: 14px; }

	#main-menu .navbar { width: 1400px; }
	.section-slider .main-slider .slide-nav { bottom: 50px; }
	.section-slider .main-slider .list-items-nav .title { font-size: 28px; }
	.section-slider .main-slider .wrap-list-items-nav { width: 60%; }
	.section-headline .content .title { font-size: 42px; }
	.section-headline .wrap-content .content { width: 50%; }
	.section-features .wrap-feature { padding-left: 30px; padding-right: 30px; }
	.list-products .item .infomation .title { font-size: 24px; }
	.list-products .big-item .infomation .title { font-size: 38px; }
	.list-news .item .infomation .title { font-size: 24px; }
    section.breadcrumb{padding:10px calc(50vw - var(--scrollbar) / 2 - 1400px / 2 + 30px)}
    section.breadcrumb .title{font-size: 20px;}

    /*==========================================================================PAGE-DETAILPRODUCT========================================================================*/
    
    .page-detail-project .detail-left .item .description .title{font-size: 20px;}
    .page-detail-project .item .description{padding: 15px;}
    .page-detail-project .detail-right .item .description .title{font-size: 25px;}
    
    /*============================================================================PAGE-DETAILNEWS============================================================================*/
    
    .page-detail-news .wrap-detail-news .wrap-left .wrap-content .title{font-size: 25px;}
    .page-detail-news .wrap-detail-news .wrap-right .item .link .infomation .title{font-size: 18px;}
    .page-detail-news .wrap-detail-news .time{margin-bottom: 2px;}
    
    /*================================================================PAGE-CONTACT===============================================================*/
    #page-contact .address .wrap-left .add-contact .list-contact .item .icon-addr{width: 50px;}
    #page-contact .wrap-left .title{font-size: 40px;}
    #page-contact .contact-us .wrap-form .title{font-size: 35px;}
    #page-contact .contact-us .wrap-form .form-contact .submit-form .btn-send{font-size: 20px;}
    #page-contact .contact-us .wrap-form .form-contact .form .input-form{font-size: 16px;padding: 10px 20px;}
    #page-contact .contact-us .wrap-form .form-contact .form-group{min-height: 200px;}
}

@media screen and (max-width: 1400px) {
    section.breadcrumb{padding:10px 30px}
}

@media screen and (max-width: 1199px) {
	#main-menu .logo-img { height: 25px; }
	#main-menu .nav-link { padding: 10px 18px; }
	#main-menu .navbar-nav-standard { padding-right: 20px; }
	#main-menu .navbar-socials { padding-left: 20px; }
	#main-menu .navbar-socials .nav-link { padding-left: 10px; padding-right: 10px; font-size: 16px; }
	.section-features { background-position: 60px center, left; }
	.section-features .feature-left { width: calc(20% + 60px); }
	.section-features .feature-right { width: calc(40% - 60px); }
	.section-partner .wrap-content { bottom: 10%; }
	.list-partner .item .logo { top: 10%; }
	.section-partner .content { padding: 30px; }
	.list-products .item .infomation { padding: 15px; }
	.list-products .big-item .infomation { padding: 30px; }
	.list-products .item .infomation .title { font-size: 18px; }
	.list-products .big-item .infomation .title { font-size: 32px; }
	.list-products .item .infomation .viewmore { padding: 3px 20px; }
	.list-news .item .infomation { padding: 15px; }
	.list-news .item .infomation .title { font-size: 18px; }
	.section-info-footer .wrap-footer-logo .footer-logo { width: 180px; }
    #main-menu{min-height: 80px;}
    section.breadcrumb{margin-top:80px;padding:10px 30px}
    section.breadcrumb .title{font-size: 16px;}

    /*=================================================================PAGE-NEWS===========================================================================*/
    
    .page-news .list-news .item{width: 33.33%;}

    /*===================================================================PAGE-DETAIPROJECT=====================================================================*/
    
    .page-detail-project .detail-left .item .description .title{font-size: 16px;}
    .page-detail-project .detail-right .item .description .title{font-size: 20px;}
    
    .page-detail-project .detail-right .item .description{padding-top: 30px;}

    /*====================================================================PAGE-DETAILNEWS=======================================================================*/
    
    .page-detail-news .wrap-detail-news .wrap-left .wrap-content .title{font-size: 20px;}
    .page-detail-news .wrap-detail-news .wrap-right .item .link .infomation .title{font-size: 16px;}
    .page-detail-news .wrap-detail-news .icon{width: 15px;margin-right: 5px;}
    .page-detail-news .wrap-detail-news .wrap-right .item .link .infomation .description{display: none;}
    .page-detail-news .wrap-detail-news .wrap-right .item{padding-bottom: 20px}

    /*=====================================================================PAGE-RECRUITMENT=======================================================================*/
    .recruitment .wrap-recruitment .wrap-left{padding: 15px;}
    .recruitment .wrap-recruitment .wrap-left .introduction{padding-top: 20px;}
    .recruitment .wrap-recruitment .wrap-left .title{font-size: 20px;}
    .recruitment .wrap-recruitment .wrap-left .introduction .title-img img{width:35px;}
    .recruitment .wrap-recruitment .wrap-left .introduction .title-img .title{font-size: 16px;left: 43px;}
    .recruitment .wrap-recruitment .wrap-left .introduction .title-img{padding-bottom: 15px;}
    .recruitment .wrap-recruitment .wrap-left .introduction ul .icon{padding-right: 10px;}
    .recruitment .wrap-recruitment .wrap-middle{padding: 15px 10px;}
    .recruitment .wrap-recruitment .wrap-middle .title-header{font-size: 20px;}
    .recruitment .wrap-recruitment .wrap-middle .total .one-vacancies .detail-vacancies{padding: 15px 15px 35px 0px;}
    #button-recruitment{font-size: 16px;padding: 5px 20px;}
    .recruitment .wrap-recruitment .wrap-right .top img{width: 140px;}
    .recruitment .wrap-recruitment .wrap-right .top .img-logo{padding-top: 20px;}
    
    /*=======================================================================PAGE-CONTACT===========================================================================*/
    #page-contact .address .wrap-left{width: 100%;}
    #page-contact .address .wrap-right{width: 100%;}
    #map{height: 400px;}
    #page-contact .contact-us .wrap-form{padding: 30px;}
    #page-contact .contact-us .wrap-form .title{font-size: 25px;padding-bottom: 5px;margin-bottom: 10px;}
    #page-contact .contact-us .wrap-form .title:before{width: 150px;height: 2px;}
    #page-contact .contact-us .wrap-form .form-contact .form .input-form{font-size: 14px;}
    #page-contact .contact-us .wrap-form .form-contact .submit-form .btn-send{font-size: 16px;}
    #page-contact .contact-us .wrap-form .form-contact .submit-form{padding: 5px;}
    #page-contact .contact-us .wrap-form .form-contact .input-group,#page-contact .contact-us .wrap-form .form-contact .form-inline{padding: 5px;margin-bottom: 15px;}
    
}
@media screen and (max-width: 991px) {
	#main-menu .navbar-toggler { outline: none; }
	#main-menu .c-navbar-toggler { width: 30px; height: 20px; position: relative; overflow: hidden; }
	#main-menu .c-navbar-toggler .navbar-toggler-line { position: absolute; left: -100%; right: -100%; height: 1px; background: #fff; transition: all ease .4s; }
	#main-menu .c-navbar-toggler .navbar-toggler-line:nth-of-type(1) { top: 0; }
	#main-menu .c-navbar-toggler .navbar-toggler-line:nth-of-type(4) { bottom: 0; }
	#main-menu .c-navbar-toggler .navbar-toggler-line:nth-of-type(2),
	#main-menu .c-navbar-toggler .navbar-toggler-line:nth-of-type(3) { top: 50%; transform: translateY(-50%); }
	#main-menu .navbar-toggler:not(.collapsed) .navbar-toggler-line:nth-of-type(1),
	#main-menu .navbar-toggler:not(.collapsed) .navbar-toggler-line:nth-of-type(4) { left: 50%; right: 50%; }
	#main-menu .navbar-toggler:not(.collapsed) .navbar-toggler-line:nth-of-type(2) { transform: translateY(-50%) rotate(-35deg); }
	#main-menu .navbar-toggler:not(.collapsed) .navbar-toggler-line:nth-of-type(3) { transform: translateY(-50%) rotate(35deg); }

	#main-menu .nav-link { text-align: center; }
	#main-menu .c-navbar-collapse { display: block; }
	#main-menu .navbar-nav-standard { padding-right: 0; border-top: 1px solid rgba(255,255,255,.15); padding-top: 15px; padding-bottom: 15px; }
	#main-menu .navbar-socials { padding-left: 0; border-left: none; border-top: 1px solid rgba(255,255,255,.15); flex-wrap: wrap; flex-direction: initial; justify-content: center; }

	.section-slider .main-slider .wrap-list-items-nav { width: 60%; }
	.section-headline .wrap-content .content { width: 60%; }
	.section-slider .main-slider .list-items-nav .title { font-size: 26px; }

	.section-features { background: url(../images/bg-brow.jpg); background-size: 100%; flex-wrap: wrap; }
	.section-features .wrap-feature { width: 100%; margin-left: 0px; }
	.section-features .wrap-feature .feature { margin-bottom: 30px; }
	.section-features .feature-img { display: block; }
	.section-features .feature-img img { margin-left: auto; margin-right: auto; display: block; }

	.list-products .item { width: 50%; }
	.list-products .big-item { width: 100%; }
	.list-news .item { width: 50%; }

    /*===================================================================PAGE-PRODUCT========================================================================*/
    .page-product .list-products .rectangle-item .wrap-image{padding-top: 100%;}
    .page-product .list-products .rectangle-item .infomation .description{display: none;}

    /*=================================================================PAGE-NEWS===========================================================================*/
    .page-news .list-news .item{width: 50%;}

    /*====================================================================PAGE-DETAILPROJECT=================================================================*/
    .page-detail-project .detail-left{width:100%;}
    .page-detail-project .detail-right{width: 100%;}
    .page-detail-project .detail-right .item.bottom{height: unset;}

    /*======================================================================PAGE-DETAILNEWS======================================================================*/
    .page-detail-news .wrap-detail-news .wrap-left .wrap-content .title{font-size: 16px;}
    .page-detail-news .wrap-detail-news .wrap-left .wrap-content .detail p{margin-bottom: 10px;}
    .page-detail-news .wrap-detail-news .wrap-left{width:100%;}
    .page-detail-news .wrap-detail-news{flex-wrap: wrap;}
    .page-detail-news .wrap-detail-news{padding-left: 15px;padding-right: 15px;}
    .page-detail-news .wrap-detail-news .wrap-left{padding-right:unset;}
    .page-detail-news .wrap-detail-news .wrap-right{width: 100%;padding-right:unset;padding-left:unset;}
    .page-detail-news .wrap-detail-news .wrap-right .title-header{display: block;font-size:16px;text-transform: uppercase;font-weight: bold;padding-bottom: 15px;position: relative;}
    .page-detail-news .wrap-detail-news .wrap-right .title-header:before{content: "";left: 0;top:0;width: 100%;height:2px;background: black;opacity: 0.6;position: absolute;}
    .page-detail-news .wrap-detail-news .wrap-right .item .link .infomation .description{display: block;}
    /*========================================================================PAGE-RECRUITMENT=====================================================================*/
    .recruitment .wrap-recruitment .wrap-left{width: 100%;}
    .recruitment .wrap-recruitment .wrap-middle{width: 100%;}
    .recruitment .wrap-recruitment .wrap-right{width:100%;}
    .recruitment .wrap-recruitment .wrap-left .title{font-size: 16px;}
    .recruitment .wrap-recruitment .wrap-left .introduction .title-img img{width: 28px;}
    .recruitment .wrap-recruitment .wrap-middle .title-header{font-size: 16px;}
    .recruitment .wrap-recruitment .wrap-middle .frame-nochange::-webkit-scrollbar{display: none;}
    .recruitment .wrap-recruitment .wrap-middle .frame-nochange{width: 100%;overflow: auto;}
    .recruitment .wrap-recruitment .wrap-middle .frame-nochange .total{overflow: auto;cursor: pointer;}
    .recruitment .wrap-recruitment .wrap-right .top{padding: 40px 100px 40px;}
    .recruitment .wrap-recruitment .wrap-middle .frame-nochange::-webkit-scrollbar-thumb{display: none;}

    /*=========================================================================PAGE-CONTACT==========================================================================*/
    #page-contact .wrap-left .title{font-size: 35px;}
    #page-contact .address .wrap-left{padding:40px 15px;}
    #page-contact .address .wrap-left .add-contact .list-contact .item .icon-addr{width: 45px;}
    #map{height: 300px;}
    #page-contact .contact-us .wrap-form .form-contact .form-inline,#page-contact .contact-us .wrap-form .form-contact .form-group{width: 100%;}
    #page-contact .contact-us .wrap-form .form-contact .submit-form{width: 100%;}
    #page-contact .contact-us .wrap-form .form-contact .submit-form .btn-send{width: unset;}

}

@media screen and (max-width: 767px) {
	#main-menu .navbar { padding: 5px 15px; }
	#main-menu .logo-img { height: 45px; }
	.section-slider .main-slider .wrap-list-items-nav { width: 100%; }
	.section-slider .main-slider .c-container { padding-left: 15px; padding-right: 15px; }
	.section-headline .wrap-content .content { width: 100%; }
	.section-headline:before { background: -webkit-linear-gradient(-45deg, rgba(184, 144, 91, 0.6), rgba(148, 111, 65, 0.7), rgba(253, 202, 133, 0.3), rgba(148, 111, 65, 0.3)); background: linear-gradient(135deg, rgba(184, 144, 91, 0.6), rgba(148, 111, 65, 0.7), rgba(253, 202, 133, 0.3), rgba(148, 111, 65, 0.3)) }
	.section-headline .wrap-content { padding-left: 15px; padding-right: 15px; }
	.section-features .wrap-feature { padding-left: 15px; padding-right: 15px; }
	.section-partner .wrap-content { padding-left: 15px; padding-right: 15px; bottom: 30px; }
	.section-partner .content { padding: 20px 15px; border-radius: 20px; }
    #main-menu{min-height: 70px;}
    section.breadcrumb{margin-top: 70px;}
    .list-products .rectangle-item .wrap-image{padding-top: 100%;}

    /*=========================================================================PAGE-DETAILNEWS=====================================================================*/ 
}

@media screen and (max-width: 575px) {
	.section-partner .wrap-content { position: static; }
	.list-products .item { width: 100%; }
	.list-products .item .infomation .title { font-size: 18px; }
	.list-products .item .infomation .description { display: block; }
	.list-products .item .infomation { padding: 15px; }
	.list-news .item { width: 100%; }

    /*===================================================================PAGE-PRODUCT========================================================================*/
    .page-product .list-products .rectangle-item .infomation .description{display:block;}

    /*=================================================================PAGE-NEWS===========================================================================*/
    .page-news .list-news .item{width: 100%;}

    /*=====================================================================PAGE-DETAIL-PROJECT==================================================================*/
    .page-detail-project .detail-right .item .description .title{font-size: 16px;}
    .list-products .item .infomation .description { display: none; }
    .page-detail-project .detail-left .item.item-small{width: 100%;}
    .page-detail-project .detail-left .item .description{position: relative;padding: 30px 15px;}
    .page-detail-project .wrap-image{padding-top: 100%;}
    .page-detail-project .detail-right .item.item-big{width: 100%;}
    .page-detail-project .detail-right .item{width: 100%;}
    .page-detail-project .detail-right .item-1 .wrap-image,.page-detail-project .detail-right .item-3 .wrap-image{padding-top: 100%;}

    /*=======================================================================PAGE-RECRUITMENT====================================================================*/
    .recruitment .wrap-recruitment .wrap-right .box-meta .bottom{display: none;}
    .recruitment .wrap-recruitment .wrap-right .top{padding: 40px 25px 50px;}
    .recruitment .wrap-recruitment .wrap-right .top .button{padding-top: 30px;}
    .recruitment .wrap-recruitment .wrap-middle .frame-nochange .total{width: 550px;}
    .recruitment .wrap-recruitment .wrap-right .top img{width: 120px;}
    /*==========================================================================PAGE-CONTACT==================================================*/
    #page-contact .wrap-left .title{font-size: 30px;}
    #page-contact .contact-us .wrap-form .wrap-right .form-contact .form-inline{width: 100%;}
    #page-contact .contact-us .wrap-form .wrap-right .form-contact .form-inline:nth-child(1){padding-right: unset;}
    #page-contact .contact-us .wrap-form .wrap-right .form-contact .form-inline:nth-child(2){padding-left: unset;}

}

@media screen and (max-width: 375px) {
    /*=======================================================================PAGE-DETAILNEWS=================================================*/
    .page-detail-news .wrap-detail-news .wrap-right .item .link .infomation .description{display: none;}

    /*============================================================================PAGE-CONTACT========================================================================*/
    #page-contact .wrap-left .title{font-size: 30px;}
    #page-contact .contact-us .wrap-form .title{font-size: 20px;}
    #page-contact .address .wrap-left .turn-down .icon-turndown{width: 80px;}
    #page-contact .contact-us .wrap-form .form-contact .submit-form .btn-send{padding: 10px 50px;font-size: 14px;}
    #page-contact .contact-us .wrap-form .form-contact .submit-form .btn-send img{width: 9px;}
    #page-contact .contact-us .wrap-form{padding: 30px 15px;}
}