:root {
    --color-main: #bf2e1a;
    --color-text: rgb(81, 81, 81);
    --color-title: rgb(69, 90, 102);
    --font-regular: "Font-Regular";
    --font-bold: "Font-Bold";
    --font-roboto-regular: "Font-Roboto-Regular";
    --font-roboto-bold: "Font-Roboto-Bold";
}
@media (max-width: 1366px) { 
    #slider-news.owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-prev{
        left: 15px;
    }
    #slider-news.owl-carousel .owl-nav button.owl-prev::before, 
    #slider-news.owl-carousel .owl-nav button.owl-next::before{
        color: #FFF;
    }
    #slider-news.owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-next{
        right: 15px;
    }
    .owl-carousel .owl-nav button::before{
        color: #FFF;
        border: 1px solid #FFF;
    }
    .owl-carousel .owl-nav button:hover::before{
        color: var(--color-main);
        border-color: var(--color-main);
    }
    .modal-detail-product .carousel-control-prev{
        left: 20px;
    }
    .modal-detail-product .carousel-control-next,
    .modal-detail-product .close{
        right: 20px;
    }
}
@media (max-width: 1200px) { 
    header#header .menu .box-menu .item-menu>a{
        font-size: 14px;
        padding-left: 14px;
        padding-right: 14px;
    }
    header#header .menu {
        margin-left: 30px;
    }
    header#header>.logo{
        padding-left: 15px!important;
    }
    header#header>.wrap-header-main{
        padding-right: 15px!important;
    }
    #chooseWe .box-content-choose .list-item-choose.item-left .item {
        padding-left: 25px;
    }
    #chooseWe .box-content-choose .list-item-choose.item-left .item .box-image {
        margin-left: 15px;
    }
    #chooseWe .box-content-choose .list-item-choose .item {
        padding-right: 25px;
    }
    #chooseWe .box-content-choose .list-item-choose .item .box-image{
        margin-right: 15px;
    }
    #chooseWe .box-content-choose .list-item-choose .item .content {
        font-size: 16px;
    }
    #welcome {
        padding: 70px 0;
    }
    #product {
        padding: 70px 0 100px;
    }
    #product .list-product-main .item-product .title-product{
        font-size: 16px;
    }
    #services .content-service p {
        font-size: 18px;
    }
    header#header .wrap-header-main .wrap-layout-menu .wrap-menu>li>a {
        font-size: 14px;
        padding-left: 11px;
        padding-right: 11px;
    }
    /*  */
    #banner-about .box-item-banner-about .title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    #banner-about .box-item-banner-about .content{
        font-size: 16px;
        max-width: 75%;
    }
    #valueCore .value-wrap .value-item {
        width: 140px;
    }
    #valueCore .value-wrap .value-item .icon-wrap .title {
        font-size: 16px;
    }
    #valueCore .value-wrap {
        width: 800px;
    }
    .value-wrap .value-item:nth-child(1) {
        margin-left: -85px;
        margin-bottom: 125px;
    }
    .value-wrap .value-item:nth-child(2) {
        position: absolute;
        top: 0%;
        left: 10%;
    }
    .value-wrap .value-item:nth-child(4) {
        position: absolute;
        top: 0;
        right: 10%;
    }
    .value-wrap .value-item:nth-child(5) {
        margin-right: -86px;
        margin-bottom: 155px;
    }
    .value-wrap .fetch-content .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .value-wrap .fetch-content .content {
        font-size: 18px;
        line-height: 1.5;
    }
    #map-company {
        padding: 70px 0 90px;
    }
    #info-address {
        padding: 90px 0 80px;
    }
}
@media (max-width: 1080px) { 
    header#header .menu {
        margin-left: 20px;
    }
    #chooseWe .box-content-choose .list-item-choose .item{
        margin: 30px 0;
    }
    #product-main .box-title-product .menu-title-product{
        overflow-x: scroll;
    }
    #product-main .wrap-product .box-title-product .title a {
        font-size: 28px;
    }
    header#header .wrap-header-main .wrap-layout-menu .wrap-menu {
        padding-left: 20px;
    }
}
@media (max-width: 1024px) { 
    
    header#header{
        padding: 10px 0;
        z-index: 30;
    }
    header#header .wrap-header-main .wrap-layout-menu .form-search,
    header#header .wrap-header-main .box-info-top,
    header#header .wrap-header-main::before,
    /* header#header .wrap-header-main .wrap-layout-menu .wrap-menu, */
    header#header .menu{
        display: none;
    }
    header#header .wrap-header-main{
        padding-top: 0;
        background: transparent;
    }
    header#header .wrap-header-main .wrap-layout-menu {
        justify-content: flex-end;
        align-items: center;
    }
    header#header .wrap-header-main .wrap-layout-menu .box-lang {
        padding-bottom: 0;
    }
    .box-search{
        padding: 0;
    }
    /*  */
    /* header#header .wrap-menu-mobile .box-menu-mobile{
        padding-left: 15px;
        padding-right: 15px;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .item-menu{
        position: relative;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .item-menu>a{
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 700;
        position: relative;
        padding: 11px 0;
        transition: all .3s;
        border-bottom: 1px solid rgb(218, 218, 218);
    }
      
    header#header .wrap-menu-mobile .box-menu-mobile .item-menu a img.img-hover{
        opacity: 0;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .item-menu a .box-image-item-menu{
        position: relative;
        margin-right: 15px;
        height: max-content;
        line-height: 1;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .item-menu a .box-image-item-menu img.img-hover{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .item-menu.active>a,
    header#header .wrap-menu-mobile .box-menu-mobile .item-menu:hover>a{
        color: var(--color-main);
    }
    header#header .wrap-menu-mobile{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background: #FFF;
        width: 100%;
        max-width: 430px;
        height: calc(100vh - 100px);
        transform: translateX(-430px);
        transition: all .3s;
    }
    header#header .wrap-menu-mobile.active{
        transform: translateX(0);
        transition: all .3s;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .icon-toggle-item-menu{
        position: absolute;
        top: 0;
        font-size: 20px;
        right: 0;
        width: 45px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .icon-toggle-item-menu i{
        transition: all .3s;
    }
    header#header .wrap-menu-mobile .box-menu-mobile .icon-toggle-item-menu.active i{
        transform: rotateX(180deg);
        color: var(--color-main);
        transition: all .3s;
    }
    header#header .wrap-menu-mobile .menu-child{
        display: none;
    }
    header#header .wrap-menu-mobile .menu-child li a{
        padding: 11px 15px 11px 38px;
        transition: all .3s;
        border-bottom: 1px solid rgb(218, 218, 218);
        width: 100%;
    }
    header#header .wrap-menu-mobile .menu-child li a i{
        opacity: 0;
        margin-right: 5px;
    }
    header#header .wrap-menu-mobile .menu-child li.active>a>i,
    header#header .wrap-menu-mobile .menu-child li:hover>a>i{
        opacity: 1;
        color: var(--color-main);
    }
    header#header .wrap-menu-mobile .menu-child li{
        position: relative;
    }
    header#header .wrap-menu-mobile .menu-child .menu-child{
        padding-left: 15px;
    } */
    header#header .wrap-header-main .wrap-layout-menu .nav-menu{
        position: fixed;
        left: 0;
        top: 72px;
        width: 100%;
        max-width: 420px;
        height: calc(100% - 72px);
        background-color: #FFF;
        overflow-y: scroll;
        padding-bottom: 40px;
        transform: translateX(-420px);
        transition: all .3s;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-menu.active{
        transform: translateX(0);
        transition: all .3s;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-menu .wrap-menu{
        flex-direction: column;
        align-items: flex-start;
        padding-right: 10px;
    }
    header#header .wrap-header-main .wrap-layout-menu .wrap-menu>li{
        width: 100%;
        position: relative;
        padding: 0;
    }
    header#header .wrap-header-main .wrap-layout-menu .wrap-menu>li>a{
        color: var(--color-text);
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 700;
        position: relative;
        padding: 13px 0 11px;
        transition: all .3s;
        border-bottom: 1px solid rgb(218, 218, 218);
    }
    header#header .wrap-header-main .wrap-layout-menu .menu-mega-main{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #FFFFFF;
        box-shadow: none;
        transform: unset;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: unset;
        transition-delay: unset;
        padding: 0;
        display: none;
    }
    header#header .menu-mega-main .container.pb-3{
        padding-bottom: 0!important;
    }
    header#header .menu-mega-main .container>.row .col{
        flex: unset;
        max-width: 100%;
    }
    header#header .wrap-header-main .wrap-layout-menu .menu-mega-main .item .box-image{
        display: none;
    }
    header#header .wrap-header-main .wrap-layout-menu .menu-mega-main .item .title-menu-mega a{
        text-align: left;
        padding: 10px 0;
        border-bottom: 1px solid rgb(218, 218, 218);
        font-family: var(--font-regular);
        margin-top: 0;
    }
    header#header .wrap-header-main .wrap-layout-menu .menu-mega-main .title-menu-product{
        display: none;
    }
    header#header .menu-mega-main .container>.row .col-md-4{
        flex: unset;
        max-width: 100%;
    }
    header#header .menu-mega-main .container>.row .col-md-8{
        display: none;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control {
        height: auto;
        overflow: unset;
        padding-right: 0;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .item-tab{
        position: relative;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .item-tab:first-child{
        border-top: none;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .item-tab:last-child{
        border: none;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .item-tab .list-content-tab{
        padding-top: 0;
        padding-left: 15px;
        display: none;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .item-tab .list-content-tab a{
        padding: 10px 0;
        border-bottom: 1px solid rgb(218, 218, 218);
        width: 100%;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .item-tab .list-content-tab li:first-child a{
        border-top: 1px solid rgb(218, 218, 218);
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .item-tab .list-content-tab li:last-child a{
        border-bottom: none;
    }
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .nav-link,
    header#header .wrap-header-main .wrap-layout-menu .nav-tab-control .nav-link.active{
        padding-left: 0;
        /* border-bottom: 1px solid rgb(218, 218, 218); */
    }
    header#header .wrap-header-main .wrap-layout-menu .item-menu:hover .menu-mega-main{
        transition: unset;
    transition-delay: unset;
    }
    header#header .wrap-menu .item-menu .toggle-menu-mobile{
        position: absolute;
        top: 0;
        right: 0;
        width: 46px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header#header .wrap-menu .item-menu .toggle-menu-mobile i{
        color: var(--color-text);
        font-size: 20px;
        transition: all .3s;
    }
    header#header .wrap-menu .item-menu .toggle-menu-mobile.active i{
        transform: rotate(90deg);
        transition: all .3s;
    }
    header#header .wrap-header-main .wrap-layout-menu .wrap-menu>li.is-mega-menu>a::before{
        display: none;
    }
    /*  */
    /*  */
.box-search.form-searh-mobile {
    padding: 10px 0 10px 15px;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 15px;
}

.box-search img {
    cursor: pointer;
}
.toggle-search-header{
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--color-main);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.toggle-search-header:hover{
    /* background-color: #FFF;
    transition: all .3s; */
}
.toggle-search-header:hover img{
    /* filter: invert(1); */
    transition: all .3s;
}
.toggle-search-header.active {
    opacity: 0;
}
.box-search .form {
    background-color: transparent;
    border-radius: 22px;
    width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
    transition: all .3s;
    position: absolute;
    right: 0;
}

.box-search .form input {
    height: 38px;
    width: 100%;
    transition: all .3s;
    color: #000;
    border: none;
    padding-left: 15px;
}

.box-search .form input::placeholder {
    color: #000;
}

.box-search .form .btn {
    float: right;
    padding-right: 10px;
    margin-right: 0;
    margin: 0;
    height: 38px;
    width: 38px;
    min-width: 38px;
    border-radius: 100%;
    background-color: var(--color-main);
    padding: 0;
}
.box-search .wrap-search-header.active {
    width: 300px;
    background-color: #FFF;
    border: 1px solid var(--color-main)
}
/*  */
#welcome {
    padding: 60px 0;
}
#product {
    padding: 50px 0 100px;
}
#product .list-product-main .item-product .title-product {
    font-size: 14px;
}
.box-title .title {
    font-size: 26px;
}
#services {
    padding: 40px 0 50px;
}
#chooseWe .box-content-choose .list-item-choose.item-left .item {
    padding-left: 20px;
}
#chooseWe .box-content-choose .list-item-choose .item {
    padding-right: 20px;
}
#info-address .wrap-content-address .title {
    font-size: 26px;
}
.wrap-content-product-list .title-product-list {
    font-size: 26px;
    background-position-y: 9px;
}
.item-service .box-content .box-title a{
    line-height: 1.5;
    font-size: 18px;
}
.item-service .box-content .box-title .number {
    margin-bottom: 6px;
}
.item-service .box-content .box-title {
    margin-bottom: 15px;
}
.item-service .box-content .link-more {
    margin-top: 15px;
}
.wrap-list-service{
    display: flex;
    flex-wrap: wrap;
}
.wrap-list-service .item-service {
    flex-direction: column;
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
    margin-bottom: 30px;
}
.wrap-list-service .item-service:nth-child(odd){
    margin-right: 15px;
}
.item-service .box-image-main{
    width: 100%;
    flex: unset;
    max-width: 100%;
}
.item-service .box-content {
    flex: unset;
    max-width: 100%;
    margin-top: 20px;
    padding: 15px;
}
#news-index .item .box-content {
    bottom: 15px;
    left: 20px;
}
#news-index .item .box-content .title a {
    font-size: 18px;
}
#news-index .item .box-content .box-date{
    margin-top: 5px;
}
.modal-detail-product .carousel-control-prev,
.modal-detail-product .carousel-control-next{
    z-index: 2;
    color: var(--color-text);
}
.modal-detail-product .close{
    top: 20px;
    color: var(--color-text);
    width: max-content;
    z-index: 11;
}
.modal-detail-product .close span:last-child{
    display: none;
}
.modal-detail-product .carousel-control-prev .sr-only, .modal-detail-product .carousel-control-next .sr-only{
    color: var(--color-text);
}
.modal-detail-product .modal-content{
    padding: 15px;
}
}

