﻿/***********************************************************

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES
3.1 HOVERS

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.1 FORMS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 NAVIGATION
8.3 NIVOSLIDER
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

***********************************************************/



/***************************************************************************
                                1200px <
***************************************************************************/

@media (min-width: 1200px) {
	
.slider_wrap {
	min-height:490px;
}

}


/***************************************************************************
                                < 1200px
***************************************************************************/

@media (max-width: 1199px) {
	
.title1 {
	font-size:46px;
	line-height:1em;
}
.title2 {
	font-size:40px;
	line-height:1em;
}
.nivo-caption {
	margin-top:-130px;
}
.column_center h3, .rte h3, h3 {
	font-size:22px;
}

/* 8.1 HEADER */

/* 8.2 NAVIGATION */
.nivo-controlNav {
	width:100%;
	box-sizing:border-box;
	padding-right:10%;
	margin-left:0px;
	left:0px;
	bottom:10px;
}

/* 8.4 SHOWCASE */
.slider_wrap {
	min-height:402px;
}
.custom_showcase .sh_wrapper .ins {
	padding:20px 15px 20px;
}
.custom_showcase {
	margin-top:40px;
}

/* 8.6 FOOTER */
footer {
	margin-top:30px;
}
footer .copyright {
	margin-top:30px;
}

/* 8.5 MAIN PRODUCT LISTING */

/* 10.2 SIDEBAR PRODUCT LISTING */
.product_listing_sidebar .product {
	text-align: center;
}
.product_listing_sidebar .product_img {
	width: 100%;
	float: none;
}
.product_listing_sidebar .product_info {
	margin: 10px 0 0 0;
}


/* 12.1 PRODUCT IMAGES */
.product_img_big {
	width: 279px;
}
.product_img_thumbs {
	width: 279px;
}
.product_img_thumbs__list a {
	width: 85px !important;
}

.cart_popup {
	width:970px;
	margin-left:-485px;
}

}



/***************************************************************************
                                < 980px
***************************************************************************/

@media (max-width: 992px) {
	
.cart_popup {
	top: 0 !important;
}

/* 8.1 HEADER */

.header_search {
	width:100%;
	margin-right:0px;
	 margin-top:24px;
}
.header_search form {
	width:100%;
}

/* 8.2 NAVIGATION */
#navigation.isStuck {
	position: relative !important;
	left: auto;
	right: auto;
}
.pseudoStickyBlock {
	display: none !important;
}

#navigation .jq-selectbox__select {
	height: 60px;
	padding: 0 30px 0 15px;
}
#navigation .jq-selectbox__select-text {
	width: 100% !important;
	height: 60px;
	line-height: 60px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color:#ffffff;
}
#navigation .jq-selectbox__trigger i {
	right: 15px;
	top: 20px;
	color:#ffffff;
}

#navigation .jq-selectbox__dropdown {
	width: 100% !important;
	top: 60px !important;
}
#navigation .jq-selectbox__dropdown ul {
	background:#202327;
	padding:20px 0px;
}
#navigation .jq-selectbox__dropdown ul li {
	color:#ffffff;
	background:#202327;
	padding:3px 10px;
}
#navigation .jq-selectbox__dropdown ul li + li {
	border-top: 1px solid #3e454c;
}

#navigation .jq-selectbox__dropdown ul li:hover,
#navigation .jq-selectbox__dropdown ul li.sel{
	background:#99bf38;
}

.header_center {
	padding-bottom:33px;
}

/* 8.4 SHOWCASE */
.slider_wrap {
	min-height:310px;
}
.title3 {
	font-size:27px;
	line-height:1em;
}

.nivo-caption .ins {
	padding-right:0px;
}
.btn-slider {
	margin-top: 10px;
}

.custom_showcase__4_content .title1,.custom_showcase__4_content .title3 {
	max-width:100%;
	padding-left:0px;
}
.custom_showcase__4_content .title3 br {
	display:none;
}

/* 8.6 FOOTER */

/* 8.5 MAIN PRODUCT LISTING */
.product_listing_main + .product_listing_main {
	margin-top:30px;
	padding-top:0px;
}
.product .product_price {
	padding-top:15px;
}

/* 10.2 SIDEBAR PRODUCT LISTING */
.column .widget ul.list li a {
	padding: 18px 9px;
}
.product .product_links .btn {
	margin-top:8px;
}
.product_listing_sidebar .product_links form .btn {
	margin-left:0px;
	margin-right:0px;
}
.column .widget h3.widget_header {
	padding:15px 10px;
}

/* 12.1 PRODUCT IMAGES */
.product_image-additioanl {
	width: 229px !important;
}



/* 12.1 PRODUCT IMAGES */
.product_img_big {
	width: 213px;
}
.product_img_thumbs {
	width: 213px;
}
.product_img_thumbs__list a {
	width: 63px !important;
}

.bx-wrapper .bx-prev {
	left: 5px;
}
.bx-wrapper .bx-next {
	right: 5px;
}

}



/***************************************************************************
                                < 767px
***************************************************************************/

@media (max-width: 767px) {
	
/* 6. GLOBAL PAGE LAYOUT */
.container {
	padding:0 15px;
}

.column_left,
.column_right,
.column_center,
#main_content {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.product_listing_main + .product_listing_main {
	margin-top: 30px;
}
.breadcrumb {
	margin-bottom:40px;
}

.cart_popup {
	width:100%;
	margin-left:0;
}

