@charset "utf-8";
#primary-cat{margin-bottom: 50px;}
.profile-site{padding: 30px 0;background: #666666;}
/* start Tin tức */
/* .category-tin-tuc #siderbar {margin-top: 0;} */
.url-cat-news {margin: 20px 0;}
.category-tin-tuc .news-list{
    margin-left: 0;
    /* width: calc(100% - 390px); */
    margin-right: 30px;}
.category-tin-tuc{margin-bottom: 50px;}
/* end Tin tức */
/* start Sidebar */
#siderbar{width:360px;margin-top: 10px; float:right;border-radius: 10px;}
#siderbar .news-list{width: 100%;margin-right: 0;}
.siderbar-list{padding: 0 15px;box-shadow: 0 0 10px 1px #cccccc;border-radius: 5px;}
#siderbar .news-list-in{width: 100%;border-radius: none;box-shadow: none;}
#siderbar .news-list-img {width: 130px;height: 130px;display: block;border-radius: none;}
#siderbar .news-list-txt { width: calc(100% - 150px);padding: 10px;}
.siderbar-ttl{    font-size: 20px;text-transform: uppercase;padding: 10px 0;margin-bottom: 5px;color: #fe0000;font-weight: bold;}
/* end Sidebar */
/* start category */
.url-cat-over{padding: 15px 5px;}
.link-cat,.link-cat a{color: #999999;}
.link-cat a:hover{color: #fe0000;}
#primary-cat .product-list{}
#primary-cat .porduct-list-item{width: calc(25% - 10px);}
/* end category */
/* start nhan luc */
.profile-list{display: flex;flex-wrap: wrap;}
.profile-item{width: calc(20% - 10px);margin:5px;position: relative;}
.profile-img{width: 100%; height:350px;}
.profile-txt{text-align: center;position:absolute;bottom:0;width: calc(100% - 20px);background: #00000060;color: #ffffff;padding: 10px}
.profile-txt h3{text-transform:uppercase;font-weight:bold;margin-bottom:5px;}
.profile-txt p{color:#ffffff;font-size:10px;font-style: italic;letter-spacing: 1px;}
/* end nhan luc */
/* start box page */
.box-page{display: flex;    flex-wrap: wrap;}
.box-page-item{width: calc(50% - 20px);position: relative;background: #000000;}
.box-page-item:first-child{margin-right:40px;}
.box-page-item a{display: block;width: 100%;height: 450px;}
.box-page-item a:hover{opacity: 0.5;}
.box-page-txt{position: absolute;bottom:0;width: 100%;text-align: center;background: #ffffff80;}
.box-page-txt h3{text-transform:uppercase;font-weight:bold;font-size:32px;color:#fe0000;padding: 20px 0;letter-spacing: 3px;}
.box-page-small.box-page-item{width: calc(20% - 10px);position: relative;background: #000000;margin:0 5px }
.box-page-small.box-page-item a{height: 210px;}
.box-page-small.box-page-item h3{font-size:16px;padding:10px 0;letter-spacing: 2px;}
/* end box page */
/* start page contact */
.contact-company{display:flex;flex-wrap: nowrap;}
#ppm-tabs{color:#ffffff;width: 450px;padding:50px 30px;}
.tab_content p,.tab_content a{color:#ffffff;}
.tab_content i{margin-right:10px;}
.tab_content .footer-fb{margin-bottom:50px;}
.contact-ttl-form{margin-bottom:20px;font-size:16px}
.tablelienhe{}
.tablelienhe tr{margin-bottom:20px;display:flex;flex-wrap:wrap;width:100%;}
.tablelienhe tr:last-child td:first-child{display:flex;flex-wrap:wrap;justify-content: flex-end;width:calc(100% - 40px);}
.tablelienhe tr td{color:#ffffff;}
.tablelienhe tr td:first-child{width:110px;}
.tablelienhe tr:last-child td:first-child input:first-child{margin-right:30px;}
.profile-map{width:calc(100% - 510px);}
.profile-map iframe{width:100%;height:100%;}
.contact-profile.profile-site{padding:0;}
/* end page contact */


/* start slide-top-banner   */
.slide-top-banner ul.slide-top li.item {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 7; 
    overflow: hidden;
}

@media (max-width: 768px) {
    .slide-top-banner ul.slide-top li.item {
        aspect-ratio: 4 / 3;
    }
}

.slide-top-banner ul.slide-top li.item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* end slide-top-banner   */



.ag-photo-gallery-block .ag-format-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 30px; */
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.ag-photo-gallery-block .ag-photo-gallery_list {
    column-count: 4;
    column-gap: 15px;
    max-width: 100%;
}

.ag-photo-gallery-block .ag-photo-gallery_item {
    display: inline-block;
    width: 95%;
    margin-bottom: 15px;
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
    padding: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ag-photo-gallery-block .ag-photo-gallery_item:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.ag-photo-gallery-block .ag-photo-gallery_img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    transition: opacity 0.3s ease;
    display: block;
}

.ag-photo-gallery-block .ag-photo-gallery_item:hover .ag-photo-gallery_img {
    opacity: 0.92;
}

@media only screen and (max-width: 1024px) {
    .ag-photo-gallery-block .ag-photo-gallery_list {
        column-count: 3;
    }
}

@media only screen and (max-width: 767px) {
    .ag-photo-gallery-block .ag-photo-gallery_list {
        column-count: 2;
    }
}

@media only screen and (max-width: 479px) {
    .ag-photo-gallery-block .ag-photo-gallery_list {
        column-count: 1;
    }
}

/*  */
.line-clamp-2 {
    overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

@media screen and (max-width: 767px) {
    .news-list-img {
        width: calc(40% - 5px);
     }

    .news-list-txt {
        width: calc(60% - 30px);
    }
    
    #siderbar {
        margin-top: 15px;
        width: 100%;
    }
}