@media (max-width: 991px) {
    #services>.container>.row{
        flex-direction: column-reverse;
    }
    #services .content-service{
        padding-top: 20px;
        text-align: center;
    }
    #chooseWe .box-content-choose .box-imag-choose{
        display: none;
    }
    #chooseWe .box-content-choose{
        flex-direction: column;
    }
    #chooseWe .box-content-choose .list-item-choose {
        margin: 0;
    }
    #chooseWe .box-content-choose .list-item-choose .item{
        margin: 0 0 15px 0;
        max-width: 100%;
    }
    #chooseWe .box-content-choose .list-item-choose.item-left .item {
        flex-direction: unset;
        padding-left: 0;
    }
    #chooseWe .box-content-choose .list-item-choose.item-left .item .box-image {
        margin-left: 0;
        margin-right: 15px;
    }
    #chooseWe .box-content-choose .list-item-choose.item-left .item .content{
        text-align: left;
    }
    #chooseWe .box-content-choose .list-item-choose .item .content br{
        display: contents;
    }
    #chooseWe {
        padding: 105px 0 60px;
    }
    footer#footer .wrap-list-services .list-menu{
        margin-bottom: 15px;
    }
    #banner-about{
        flex-direction: column;
    }
    #banner-about .box-item-banner-about{
        flex: unset;
        max-width: 100%;
    }
    #banner-about .box-item-banner-about:nth-child(1){
        order: 2;
    }
    #banner-about .box-item-banner-about:nth-child(2){
        order:1
    }
    #banner-about .box-item-banner-about:nth-child(3){
        order:3
    }
    #banner-about .box-item-banner-about:nth-child(4){
        order:4
    }
    #valueCore .value-wrap{
        background: unset;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        margin-top: 0;
    }
    #valueCore .value-wrap .value-item {
        width: 100%;
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
    #valueCore .value-wrap .value-item .icon-wrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #valueCore .value-wrap .value-item{
        position: relative;
        margin: 0;
        left: unset;
        top: unset;
        right: unset;
        bottom: unset;
        transform: unset;
    }
    .value-wrap .fetch-content{
        position: relative;
        max-width: 100%;
        transform: unset;
        margin-top: 30px;
        bottom: unset;
    left: 0;
    }
    .wrap-image-address{
        height: 100%;
    }
    .wrap-image-address .box-image{
        display: flex;
        align-items: center;
        height: 100%;
    }
    .wrap-image-address .box-image img{
        height: auto;
    }
    #info-address .wrap-content-address .title {
        margin-bottom: 30px;
    }
    /*  */
    #product-main .wrap-product .box-title-product .title a {
        font-size: 24px;
    }
    #product-main .wrap-product-flex{
        flex-direction: column-reverse;
    }
    .wrap-content-product-list .title-product-list {
        font-size: 22px;
        background-position-y: 6px;
    }
    .wrap-control-product .menu-control>li ul {
        position: relative;
        left: 0;
        top: 0;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transform: unset;
        box-shadow: unset;
        padding-left: 10px;
        display: none;
    }
    .wrap-control-product .menu-control li.active,
    .wrap-control-product .menu-control li:hover{
        background: transparent;
    }
    .wrap-control-product .menu-control li.active>a, 
    .wrap-control-product .menu-control li:hover>a,
    .wrap-control-product .menu-control li>a.active{
        background: var(--color-main);
        color: #FFF;
    }
    .wrap-control-product .menu-control li .toggle-menu-product{
        z-index: 2;
    }
    .wrap-control-product .menu-control li .toggle-menu-product>i{
        transition: transform .3s;
    }
    .wrap-control-product .menu-control li .toggle-menu-product.active>i{
        transform: rotate(90deg);
        color: #FFF;
        transition: transform .3s;
    }
    .wrap-control-product .menu-control>li ul .toggle-menu-product::before{
        display: none
    }
    .wrap-control-product .menu-control>li ul .toggle-menu-product i {
        display: block;
    }
    .content-product-detail{
        margin-top: 20px;
    }
    #news-index .wrap-list-news-top{
        margin-top: 20px;
    }
    #contact {
        padding: 60px 0 60px;
    }
}
@media (max-width: 820px) {
    #chooseWe .box-content-choose{
        padding-top: 0;
    }
    #chooseWe {
        padding: 85px 0 60px;
    }
}
@media (max-width: 768px) {
    footer#footer .wrap-logo{
        margin-bottom: 20px;
    }
    #slider-top.owl-carousel .owl-nav button.owl-prev {
        left: 30px;
    }
    #slider-top.owl-carousel .owl-nav button.owl-next {
        right: 30px;
    }
    .box-title .title {
        font-size: 24px;
    }
    /*  */
    .breadcrumb-main .breadcrumb-content .breadcrumb-inner{
        padding-left: 70px;
    }
    .breadcrumb-main .breadcrumb-content .breadcrumb-inner .title-breadcrumb{
        font-size: 24px;
    }
    /*  */
    #info-address .wrap-content-address .title {
        font-size: 24px;
    }
    .value-wrap .fetch-content .title {
        font-size: 20px;
    }
    #banner-about .box-item-banner-about.item-has-content{
        height: auto!important;
    }
    #banner-about .box-item-banner-about.item-has-content>img{
        position: absolute;
    top: 0;
    left: 0;
    }
    #banner-about .box-item-banner-about.item-has-content .box-content{
        padding: 30px 0;
        position: relative;
        top: unset;
        left: 0;
        width: 100%;
        transform: unset;
    }
    #product-main .wrap-product .box-title-product .title a {
        font-size: 22px;
    }
    .item-service .box-content .box-title a{
        line-height: 1.5;
        font-size: 16px;
    }
    .item-service .box-content .box-title .number span{
        font-size: 18px;
    }
    .box-main-detail .title-box{
        font-size: 20px;
    }
    .box-main-detail .title-main {
        margin-top: -65px;
    }
    .box-main-detail .title-box>img {
        margin-top: 3px;
    }
    .box-main-detail{
        padding-left: 35px;
        padding-right: 35px;
    }
    .item-service.flex-column>div.box-content {
        padding-top: 20px;
    }
    .row{
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .row>[class*="col-"]{
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .form-search-page .title-result-search {
        font-size: 24px;
    }
    .modal-detail-product .carousel-inner .carousel-item {
        height: 700px;
    }
}
@media (max-width: 576px) {
    .box-copyright p {
        font-size: 12px;
    }
    #welcome .box-content-welcome {
        max-width: 100%;
    }
    #product {
        padding: 50px 0 40px;
        background: unset;
    }
    #services .list-service .item {
        flex-direction: column;
        margin-bottom: 15px;
        text-align: center;
    }
    #services .content-service{
        padding-right: 0;
    }
    header#header .logo{
        min-width: unset;
    }
    header#header .logo img{
        height: 38px;
    }
    .value-wrap .fetch-content .title {
        font-size: 18px
    }
    #valueCore .value-wrap .value-item .icon-wrap .title {
        font-size: 14px;
    }
    #info-address {
        padding: 60px 0 40px;
    }
    
    .item-product-main .title{
        padding-left: 0;
        padding-right: 0;
    }
    .wrap-list-service .item-service{
        flex: unset;
        max-width: 100%;
        margin-right: 0!important;
    }
    .box-main-detail .title-box {
        font-size: 18px;
    }
    .box-main-detail{
        padding-left: 25px;
        padding-right: 25px;
    }
    .wrap-share{
        flex-direction: column;
        justify-content: center;
    }
    .wrap-share ul li{
        margin-bottom: 5px;
    }
    /*  */
    #news-index .item .box-content {
        bottom: unset;
        left: 0;
        position: relative;
        background: #FFF;
        border: 1px solid rgb(204 204 204 / 50%);
        padding: 10px 15px;
    }
    #news-index .item .box-content .title a{
        color: var(--color-text);
    }
    #contact.contact-succes .wrap-contact-susess .title-contact-sucess {
        font-size: 30px;
    }
    .modal-detail-product .carousel-inner .carousel-item {
        height: 500px;
    }
}
@media (max-width: 375px) {
    .box-search .wrap-search-header.active {
        width: 275px;
    }
}