@media (min-width: 1025px) {
    /* Nav */
    .nav__main {
        position: relative;
        max-width: 230px;
        height: 100%;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        border-radius: 0.5rem;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 4px 0px #00000040;
        -moz-box-shadow: 0px 0px 4px 0px #00000040;
        box-shadow: 0px 0px 4px 0px #00000040;
    }
    .nav__main:hover {
        -webkit-border-radius: 0.5rem 0rem 0rem 0.5rem;
        -moz-border-radius: 0.5rem 0rem 0rem 0.5rem;
        border-radius: 0.5rem 0rem 0rem 0.5rem;
    }
    .nav__inner {
        overflow-y: auto;
        max-height: 450px;
    }
    .nav__inner {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .nav__inner::-webkit-scrollbar {
        display: none;
    }
    .nav__title {
        font-weight: 700;
        font-size: 18px;
        color: var(--clr-brand-primary);
        margin: 0.5rem 0.75rem;
    }
    .nav__list {
        list-style: none;
        padding: 0;
    }
    .nav__list:is(.level-1, .level-3) {
        margin: 0;
    }
    .nav__item {
        margin-bottom: 0.625rem;
    }
    .nav__item.level-1 .nav__item-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 0.5rem;
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }
    .nav__photo {
        max-width: 28px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .nav__name {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
        color: var(--clr-text-primary);
        margin-bottom: 0;
    }
    .nav__name:hover {
        text-decoration: underline;
    }
    .nav__item.level-1 {
        padding: 0rem 0.75rem;
    }
    .nav__panel.level-2 {
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        z-index: 99;
        width: -webkit-calc(1300px - 230px);
        width: -moz-calc(1300px - 230px);
        width: calc(1300px - 230px);
        background-color: #fff;
        -webkit-box-shadow: 0px 2px 6px 0px #00000040;
        -moz-box-shadow: 0px 2px 6px 0px #00000040;
        box-shadow: 0px 2px 6px 0px #00000040;
        padding: 1rem;
        pointer-events: none;
    }
    .nav__panel.level-2 {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .nav__panel.level-2::-webkit-scrollbar {
        display: none;
    }
    .nav__list.level-2.flex-container {
        --columns: 5;
        --space-x: 0.5rem;
        --space-y: -webkit-calc(var(--space-x, 0.625rem) * 2);
        --space-y: -moz-calc(var(--space-x, 0.625rem) * 2);
        --space-y: calc(var(--space-x, 0.625rem) * 2);
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .nav__item.level-1:hover>.nav__panel.level-2 {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .nav__item.level-2 .nav__name {
        font-weight: 700;
    }
    .nav__list.level-3 {
        padding: 0.25rem;
        padding-top: 0.75rem;
    }
    .nav__item.level-3 .nav__name {
        font-weight: 400;
    }
}



/* Responsive */
@media (max-width: 1001px) {


    .gglang select{    
        font-size: 14px;
        height: 30px;
        line-height: 18px;
        padding: 0px 20px;
        margin-left: 5px;
    }
    .navigation__category{border-radius: 5px;overflow: hidden;;}
	.header.fixed{animation: unset!important;}
	.nav__footer .nav__link span{color: #000;}
	.nav__footer .nav__link .mau_cam{color: #F36A00!important;line-height: 18px;}
	.navigation.nav--custom{display: flex;margin-bottom: 10px;}
	.nav__item.level-2{margin-bottom: 1rem;}
	.flex-header{display: none;}

	 /* Nav */
    .nav--custom {
        --nav-ft-h: 60px;
    }
    .navigation__category {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
    }
    .navigation__category-hamburger {
        --w: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 35px;
        -webkit-border-radius: 0.25rem;
        -moz-border-radius: 0.25rem;
        border-radius: 0.25rem;
        padding: 0;
    }
    .navigation__category-hamburger:before,
    .navigation__category-hamburger:after {
        --inset-y: 6px;
    }
    .navigation__category-main {
        position: fixed;
        top: 0;
        right: 0;
        bottom: var(--nav-ft-h);
        left: 0;
        background-color: #fff;
        z-index: 999;
    }
    .nav__header {
        height: 50px;
        background-color: #F36A00;
        padding: 0.4375rem 1rem;
    }
    .nav__header>.nav__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 0.625rem;
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
        width: 100%;
    }
    .nav__footer {
        position: fixed!important;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        height: var(--nav-ft-h);
        border-top: 1px solid #ccc;
        background-color: #fff;
        padding: 0.3125rem 1rem;
    }
    .nav__footer>.nav__inner {
        width: 100%;
    }
    .nav__footer .nav__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .nav__footer .nav__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .nav__footer .nav__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0.25rem 0.5rem;
        background-color: #fff;
        height: 50px;
        margin: 0 auto;
    }
    .nav__footer .nav__link span:nth-child(1) {
        font-size: 18px;
        color: var(--clr-text-primary);
    }
    .nav__footer .nav__link span:nth-child(2) {
        font-size: 13px;
    }
    .nav__footer .nav__main {
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px);
        height: calc(100% - 50px);
    }
    .nav__search {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .nav__search .search--block .search__inner {
        height: 36px;
    }
    .nav__close {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 36px;
        height: 36px;
        -webkit-border-radius: 0.25rem;
        -moz-border-radius: 0.25rem;
        border-radius: 0.25rem;
        background-color: #fff;
    }
    .nav__close>span {
        font-size: 24px;
        color: var(--clr-text-primary);
    }
    .nav__main {
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px);
        height: calc(100% - 50px);
    }
    .nav__main>.nav__inner,
    .nav__panel.level-1,
    .nav__list.level-1 {
        height: 100%;
    }
    .nav__main .nav__panel.level-1 {
        position: relative;
    }
    .nav__main .nav__panel.level-2 {
        opacity: 0;
        visibility: hidden;
        overflow-y: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 90px;
        padding: 1rem;
    }
    .nav__main .nav__item.level-1.show .nav__panel.level-2 {
        opacity: 1;
        visibility: visible;
    }
    .nav__main .nav__list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .nav__main .nav__list.level-1 {
        overflow-y: auto;
        max-width: 90px;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .nav__main .nav__list.level-1::-webkit-scrollbar {
        display: none;
    }
    .nav__main .nav__list.level-3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0.5rem;
    }
    .nav__main .nav__list.flex-container {
        --columns: 1;
        --space-x: 0rem;
        --space-y: 1rem;
    }
    .nav__main .nav__item.level-1:nth-child(6n+1) {
        background-color: #c9e4de;
    }
    .nav__main .nav__item.level-1:nth-child(6n+2) {
        background-color: #c6def1;
    }
    .nav__main .nav__item.level-1:nth-child(6n+3) {
        background-color: #f9edcb;
    }
    .nav__main .nav__item.level-1:nth-child(6n+4) {
        background-color: #f3c6de;
    }
    .nav__main .nav__item.level-1:nth-child(6n+5) {
        background-color: #f7d9c4;
    }
    .nav__main .nav__item.level-1:nth-child(6n+6) {
        background-color: #dbcdf0;
    }
    .nav__main .nav__item.level-3 {
        border: 1px solid #ccc;
        -webkit-border-radius: 0.25rem;
        -moz-border-radius: 0.25rem;
        border-radius: 0.25rem;
        padding: 0.3125rem 0.625rem;
    }
    .nav__main .nav__item-inner {
        height: auto !important;
    }
    .nav__main .nav__item-inner.level-1 {
        position: relative;
        padding: 0.5rem;
    }
    .nav__main .nav__item-inner.level-1:before {
        opacity: 0;
        visibility: hidden;
        content: '';
        position: absolute;
        top: -webkit-calc(50% - 10px);
        top: -moz-calc(50% - 10px);
        top: calc(50% - 10px);
        right: 0;
        border: 10px solid rgba(0, 0, 0, 0);
        border-right-color: #fff;
    }
    .nav__main .nav__item.level-1.show>.nav__item-inner:before {
        opacity: 1;
        visibility: visible;
    }
    .nav__main .nav__photo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0.625rem;
    }
    .nav__main .nav__name {
        font-weight: 500;
        font-size: 14px;
        color: var(--clr-text-primary);
    }
    .nav__main .nav__item.level-1>.nav__item-inner>.nav__name {
        text-align: center;
		margin-bottom: 1rem;
		color: #000;
    }
    .nav__main .nav__item.level-2>.nav__item-inner {
        margin-bottom: 0.5rem;
    }
    .nav__main .nav__item.level-2>.nav__item-inner>.nav__name {
        font-size: 14px;
		font-family: 'Roboto_b';
    }
    .nav__main .nav__item.level-3>.nav__item-inner>.nav__name {
        font-weight: 400;
    }
    /* Navigation */
    .navigation__search {
        min-width: unset;
    }
    .navigation__right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 0.75rem;
        -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
    }
    /* Mmenu */
    nav:where(#menu, #mm-menu, #menu-clone, #mm-menu-clone) {
        font-weight: 700;
        --mm-color-background: #fff;
        --mm-color-text: #000;
        --mm-color-text-dimmed: #000;
        --mm-color-button: #000;
    }
    nav:where(#menu, #mm-menu, #menu-clone, #mm-menu-clone) .mm-navbar__title {
        font-size: 16px;
    }
    .mm-listitem__btn span {
        display: none;
    }
    .mm-navbars_bottom {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
    }
	/* //end */



	.search{max-width: 85%;}
	.gglang.gglang_destop{display: none;}
	.flex_id{display: flex;justify-content: space-between;}
	.dm{display: none;}
	.hotline-header{display: none!important;}
	.hotline-header.hotline-header__gh{display: flex!important;}
	.wrap-content{padding: 0px 15px;}
	.slider_dm,.banner_slider{display: none;}
	.slider_r{width: 100%;}
	.search.search__top{display: none;}
	#hamburger:before, #hamburger:after, #hamburger span{background-color: #fff;}
	.flex-header{margin-bottom: 5px;}



	.container_full{overflow: hidden;}
	.offcanvas-start{width: 80%!important;}
	.logo_ft__top img{margin: auto;}
	.logo-header{padding: unset;}
	.logo-header img{top:unset;}
	.logo-header::after{display: none;}
	.menu{display: none;}
	.search1 {
        background-color: #214F99;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        line-height: 40px;
        text-align: center;
        color: #007636;
    }
	.search1{display: unset;}
	.search1 i{position: relative;top: -2px;color: #fff;}
	.sp_bc_id{padding: 30px 15px 60px 15px ;}
	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}
	.wrap-menu {
		display: none;
	}
	.cart-head {
		padding: 5px;
		font-size: 12px;
	}
	.header {
		padding: 10px 0px;
	}
	.flex-product-main {
		display: block;
	}
	.flex-product-main .left-product {
		position: fixed;
		z-index: 999;
		top: 0px;
		left: 0px;
		transform: translateX(-250px);
		bottom: 0px;
		overflow-x: hidden;
		background: #fff;
		box-shadow: 0px 0px 5px #000;
		transition: all 0.5s;
	}
	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}

	.flex-product-main .right-product {
		width: 100%;
	}


	.filter{display: block;}
}
@media (max-width: 850px) {
    .dl_id_l{width: 100%;}
    .dl_id_r{display: none;}
	.slog_bt{display: none;}
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}

    #bankInstallment, #creditInstallment{grid-template-columns: repeat(5, 1fr);}
    .contact-input_mt{margin-top: unset;}
    .contact-input_mt select{width: 100%;}
}
@media (max-width: 769px) {
    .product .name-product{min-height: 31.19px;}
    .box_form_ngay strong{font-size: 15px;}
    #bankInstallment, #creditInstallment{grid-template-columns: repeat(4, 1fr);}
	.nd_top_deal{justify-content: center;background-size: cover;}
	.box_show_sp{padding: 10px;}
	.wrap-content{padding:0px 10px}
	.slogan_top{margin-bottom: unset;line-height: 0;}
	.slogan_top marquee{font-size: 15px;}
	.tc_name{font-size: 15px;}
	.box_pro_view{flex-direction: column;}
	.info_proview{width: 100%;text-align: center;}
	.img_pro{width: 100%;text-align: center;margin-bottom: 10px;}
	.text-center .comment-count{display: none;}
	.product{padding: 5px;}
	.product .price-old{padding: 0px 0px;}
	.title-cat-main span{font-size: 13px;}
	.title-cat-main{gap: 5px;}
	.product .name-product a{font-size: 13px;}
	.title_ab{font-size: 22px;}
	.title_h2{font-size:20px;}
	.tags--featured .tags__list{gap:5px;}
	.box-footer1:nth-child(1){width: 49%;margin-bottom: 10px;}
	.box-footer1:nth-child(2){width: 49%;margin-bottom: 10px;}
	.box-footer1:nth-child(3){width: 49%;margin-bottom: 10px;}
	.box-footer1:nth-child(4){width: 49%;margin-bottom: 10px;}
	.social-footer li{margin-bottom: 5px;}

    .title-detail{width: 100%;}
    .product-template__heading{flex-wrap: wrap;}
    .sort__list{flex-wrap: wrap;}
    .sort__button{margin-bottom: 5px;}
    .grid-properties{grid-template-columns: repeat(3, 1fr);}
    .product_content_l{width: 100%;}
    .product_content_r{width: 100%;}
    .installment-top h1{font-size: 14px;}


	.ha_top > a{clip-path:unset;}
	.copyright{font-size: 13px;}
	footer{padding-bottom: 50px;}
	.info-news .title_h2{font-size: 30px;}
	.frm_contact .slogan,.slogan_dk{font-size: 15px;}
	.frm_contact{padding: 20px;}
	.frm_contact .title_h2{font-size: 30px;}
	.name_kh{font-size: 18px;}
	.content_kh.line7{-webkit-line-clamp: 3;}
	.content_kh{font-size: 14px;}
	.slogan{font-size: 15px;}
	.kh_id .title_h2{font-size: 27px;}
	.grid_da{grid-template-columns: repeat(2, 1fr);}
	.box_da_id .title_h2{font-size: 30px;}
	.product .price-new,.product .price-product{font-size: 14px;}
	.sp_l_nb + .sp_l_nb{margin-top: 40px;}
	.tilte_home{margin-bottom: 10px;}
	.btn_xct1{font-size: 14px;padding-right: 5px;}
	.title_h{margin: unset;;max-width: unset;width: unset;}
	.title_h span{font-size: 14px;background:#e20013;padding: 0px 10px;height: 40px;line-height: 40px;}
	.title_l{padding-right: unset;background: #eee;}
	.btn_xt{font-size: 14px;width: 190px;border: 2px solid #fff;height: 40px;}
	.sp_bc_id{padding: 10px;}
	.nd_top img{display: none;}
	.name_tc{font-size: 15px;}
	.title-about h2{font-size: 35px;}
	.content-about::after{display: none;}
	.box_experient{display: none;}
	.flex-powered{flex-wrap: wrap;justify-content: center;text-align: center;}
	.gutter-x-20{--bs-gutter-x: 10px;} 
	.flex-about {
		flex-wrap: wrap;
	}
	.content-about {
		width: 100%;
	}
	
	.photo-about {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.flex-video{
		flex-wrap: wrap;
	}
	.wr-video{width: 100%;}
	.wr-form{width: 100%;margin-top: 20px;}
	.item-news{padding: 5px;}
	.ds-news h3{font-size: 14px;}
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.slick_photo1 {
		text-align: center;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	 .grid-news {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.grid-product{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.info-footer .flex-footer{
		display: block;
	}
	.box-footer{width: 100% !important;margin-bottom: 20px;}
}
@media (max-width: 440px) {
    .grid-properties{grid-template-columns: repeat(2, 1fr);}
	.box-footer1:nth-child(3){width: 100%;}
	.box-footer1:nth-child(4){width: 100%;}

	.search input{height: 30px;width: calc(100% - 30px);}
	.title_ab{font-size: 19px;}
	.logo-header{max-width: 200px;}
	.ngay{font-size: 24px;}
	.img_tt img{width: 100%;}
	.frm_contact input{height: 40px;}
	.bg_sdt{font-size: 30px;}
	.form_dk_id .nd_top.m-3{margin: unset !important;padding-bottom: 20px;}
	.box_kh{padding: 20px 10px ;}
	.kh_id .title_h2{font-size: 23px;}
	.btn_xt_da{font-size: 14px;width: 150px;line-height: 40px;height: 40px;}
	.grid_da{grid-gap: 10px;}
	.name_tc{font-size: 13px;}
	.tc_item_1{padding: 5px;}
	.box_tieuchi{grid-gap:10px;}
	
}
@media (max-width: 369px) {

}




@media (max-width:1024px) {
    /* General */
    .body-container {
        overflow: hidden;
    }
    article[class*='--template'] {
        padding: 30px 0px;
    }
    /* Spacing */
    .mg-b\:1\.5rem {
        margin-bottom: 1rem;
    }
    .mg-b\:2rem,
    .mg-b\:2\.5rem {
        margin-bottom: 1.5rem;
    }
    /* CKEditor Reset */
    .ckeditor {
        overflow-x: auto;
    }
    .ckeditor:after {
        content: '';
        clear: both;
        display: block;
    }
    .ckeditor *:not(iframe) {
        max-width: 100% !important;
        height: auto !important;
    }
    .ckeditor iframe {
        max-width: 100% !important;
    }
    /* Quick Responsive */
    .rps-xl--visible[class*='rps-xl'][class*='--visible'] {
        display: block;
    }
    .rps-xl--hidden[class*='rps-xl'][class*='--hidden'] {
        display: none;
    }
    .rps-xl--w-fit[class*='rps-xl'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-xl--w-100[class*='rps-xl'][class*='--w-100'] {
        width: 100%;
    }
    .rps-xl--flex-100[class*='rps-xl'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
    .rps-xl--flex-unset[class*='rps-xl'][class*='--flex-unset'] {
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
}

@media (max-width:850px) {
    /* Quick Responsive */
    .rps-lg--visible[class*='rps-lg'][class*='--visible'] {
        display: block;
    }
    .rps-lg--hidden[class*='rps-lg'][class*='--hidden'] {
        display: none;
    }
    .rps-lg--w-fit[class*='rps-lg'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-lg--w-100[class*='rps-lg'][class*='--w-100'] {
        width: 100%;
    }
    .rps-lg--flex-100[class*='rps-lg'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
    .rps-lg--flex-unset[class*='rps-lg'][class*='--flex-unset'] {
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
}

@media (max-width:576px) {
    /* Quick Responsive */
    .rps-md--visible[class*='rps-md'][class*='--visible'] {
        display: block;
    }
    .rps-md--hidden[class*='rps-md'][class*='--hidden'] {
        display: none;
    }
    .rps-md--w-fit[class*='rps-md'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-md--w-100[class*='rps-md'][class*='--w-100'] {
        width: 100%;
    }
    .rps-md--flex-100[class*='rps-md'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
    .rps-md--flex-unset[class*='rps-md'][class*='--flex-unset'] {
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
}

@media (max-width:369px) {
    /* Quick Responsive */
    .rps-sm--visible[class*='rps-sm'][class*='--visible'] {
        display: block;
    }
    .rps-sm--hidden[class*='rps-sm'][class*='--hidden'] {
        display: none;
    }
    .rps-sm--w-fit[class*='rps-sm'][class*='--w-fit'] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .rps-sm--w-100[class*='rps-sm'][class*='--w-100'] {
        width: 100%;
    }
    .rps-sm--flex-100[class*='rps-sm'][class*='--flex-100'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-box-flex: 0;
        flex: 0 1 100%;
    }
    .rps-sm--flex-unset[class*='rps-sm'][class*='--flex-unset'] {
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
}