nav {
    display: block;
 }

 #products-nav {
    margin-bottom: 10px;
 }

/* Reusable column setup */
.col {
    border:0px solid transparent;
    float:left;
}

.col img {
    max-width: 100%;
}

.row {
    margin-left:-15px;
    margin-bottom: 15px;
    clear: both;
    *zoom: 1;
}

.row:before,
    .row:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }
    
.row:after {
    clear: both;
}


.col {
    border-left-width:15px !important;
    border-width: 0 0 0 15px !important;
    padding: 0;
}

#leftSection {
    width: 19.49%;
}

#middleSection {
    width: 80.51%;
    float: right;
}

.four {
    width: 25%;
}

.show-phone {
    display: none;
}

.phone-nav {
    z-index: 1000;
    background: #317ca2;
    background: -o-linear-gradient(top, #0f89dc, #063db2);
    background: -ms-linear-gradient(top, #0f89dc, #063db2);
    background: -moz-linear-gradient(top, #0f89dc, #063db2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0f89dc), color-stop(1, #063db2));
    background: -webkit-linear-gradient(#0f89dc, #063db2);
    background: linear-gradient(top, #0f89dc, #063db2);
    -moz-box-shadow: 0 1px 5px rgba(34,34,34,0.5);
    -webkit-box-shadow: 0 1px 5px rgba(34,34,34,0.5);
    box-shadow: 0 1px 5px rgba(34,34,34,0.5);
    float: left;
    top: 0;
    width: 100%;
    max-width: none;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #1b5572;
    z-index: 10;
}



.phone-nav ul {
    margin: 0 !important;
}

.phone-nav ul li {
    margin: 0 !important;
    list-style: none;
    display: inline;
}

.phone-nav ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 15px 0;

    border-left: 1px solid #84b7d0;
    border-right: 1px solid #246485;
}

.phone-nav ul li:first-child a {
    border-left: 0;
}

.phone-nav ul li:last-child a {
    border-right: 0;
}

#ipad-banner {
        display: none;
    }

.simple-products { display: none; }

@media (max-width: 1006px) { 
    #home_prods, #rel_prods, #banner_con {
        display: none;
    }

    #ipad-banner {
        display: block;
        margin-bottom: 15px;
    }

    .simple-products { display: block; width: 100%;  }
    .simple-products:before,
    .simple-products:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }
    
.simple-products:after {
    clear: both;
}
    .simple-products .prods {
        margin: 0 !important;
        border-width: 0 !important;
    }

    #youveviewed{display: none !important;}

    #button_area p a{
        width: 45%;
    }
    #prod_side_links, .prod_des_tabs{width: 100%; float: none; margin-top: 10px;}
    #prod_side_links{border: none; padding: 0; margin-left: 0;}
}

@media (max-width: 1030px) { 
    #header #search_frm{
        width: 380px;
    }

    span.highlight_form input[type=text] {
        width: 305px;
    }
    .suggestionList {
        width: 380px;
    }
}

@media (max-width: 950px) {
    #header #logo {
        top: 37px;
        width: 300px;
    }
    #header {
        height: 105px;
    }
    .suggestionList {
        top: 99px;
    }
}


/* menu */
@media (max-width: 870px) { 

    #tabs ul.tab_links li a {
        font-size: 13px;
        padding: 13px 22px;
    }

    #shop_by_dept {
        padding: 6px 28px 7px 15px !important;
    }
    .suggestionList {
        width: 330px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 

    #header #logo {
        top: 58px;  
    }
    #header {
        height: 133px;
    }
    #header #search_frm {
        bottom: 32px;
    }

    #tabs ul.tab_links li a {
        padding: 13px 15px;
    }

    #tabs ul.tab_links li.ui-state-active a i{display: none;}

    #shop_by_dept{
        display: none !important;
    }

.responsive #header #search_frm {
        width: 330px;

}

.responsive span.highlight_form input[type=text] {
        border: none;
        width: 250px;

        }

    .responsive .prods {
        width: 100% !important;
        border-width: 0 0 1px 0 !important;
        min-height: auto !important;
    }
    .responsive #social_buttons {display: none;}

    .responsive .large_btn { width: 100% !important; display: block; text-align: center; }

    .responsive .prods .image_con {
        width: 30% !important;
        float: left;
        min-height: 50px !important;
    }

    .responsive .listing {
        border-top: 1px solid #c0c0c0;
    }

    .responsive #cart_menu .normal { display: none !important; }

     .simple-products .prods {
        width: 50% !important;
     }
    
    .responsive span.highlight_form input[type=text] {
       /* width: 70%;*/
    }
    .responsive span.highlight_form input[type=submit] {
        /*width: 18%;*/
    }

    #button_area p a{
        margin-top: 20px;
    }
}



