@font-face {
    font-family: 'yekan';
    src: url(../font/web_Yekan.woff);
    src: url(../font/web_Yekan.eot?#iefix) format("embedded-opentype"), 
		url(../font/web_Yekan.woff) format("woff"), 
		url(../font/web_Yekan.ttf) format("truetype"), 
		url(../Font/web_Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}
img {
	max-width:100%
}
a {
	text-decoration: none !important;
}
a:hover {
	text-decoration: none !important;
	color: #00bfd6 !important;
}
body {
    font-family: 'yekan' !important;
    background: #f3f3f3 !important;
}
.nopad {
    padding:0 !important
}

/***********  sidebar  *************/
.c-box__header {
    position: relative;
    color: #535353;
    letter-spacing: .2px;
    font-weight: 700;
    font-size: 14px;
    /* font-size: 1rem; */
    line-height: 1.571;
    padding: 8px 16px 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 6px;
    margin-left: 6px;
}
.c-box__header a {	
    color: #535353;
}
.c-listing-sidebar .c-box {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    border: 1px solid #dedede;
    margin: 0 0 10px;
    position: relative;
}
.c-catalog {
    padding: 0 15px 35px 15px;
    font-size: 12px;
    /* font-size: .857rem; */
    line-height: 1.833;
    position: relative;
}
.c-catalog ul {
    list-style: none;
    padding: 0;
}
.c-catalog>ul {
    max-height: 250px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    margin: 3px 0;
}
.c-catalog__cat-item {
    display: list-item;
    margin-bottom: 10px;
    line-height: 20px;
}
.c-catalog__cat-item--arrow-left {
    position: relative;
    padding-right: 17px;
}
.c-catalog__cat-item--arrow-left:before {
    content: "\e257";
    position: absolute;
    top: 4px;
    right: 0;
    color: #6b6b6b;
    font-size: .66rem;
    line-height: 2.444;
    font-family: 'Glyphicons Halflings';
}
.c-catalog__list--depth .c-catalog__list--depth {
    padding-right: 15px;
}

.c-catalog__link:active,
.c-catalog__link:link,
.c-catalog__link:visited {
    padding: 0;
    text-decoration: none;
    cursor: pointer!important;
    color: #545454;
    margin-top: 6px;
    font-weight: 400;
    display: list-item;
    line-height: 20px;
}
.c-catalog__link.is-active {
    color: #2e2e2e!important;
    cursor: pointer;
    font-weight: 700;
    pointer-events: none;
}


.c-catalog__cat-item--arrow-down {
    position: relative;
    padding-right: 17px;
}
.c-catalog__cat-item--arrow-down:before {
    content:"\e259";
    position: absolute;
    top: 0;
    right: 0;
    color: #6b6b6b;
    font-size: 0.9rem;
    line-height: 2.444;
    font-family: 'Glyphicons Halflings';
}
.c-catalog__show-more {
    font-size: 12px;
    /* font-size: .857rem; */
    line-height: 21px;
    color: #4d4d4d;
    text-align: center;
    width: 100%;
    padding: 8.5px 0 5px;
    border-top: 1px solid #f2f2f2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fcfcfc;
    transition: all .3s ease-in-out;
    transition-property: background-color;
}
.c-box__content {
    padding: 10px 13px 8px 12px;
}
.c-ui-input {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 22px;
}
.c-filter--params .c-ui-input {
    margin: 9px 14px 8px;
    display: block;
    width: auto
}
.c-ui-input--quick-search:before {
    content: "\e003";
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 16px;
    font-family: 'Glyphicons Halflings';
}
.c-ui-input--quick-search .c-ui-input__field, .c-ui-input--quick-search .dk-selectric-input {
    font-size: 11px;
    /* font-size: .786rem; */
    line-height: 2;
    color: #555;
    background: #f8f8f8;
    border: 1px solid transparent;
    transition: .15s ease-in;
    letter-spacing: 0;
    padding: 7px 28px 8px 2px;
}
.c-ui-input__field, .dk-selectric-input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    /* letter-spacing: -.8px; */
}
.c-ui-input-cleaner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.c-filter .c-ui-input input {
    border-color: #00bfd6;
    font-size: 12px;
    /* font-size: .857rem; */
    line-height: 1.833;
    border-radius: 7px;
}

.c-filter .c-message {
    padding: 7px 9px;
    font-size: 12px;
    margin: 9px 14px
}

.u-hidden {
    display: none!important; 
}
.c-ui-input-cleaner:after {
    content: "\e014";
    display: inline;
    color: #6c6c6c;
    cursor: pointer;
        font-family: 'Glyphicons Halflings';
}
.c-box__scroll {
    max-height: 333px;
    overflow: auto;    
    height: 100%;
}
.c-message-light {
    font-size: 14px;
    font-size: 1rem;
    line-height: 2;
    padding: 15px 20px;
    position: relative;
    border-radius: 5px;
    line-height: 22px;
}
.c-box__scroll:after, .c-box__scroll:before {
    content: "";
    position: relative;
    z-index: 2;
    height: 5px;
    width: 100%;
    display: block;
    background: #fff;
}
.c-filter--params ul {
    font-size: 12px;
    /* font-size: .857rem; */
    line-height: 1.833;
    list-style: none;
    padding: 0;
}
.c-filter--params ul li {
    position: relative;
}

.c-filter--params ul li .c-filter__label {
    padding: 5px 52px 5px 13px;
    cursor: pointer;
    color: #3b3b3b;
    max-width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.c-filter--params ul li .c-filter__label[data-en]:before {
    content: attr(data-en);
    color: #a6a6a6;
    font-size: 11px;
    /* font-size: .786rem; */
    line-height: 2;
    font-weight: 300;
    text-align: left;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    padding-right: 10px;
}
.c-filter--params ul li .c-ui-checkbox {
    position: absolute;
    right: 20px;
    top: 6px;
}
.c-ui-checkbox {
    width: 19px;
    height: 18px;
    display: inline-block;
    position: relative;
}
.c-ui-checkbox .input-checkbox:checked+.c-ui-checkbox__check, .c-ui-checkbox input[type=checkbox]:checked+.c-ui-checkbox__check {
    background: #00bfd6;
    border: 1px solid #1fa4b3;
}
.c-ui-checkbox__check {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d8d8d8;
}
.c-ui-checkbox .input-checkbox:checked+.c-ui-checkbox__check:before,
 .c-ui-checkbox input[type=checkbox]:checked+.c-ui-checkbox__check:before {
    content: "\e013";
    position: absolute;
    left: 3px;
    top: -3px;
    color: #fff;
    font-size: 12px;
    font-family: 'Glyphicons Halflings';
}
.c-filter--switcher {
    padding: 8px 73px 8px 20px;
    position: relative;
    font-size: 12px;
}
.c-filter {
    line-height: 22px;
}
.c-ui-statusswitcher {
    position: absolute;
    right: 20px;
    top: 10px;
}
.c-ui-statusswitcher input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}
.c-ui-statusswitcher__slider {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 21px;
    border-radius: 29px;
    border: 1px solid #8c8c8c;
    background: #e5e5e5;
    transition: .15s ease-in;
}
.c-ui-statusswitcher__slider__toggle {
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #959595;
    transition: all .4s ease;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 2px;
}

input[type=checkbox]:checked+.c-ui-statusswitcher__slider {
    background-color: #00bfd6;
    border-color: #148693
}

input[type=checkbox]:checked+.c-ui-statusswitcher__slider span {
    right: 21px
}
.c-filter__slider {
    padding: 30px 32px 32px;
    border-bottom: 1px solid #f5f5f5;
}

.c-slider.noUi-target {
    border: none;
    background: #c6c6c6;
    box-shadow: none
}

.c-slider.noUi-horizontal {
    height: 1px;
}

.noUi-target {
    position: relative;
    direction: ltr;
}
.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}
.noUi-connect {
    background: #35ccde;
    border-radius: 4px;
    /* box-shadow: inset 0 0 3px rgba(51, 51, 51, .45); */
    transition: background .45s;
}
.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.c-slider .noUi-handle {
    outline: none;
    width: 19px;
    height: 19px;
    left: -9px;
    top: -7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    border-radius: 50%;
    border: none;
    background: #fff;
    cursor: default;
    position: relative;
    z-index: 1;
}
.c-slider.noUi-horizontal .noUi-handle.noUi-handle-lower:before {
content: "\e257";
    font-family: 'Glyphicons Halflings';
    left: 3px;
    top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #ababab;
    height: auto;
    width: auto;
    background: none;
    position: unset;
    font-weight: 700;
}

