@media screen and (max-width:1200px) {
    .container {
        padding: 0 15px;
    }
    .btn-sp-1 {
        margin-right: 0;
    }
    .search-box {
        display: none;
    }
    .select-box {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .sec {
        padding: 20px 0;
    }
    .img-left {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .main-wrap.res {
        padding-top: 83.25px;
    }
    .multi-slider {
        margin-bottom: 30px;
    }
    .menu-fter .nav-fter:after {
        display: none;
    }
    .header {
        background: #fff;
    }
    .main-menu.cus {
        color: #000;
    }
    .main-menu {
        position: fixed;
        top: 0;
        left: unset;
        right: 100vw;
        width: 100%;
        height: 100%;
        border-radius: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 20px 0 50px;
        text-align: left;
        -webkit-transition: .2s;
        transition: .2s;
    }
    .main-menu-nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 220px;
        height: 100%;
        z-index: 2;
        padding: 20px 0 50px;
        border-radius: 0;
        background: #00afef;
    }
    .main-menu-overlay {
        display: block;
    }
    .main-menu-btn {
        display: block;
    }
    .select-box {
        display: block;
        margin-right: 50px;
    }
    .select-box .language-list {
        position: relative;
        opacity: 1;
        right: 0;
        top: 0;
        width: 150px;
        display: flex;
        justify-content: space-around;
    }
    .select-form .icon {
        display: none;
    }
    .select-box .select-form .img {
        display: none;
    }
    .main-menu .main-menu-nav {
        display: block;
    }
    .main-header .search-box {
        display: none;
    }
    .main-header .logo-header img {
        width: 75%;
    }
    .main-wrap {
        padding-top: 83.25px;
    }
    .banner-top .single-banner .item .content-banner .text {
        font-size: 38px;
    }
    .banner-top .single-banner .item .content-banner {
        left: 25px;
    }
    .table-long-lived .colum {
        width: 100%;
        padding: 15px;
    }
    .sec-long-lived .img-overclay {
        display: none;
    }
    .table-long-lived .colum .box-picture-v1 {
        display: none;
    }
    .table-long-lived .colum .box-picture-v2 {
        display: none;
    }
    .table-long-lived .colum .box-picture-v3 {
        display: none;
    }
    .table-necklace .colum {
        width: 100%;
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .table-necklace .colum .content .box-content .title {
        font-size: 38px;
        padding-left: 5px;
        padding-bottom: 15px;
        text-align: center;
    }
    .table-necklace .colum .content {
        padding: 0;
    }
    .table-necklace .colum .content {
        width: 100%;
    }
    .table-necklace .colum .main-img {
        display: none;
    }
    .bg-necklace .table-necklace .colum .img-absolute-1 {
        position: relative;
        top: 0;
        width: 50%;
    }
    .bg-necklace .table-necklace .colum .img-absolute-2 {
        position: relative;
        top: 0;
        left: 0;
        width: 50%;
    }
    .bg-necklace .table-necklace .colum .img-absolute-3 {
        position: relative;
        top: 0;
        left: 0;
        transform: translateY(0);
        width: 50%;
    }
    .bg-necklace .table-necklace .colum .img-absolute-4 {
        position: relative;
        top: 0;
        left: 0;
        width: 50%;
    }
    .bg-necklace .table-necklace .colum .img-absolute-5 {
        position: relative;
        top: 0;
        left: 0;
        width: 50%;
        margin: 0 auto;
    }
    .table-necklace .colum .content .box-icon {
        padding: 0;
    }
    .table-necklace .colum .content .box-content {
        padding: 15px 0;
    }
    .sec-service .content .title {
        font-size: 38px;
        padding-bottom: 15px;
    }
    .sec-service .content .desc {
        font-size: 15px;
    }
    .sec-service .table-service .colum {
        width: 50%;
    }
    .table-product .colum {
        width: 50%;
    }
    .sec-product .title {
        font-size: 38px;
        color: #f7331e;
        padding-left: 10px;
    }
    .sec-logo .box-logo .list-logo {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .sec-logo .box-logo .list-logo li {
        margin-bottom: 15px;
    }
    .table-fter .colum-ft-1 {
        width: 100%;
    }
    .table-fter .colum-ft-2 {
        width: 100%;
    }
    .table-fter .colum-ft-3 {
        width: 100%;
    }
    .table-fter .colum-ft-4 {
        width: 100%;
    }
    .menu-fter .nav-fter {
        display: block;
        background: transparent;
        column-count: 2;
        margin-left: -10px;
    }
    .menu-fter .nav-fter:before {
        display: none;
    }
    .table-fter .colum-ft-2 .box-text {
        padding-left: 0;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .table-fter .colum-ft-1 .content {
        padding: 25px 0;
    }
    .menu-fter .nav-fter li a {
        padding: 5px 10px;
    }
    .hotline {
        padding-top: 20px;
    }
    .sec-logo .title:before,
    .sec-logo .title:after {
        width: 50px;
    }
    .table-product .colum .content .box-text .txt {
        font-size: 14px;
    }
    .table-long-lived .colum .content .content-bottom .item {
        width: 100%;
    }
    .table-long-lived .colum .content .content-top .title {
        font-size: 38px;
    }
    .table-long-lived .colum .content .content-top .desc {
        font-size: 15px;
    }
    .table-long-lived .colum .content .content-bottom .item {
        padding: 15px 0 0 0;
    }
    .table-necklace .colum .content .box-content .desc {
        font-size: 16px;
    }
    .breadcrum .breadcrum-all .breads-right .bread-item a {
        padding: 10px 5px;
        font-size: 13px;
    }
    .breadcrum .breadcrum-all .breads-left .bread-item a {
        padding: 10px 5px;
        font-size: 13px;
    }
    .sec-about .content .title {
        padding-bottom: 0;
    }
    .sec-about .content .desc {
        padding-top: 20px;
    }
    .hotline.cus {
        padding-top: 20px;
    }
    .send-messenger .icon {
        right: 15px;
    }
    .banner-top .single-banner .item .box-img img {
        width: auto;
        height: 75vh;
        object-fit: cover;
    }
    .search-box {
        display: block;
    }
    .search-form {
        padding-right: 0;
    }
    .search-form .f-input {
        width: 100%;
    }
    .texterea-form .f-texterea {
        width: 100%;
        height: 150px;
    }
    .table-work .colum {
        width: 100%;
    }
    .table-work {
        flex-direction: column-reverse;
    }
    .box-work .table-work:nth-child(even) {
        flex-direction: column-reverse;
    }
    .table-sanpham .colum {
        width: 50%;
    }
    .table-sanpham .colum .content .box-text {
        padding: 15px 20px;
    }
    .nut-sp {
        display: flex;
        justify-content: space-evenly;
    }
    .table-pro-detail .colum {
        width: 100%;
    }
    .slider-nav .item {
        padding: 0;
    }
    .slider-for .item {
        padding: 5px;
    }
    .slider-for .item .box-img {
        text-align: center;
    }
    .slider-for .item .box-img img {
        display: inline-block;
    }
    .slide-control {
        bottom: 0;
        right: 15px;
    }
    .c-tab .c-tab__content .content .desc {
        padding-bottom: 0;
    }
    .table-read-more {
        flex-direction: column-reverse;
    }
    .table-read-more .colum-2 {
        width: 100%;
    }
    .table-read-more .colum-1 {
        width: 100%;
    }
    .table-read-more .colum-2 .list-info .item {
        width: 50%;
    }
    .table-read-more .colum-2 .content .date {
        padding-bottom: 15px;
    }
    .table-read-more .colum-2 .content .title {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .table-read-more .colum-2 .content .box-img {
        padding-bottom: 15px;
    }
    .table-read-more .colum-2 .content {
        padding-bottom: 20px;
    }
    .table-read-more .colum-2 .content-bottom .title {
        padding-bottom: 20px;
        font-size: 18px;
    }
    .table-read-more .colum-1 .title {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .table-read-more .colum-2 .list-info .item .content-info .text .desc {
        font-size: 14px;
    }
    .table-read-more .colum-1 .content .box-text .text {
        font-size: 14px;
    }
    .table-read-more .colum-2 .list-info .item .content-info .text .date {
        font-size: 12px;
    }
    .table-info-td .colum {
        width: 50%;
    }
    .sec-info-td .title {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .sec-tdung-1 .box-content .box-img {
        width: 100%;
    }
    .sec-tdung-1 .box-content .box-text {
        width: 100%;
        margin-top: -15px;
    }
    .sec-tdung-1 .title {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .sec-tdung-1 .box-content {
        padding: 0;
        margin-bottom: 15px;
    }
    .sec-tdung-1 .box-td .box-content:nth-child(1) {
        padding: 0;
    }
    .sec-tdung-1 .box-content .box-text .txt {
        padding-bottom: 0px;
    }
    .sec-tdung-1 .box-content .box-text .date {
        padding-bottom: 10px;
    }
    .sec-tdung-1 .box-content .box-text .desc {
        padding-bottom: 10px;
    }
    .table-tdung-2 .colum {
        width: 100%;
    }
    .sec-tdung-2 .title {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .table-tdung-2 .colum .content .txt {
        font-size: 14px;
    }
    .table-tdung-2 .colum .content {
        padding-bottom: 10px;
    }
    .sec-info-td {
        padding-bottom: 20px;
    }
    .table-long-lived .colum .content {
        padding: 0;
    }
    .table-long-lived .colum .content {
        width: 100%;
    }
    .table-work .colum .box-content .desc {
        text-align: left;
    }
    .breadcrum .breads-right {
        display: none;
    }
    .main-menu .main-menu-nav li a {
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    .banner-top .bg-banner .box-img img {
        height: 50vh;
        object-fit: cover;
    }
    .banner-top .single-banner {
        height: 75vh;
    }
    .table-work .colum .box-content .title {
        font-size: 24px;
    }
    /***********/
}

@media screen and (max-width:500px) {
    /* .table-product .colum {
		width: 100%;
	} */
    .breadcrum .breadcrum-all .breads-right .bread-item a {
        font-size: 11px;
    }
    .breadcrum .breadcrum-all .breads-left .bread-item a {
        font-size: 11px;
    }
    .send-messenger .icon a {
        padding: 10px 20px;
    }
    .table-sanpham .colum {
        width: 50%;
    }
    .btn-sp-1 {
        margin-right: 0;
        margin-bottom: 0;
    }
    .nut-sp {
        display: block;
        justify-content: space-evenly;
    }
    .table-read-more .colum-2 .list-info .item {
        width: 100%;
    }
    .table-info-td .colum {
        width: 100%;
    }
    .c-tab__nav ul {
        display: block;
    }
    .c-tab__nav ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        border-radius: 5px;
    }
    .hotline .text {
        width: 200px;
    }
    .table-necklace .colum .content .box-content .title {
        font-size: 36px;
    }
    .sec-service .table-service .colum .item .text {
        font-size: 14px;
    }
    .sec-logo .box-logo .list-logo li {
        width: 50%;
    }
    .table-fter .colum-ft-2 .box-text .desc {
        font-size: 14px;
    }
    .table-fter .colum-ft-2 .box-text .title {
        font-size: 16px;
    }
    .menu-fter .nav-fter li a {
        font-size: 14px;
    }
    .c-tab .c-tab__content .content {
        word-break: break-word;
    }
}

@media screen and (max-width:375px) {
    .table-long-lived .colum .content .content-bottom .item .title .text {
        font-size: 20px;
    }
}