@media screen and (max-width: 1366px) {
    .fs-36{font-size: 34px;}
    .fs-48{font-size: 44px;}
}
@media screen and (max-width: 1250px) {
    .menu ul.gap-3{gap: .5rem!important;}
}
@media screen and (max-width: 1199px) {
    .container{max-width: 100%;}
    .fs-24{font-size: 22px;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 32px;}
    .fs-48{font-size: 40px;}
    .p-left{padding-left: .75rem;}
    .p-right{padding-right: .75rem;}
    .owl-next{right: 0;}
    .owl-prev{left: 0;}
}

@media screen and (max-width:992px) {
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 28px;}
    .fs-48{font-size: 36px;}
    .content-slider .fs-48{font-size: 30px;}
    .content-slider .fs-24{font-size: 16px;}
    .table-wishlist{min-width: 900px;}
    [data-aos] {opacity: 1 !important;transform: none !important;transition: none !important;}
    .dt-layout-start,
    .dt-layout-end {width: auto !important;flex: 0 0 auto !important;}
    .dt-layout-end {margin-left: auto !important;}
    .row.mt-2{align-items: center;}
}

@media screen and (max-width:768px) {
     body,.fs-18{font-size: 15px;}
    .banner{height: 250px;}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-32{font-size: 20px;}
    .fs-36{font-size: 24px;}
    .fs-48{font-size: 32px;}
    .content-slider .fs-48{font-size: 24px;}
    .content-slider .fs-24{font-size: 14px;}
    .widget-desktop-items__icon{width: 30px;height: 30px;}
    .content-ckeditor table{display: block;}
    .title-right {max-width: 310px;margin: auto;}
    .header,footer{background-size: cover!important;}
}

@media screen and (max-width:576px) {
    body,.fs-18{font-size: 14px;}
    input,textarea,select{font-size: 15px!important;}
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .banner{height: 210px;}
    .fs-20{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-32{font-size: 18px;}
    .fs-14{font-size: 13px;}
    .fs-36{font-size: 20px;}
    .fs-48{font-size: 26px;}
    .content-slider .fs-48{font-size: 16px;}
    .content-slider .fs-24{font-size: 13px;}
    .content-ckeditor span {font-size: inherit !important;}
    .pagination-page ul{gap: .3rem;}
    .page-link{width: auto;height: 30px;font-size: 14px;min-width: 30px}
    .image-register {max-width: 150px;}
    .row.mt-2{gap: 5px;}
    .dt-layout-start,.dt-layout-end{margin: auto;}
}

@media screen and (max-width:450px) {
    input,textarea,select,.dropdown,.dropdown-menu,.form-select{font-size: 14px!important;}
   .banner{height: 150px;}
    .fs-20{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-32{font-size: 16px;}
    .fs-36{font-size: 18px;}
    .fs-48{font-size: 22px;}
    .content-slider .fs-48{font-size: 13px;}
    .content-slider .fs-24{font-size: 11px;}
    .image-register {max-width: 110px;}
    .title-home h2{font-size: 14px;}
    .title-home h2::before{left: 5px;}
    .title-home span::before{clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);}
    .title-home h2 span{padding-top: .6rem!important;}
    .title-home a{font-size: 12px;}
}

@media screen and (max-width:320px) {
     body{font-size: 13px;}
    .banner{height: 120px;}
    .breadcrumb-item{font-size: 10px;}
    .fs-20{font-size: 13px;}
    .fs-24{font-size: 14px;}
    .fs-32{font-size: 15px;}
    .fs-36{font-size: 16px;}
    .fs-48{font-size: 18px;}
    .content-slider .fs-48{font-size: 14px;}
    .content-slider .fs-24{font-size: 10px;}
    .page-link{width: 25px;height: 25px;font-size: 12px;min-width: 25px}
    .title-home h2{font-size: 11px;}
    .title-home a{font-size: 10px;}
}