@media screen and (min-width:1440px) {
.section-intro .box-content { padding: 50px;}
}
@media screen and (min-width:1280px) {
.modal-popup .content-vertical-center { padding: 55px 0;}
}
@media screen and (min-width:1140px) {
.map-container { height: 550px;}
.modal-content { padding: 60px 80px 80px 80px;}
.article-news { max-width: 940px;}
}
@media screen and (min-width:1024px) {
.section-intro .content-vertical-center { padding-top: 100px;}
}
@media screen and (min-width:980px) {
.article-news .header-news .share-all { right: -85px;}
} @media (min-width: 1025px) and (max-width: 1140px) {
.section-intro .box-content { width: 500px;}
.section-intro .box-content h1 { font-size: 45px;}
}
@media screen and (max-width:1024px) {
h1, .heading-h1 { font-size: 40px; }
h2, .heading-h2 { font-size: 35px; }
.section { padding-top: 50px; padding-bottom: 50px;}
.section-heading { margin: 0 auto 45px auto;}
.box-item .amount { font-size: 26px;}
.section-intro .content-vertical-center { padding-top: 80px;} .section-newsdetail { padding-top: 0!important;}
.article-news .header-news { padding-right: 70px;}
.article-news .header-news h1 { font-size: 35px;}
.content-news { padding-right: 60px;} .map-container { height: 350px;}
}
@media screen and (max-width:980px) {
h1, .heading-h1 { font-size: 35px; line-height: 1.15;}
h2, .heading-h2 { font-size: 32px; line-height: 1.15;}
h3, .heading-h3 { font-size: 22px;}
.main { padding-top: 60px;}
.main-0 { padding-top: 0;}
.section-heading { margin: 0 auto 40px auto; }
.section-intro .content-vertical-center { padding-top: 0;}
.section-intro .box-content { padding: 30px;}
.section-intro .box-content .desc { font-size: 15px;} .content-news { padding-right: 0;}
.article-news .header-news { padding-right: 0;}
.article-news .header-news:before { display: none;}
.article-news .header-news h1 { margin-bottom: 20px;}
.gallery-news .item-gallery { min-height: 131px;} .share-all { position: relative;}
.share-all .txtshare,
.share-container { display: inline-block;}
.share-all .txtshare { margin-right: 10px;}
.share-all .social-icon,
.device-mobile .share-all .social-icon { display: inline-block; margin-right: 10px;}
.direction-column-ipad { 
-webkit-display: -webkit-box;
-webkit-display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.ipad-order-1 { order: 0;}
.ipad-order-2 { order: 1;}
.ipad-order-3 { order: 2;}
}
@media screen and (max-width:767px) {
h2, .heading-h2 { font-size: 25px;}
h3, .heading-h3 { font-size: 20px; line-height: 1.3;}
.heading-h2 .dot { width: 6px; height: 7px; background-size: 6px 7px;}
.direction-column { 
-webkit-display: -webkit-box;
-webkit-display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.mobile-order-1 { order: 0;}
.mobile-order-2 { order: 1;}
.mobile-order-3 { order: 2;}
.button-2action a { margin: 6px 10px;} .form-container a.button-outline, 
.form-container .button-outline { width: 100%; display: block;}
.form-container .button-action { margin-top: 30px;}
.main { padding-bottom: 0px;}
.main-0 { padding-top: 60px;}
.hidden-w767 { display: none;}
.visible-w767 { display: block; }
.box-item { margin: 25px 0;}
.box-item .icon { width: 35px;}
.box-item .amount { font-size: 24px;}
.row-item-m { display: block; text-align: center; font-size: 0;}
.col-item-m { display: inline-block; vertical-align: top;}
.section { padding-top: 40px; padding-bottom: 40px;}
.section-heading { text-align: center; margin: 0 auto 35px auto;}
.section-subheading { text-align: center;}
.section-heading .block-w767 { display: block;}
.heading-line:after { margin-left: auto; margin-right: auto;}
.section-intro .box-content { width: 100%; max-width: 90%;}
.intro-desc { color: #FFF;}
.row-items-3items .col-items { width: 50%!important; } .section-advertise .box-inline { display: block; margin:15px 0;}
.section-advertise .box-inline .ic { 
display: inline-block; 
vertical-align: middle; 
margin-bottom: 0; 
margin-right:10px;
} .items-news { margin-bottom: 20px;}
.items-news .entry-caption h3 { font-size: 18px;}
.items-news-2col { 
font-size: 0; 
padding: 15px 0; 
margin-bottom: 0; 
border-bottom: 1px solid #eee;
}
.items-news-2col .col-td {
width: 40%;
display: inline-block;
vertical-align: middle;
}
.items-news-2col .col-td:last-child { width: 60%;}
.items-news-2col .entry-caption:before { display: none;}
.items-news-2col .entry-caption { padding: 0 0 0 20px;}
.items-news-2col .entry-caption h3 { 
display: block;
height: 45px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
}
.article-news .header-news h1 { font-size: 30px;}
.gallery-news .row-gallery { margin-left: -7px; margin-right: -7px;}
.gallery-news .col-gallery { 
width: 33.333333%; 
padding-left: 7px; 
padding-right: 7px; 
margin-bottom: 14px;
}
.gallery-news .item-gallery { min-height: 105px;} 
.gallery-news .total-gallery { font-size: 35px;} .sc-map { 
height: 375px;
background-image: url(/assets/contact/img/map-mobile.jpg);
background-size: cover;
}
.section-group-contact { padding-bottom: 40px;} 
.section-contactinfo .group-info { margin-bottom: 40px;}
.section-contactinfo .group-info h4 { font-size: 16px;}
.section-contactform .form-container { margin-bottom: 0;}
.modal-content { padding: 40px 20px;}
.error404 .wrap-content h1 { font-size: 40px;}
.error404 .wrap-content h2 { font-size: 25px;}
}