/*

 * Custom CSS

 * Place here your custom CSS. This will keep your custom css when there is a theme update.

 *

 */

 

.home.post-type-archive .site-inner .wrap{

 padding: 30px;

}

.home ul.products li.product.last {

    margin-right: 0 ;

}



a.button, a.button:visited, button.button, input.button, input[type="submit"], #respond input#submit, .content input.button, a.shipping-calculator-button, a.view_more, .comment-reply-link {

    background-color: #3497DB;

}

a.button:hover, button.button:hover, input.button:hover, input[type="submit"]:hover, #respond input#submit:hover, .content input.button:hover, a.shipping-calculator-button:hover, a.button.alt:hover, button.button.alt:hover, input.button.alt:hover, #respond input#submit.alt:hover, .content input.button.alt:hover, a.view_more:hover {

    background-color: #3BA3E2;

}

.header-image .site-title a{

    height: 94px;

    width: 342px;

}

.nav-primary li.right.search {

    float: right;

    margin-right: 20px;

    margin-top: 3px;

}

#searchform, .search-form {

    width: 220px;

}

.nav-primary {

    margin-top: -120px;

}

.cart_display {

    width: auto;

}

.cart_display ul {

    width: auto;

}

ul.products li.product {

    width: 22.11538461538462%;

    margin-right: 03.84615384615385%;

}

.quantity input.qty, .content .quantity input.qty {
    width: 50px;
    padding: 0 0 0 13px;
    text-align: center;
}

.wc-cart-shipping-notice{
    display: none !important;
}

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

.nav-primary .wrap, .site-header .wrap, .top_section .wrap, .site-inner, .footer-widgets .wrap, .site-footer .wrap {

    width: 96% !important;

}

.home.post-type-archive .site-inner .wrap {

    padding: 20px;

}

}





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

.home.post-type-archive .site-inner .wrap {

    padding: 20px;

}

ul.products li.product {

    width: 48.07695% !important;

    margin-right: 0;

}

ul.products li.product:nth-child( 2n + 1 ){

   margin-right: 03.84615384615385% !important;

}

}



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

.site-header .widget-area {

    width: 100% !important;

}

.header-image .site-header .title-area,

.header-image .site-title a{

 width: 100% !important;

}

.site-header .wrap {

    width: 92% !important;

    height: 280px;

}

.cart_display {

    float: none !important;

}

.site-header .widget-area {

    margin-top: 22px;

}

.cart_icon {

    display: inline-block;

    float: none;

}

.cart_display ul {

    float: none;

    display: inline-block;

}

.header-widget-area .widget_nav_menu {

    width: 100% !important;

}

.site-header ul.menu {

    float: none;

    text-align: center;

}

.site-header ul.menu li {

    float: none;

    display: inline-block;

}

.header-widget-area .widget_nav_menu {

    padding: 30px 0 !important;

}

.nav-primary {

    margin-top: -90px !important;

}

}



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

.home ul.products li.product {

    width: 100%;

    margin-right: 0;

}

.home ul.products li.product:nth-child( 2n + 1 ){

   margin-right: 0;

}

.site-header .wrap {

    width: 92% !important;

    height: 210px;

}

.nav-primary {

    margin-top: -69px !important;

}

.top_right a{

 float: none !important;

}

.breadcrumb {

    margin: 0 auto !important;

    display: block  !important;

    text-align: left  !important;

}

table.shop_table td {

    padding: 5px 10px !important;

}

.entry table th {

    padding: 7px 10px 8px !important;

}

}



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

.header-image .site-header .title-area{

    background-size: 100%;

}

ul.products li.product {

    width: 100% !important;

    margin-right: 0;

}

ul.products li.product:nth-child( 2n + 1 ) {

    margin-right: 0 !important;

}

}