@media only screen and (min-width: 320px) {
    html {
        font-size:21.3333px !important;
    }
   
}

@media only screen and (min-width: 360px) {
    html {
        font-size:24px !important;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size:25px !important;
    }
}

@media only screen and (min-width: 384px) {
    html {
        font-size:25.6px !important;
    }
}

@media only screen and (min-width: 400px) {
    html {
        font-size:26.6667px !important;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size:27.6px !important;
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size:32px !important;
    }
}

@media only screen and (min-width: 540px) {
    html {
        font-size:36px !important;
    }
}

@media only screen and (min-width: 560px) {
    html {
        font-size:37.3333px !important;
    }
}

@media only screen and (min-width: 640px) {
    html {
        font-size:42.6667px !important;
    }
}

@media only screen and (min-width: 720px) {
    html {
        font-size:48px !important;
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size:50px !important;
    }
}
a:focus, a:hover {
    text-decoration: none;
}
.f10
{
	font-size:10px;
}
.f12
{
	font-size:12px;
}
.f14
{
	font-size:14px;
}
.f16
{
	font-size:16px;
}
.f18
{
	font-size:18px;
}
.f20
{
	font-size:20px;
}
.f24
{
	font-size:24px;
}
.c3
{
	color:#333;
}
.c6
{
	color:#666;
}
.c9
{
	color:#999;
}
.c10
{
	color:#101010;
}
a:focus, a:hover {
    text-decoration: none;
}
.my_big {
    background-color: #f8f8f8;
    padding: 5px 0;
    color:#101010;
    font-size:18px;
}
.my_titles
{
	font-size:18px;
	color:#101010;
	margin:7px 0;
	text-align:center;
}
.pad_nar
{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:1px;
}
.pad_10
{
	padding-top:10px;
	padding-bottom:10px;
}
.pad_bor_five
{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
.gg_max
{
	position: absolute;
left: 0;
bottom: 0;
color: #999;
}
.pro_list_wid
{
	margin-bottom:10px;
}
@media screen and (max-width:540px) {
 
   .pro_list_wid{width:33.33333333%}
}
@media screen and (max-width:480px) {
   
    .pro_list_wid{width:50%}
}
@media screen and (max-width:360px) {
 
    .pro_list_wid{width:50%}
}
@media screen and (max-width:320px) {
 
    .pro_list_wid{width:100%}
}
.min
{
	padding:5px;
	background-color:#fff;
}

rm .pro_list_wid:nth-of-type(2n-1) {
    padding: 0 2.5px 5px 5px;
}
.rm .pro_list_wid:nth-of-type(2n){
	padding: 0 5px 5px 2.5px;
}
.row_type
{
	margin:1px -5px;
	padding-bottom:10px;
	padding-top:10px;
}
.row_mar
{
	margin:1px -5px;
}