﻿/*********
------------>
  
      RESPONSIVE DESIGN

                <--------------
                      ***********/
                      
.responsive_show { display:none; }

.desktop_size { display:inline; }
.mobile_size { display:none; }
                      
.header_size { font-size:50px; }

.cart_product_holder { width:100%; float:left; position:relative; margin-bottom:20px; }        
.cart_product_image { width:100%; float:left; text-align:center;   min-height: 1px;  }
.cart_product_image img {
    width:100px; text-align:center;
}
.cart_product_text { width:100%; float:left; text-align:left;   min-height: 1px; margin-bottom:10px; }
.cart_product_text p { margin:0; padding:0; }
.cart_product_price { }
.cart_product_title { }
.cart_product_title p { font-size:14px; }
.cart_product_quantity { width:50%; float:left; text-align:center; top: 50%;
  transform: translateY(50%); }

.cart_product_quantity2 { width:50%; float:left; text-align:center; }
  
.cart_product_quantity p {
    font-size:16px; margin:3px;  
}
.cart_product_delete { width:50%; float:left; text-align:center; top: 50%;
  transform: translateY(50%) }  
.cart_product_delete p { color:Red; font-size:12px; margin:0px; margin:auto 0;  } 
.cart_product_other { float:left; width:30%;  }     


.cart_img { width:30%; }
.cart_text { width:40%; }
.product_img_cart_hide { width:100px; margin-bottom:10px; display:none; }

.cart_checkout_holder {
  margin-bottom: 20px; padding: 10px; margin-top: 20px; background-color:#eee; float: right; width: 99%; display: inline; /* padding: 10px; */
}

.cart_promo_holder { float:right; width:350px; }

.check_small_left { width:45%; float:left; }
.check_small_right { width:45%; float:right; }

.product_page_title { float: left; width: 75%; }
.product_page_add { float: right; width: 17%; }

.product_page_add2 { float: left;  margin-top:10px; clear:both; display:none; }

.product_page_oldprice 
{
    color: #696969; display:inline;
}
.product_page_price 
{
    font-size: 34px; display:inline; color:#D60B11; 
}
.product_page_info { float: left; width: 100%; margin-top:20px; }


.search2 { display:none; }

.product_price_holder { float:left; clear:both; }

.contact_hide { display:none; }


