@media screen and (max-width: 1366px) {
    .fs-36{font-size: 34px;}
    .fs-45{font-size: 42px;}
    .fs-49{font-size: 46px;}
    .menu ul{gap: 1.5rem!important;}
}
@media screen and (max-width: 1199px) {
    .container{max-width: 100%;}
    .fs-22{font-size: 20px;}
    .fs-24{font-size: 22px;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 30px;}
    .fs-45{font-size: 38px;}
    .fs-49{font-size: 42px;}
    .content-slider .name{font-size: 30px;}
    .experience-about{right: 0;font-size: 20px;}
    .experience-about .fs-49{font-size: 35px;}
}

@media screen and (max-width:992px) {
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-22{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 26px;}
    .fs-45{font-size: 34px;}
    .fs-49{font-size: 38px;}
    .table-wishlist{min-width: 900px;}
    [data-aos] {opacity: 1 !important;transform: none !important;transition: none !important;}
    .content-slider .name{font-size: 20px;line-height: 25px;}
    .p-left{padding-left: .75rem;}
    .banner{height: 400px;}
}

@media screen and (max-width:768px) {
    .banner{height: 300px;}
    body,.fs-18{font-size: 15px;}
    .fs-20,.fs-22{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-32{font-size: 20px;}
    .fs-36{font-size: 22px;}
    .fs-45{font-size: 30px;}
    .fs-49{font-size: 34px;}
    .widget-desktop-items__icon{width: 30px;height: 30px;}
    .header{position: relative!important;}
    .fixed{ position: fixed!important; z-index: 9999; top: 0px; left: 0px; right: 0px;}
    .menu-home .logo .img-filter{ filter:none ;}
    .menu-home.bg-main{background-color: rgba(255,255,255,.84)!important;}
    .header.fixed .logo img{max-width:50px!important ;}
    .content-slider .name{font-size: 15px;line-height: 20px;}
    .experience-about .fs-49{font-size: 30px;}
    .experience-about{font-size: 18px;}
}

@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: 250px;}
    input,textarea{font-size: 15px!important;}
    .fs-20,.fs-22{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-32{font-size: 18px;}
    .fs-36{font-size: 20px;}
    .fs-45{font-size: 26px;}
    .fs-49{font-size: 30px;}
    body,.fs-18{font-size: 14px;}
    .fs-14{font-size: 13px;}
    .content-slider .name{font-size: 13px;line-height: 17px;}
    .content-slider .content-ckeditor{font-size: 13px;padding: .3rem 0!important;}
    .content-slider .button-slider a{font-size: 13px;}
    .experience-about .fs-49{font-size: 25px;}
    .item-icream:hover .content-cream{padding: 1rem 1rem;}
    .experience-about{font-size: 16px;bottom: 1.5rem;}
    .icon-train span{font-size: 11px;}
    .content-cream .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;padding: 0!important;margin: .3rem 0!important;}
    .content-ckeditor span {font-size: inherit !important;}
}

@media screen and (max-width:450px) {
   .banner{height: 200px;}
   input,textarea,select{font-size: 14px!important;}
    .fs-20,.fs-22{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-32{font-size: 16px;}
    .fs-36{font-size: 18px;}
    .fs-45{font-size: 22px;}
    .fs-49{font-size: 26px;}
    .icon-train span{font-size: 10px;}
    .content-slider .row .col-8{width: 80%!important;}
    .date-new{font-size: 12px;}
    .text-2line{line-height: 20px;height: 40px;}
}

@media screen and (max-width:320px) {
    .banner{height: 150px;}
    .breadcrumb-item{font-size: 10px;}
    body{font-size: 13px;}
    .fs-20,.fs-22{font-size: 13px;}
    .fs-24{font-size: 14px;}
    .fs-32{font-size: 15px;}
    .fs-36{font-size: 16px;}
    .fs-45{font-size: 18px;}
    .fs-49{font-size: 22px;}
    .date-new{font-size: 10px;}
}