.c-slider.noUi-horizontal .noUi-handle.noUi-handle-upper:before {
content: "\e258";
    font-family: 'Glyphicons Halflings';
    left: 5px;
    top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #ababab
}

.c-filter__range {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
}
.c-filter__range li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center;
    font-size: 13px;
    /* font-size: .929rem; */
    line-height: 1.692;
    letter-spacing: .3px;
    color: #858585;
    padding: 13px 15px 20px;
}
.c-filter__range li+li {
    border-right: 1px solid #f5f5f5
}

.c-filter__range input[type=text] {
    width: 77px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    background-color: #f8f8f8;
    display: inline-block;
    overflow: hidden;
    border: none;
    margin: 6px 0;
    text-align: center;
    color: #3c3c3c;
    font-size: 14px;
    /* font-size: 1rem; */
    line-height: 1.571;
    letter-spacing: .3px;
}

.c-filter__range li:after {
    content: attr(data-currency)
}
.c-filter__range li:before {
    content: attr(data-label);
}
.c-filter__range li:after, .c-filter__range li:before {
    display: block;
}
.c-filter__action {
    padding: 8px 32px;
    border-top: 1px solid #f5f5f5;
    text-align: center
}
.btn-primary--filter {
    padding-right: 45px;
    max-width: 100%;
    font-size: 12px;
    line-height: 22px;
    border-radius: 8px;
    background-color: #00bfd6 !important;
    border: 1px solid #2da3b1 !important;
    padding: 9px 26px;
    color: #fff;
}

