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

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES

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.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 {
        height: 303px;
    }
}


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

@media (max-width: 1199px) {

    /* 8.1 HEADER */
    .column .widget ul.list li a {
        text-shadow: none;
    }

    /* 8.2 NAVIGATION */

    /* 8.4 SHOWCASE */
    .custom_showcase .inside p {
        display: none;
    }
    .slider_wrap {
        height: 251px;
    }


    /* 8.6 FOOTER */

    /* 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;
    }
    .column .widget ul.list li a {
        font-size: 14px;
    }
    .banner .inside h3 {
        font-size: 22px;
    }

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

}



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

@media (max-width: 992px) {

    /* 8.1 HEADER */

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

    #navigation nav {
        width: 50%;
    }
    #navigation {
        padding: 10px 0px;
    }
    #navigation .jq-selectbox__select {
        height: 33px;
        padding: 0 30px 0 5px;
        background: #ffffff;
        color: #000000;
        border-radius: 4px;
    }
    #navigation .jq-selectbox__select-text {
        width: 100% !important;
        height: 30px;
        line-height: 30px;
    }
    #navigation .jq-selectbox__trigger i {
        right: 9px;
        top: 9px;
    }

    #navigation .jq-selectbox__dropdown {
        top: 30px !important;
    }
    #navigation .jq-selectbox__dropdown ul {
        width: 100% !important;
        background: #ffffff;
        color: #000000;
        border: 1px solid #dbdbdb;

    }
    #navigation .jq-selectbox__dropdown ul li {
        padding: 2px 10px;
    }
    #navigation .jq-selectbox__dropdown ul li + li {
        border-top: 1px solid #dbdbdb;
    }

    #navigation .jq-selectbox__dropdown ul li:hover,
    #navigation .jq-selectbox__dropdown ul li.selected {
        background: #19bde8;
        color: #ffffff;
    }
    .header_search {
        margin-top: 0px;
    }

    .slider_wrap {
        height: 194px;
    }


    /* 8.4 SHOWCASE */

    /* 8.6 FOOTER */

    footer .copyright {
        padding: 0 10px;
    }

    /* 8.5 MAIN PRODUCT LISTING */

    .product_links .btn {
        width: 100%;
    }
    .product_links form,
    .product_listing_main .product_links form {
        display: block;
    }
    .product_links form + .btn {
        margin-top: 5px;
    }

    /* 10.2 SIDEBAR PRODUCT LISTING */

    .column .widget ul.list li a {
        font-size: 11px;
    }

    .banner .inside h3 {
        font-size: 17px;
    }
    .banner .inside h4 {
        font-size: 14px;
    }
    .banner .inside p {
        font-size: 12px;
    }
    .product_listing_sidebar .product_links form {
        display: block;
    }

    /* 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;
    }



    /* 8.1 HEADER */
    .header_user {
        float: none;
        clear: both;
    }
    .header_cart {
        margin-top: 34px;
    }

    /* 8.2 NAVIGATION */

    /* 8.4 SHOWCASE */
    .slider_wrap {
        height: auto;
    }

    /* 8.6 FOOTER */
    .footer_block__3 {
        clear: left;
    }



    /* 8.5 MAIN PRODUCT LISTING */
    .product_listing_main .product {
        margin: 15px 0 0 0;
    }
    .product_listing_main .product > div {
        overflow: hidden;
    }

    .product_img,
    .product_listing_main .product_img {
        float: left;
        margin: 0 15px 0 0;
        width: 30%;
    }
    .product_info {
        overflow: hidden;
    }
    .product_links form,
    .product_listing_main .product_links form {
        display: inline-block;
    }
    .product_links .btn {
        width: auto;
    }
    .product_links form + .btn {
        margin-top: 0px;
    }
    .product_img a {
        padding: 0px;
    }


    /* 10.2 SIDEBAR PRODUCT LISTING */
    .product_listing_sidebar .product {
        overflow: hidden;
        text-align: left;
    }
    .product_listing_sidebar .product_img {
        width: 100px;
        float: left;
    }


    .column .widget ul.list li a {
        font-size: 17px;
    }

    .banner .inside {
        top: 20%;
        left: 50%;
        text-align: left;
    }
    .banner .inside h3 {
        font-size: 30px;
    }
    .banner .inside h4 {
        padding-top: 10%;
        font-size: 24px;
    }
    .banner .inside p {
        font-size: 16px;
        padding-top: 20px;
    }
    .product_listing_sidebar .product_links form {
        display: inline-block;
    }
    .product_listing_main + .product_listing_main {
        margin-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) {

    #navigation nav {
        width: 100%;
    }
    .header_search {
        width: 100%;
        margin-top: 10px;
    }
    .header_search #search-field {
        width: 90%;
    }
    .header_search #search-submit {
        width: 10%;
    }
    .custom_showcase .inside h3 {
        font-size: 20px;
        line-height: 1em;
    }
    .custom_showcase .inside h4 {
        font-size: 20px;
        line-height: 1em;
    }
    .slider_wrap {
        height: auto;
    }
    footer .socials {
        float: none;
        margin-top: 20px;
    }
    footer .copyright {
        float: none;
    }

}



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

@media (max-width: 479px) {

    /* 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;
    }

    .header_user {
        text-align: center;
    }
    #logo {
        float:  none;
        text-align: center;
    }
    #logo a {
        display: inline-block;
    }
    .header_currency,
    .header_cart {
        margin-top: 0px;
        width: 45%;
        margin-right: 0px;
        text-align: right;
    }
    .header_currency {
        margin-top: 7px;
    }
    .header_currency .jq-selectbox {
        text-align: left;
    }
    .header_cart {
        text-align: left;
        padding-left: 5%;
    }
    .header_cart a {
        display: inline-block;
    }
    .banner .inside {
        left: 10%;
        top: 10%;
        text-align: center;
    }
    .banner .inside h3 {
        font-size: 20px;
    }
    .banner .inside h4 {
        padding-top: 44%;
    }
    .banner .inside p {
        padding-top: 0px;
    }
    .banner  a {
        text-align: center;
    }


    .custom_showcase {
        width: 100% !important;
    }
    .custom_showcase .inside h3 {
        font-size: 18px;
        display: block;
    }
    .custom_showcase .inside p {
        display: block;
        font-size: 11px;
        line-height: 1.3em;
    }
    .custom_showcase .inside h4 {
        font-size: 14px;
    }
    .custom_showcase .inside {
        padding: 2%;
    }
    .custom_showcase a img {
        width: 100%;
    }

    .blog-article_meta-comments,
    .article_meta-comments {
        float: none;
        padding-left: 0px;
    }



    .footer_block {
        width: 100% !important;
    }

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

}



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

@media (max-width: 340px) {

    .banner .inside h4 {
        padding-top: 61%;
    }
    .custom_showcase .inside p {
        display: none;
    }


    .product_links .btn {
        width: 100%;
    }
    .product_links form,
    .product_listing_main .product_links form,
    .product_listing_sidebar .product_links form {
        display: block;
    }
    .product_links form + .btn {
        margin-top: 5px;
    }
}