@charset "utf-8";
/* CSS Document */

/************
4. 1100px
************/

@media only screen and (max-width: 1100px) {
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px) {
    .bestsellers_item { width: 83%; margin-left: 10%; }

    .viewed_item { width: 100%; min-height: 340px; background: #FFFFFF; border-radius: 8px; padding-top: 34px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px; /*    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);*/ }
}

/************
6. 991px
************/

@media only screen and (max-width: 991px) {
    .top_bar { /*display: none;*/ }
    .header_search { height: 50px; }
    .custom_dropdown { text-align: left; }
    .main_nav { margin-top: 56px; }
    .main_nav_menu { display: none; }
    .logo_container,
    .wishlist_cart { height: 125px; }
    .main_nav_content { background: #0e8ce4; }
    .menu_trigger_container { display: block; }
    .top_bar { height: 40px; }
    .top_bar_contact_item { font-size: 18px; margin-right: 20px; line-height: 40px; }
        .top_bar_contact_item a { font-size: 12px; line-height: 40px; }
    .top_bar_icon { margin-right: 4px; }
        .top_bar_icon img { width: 70%; }
    .top_bar_menu { display: none; }
    .top_bar_user a { font-size: 14px; line-height: 40px; }
    .user_icon { -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); width: 12px; }
    .cat_menu_container ul { visibility: hidden; opacity: 0; }
    .char_col:not(:last-child):not(:nth-child(3)) { margin-bottom: 30px; }
    .char_item { padding-left: 36px; }
    .deals { width: 100%; margin-right: 0px; }
    .featured { width: 100%; }
    .popular_categories_slider_container { margin-top: 15px; }
    .banner_2_dots { left: calc((100% - 720px) / 2 + 15px); }
    .tabs { padding-top: 80px; }
        .tabs.tabs-right ul { float: left; }
    .arrivals_single { display: none; }
    .advert_col { margin-bottom: 30px; }
        .advert_col:last-child { margin-bottom: 0px; }
    .trends_slider_container { margin-top: 15px; }
    .footer_col:not(:last-child) { margin-bottom: 40px; }
}

/************
7. 959px
************/

@media only screen and (max-width: 959px) {
    .bestsellers_item { width: 90%; margin-left: 22%; }
}

/************
8. 880px
************/

@media only screen and (max-width: 880px) {
    .bestsellers_item { width: 100%; margin-left: 0; }
    .viewed_item { width: 100%; min-height: 340px; background: #FFFFFF; border-radius: 8px; padding-top: 34px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px; /*    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);    */ }
    .top_bar { width: 100%; height: 56px; background: #fafafa; border-bottom: solid 1px rgba(0,0,0,0.05); z-index: 2; }
    .top_bar_contact_item { font-size: 22px; margin-right: 20px; line-height: 56px; }
    .top_bar_user a { font-size: 16px; line-height: 58px; }
}

/************
9. 768px
************/

@media only screen and (max-width: 768px) {
    .bestsellers_item { width: 100%; margin-left: 0; }
    .viewed_item { width: 100%; min-height: 340px; background: #FFFFFF; border-radius: 8px; padding-top: 34px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px; /*    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);    */ }
}

@media only screen and (max-width: 767px) {
    .header_search { display: none; }
    .page_menu_search { display: block; }
    .main_nav { margin-top: 0px; }
    .banner_product_image { opacity: 0.5; width: 60vw; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
        .banner_product_image img { width: 100%; }
    .char_col:nth-child(3) { margin-bottom: 30px; }
    .char_item { padding-left: 36px; }
    .banner_2_item { height: auto; padding-top: 85px; padding-bottom: 105px; }
    .banner_2_content { padding-top: 0px; }
    .banner_2_image_container { margin-top: 60px; }
    .banner_2_image { position: relative; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    .banner_2_dots { left: calc((100% - 540px) / 2 + 15px); }
}

/************
11. 575px
************/

@media only screen and (max-width: 575px) {
    h2 { font-size: 24px; }
    p { font-size: 14px; }
    /*.top_bar
	{
		display: none;
	}*/
    .logo_container, .wishlist_cart { height: 72px; }
    .logo a { font-size: 24px; }
    .cat_menu_container { width: auto; padding-right: 15px; }
    .cat_menu_text { font-size: 13px; margin-left: 12px; }
    .cat_burger { width: 16px; height: 12px; }
        .cat_burger span:nth-child(2) { top: 5px; }
        .cat_burger span:nth-child(3) { top: 10px; }
    .menu_trigger_text { font-size: 13px; margin-right: 10px; }

    .top_bar_user { margin-left: 0px; }
    .top_bar_user { display: inline-block; float: right; margin-right: 30px; margin-top: 8px; }
    .header_search { display: none; }
    .main_nav { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; margin-top: 0px; }
    .main_nav_content { height: 35px; }
    .cat_menu_container { padding-left: 15px; }
    .menu_trigger_container { padding-right: 15px; }
    .cat_menu li { height: 36px; padding-left: 15px; padding-right: 15px; }
        .cat_menu li a { font-size: 13px; line-height: 36px; }
        .cat_menu li ul { left: 50%; z-index: 10; }
    .page_menu_item > a { font-size: 12px; }
    .page_menu_selection li a { font-size: 12px; }
    .banner_product_image { right: 15px; }
    .button { height: 32px; }
        .button a { font-size: 12px; line-height: 32px; padding-left: 25px; padding-right: 25px; }
    .banner { /*height: calc(100vh - 125px);*/ height: 310px; padding-top: 0px; padding-bottom: 0px; }
    .banner_content { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
    .banner_text { font-size: 24px; }
    .banner_price { font-size: 18px; margin-top: 23px; }
        .banner_price span::after { top: 13px; }
    .banner_product_name { font-size: 13px; }
    .banner_button { margin-top: 35px; }
    .tabs ul li { font-size: 14px; margin-right: 30px; }
    .bestsellers_slider { padding-bottom: 0px; }
    .copyright_container { height: auto; padding-top: 30px; padding-bottom: 30px; }
    .logos { margin-top: 30px; }
    .viewed_item { width: 100%; min-height: 340px; background: #FFFFFF; border-radius: 8px; padding-top: 34px; padding-bottom: 25px; padding-left: 15px; padding-right: 15px; /*    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);    */ }
}

/************
11. 539px
************/

@media only screen and (max-width: 539px) {
    .bestsellers_item { width: 96%; margin-left: 2%; }
    .top_bar { width: 100%; height: 56px; background: #fafafa; border-bottom: solid 1px rgba(0,0,0,0.05); z-index: 2; }
    .user-modal { margin-top: 24px; }
    .top_bar_contact_item { font-size: 22px; margin-right: 20px; line-height: 56px; }
    .top_bar_user a { font-size: 16px; line-height: 58px; }
    .sub-heading { font-size: 20px !important; text-align: center; }
}

/************
12. 480px
************/

@media only screen and (max-width: 480px) {
    .bestsellers_item { width: 96%; margin-left: 2%; }
    .user-modal { margin-top: 24px; }
    .top_bar { width: 100%; height: 56px; background: #fafafa; border-bottom: solid 1px rgba(0,0,0,0.05); z-index: 2; }
    .top_bar_contact_item { font-size: 22px; margin-right: 20px; line-height: 56px; }
    .top_bar_user a { font-size: 16px; line-height: 58px; }
    .sub-heading { font-size: 18px !important; text-align: center; }
}

/************
13. 479px
************/

@media only screen and (max-width: 479px) {
    .bestsellers_item { width: 96%; margin-left: 2%; }
    figure { margin: 1em 0px; }
    .user-modal { margin-top: 24px; }
    .top_bar { width: 100%; height: 56px; background: #fafafa; border-bottom: solid 1px rgba(0,0,0,0.05); z-index: 2; }
    .top_bar_contact_item { font-size: 22px; margin-right: 20px; line-height: 56px; }
    .top_bar_user a { font-size: 16px; line-height: 58px; }
    .sub-heading { font-size: 24px !important; text-align: center; }
    .slick-dots { display: none !important; }
}

/************
14. 400px
************/

@media only screen and (max-width: 400px) {
    .bestsellers_item { width: 96%; margin-left: 2%; }
    figure { margin: 1em 0px; }
    .user-modal { margin-top: 24px; }
    .top_bar { width: 100%; height: 56px; background: #fafafa; border-bottom: solid 1px rgba(0,0,0,0.05); z-index: 2; }
    .top_bar_contact_item { font-size: 22px; margin-right: 20px; line-height: 56px; }
    .top_bar_user a { font-size: 16px; line-height: 58px; }
    .sub-heading { font-size: 20px !important; text-align: center; }

    .bestsellers_slider .slick-dots li { width: 8px; height: 8px; }

    .slick-dots { display: none !important; }
}

/************
14. 375px
************/
@media only screen and (max-width: 375px) {
    .bestsellers_item { width: 96%; margin-left: 2%; }
    figure { margin: 1em 0px; }
    .user-modal { margin-top: 24px; }
    .top_bar { width: 100%; height: 56px; background: #fafafa; border-bottom: solid 1px rgba(0,0,0,0.05); z-index: 2; }
    .top_bar_contact_item { font-size: 22px; margin-right: 20px; line-height: 56px; }
    .top_bar_user a { font-size: 16px; line-height: 58px; }
    .sub-heading { font-size: 21px !important; text-align: center; }

    .top_bar_user div:nth-child(2) { margin-right: 10px; margin-bottom: -38px; }
    .top_bar_user div { display: block; position: relative; left: 106px; }

    .top_bar_user { display: block; float: right; margin-right: 118px; margin-top: 3px; }

    .slick-dots { display: none !important; }
}

/************
14. 320px
************/
@media only screen and (max-width: 320px) {
    .user-modal { margin-top: 24px; }

    figure { margin: 1em 0px; }

    .top_bar { width: 100%; height: 56px; background: #fafafa; border-bottom: solid 1px rgba(0,0,0,0.05); z-index: 2; }
    .top_bar_contact_item { font-size: 20px; margin-right: 20px; line-height: 56px; }
    .top_bar_user a { font-size: 16px; line-height: 77px; }
    .sub-heading { font-size: 22px !important; text-align: center; }


    .mybuttonoverlap { position: absolute; z-index: 2; display: none; top: 35% !important; left: 30% !important; }

    .top_bar_user div:nth-child(2) { margin-right: 10px; margin-bottom: -38px; }
    .top_bar_user div { display: block; }

    .bestsellers_slider .slick-dots li
    {
	    width: 6px;
        height: 6px;
    }

    .form-message {
      font-size: 16px;
    }

    .slick-dots{
        display:none !important;
    }
}