.c-catalog__show-more:after {
    content:"\e259";
    color: #6b6b6b;
    font-size: 0.8rem;
    line-height: 2.444;
    padding:0 4px;
    font-family: 'Glyphicons Halflings';
}
.is-full .c-catalog__show-more:after {
    content:"\e260";
    color: #6b6b6b;
    font-size: 0.8rem;
    line-height: 2.444;
    padding:0 4px;
    font-family: 'Glyphicons Halflings';
}










/******  category  *******/
.category-card-header {
    position: relative;
    color:#fff;
    /* text-shadow: 0 0 1px #6f6f6f; */
}
.category-card {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    border: 1px solid #e8e8e8;
    padding: 5px 5px;
    margin: 0 15px 20px;
    overflow: hidden;
}
.category-card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    min-height: 48px;
    right: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
    line-height: 48px;
    padding-right: 10px;
    font-size: 17px;
}
.page-content-product {
    background:#fff;
    /* padding: 0; */
    border: 1px solid #e4e4e4;
    margin: 10px 0;
    float: right;
    width: 100%;
}

/**************    breadcrumb    *****************/
.breadcrumb {
    padding: 0 !important;
}
.breadcrumb a {
    color:#333 !important
}
/********  collapse  *********/




/*******************************/
.listing-header {
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 1px;
}
.listing-sort {
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* min-height: 44px; */
    position: relative;
    margin: 0;
    padding: 13px 33px 13px 0;
}
.listing-sort:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "\e054";
    right: 20px;
    font-family: 'Glyphicons Halflings';
    color: #cecece;
}
.listing-sort li a {
    display: block;
    padding: 0 10px;
    position: relative;
    line-height: 28px;
    vertical-align: middle;
    border-radius: 5px;
    white-space: nowrap;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    margin: 0 2px;
}
.listing-sort li span {
	font-size:12px;
	padding:0 10px
}
.listing-sort li a:hover {
	background:#eee
}
.listing-sort li.active a {
    background-color: #00bfd6;
    color: #fff;
	
}
.listing-counter {
    text-align: left;
    line-height: 32px;
    color: #999;
    float: left;
    margin: 10px 0 0 8px;
}
.listing-header .btn-group {
    float: left;
    margin-left: 10px;
    margin-top: 9px;
}
.listing-header .btn-group button {
    background:none;
    border:1px solid #ddd;
    border-radius: 7px !important;
    margin:0 3px !important;
    padding: 7px 10px;
    width: 40px;
    height: 33px;
    font-size: 15px;
    color: #808080;
    /* opacity:0.45 */
    outline: none;
}
.listing-header .btn-group button.is-active {
	opacity:1 !important
}
.page-content-product .view-group {
    /* padding:0 10px */
}
.page-content-product  .grid-group-item {
    padding:0;
    border: 1px solid #eee;
}


