@media screen and (max-width: 1200px) {
    .menu-pc,.widget-desktop,.form-search{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .fs-24{font-size: 22px;}
    .fs-26{font-size: 24px;}
    .fs-27{font-size: 25px;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 30px;}
    .header .p-left{padding: .5rem 0; padding-left: .75rem;padding-right: .75rem;text-align: center;}
}

@media screen and (max-width:992px) {
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-26{font-size: 22px;}
    .fs-27{font-size: 23px;}
    .fs-32{font-size: 26px;}
    .fs-36{font-size: 28px;}
    .table-wishlist{min-width: 900px;}
    .bg-data{height: 495px!important;}
}

@media screen and (max-width:768px) {
    .banner{height: 250px;}
    body{font-size: 15px;}
    .fs-18,.fs-20{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-26{font-size: 20px;}
    .fs-27{font-size: 21px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 26px;}
    .bg-data{height: 400px!important;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 14px;}
    .banner{height: 210px;}
    body{font-size: 14px;}
    input,textarea{font-size: 15px!important;}
    .fs-18,.fs-20{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-26{font-size: 18px;}
    .fs-27{font-size: 19px;}
    .fs-32{font-size: 22px;}
    .fs-36{font-size: 24px;}
    .bg-data{height: 350px!important;}
    .text-2line{height: 45px;}
    .text-3line{height: 65px;}
    .date-new{left: 5px;font-size: 13px;padding-left: .3rem!important;padding-right: .3rem!important;}
}

@media screen and (max-width:450px) {
   .banner{height: 180px;}
   input,textarea{font-size: 14px!important;}
    .fs-18,.fs-20{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-26{font-size: 16px;}
    .fs-27{font-size: 17px;}
    .fs-32{font-size: 18px;}
    .fs-36{font-size: 20px;}
    .bg-data{height: 300px!important;}
    .date-new{font-size: 12px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 12px;}
    body{font-size: 13px;}
    .fs-24{font-size: 14px;}
    .fs-26{font-size: 15px;}
    .fs-27{font-size: 16px;}
    .fs-32{font-size: 17px;}
    .fs-36{font-size: 18px;}
    .bg-data{height: 250px!important;}
}