/********/
@media only screen and (max-width: 500px) {
	.pag ul li.active, .pag ul li a {
		display: block;
		min-width: 30px;
		padding: 0 4px;
		font-size: 14px;
		font-weight: 700;
		line-height: 30px;
		color: rgba(81,82,111,0.2);
		text-align: center;
		background: #fff;
		border-radius: 50%;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.16);
		transition: color 800ms ease;
	}
	.pag ul li {
		float: left;
		margin-right: 6px;
	}
	.pag ul li a:hover {color: #70BE44;}

	.pag ul li.active {
		color: #515C6F;
	}

	.pag ul li.dotted {
		min-width: auto;
		padding: 0;
		font-size: 20px;
		font-weight: 700;
		line-height: 45px;
		color: rgba(81,82,111,0.2);
	}
}

/********/


@media only screen and (max-width: 991px) {
	#header {padding: 15px 0;}
	#header .pull-right {padding-top: 5px;}
	.logo {width: 120px; margin-left: 45px;}
	.cart a {position: relative; height: 30px; padding: 0; border: none; border-radius: 0;}
	.cart a i.icon {background-size: 20px;}
	.cart a span.txt {display: none;}
	.cart a span.count {position: absolute; top: 14px; left: -3px; margin: 0;min-width: 24px; height: 24px; border-radius: 50%; font-weight: 500; font-size: 12px; line-height: 24px;}
	.btn_catmenu {position: absolute;top: 3px;left: 10px;width: 30px;height: 30px;margin: 0;padding: 0;font-size: 0px;background: url(../images/icon/icon-catmenu.svg) no-repeat center; background-size: 100%;line-height: 1;}
	.btn_catmenu:before {display: none;}
	.btn_catmenu.is_open {background-image: url(../images/icon/icon-close.svg); background-size: 20px;}
	.btn_search,.close_search {display: block;}
	.login_btn:not(.wp) {width: 30px;height: 30px;margin: 0 15px;font-size: 0px;background: url(../images/icon/icon-user.svg) no-repeat center;background-size: 20px;}
	.login_btn.wp {width: 30px;height: 30px;margin: 0 15px;line-height: 0;padding: 3px;font-size: 25px;}
	.login_btn.wp span {display:none}
/**/.profile_btn {width: 30px;height: 30px;margin: 0 15px;font-size: 0px;background: url(../images/icon/icon-user.svg) no-repeat center;background-size: 20px;}
	.search {display: none;position: absolute; top: -3px; left: 10px; width: calc(100% - 20px); z-index: 100; max-width: inherit; background: #fff; border-radius: 10px;}
	.search input[type="text"] {height: 44px; padding: 0 30px 0 45px; font-size: 16px; background-size: 20px;background-position: left 15px center;}
	.footer_banner {margin-top: 30px;}
	.footer_logo {width: 120px;}
	.card_wrapper {top: 67px;min-height: calc(100vh - 67px);}
	.category_panel {top: 67px;padding: 25px;}
	.category_panel h1 {font-size: 24px;}
	.category_list li figure {width: 70px; height: 70px; line-height: 70px;}
	.category_list li figure img {max-width: 40px;}
	.category_list li h2 {font-size: 14px;}
	.sub_category li a {font-size: 16px;padding-left: 5px;}
	.product_carousel {display: none;}
	.product_wrapper_inner {width: 100%; height: 100vh; overflow-y: auto; border-radius: 0; top: 0; margin: 0;}
	.product_wrapper_inner .close {top: 10px; right: 10px; background-image: url(../images/icon/icon-close.svg);}
	.product_detail figure {width: 100%; text-align: center;}
	.product_detail figure img {width: auto; max-width: 70%;}
	.product_detail .body,.payments_inner .left_block {width: 100%;}
	.payments_inner .left_block {padding-bottom: 0;}
	.payments_products .box:last-child {border-bottom: none;}
	.payments_inner .right_block {width: 100%; padding: 30px 0; border-left: 0; border-top: 1px solid rgba(114,124,142,0.15);}
.social span {display: none;}
	.account_info {padding-top: 10px;}
	.account {padding: 0 0 30px;}
	.account_cards .list .item span.card_number,.account_cards .head span:first-child {width: auto; margin-right: 30px;}

}

@media only screen and (max-width: 767px) {
	.card_wrapper .head h1,.main_carousel h1 {font-size: 24px;}
	.card_wrapper .head span.close {line-height: 24px;}
	.menu a {font-size: 24px; margin-right: 30px; border-width: 2px;}
	.footer_menu {margin-bottom: 15px;}
	.footer_logo {float: left; margin-top: 10px;}
	.category_list {float: left;}
	.category_list li {display: block; margin-bottom: 10px;}
	.sub_blocks {float: left; width: calc(100% - 80px); padding-left: 20px;}
	.sub_category {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;margin-top: 30px;}
	.lr_wrapper {overflow: hidden;}
	.lr_wrapper_inner {width: 100%; height: 100vh; border-radius: 0; top: 0; margin-bottom: 0; padding: 0; overflow-y: auto;}
	.lr_wrapper_inner .close {top: 15px; right: 15px; background-image: url(../images/icon/icon-close.svg);}
	.lr_wrapper_inner .form {margin: 30px 0 0;}
	.product_detail .body h2 {font-size: 20px;}
	.product_detail .body span.price {font-size: 24px;}
	.product_detail .body .tab_nav a {padding: 0 10px; margin-right: 10px;}
	.product_detail .body .quantity {width: 100%; margin-bottom: 20px;}
	.product_detail .body .add_basket {float: left;}
	.side_menu,a.get_link {margin-bottom: 30px;}
	.ipt_item .lbl,.breadcrumbs span, .breadcrumbs a {font-size: 14px;}
	.product_list .head h1 {width: 100%;font-size: 20px;}
	.product_list .head select.filter {float: left; width: 100%;}
	.contact_form .right_block {margin-top: 20px;}
	.card_details {padding: 25px 30px 0;}
	.payments_inner h1.title {font-size: 18px;}
	.payments_logo {padding: 25px 0;}
	.payments_logo img {width: 120px;}
}

@media only screen and (max-width: 480px) {
	.col-mob-12 {width: 100%;}
	.col-mob-6 {width: 50%;}
	.card_wrapper {width: 100%;}
	.menu a {font-size: 16px; margin-right: 10px;}
	.sub_category {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.page_content, .faq {padding: 15px;}
	.faq .item .head h2 {font-size: 16px;}
	.faq .item .body {font-size: 14px;}
	.total_price {width: 100%;}
	.payments_inner .bottom .pay {float: left; margin-top: 15px;}
	.footer_phone_number {width: 100%; margin-bottom: 15px;}
	.account_content input[type="submit"] {max-width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.search {width: calc(100% - 750px);}
	.product_wrapper_inner {width: 970px;}
}

@media only screen and (max-width: 1199px) {
	.main_carousel .owl-nav {text-align: center;}
	.main_carousel .owl-nav div {display: inline-block; margin: 0 10px; position: relative; left: auto!important; top: 0; right: auto!important; transform: translateY(0);}
}

@media only screen and (min-width:1200px) {
	.container {width: 1050px;}
}