@media (max-width: 990px) {

/**----------------------------------*
 * Footer
**-----------------------------------*/


footer#page-footer .social-container{
text-align:left !important;
}

.footer-right #credits{
text-align:left !important;
}




}


@media (max-width: 767px){






.form-row,
.col-1, .col-2{
display:block !important;
width:100% !important;
}






.header-container .row{
display:block;
margin:0px !important;
}

.header-container .row .col-sm-3,
.header-container .row .col-sm-6{
float:left;
display:block;
}

.top-slogan{
margin-top:30px;
}

#page-content{
background:#f3f7df;
box-shadow:none;
margin-top:60px;
border-top:10px solid #7a9c32;
}

nav.top-nav{
position:absolute;
top:0px;
width:100%;
z-index:20000;
display:none;
}

nav.top-nav .col-sm-12{
padding:0px;
}

nav.top-nav li{
display:block !important;
float:none !important;
}



nav.top-nav li a{
line-height:40px !important;
color:#f3f7df !important;
padding-left:15px;
}

nav.top-nav li a:hover{
text-decoration:underline !important;
}

nav.top-nav ul#menu-header-menu>li>ul{
display:block;
background:none;
position:relative;
padding-left:15px;
}

nav.top-nav ul#menu-header-menu>li{
border-bottom:1px solid #f3f7df;
}

nav.top-nav ul#menu-header-menu>li:last-child{
border-bottom:0 none;
}

nav.top-nav ul#menu-header-menu>li>ul>li>ul{
display:block;
background:none;
border:0 none;
position:relative;
left:0px;
padding-left:15px;
z-index:1;
}

#mobile-nav-button{
color:#f3f7df;
background:#7a9c32;
border-left:5px solid #f3f7df;
border-bottom:5px solid #f3f7df;
padding:20px 25px 20px 25px;
display:block;
position:fixed;
right:0px;
top:0px;
z-index:25000;
font-size:20px;
line-height:20px;
}







/**------------------------------*
 * Blog Home Template
**-------------------------------*/


#blog-home-header{
text-align:left;
}

.blog-excerpt-container:first-child,
.newsroom-excerpt-container:first-child{
margin-top:25px;
}

.blog-excerpt-container img,
.newsroom-excerpt-container img{
max-width:50% !important;
}


/**------------------------------*
 * Shop Main Template
**-------------------------------*/


.product-container .row{
margin-top:0px;
margin-bottom:0px;
}

.product-container .row .product,
.product-container .row .product-category{
margin-top:30px;
}



/**------------------------------*
 * Account Page Template
**-------------------------------*/



.shop_table thead{
display:none !important;
}

.shop_table tr{
display:block;
padding-top:15px !important;
padding-bottom:15px !important;
border-bottom:1px solid #f3f7df;
}

.woocommerce table.shop_table tr td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td{
width:100%;
display:block;
border-bottom:0 none !important;
padding-top:0px !important;
padding-bottom:0px !important;
}

/**------------------------------*
 * Cart Page Template
**-------------------------------*/



table.shop_table td{
margin-top:15px !important;
text-align:center !important;
}

table.shop_table td .amount{
font-size:30px !important;
}


.checkout-col{
text-align:left;
}


.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
background:transparent;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
display:block;
width:100%;
}


.woocommerce-page table.cart td.actions .coupon input[type=submit]{
display:block;
float:none;
width:100%;
}


.woocommerce-page .cart-collaterals .cart_totals tr td{
border-top:none !important;
}






}