@media screen and (max-width: 1366px) {
    .fs-32{font-size: 30px;}
    .fs-36{font-size: 32px;}
    .fs-39{font-size: 35px;}
    .fs-40{font-size: 36px;}
    .fs-45{font-size: 40px;}
    .menu li a{font-size: 16px;}
}
@media screen and (max-width: 1199px) {
    .container{max-width: 100%;}
    .fs-24{font-size: 22px;}
    .fs-26{font-size: 24px;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 30px;}
    .fs-39{font-size: 32px;}
    .fs-40{font-size: 33px;}
    .fs-45{font-size: 35px;}
    .nav-link.dropdown-toggle span{background-color: var(--green)!important;}
    .dropdown-toggle::after{color: var(--green);}
    .header.fixed .header-top{display: none;}
    .p-left{padding-left:calc(1.5rem * .5) ;}
    .p-right{padding-right:calc(1.5rem * .5) ;}
    .owl-prev{left: 0;}
    .owl-next{right: 0;}
    .logo{display: block;text-align: center;}
}

@media screen and (max-width:992px) {
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-26{font-size: 22px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 26px;}
    .fs-39{font-size: 28px;}
    .fs-40{font-size: 30px;}
    .fs-45{font-size: 32px;}
    .table-wishlist{min-width: 900px;}
    .ic-top{width: 100%;max-width: 250px;}
    .ic-bottom{width: 100%;max-width: 400px;}
}

@media screen and (max-width:768px) {
    .banner{height: 250px;}
    body,.fs-18{font-size: 15px;}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-26{font-size: 20px;}
    .fs-32{font-size: 20px;}
    .fs-36{font-size: 22px;}
    .fs-39{font-size: 24px;}
    .fs-40{font-size: 26px;}
    .fs-45{font-size: 28px;}
    .ic-top{width: 100%;max-width: 150px;}
    .ic-bottom{width: 100%;max-width: 300px;}
    .name-slider{width: 100%;padding: 0 .4rem;}
    .mw-50{min-width: auto}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .banner{height: 210px;}
    input,textarea{font-size: 15px!important;}
    .fs-20{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-26{font-size: 18px;}
    .fs-32{font-size: 18px;}
    .fs-36{font-size: 20px;}
    .fs-39{font-size: 22px;}
    .fs-40{font-size: 24px;}
    .fs-45{font-size: 26px;}
    body,.fs-18{font-size: 14px;}
    .fs-14{font-size: 13px;}
    .ic-top{width: 100%;max-width: 100px;}
    .ic-bottom{width: 100%;max-width: 200px;}
}

@media screen and (max-width:450px) {
   .banner{height: 180px;}
   input,textarea{font-size: 14px!important;}
    .fs-18{font-size: 13px;}
    .fs-20{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-26{font-size: 16px;}
    .fs-32{font-size: 16px;}
    .fs-36{font-size: 18px;}
    .fs-39{font-size: 20px;}
    .fs-40{font-size: 20px;}
    .fs-45{font-size: 21px;}
    .ic-top{width: 100%;max-width: 70px;}
    .ic-bottom{width: 100%;max-width: 150px;}
    .image-bottom-about{max-width: 200px;}
    .owl-prev,.owl-next{width: 30px;height: 30px;}
    .image-bottom-about-index{max-width: 170px;}
    .ic-vector-1{top: .5rem;max-width: 70px;}
}

@media screen and (max-width:320px) {
    .banner{height: 150px;}
    .breadcrumb-item{font-size: 10px;}
    body{font-size: 13px;}
    .fs-20{font-size: 13px;}
    .fs-24{font-size: 14px;}
    .fs-26{font-size: 15px;}
    .fs-32{font-size: 15px;}
    .fs-36{font-size: 16px;}
    .fs-39{font-size: 18px;}
    .fs-40{font-size: 18px;}
    .fs-45{font-size: 19px;}
    .ic-bottom{width: 100%;max-width: 100px;}
}