@media (max-width:991px){
.item-img img[style*="height"],.featured-post img[style*="height"]{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;display:block}
.row:has(> iframe) > .col-md-4{flex:0 0 100%;max-width:100%}
.row:has(> iframe) > iframe{width:100%!important;max-width:100%;height:320px!important;margin-top:16px}
.contact-content .detail-info{margin:0!important}
html[dir=ltr] #navbarSupportedContent,html[dir=ltr] #navbarSupportedContent .nav-link{text-align:left!important}
}
@media (max-width:767px){
.item .item-content{height:auto!important;padding:14px 0 0}
.item .item-content h4.widget-title{height:auto!important;padding-bottom:14px!important;margin-bottom:12px!important}
.item .item-content h4.widget-title::after{top:auto!important;bottom:0!important}
.item.img-hover-zoom{margin-bottom:28px}
.page-title .page-title-heading h1.title{font-size:30px!important;line-height:1.35!important}
.page-title .breadcrumbs ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}
.page-title .breadcrumbs li{margin:0!important}
.page-title .breadcrumbs a::before{display:none!important}
.page-title .breadcrumbs li+li::before{content:"/";margin:0 10px;opacity:.55}
.page-title .breadcrumbs a{display:inline-block;padding:4px 6px;background:rgba(255,255,255,.55);border-radius:6px}
.page-title{margin-bottom:0!important}
.page-title + .flat-row,.page-title + section{padding-top:36px!important}
.table-responsive-sm .table{font-size:12.5px;margin:0}
.table-responsive-sm .table th,.table-responsive-sm .table td{padding:8px 4px!important;word-break:normal;overflow-wrap:anywhere}
.table-responsive-sm .table th:first-child,.table-responsive-sm .table td:first-child,.table-responsive-sm .table th:last-child,.table-responsive-sm .table td:last-child{white-space:nowrap;overflow-wrap:normal}
.general-img img{width:100%!important;height:auto!important}
.box:has(.blog-single) .page-title-heading{display:none}
.blog-single .content-wrap{margin:0!important}
.blog-single .meta-post{display:none!important}
.blog-single .header-post{padding:0!important;margin:0 0 16px!important}
.blog-single .header-post p{font-size:22px!important;font-weight:700;color:#222;line-height:1.5}
.blog-single .content-post>[class*=col-]{padding:0!important}
.blog-single .feature-post{margin-bottom:18px!important}
.blog-single .feature-post img{width:100%!important;height:auto!important;border-radius:6px}
.blog-single .content-post p{font-size:16px;line-height:1.9}
.wrap-share.hidden{display:none!important}
.flat-row:has(> footer){padding-bottom:0!important}
.contact-content{padding:28px 24px!important}
.flat-form-contact input[type=text],.flat-form-contact input[type=email],.flat-form-contact textarea{font-size:16px!important}
.newheader .tog.btn{width:44px;height:44px;padding:0}
.newheader .top-bar .icons a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}
.newheader .mid-bar .item.v2 a{font-size:13px!important}
.footer ul.links a{min-height:40px;display:inline-flex!important;align-items:center}
.footer .social-link a{width:44px!important;height:44px!important}
.footer .social-link{margin-bottom:22px}
#flat-gallery-carousel .flex-direction-nav a{width:44px!important;height:44px!important}
.new-section + .flat-row.flat-about{padding:0!important}
.flat-row.flat-about,.flat-row.pad-120bt{padding-bottom:40px!important}
.text-card p,.text-card li{font-size:15px!important;font-weight:400!important;line-height:1.9}
.list-project li i{margin-inline-end:8px}
html[dir=ltr] .item .item-content,html[dir=ltr] .item .item-content h4,html[dir=ltr] .post-laternews .content-post,html[dir=ltr] .post-laternews .title-post{text-align:left!important}
html[dir=ltr] .item .item-content h4.widget-title::after{left:0!important;right:auto!important}
html[dir=ltr] .footer .widget-title,html[dir=ltr] .footer .fllow,html[dir=ltr] .footer ul.links li{text-align:left!important}
html[dir=ltr] .text-card p,html[dir=ltr] .text-card li{unicode-bidi:plaintext}
html[dir=ltr] .footer .widget-title:after,html[dir=ltr] .footer .fllow:after{left:0!important;right:auto!important}
}