.item.list-group-item
{
    /* float: none; */
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border-right: none !important;
    /* border-left: none; */
    margin-bottom: 1px !important;
}
.item.list-group-item .img-event {
    float: right;
    width: 25%;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
    display: inline-block;
    float: right;
    width: 100%;
}
.item.list-group-item .caption
{
    float: right;
    width: 40%;
    margin: 20px 0 0;
    min-height: 230px;
    border-left: 1px solid #eaeaea;
}
.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item:after
{
    clear: both;
}
.img-event {
    text-align:center;
    position: relative;
    padding: 15px 30px;
}
.promotion-box-cover {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	/* background: #fff; */
	background-color: hsla(0,0%,100%,.9);
	color: #ababab;
	padding: 5px 52px;
	border: 1px solid #ababab;
	border-radius: 6px;
	font-size: 14px;
	/* width: 100%; */
	/* height: 100%; */
	border-radius: 3px 20px 20px 20px;
}
.page-content-product  .list-group-item-text {
    line-height:24px;
    margin:20px 0
}

.page-content-product  .item {
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    /* margin-left: -1px; */
    margin-top: -1px;
    margin-bottom: 1px;
    background: #fff;
    height: 100%;
    padding: 0;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1);
}
.page-content-product .item:last-child {
	border-left: 1px solid #e4e4e4;
}
.page-content-product .item .detail-pr {
    border-top: 1px solid #e4e4e4;
    padding: 15px 25px;
    color: #666;
    font-size: 13px;
    /* float: right; */
    /* width: 100%; */
}
.page-content-product .item .detail-pr a {
	
background-color: #00bfd6;
	
color: #fff !important;
	
padding: 4px 10px;
	
border-radius: 5px;
	
text-decoration: none;
}
.page-content-product .item .detail-pr a:hover {
	
background-color: #888;
}
.page-content-product  .item:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.11);
    }
.list-group-item-heading  {
	font-size: 13px;
	margin: 8px 0 0 !important;
	line-height: 21px;
	clear: right;
	height: 40px;
	overflow: hidden;
}
.price-product {
	font-size:15px;
	text-align: left;
	margin: 18px 0 6px;
	line-height: 28px;
	color: #666;
	float: right;
	width: 100%;
}
.price-product del {
	color: #aaa;
	position: absolute;
	left: 44px;
}
.old-price {
	position:relative;
	float: left;
	width: 100%;
	height: 30px;
}
.c-price__value-wrapper {
    float: left;
    width: 100%;
}
.c-price__discount-oval {
	
background: #fb3449;
	
color: #fff;
	
padding: 1px 7px;
	
border-radius: 10px;
	
font-size: 13px;
	
margin-right: 4px;
	
position: absolute;
	
left: 0;
	
top: 0;
}
.price-product .c-price__value-wrapper span {
	font-weight:600;
	font-size: 19px;
	color: #111;
	padding: 0 3px;
}