@media (max-width: 580px) { 
    html {-webkit-text-size-adjust: none;}

    .responsive .responsive #leftSection, 
    .responsive #middleSection, 
    .responsive .col, 
    .responsive .prods, 
    .responsive #prodImg, 
    .responsive #prodDes {
        width: 100% !important;
        
    }

    .responsive .cart_icon {
        display: none !important;
    }

    .responsive #home_ads .col {
        width: 50% !important;
        margin-bottom: 15px;
    }

    .responsive .prods {
        border-width: 0 0 1px 0 !important;
        min-height: 20 !important;
        margin: 0 !important;
    }

    .responsive .prods .image_con {
        width: 30% !important;
        float: left;
        margin-right: 10px;
        min-height: 50px !important;
    }

    .responsive .listing {
        border-top: 1px solid #c0c0c0;
    }

    .responsive .hidden-phone {
        display: none !important;
    }

    .responsive .show-phone {
        display: block;
    }

    .responsive ul.shopMenu ul {
        display: none !important;
    }

    .responsive #menu_toggle { background: #727272; color: #fff; padding: 10px 10px; font-weight: bold; border-bottom: 1px solid #5A5A5A; border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 14px !important; }
    .responsive #menu_toggle:hover { background: #0e7cd5; text-decoration: none; }
    .responsive #menu_toggle span { float: right; }
    .responsive ul.shopMenu { display: none; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; padding-top: 0 !important;  }
    .responsive ul.shopMenu a { font-size: 14px !important; }
    .responsive ul.shopMenu li:first-child { border-top: 1px solid #A3A3A3 !important; }

    .responsive label { display: block; width: 100%; }
    .responsive .prodCon { width: 50%; }

    .responsive .cartRowItem, .cartRow2 { width: 100% !important; }
    .responsive .cartImage { width: 20% !important; min-height: 120px; }
    .responsive .newcartItem { width: 70% !important; clear: right !important; }
    .responsive .newcartPrice { width: 70% !important; clear: right !important; margin-left: 5px;  }
    .responsive .newcartQty { width: 70% !important; clear: right !important; margin-left: 5px;  }
    .responsive .newcartVat { width: 70% !important; clear: right !important; margin-left: 5px;  }
    .responsive .newcartTotal { width: 70% !important; clear: right !important; margin-left: 5px;  }
    .responsive .cartRemove { width: 70% !important; clear: right !important; margin-left: 5px;  text-align: left !important; }
    .responsive #cards { width: 100% !important; }
    .responsive .voucherPara { margin: 0 !important; padding: 0 !important; }
    .responsive hr { width: 100% !important; }

    .responsive #prices { width: 100% !important; }

    .responsive .cartRowItem .show-phone { display: inline-block; width: 20% !important; font-weight: bold; }

    .responsive #header { height: auto !important; }
    .responsive #header #logo { position: relative !important; top: 5px !important; left: auto; margin: 0 auto 10px auto; width: 100%; max-width: 324px; }
    .responsive #header #cart_menu { position: relative !important; top: auto !important; left: auto !important; text-align:center; }
    .responsive #cart_menu .normal { display: none !important; }
    .responsive #header #search_frm { position: relative !important; top: 0px !important; left: 0; margin-bottom: 10px; width: 100%; }
    .responsive #suggestions { width: 80%; display: none !important; } 

    .responsive #header #search_frm span { margin: 0 0 !important; display: block;  }
    .responsive #header #search_frm input[type=text] { width: 70%; }
    .responsive span.highlight_form input[type=text] {
        width: 63%;
    }
    .responsive span.highlight_form {
        width: 105%;
    }
    .responsive span.highlight_form input[type=submit] {
        width: 22%;
    }
    .responsive .cart_menu, .account_menu {
        width: 100% !important;
        right: auto !important;
        left: 10px !important;
        text-align: left;
    }

    .responsive .footerinfo_col {
        margin-bottom: 10px;
    }

    .responsive label { display: block !important; width: 100% !important; font-weight:bold; }

    .responsive .large_btn { width: 100% !important; display: block; text-align: center; }
    .responsive input[type='text'], .responsive input[type='password'], .responsive input[type='number'], .responsive textarea,  .responsive  select {font-size:16px; }

    .left_side, .right_side{width: 100%; display: block; float: none;}
    
}



@media (max-width: 480px) { 
    .responsive span.highlight_form input[type=text] {
border: none;
width: 220px !important;
}

}