body {width: 100%;margin: 0 auto;}
#mainpage {margin-bottom: 150px;}
.user-icon {height: 70px;width: 70px;}
.user-icon i {font-size: 49px;}
.footer p {font-size: 40px;}
.categories {display: flex;background: url(image/bestframes.jpg);background-size: 100% 100%;padding: 15px;background-repeat: no-repeat;height: 150px;align-items: center;justify-content: center;border-radius: 5px;border-color: #212529;background:#212529;}
.categories .card-title{font-size: 15px;font-weight: 600;font-family: system-ui;color: #fff;line-height: 1.3;}
.listing-right .card-title{font-size: 15px;font-weight: 600 !important;font-family: system-ui;color: #e95d53;line-height: 1.3;}
.listing-right .text-muted {color: var(--light) !important;font-size: 12px;font-family: system-ui;font-weight: 600;}
.listing-right .price {font-size: 18px;font-family: system-ui;font-weight: 600 !important;color: #000;}
.border {border: 1px solid #ccc !important;}
.text-muted2 {color: #000000 !important;font-size: 20px;font-family: system-ui;font-weight: 600;}
.osahan-count input {width: 40px;}
.small, small {font-size: 15px;}
.listing-right .bulkdata {background: transparent;color: #000;border: solid 1px #ccc;width: 30px;height: 20px;margin-bottom: 3px;display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: center;border-radius: 5px;}
.btn-primary {background-color: #212529 !important;border-color: #212529 !important;}
.btn-category {position: fixed !important;bottom: 6rem;right: 1rem;}
@media screen and (min-width: 200px) AND (max-width: 600px){
    body {width: 100%;margin: 0 auto;}
    #mainpage {margin-bottom: 60px;}
    .user-icon {height: 35px;width: 35px;}
	.user-icon i {font-size: 25px;}
	.footer p {font-size: 10px;line-height:1}
	.categories {display: flex;background: url(image/bestframes.jpg);background-size: 100% 100%;padding: 10px;background-repeat: no-repeat;height: 80px;align-items: center;justify-content: center;border-radius: 5px;border-color: #212529;background:#212529;}
	.categories .card-title{font-size: 12px;font-weight: 600;font-family: system-ui;color: #fff;line-height: 1.3;}
	.listing-right .card-title{font-size: 10px;font-weight: 600 !important;font-family: system-ui;color: #e95d53;line-height: 1.3;}
	.listing-right .text-muted {color: var(--light) !important;font-size: 9px;font-family: system-ui;font-weight: 600;}
	.listing-right .price {font-size: 15px;font-family: system-ui;font-weight: 600 !important;color: #000;}
    .text-muted2 {color: #000000 !important;font-size: 15px;font-family: system-ui;font-weight: 600;}
    .osahan-count input {width: 30px;}
    .small, small {font-size: 10px;}
}
@media screen and (min-width: 600px) AND (max-width: 768px){
    body {width: 100%;margin: 0 auto;}
    #mainpage {margin-bottom: 60px;}
    .user-icon {height: 50px;width: 50px;}
	.user-icon i {font-size: 30px;}
	.footer p {font-size: 18px;line-height:1}
	.categories {display: flex;background: url(image/bestframes.jpg);background-size: 100% 100%;padding: 15px;background-repeat: no-repeat;height: 150px;align-items: center;justify-content: center;border-radius: 5px;border-color: #212529;background:#212529;}
	.categories .card-title{font-size: 15px;font-weight: 600;font-family: system-ui;color: #fff;line-height: 1.3;}
	.listing-right .card-title{font-size: 15px;font-weight: 600 !important;font-family: system-ui;color: #e95d53;line-height: 1.3;}
	.listing-right .text-muted {color: var(--light) !important;font-size: 12px;font-family: system-ui;font-weight: 600;}
	.listing-right .price {font-size: 15px;font-family: system-ui;font-weight: 600 !important;color: #000;}
    .text-muted2 {color: #000000 !important;font-size: 20px;font-family: system-ui;font-weight: 600;}
    .osahan-count input {width: 40px;}
    .small, small {font-size: 15px;}
}
@media screen and (min-width: 768px) AND (max-width: 1024px){
	body {width: 100%;margin: 0 auto;}
	#mainpage {margin-bottom: 50px;}
	.user-icon {height: 60px;width: 60px;}
	.user-icon i {font-size: 40px;}
	.footer p {font-size: 40px;}
	.categories {display: flex;background: url(image/bestframes.jpg);background-size: 100% 100%;padding: 15px;background-repeat: no-repeat;height: 150px;align-items: center;justify-content: center;border-radius: 5px;border-color: #212529;background:#212529;}
	.categories .card-title{font-size: 15px;font-weight: 600;font-family: system-ui;color: #fff;line-height: 1.3;}
	.listing-right .card-title{font-size: 15px;font-weight: 600 !important;font-family: system-ui;color: #e95d53;line-height: 1.3;}
	.listing-right .text-muted {color: var(--light) !important;font-size: 12px;font-family: system-ui;font-weight: 600;}
	.listing-right .price {font-size: 18px;font-family: system-ui;font-weight: 600 !important;color: #000;}
	.listing-right .text-muted2 {color: #000000 !important;font-size: 20px;font-family: system-ui;font-weight: 600;}
    .text-muted2 {color: #000000 !important;font-size: 20px;font-family: system-ui;font-weight: 600;}
    .osahan-count input {width: 40px;}
    .small, small {font-size: 15px;}
}