.page-content-product .item .product-compare-btn {opacity: 0;transition: all 0.3s;color: #999;margin-top: -13px;position: absolute;font-size: 13px;bottom: 12px;}
.page-content-product .item:hover .product-compare-btn {
	opacity:1
}
.page-content-product .item .product-compare-btn input {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.page-content-product .item .product-compare-btn span {
    width: 17px;
    padding: 0 8px;
    height: 17px;
    display: block;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    margin-left: 5px;
    float: right;
}
.page-content-product .list-group-item  .detail-pr {
    border-top: none;
    padding: 15px 25px;
    color: #666;
    font-size: 13px;
    text-align: left;
    float: right;
    width: 40%;
    display: none;
}
.caption.card-body {
    padding: 0 20px 10px;
    height: 120px;
    position: relative;
    /* float: right; */
    /* width: 100%; */
}
.page-content-product .list-group-item   .product-compare-btn {
	display:none
}

.page-content-product .item .product-box-params {
	/* display: none; */
	overflow: hidden;
	height: 0;
}
.page-content-product .list-group-item .product-box-params {
	float: left;
	width: 35%;
	padding: 30px 55px;
	color: #444;
	min-height: 230px;
	position: relative;
}
.page-content-product .list-group-item .product-box-params ul {
	list-style:none;
	position: relative;
	padding: 10px 0;
	line-height: 26px;
	font-size: 12px;
}
.page-content-product .list-group-item .product-box-params li {
	position:relative
}
.page-content-product .list-group-item .product-box-params li:before {
    width: 6px;
    height: 6px;
    position: absolute;
    right: -17px;
    top: 10px;
    content: "";
    border-radius: 50%;
    background: rgb(171, 171, 171);
}
.page-content-product .list-group-item .product-box-params .product-box-params-title {
    padding-right: 14px;
}
.page-content-product .list-group-item .product-box-params .glyphicon {color: #555;font-size: 22px;position: absolute;right: 38px;top: 29px;}
.promotion-badge {
    font-size: 11px;
    line-height: 19px;
    /* font-weight: 600; */
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 102px;
    height: 21px;
    border: 1px solid #fb3449;
    color: #fb3449;
    text-align: center;
}

/************   pagination *****************/

.pagination>li>a {border: none !important;margin: 0 3px !important;border-radius: 5px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #00bfd6 !important;
    border-color: #00bfd6 !important;
    color: #fff !important;
}
.pagination-product {
text-align: center;
    float: right;
    width: 100%;
}

.pagination>li>a, .pagination>li>span {
	color:#333 !important
}


@media (min-width: 1500px) {
.container {
    width: 1470px !important;
}
}


@media (max-width: 1500px) {
.container {
    width: 100% !important;
}

.category-card-title {
    font-size: 14px;
    min-height: 30px;
    line-height: 40px;
}
}



@media (max-width:1200px) and (min-width:992px) {
.category-main .col-md-3 {
	width:33.33%
}
}

@media (max-width:1200px) {

	.listing-sort li a {
    font-size: 11px;
    padding: 0 7px;
}
.listing-sort li span {
    font-size: 11px;
    padding: 0 6px;
}
.listing-sort {
    padding: 13px 25px;
}
.listing-sort:before {
    right: 10px;
}

}


@media (max-width:992px)  {
	.listing-sort {
		padding: 10px 20px 10px 0;
	}
.listing-sort li a {font-size: 11px;padding: 0 6px;}
	.listing-sort:before {
		right:10px
	}
}


@media (max-width:767px) {
	.breadcrumb {
		margin-bottom: 0 !important;
	}
	.listing-sort:before {
		display:none
	}
	.listing-sort , .listing-header {
    display: block;
    float: right;
    width: 100%;
    padding: 10px;
}
.listing-sort li {
	min-width: 13%;
	float:right;
	text-align: center;
}
.listing-header .btn-group {
	display:none
}
.img-event {
	float:right;
	width:30%;
	padding: 10px 20px;
}
.caption.card-body {
	float:right;
	width:70%;
	height: auto;
	padding: 20px;
}
.page-content-product .item .detail-pr {
	float:right;
	width:100%;
}
.category-main {
	text-align:center
}

.category-card {
    display: inline-flex;
}
}



@media (max-width:550px) {
.img-event {
	width:40%;
}
.caption.card-body {
	width:60%;
}
.listing-sort li {
	min-width: 25%;
}
}




@media (max-width:400px) {
.img-event {
	width:45%;
	padding:10px
}
.caption.card-body {
	width:55%;
	padding:20px 10px
}
}