@media only screen and (max-width: 980px) 
{
    .cart_checkout_holder { width:100%; padding:0px; }
    .cart_checkout_holder h2 { margin:5px; }
    .cart_checkout_holder p { margin:5px; }
    
    .product_page_images { text-align: center; float:none; width:100%; }
    .product_page_images img { margin-top:35px; }
    .product_page_content { float:left; width:100%; margin-top:30px; }
    
    /* MOBILE MENU */
    .menu_nav { display:none; } 
    .main_menu_container { height:auto; min-height:40px; }
    
    .menu-button  
    {
    /*
    border-bottom: 14px double #FFF; 
    border-top: 5px solid #FFF; 
    content:"";
    height:4px;
    */ 
    width: 25px;
    /* line-height: 15px; */
    float: right;
    /* margin: 10px; */
    margin-top: 4px;
    margin-right: 15px;
    cursor: pointer;
    color:#fff;
    display:block !important;
    }
    
    
    .menu-button2 
    {
    /*
    border-bottom: 14px double #FFF; 
    border-top: 5px solid #FFF; 
    content:"";
    height:4px;
    */ 
    width: 25px;
    /* line-height: 15px; */
    float: right;
    /* margin: 10px; */
    margin-top: 4px;
    margin-right: 15px;
    cursor: pointer;
    color:#fff;
    display:none !important;
    }     

    .menu-open { display:block !important;  }
    .menu-open .mobile-menu { position:relative;}
    .mobile-menu { 	background-color:#444444;
        display:none;
  	    width:100%;
  	    height:auto;
  	    /*padding:5px;*/
  	    padding-top:5px;
  	    padding-bottom:5px;
        color:#fff;

    }


    button { border:0; background:none; float:right; display:block; }
     
     .mobile-menu ul { display:block; padding:0px; margin:0px; }
    .mobile-menu ul li  
    {
      list-style-type: none;
      padding-bottom:2px;
      font-size:18px;
      display:block;
      padding-left:30px;
      line-height:40px;
    }
    
    .mobile-menu ul ul li
    {
        margin-left:0px !important;
        padding-left:50px;
    }

    .mobile-menu ul li ul { padding-top:0px; font-size:16px;}
    
    .mobile-menu .third li:hover a { background-color:inherit; }
    
    .mobile-menu .menu_arrow { display:none; }
    
    .mobile-menu .menu_arrow { top:inherit; margin-top:-35px; }
    
    .third .mobile-menu-color3 {  }
    
    .mobile-menu .third {
    display: none;
    }
    
    .menu_open {
        margin-right:18px !important;
        margin-top:-36px !important;
        
    }
    
    .mobile-menu-color2 { background-color:#515151; }
    .mobile-menu-color3 { background-color:#626262; }

    .mobile-menu a {
        text-decoration:none;
        color:#fff !important;
        width:100%;
        margin:10px 0px;
    }


    div.submenu div.nested a
    {
        margin-left:0px;
        color:#FFF !important;
    }
    
    .delivery_bar_holder { /*display:none;*/ }
    
    .container2 {
    float: none;
    width: 92%;
    margin:0 auto;
}

    .search2 {
        float: left;
        width: 98%;
        margin-bottom:20px;
        margin-top:-30px;
        display:block;
    }
    .search2 img 
    {
        margin-left:10px;
    }

    .searchBar2 {
        float: left;
        background-color: #ddd;
        border: none;
        margin-top: 10px;
        width: 170px;
        height: 15px;
        font-size: 13px;
        border-radius: 4px;
        padding:3px;
    }
    .searchButton2 {
        float: left;
        border: none;
        margin-top: 10px;
        padding: 0;
        width: 30px;
        height: 22px;
        font-size: 13px;
        margin-left:5px;
        background-color:#000;
        border-radius: 4px;
    }
    
    .product_page_add2 { display:block; }
    .product_page_add { display:none; }
    .product_page_title { width:100%; }

    .related_product_holder { /*float:left;*/ position:relative; }
    .related_product_wrapper { width:auto; }
    
    .breadcrumb { margin-bottom:0px; }
    
    
        .formInput3 
    {  
    margin: 5px 3px; }
    
    .product_image_size { max-width:500px; width:90%; }
}
@media only screen and (min-width: 971px) {
    .bx-wrapper {
        height: 600px;
    }
}

@media only screen and (max-width: 970px) 
{
    .home_slider_container { width:100%; max-width:970px; }
    .feature_text { margin-top:325px; }
    .home_top_sellers { max-width:970px; width:100%; height:auto; }
    .bx-wrapper { margin: 0 auto 0px !important; }
    .best_seller_container { width:50%; float:left; }
    .home_header { background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 63.64%; }
    
    .feature_text {
    float: left;
    width:60%;
    margin-top:0px;
    height:0px;
    top: 55%;
    left: 5%;
    margin-left:0px;
    position: absolute;
    }
}

@media only screen and (max-width: 910px) 
{
    .products_list { width:100%; }
    .product_list_wrapper2 { width:29%; } 
    .product_list_wrapper { width:44%; margin-left:2%; margin-right:2%; }
    .product_list_nav { display:none; }
}

@media only screen and (max-width: 835px) 
{
    .home_feature_product_wrapper  
    {
        width:44%;
        text-align:center;
        max-width:360px;
        float: left;
        max-height: 200px;
        height: auto;
        margin-right: 20px;
        margin-top: 30px;
        margin-left: 20px;
    }
    
    #home_feature_product_wrapper { display:none; }
    .footer_column_home { width:40%; float:left; }

}

@media only screen and (max-width: 825px) 
{
    .delivery_bar_holder { display:none; }
    
    .home_banner_container { margin-top:174px }  
     .product_list_nav { margin-top:0px; margin-bottom:20px; }     
    .content_header { margin-top:80px; }        
    
    .home_featured_products 
    {
        padding-bottom:50px;
    }      
}

@media only screen and (max-width: 805px) 
{
    .cat_slipt { display:none; }
    .home_cat_img_holder img { max-height:169px }
    .home_cat_product_wrapper { margin-top:30px; width:44%; margin-left:3%; margin-right:3%; max-width:400px;     height: 245px; }
}

@media only screen and (max-width: 735px) 
{
.footer_column_home { width:100%; float:left; }
.footer_about { height:auto; }
footer { height:auto; background-image:none; background-color:#444444; padding-bottom:20px; }
.footer_column { width:100%; }
.mailing_right { max-width:500px; }
.footer_payment_img { display:none; }
.orderButton { margin-bottom:30px; }
}

@media only screen and (max-width: 725px) 
{
.product_list_wrapper2 { width:27%; } 
}


@media only screen and (max-width: 700px) 
{
    .home_featured_products 
    {
        height:auto;
        padding-bottom:50px;
    }
    
    .home_feature_product_wrapper  
    {
        width:100%;
        text-align:center;
        max-width:700px;
        float: left;
        max-height: 200px;
        margin-left:0px;
        margin-right:0px;
        height: auto;
        margin-bottom:15px;
    }
    
    .home_feature_product_wrapper img { max-width:100px; }
    #home_feature_product_wrapper { display:block; }
    
    .product_list_wrapper2 { width:44%; margin-left:3%; margin-right:3%; } 
    
    .header_size { font-size:40px; }
    
    .product_grid_img { margin:10px 0px; float:left; }
    .product_grid_img img { max-width:400px; max-width:100%; }
    .product_grid_text { width:95%; float:none; clear:left; margin:0 auto; }
}

@media only screen and (max-width: 670px) 
{
    .form dd { float:left; margin-left:0px; }
    .form dt { margin-bottom:2px; }
    .product_page_content h1 { font-size:30px; }
}

@media only screen and (max-width: 660px) 
{
    .billing { margin-top:20px; }
    .products_list { margin-top:0px; }
    .product_list_wrapper { width:46%; margin-left:1%; margin-right:1%; }
    
    .check_small_left { width:100%; }
    .check_small_right { width:100%; float:left;}
    
    .contact_left { width:100%; }
    .contact_right { width:100%; }
    .content_left { width:100%; }
    .content_right { width:100%; }
    
    .productButtonDull { width:50%; margin-top:0px; margin-right:0px; }
    .productButton { width:50%; margin-top:0px; margin-right:0px; }
    .product_grid_Qty { display:none; }
    
    .desktop_size { display:none; }
    .mobile_size { display:inline; }
}

@media only screen and (max-width: 630px) 
{ 
.product_price_table .outer {position:relative}
.product_price_table .inner {
  overflow-x:scroll;

}
}

@media only screen and (max-width: 630px) 
{ 
    .produdct_grid_productcode { width:25%; }
    .product_grid_basket { width:25%; }
    
    .responsive_show { display:block; }
    .product_grid_title { display:none; }
    .product_grid_price { width:25%; }
    .product_grid_holder { margin-bottom:17px; }
    
}

@media only screen and (max-width: 625px) 
{
    .best_seller_container { width:100%; float:left; }
    .best_seller_img { width:30%; }
    .best_seller_text { width:60%; }
    .home_categories { padding-bottom:20px; }
    .footer_column_left { width:60%; }
    .footer_column_right { width:40%; }
    .footer_small { padding-bottom:15px; }
}

@media only screen and (max-width: 625px) 
{
    .product_list_wrapper { width:96%; margin-left:2%; margin-right:2%; }
    .product_list_wrapper img { width:auto; }
    
}

@media only screen and (max-width: 610px) 
{
#mainContent_pnlCheckout { margin-top:20px; }
.cart_promo_holder { float:right; width:100%; }
}


@media only screen and (max-width: 642px) 
{
     /*/ HEADER /*/
     .header_checkout_hide 
     {
        display:none;
     }
     .content_show 
     {
         display:block;
     }
     .content_hide 
     {
         display:none;
     }
     .top_info 
     {
         margin-right:10px; width:150px;
     }
     .mailing_right { max-width:200px; }
     
     .product_list_wrapper img { max-height:180px; }
     
     .title { font-size:29px; text-align:center;
               }
     
     .alertBoxHeader { font-size:22px; }
     
     .related_product_wrapper { width:100%; }
     
     .contact_hide { display:block; }
     .contact_show { display:none; }
     
     .header_checkout_css table tr td { padding-right:6px; }
     
}


@media only screen and (max-width: 570px) 
{
    .contact-page dl 
    { display: block; overflow: auto; padding: 0px; }

    .contact-page dt 
    { width: 100%; float:left; text-align:left; margin-top:0px; font-weight: lighter; margin-bottom: 10px;}

    .contact-page dd 
    { float:right; width:100%; margin: 0; margin-bottom: 10px;}
}
                     


@media only screen and (max-width: 510px)  
{
    .productAdd_Grid { }
    .productAdd_Grid2 { float:right; }
    .product_grid_grip { width:25%; }
}

@media only screen and (max-width: 500px) 
{
.cart_img { width:30%; display:none; }
.product_img_cart_hide { width:100px; margin-bottom:10px; display:block; }
.cart_text { width:50%; }
.header_size { font-size:30px; }
}


@media only screen and (max-width: 470px) 
{
    .home_cat_product_wrapper { margin-top:30px; width:100%; margin-left:0px; margin-right:0px; max-width:470px; }
    .mailing_left { max-width:470px; width:95%; }
    .mailing_right { max-width:470px; width:95%; }
    .linkStyle2 { font-size:14px; }
    
        .feature_text h2 { font-size:26px; line-height:50px; }
}

@media only screen and (max-width: 460px) 
{
    .mailing_right { max-width:470px; width:95%; }
    .footer_mailing_wrapper { height:auto; }
    .footer_column_left { width:100%; }
    .footer_column_right { width:100%; }
    .footer_small { padding-bottom:15px; }
    .register .send2 { margin-right:10px; }
    
    .sub_footer_left { text-align:center; }
    .sub_footer_right ul li { float:none; text-align:center; }
    .sub_footer_right ul { float:none; line-height:20px; }
    .sub_footer_right ul { margin-top:40px; }
}

@media only screen and (max-width: 435px) 
{
.product_page_text_left { width:100%;}
.product_page_text p { font-size:14px; }
}
@media only screen and (max-width: 420px) 
{
.voucher { margin:10px 0px; }
}
@media only screen and (max-width: 600px) {
    #logo img {
        width: 148px;
    }

}


@media only screen and (max-width: 400px) {
    /*HEADER*/
    
    #logo {
        width: 0px;
    }

    .home_banner_container {
        margin-top: 147px;
    }

    header {
        height: 105px;
    }

    .menu_container {
        top: 105px;
    }

    .best_seller_text {
        width: 55%;
    }

    .logo_footer img {
        float: none;
        text-align: center;
    }

    .logo_footer {
        float: none;
        margin: 20px auto 0px auto;
    }

    #footer_cat_hide {
        display: none;
    }

    .product_list_wrapper2 {
        width: 100%;
        margin: 10px 0px;
        border-bottom: 1px solid #d6d6d6;
    }

    .sub_footer_right {
        width: 100%;
    }

    .sub_footer_left {
        width: 100%;
    }

    .cart_text {
        width: 60%;
    }

    .productButtonDull {
        width: 100%;
    }

    .productButton {
        width: 100%;
    }

    .product_grid_price p {
        text-align: center;
    }
}

@media only screen and (max-width: 380px) 
{
.feature_button {
    float: left;
    width: 135px;
    height: 30px;
    margin-top: 0px;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    /* font-family: 'Open Sans', sans-serif; */
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    background-image: url(../img/button_organge.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.home_featured_products { padding-bottom:70px; }

}

@media only screen and (max-width: 360px) 
{
    /*HEADER*/
    #logo img { width:120px; }
    .register dd { width:260px; }
}