/* 8.1 HEADER */
.custom_header1 i {
	font-size:47px;
	padding-right:7px;
}
.header_center  {
	padding-bottom: 33px;
}


/* 8.2 NAVIGATION */

/* 8.4 SHOWCASE */
.slider_wrap {
	min-height:200px;
}
.nivo-caption .title1,
.nivo-caption .title2,
.nivo-caption p {
	display:none;
}
.nivo-caption {
	top:auto;
	margin-top:auto;
	bottom:120px;
}

.custom_showcase .sh_wrapper img {
	float:left;
}
.custom_showcase .ins {
	overflow:hidden;
}

.custom_showcase__4 {
	padding-left:20px;
	padding-right:20px;
}
.custom_showcase .sh_wrapper img {
	width:47%;
}
.custom_showcase__4_content {
	padding-left:0px;
	padding-right:0px;
}

/* 8.6 FOOTER */
footer {
	padding-top:0px;
}
.footer_block__3 {
	clear:left;
}

/* 8.5 MAIN PRODUCT LISTING */
.product .product_price {
	padding-top:0px;
}
.product .product_name {
	padding-top:5px;
}
.product_listing_main {
	border:none;
}

.product_listing_main .product {
	margin-top:0px;
}
.product .product_img .sale {
	position:static;
	width:100%;
	text-align:center;
}
.product_listing_main .product + .product {
	margin: 30px 0 0 0;
}
.product_listing_main .product > div {
	overflow: hidden;
}
.product_listing_related {
	margin-top:20px;
}


.product_listing_main .product_img {
	width: 120px;
	float: left;
	margin: 0 15px 0 0;
}

/* 10.2 SIDEBAR PRODUCT LISTING */
.product_listing_sidebar .product {
	overflow: hidden;
	text-align: left;
}
.product_listing_sidebar .product_img {
	width: 100px;
	float: left;
}
.product_listing_sidebar .product_info {
	margin: 0 0 0 115px;
}
.product_listing_sidebar .product_name {
	padding-top:0px;
}
.product-listing__collection .product_listing_main + .product_listing_main {
	border-top:0px;
}


/* 12.1 PRODUCT IMAGES */
.product_img_big {
	width: 288px;
	margin: 0 auto;
}
.product_img_thumbs {
	width: 288px;
	margin: 0 auto;
}
.product_img_thumbs__list a {
	width: 88px !important;
}



/* 12.2 PRODUCT INFO */
.product_wrap .product_name {
	margin: 0;
	padding: 30px 0 0 0;
}



/* 15. CART PAGE */
.cart_buttons {
	text-align: center;
}
.cart_buttons span.or {
	display: block;
	margin: 5px 0;
}

}



/***************************************************************************
                                < 640px
***************************************************************************/

@media (max-width: 640px) {
	
#logo {
	float:none;
	text-align:center;
	margin-top:48px;
}
#logo span {
	text-align:left;
}
.custom_header1 {
	float:none;
	text-align:center;
	text-align:center;
	margin-top:30px;
}
.custom_header1 i, .custom_header1 .ins {
	text-align:center;
	float:none;
	display:inline-block;
}
.header_search {
	margin-top:35px;
}
.header_cart {
	width:100%;
	margin:10px 0px;
}
.header_cart a {
	background:#f4f3f3;
}
.btn-slider {
	padding:10px;
}
.btn-slider i:before {
	line-height:44px;
}
.btn-slider i {
	width:48px;
	right:-48px;
}
.custom_showcase__4 {
	height:auto;
	padding:20px 20px;
}
.custom_showcase__4_content {
	padding-top:14px;
}
.custom_showcase__4_content img {
	padding-right:10px;
}
.product_desc {
	display:none;
}
.blog-article_meta-comments,
.article_meta-comments {
	float:none;
	padding-left:0px;
}
.customer_name a {
	float:none;
	width:100%;
	display:block;
}
}



/***************************************************************************
                                < 480px
***************************************************************************/

@media (max-width: 479px) {
	
#logo b {
	font-size:36px;
}
#logo a img {
	padding-right:10px;
}
.header_user {
	width:50%;
}
.header_user li + li {
	padding-top:5px;
}
.header_currency {
	margin-top:23px;
}
.btn-slider i {
	display:none;
}
.nivo-caption {
	bottom:50%;
}
.slider_wrap {
	min-height:140px;
}
.nivo-caption {
	bottom:70%;
}
.custom_showcase .sh_wrapper img {
	width:100%;
}
.custom_showcase__4_content img {
	float:none;
}
.custom_showcase__4_content {
	text-align:center;
	padding-top:0px;
}
.custom_showcase__4 .parallax {
	right:0px;
	width:100%;
	bottom:0px;
	height:100%;
}
.custom_showcase__4_content .title1,
.custom_showcase__4_content .title3 {
	float:none;
}
.product .product_info {
	overflow:hidden;
}
.footer_block {
	width:100%;
}
.header_user li {
	display:block;
}

/* 12.1 PRODUCT IMAGES */
.product_wrap .product_image {
	width: 290px;
}
.product_image-additioanl {
	width: 306px !important;
}
.product_wrap #bx-pager a {
	width: 87px;
	margin-right: 15px;
}



/* 14.2 ACCOUNT */
.customer_name .divider {
	display: none;
}
.customer_name .email {
	display: block;
}
.customer_name a {
	float: none;
}

}



/***************************************************************************
                                < 340px
***************************************************************************/

@media (max-width: 340px) {
	


}