/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
/* Extra Small devices (landscape iphones, 300px and up) */
@media only screen and (min-width: 300px) {
	a#nsp-express-checkout-go-to-top{
	 position: fixed;
	 bottom: 20%;
	 right: 5px;
	 z-index: 9999999;
	 cursor: pointer;
	 background-color: #ffffff;
	}
	
	a#nsp-express-checkout-go-to-top span, a#nsp-express-checkout-go-to-top i{
		color: #8d09a5;
	}
	.category-head > div, .category-head > label, .category-head > i{
		padding:  2px 2px;
		margin: 0px 0px;
	}
	.nsp_express_order_category_h2{
		padding: 20px 20px;
		margin: 0px 0px;
		font-size: medium;
	}
	.product-review{
	    padding: 0px 20px;
   		align-items: center;
	}
	.product-row{
	  	align-items:center;
	  	padding: 5px 10px;
	}
	div.product-image{
		padding-right: 0px;
		height: 100%;
		display:flex;
	  	align-items:center;
	}
	.product-header-row{
		display:flex;
	  	align-items:center;
	  	height: 100%;
	}
	div.productname-smallscreen{
		margin: 0px 0px !important;
		font-size: large !important;
	    font-weight: bold !important;
	    padding: 5px 5px !important;
	    display: inline-block;
	}
	div.product-details{
		display: inline-block;
	}
	.product-details div{
		margin: 0px 0px !important;
		font-size: large !important;
	    font-weight: bold !important;
	    padding: 1px 1px !important;
	    display: inline-block;
	}
	.product-price{
		color: #0053a4;
	}

	.product-price-span{
		display: none;
	}
	div.product-qty {
		display: flex;
	}
	.product-variant{
		display: inline-block;
	}
	.product-title{
		display: none;
	}
	div.product-name{
		display: none;
	}
	p.product-desc{
		font-size: 12px;
		font-weight: bold;
		margin: 0px 0px;
	}
	input.qty {
		height: 36px !important;
	    background-color: #fff !important;
	    width: 60px !important;
	    color: #000 !important;
	}
	.minus, .plus {
		padding: 7px 14px !important;
	    background-color: #0053a4 !important;
	}
	.small-text{
		font-size: x-small;
    	font-weight: bolder;
    	height: 10px;
    	color: #0053a4;
    	float: left;
	}
	.cart-button{
	    border-radius: 4px !important;
		width: 100%	;
		padding: 7px 14px !important;  
		height: 50px;     
	}
	div.row-background{
		margin: 15px 0px;
	}
	.row-background:nth-of-type(odd){
	  box-shadow: 0 2px 5px rgb(0 0 0 / 100%);
	}
	
	.row-background:nth-of-type(even){
		box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
	}
	.category-head {
		font-size: x-large;
		font-weight: bold;
		background-color: #0054a5;
		color: #ffffff;
	}
	.cart-head{
		background-color: #28a745;
	}
	.nsp_express_order_category_name{
		text-align: left;
		padding: 20px 20px;
	}	
	.up-down-arrow{
		text-align: right;
		padding: 20px 20px;
	}
	.nsp_express_order_category_hide{
		padding: 20px 20px;
		font-size: x-small;
		font-weight: bold;
	}
	
	.nsp_express_order_category_hide i{
		padding: 20px 20px;
		font-size: xx-large;
		font-weight: bolder;
	}
	.nsp_express_order_category_show{
		padding: 20px 20px;
		display: none;
	}
	.nsp_express_order_category{
		padding: 20px 0px
	}
	.show-cart{
		display: inline-block;
	}
	.hide-cart{
		display: none;
	}
	.show-out-of-stock{
		display: inline-block;
	}
	.hide-out-of-stock{
		display: none;
	}
}


/* Small devices (portrait tablets and large phones, 576px and up) */
@media only screen and (min-width: 576px) {
	.category-head > div, .category-head > label, .category-head > i{
		padding:  2px 2px;
		margin: 0px 0px;
	}
	.nsp_express_order_category_h2{
		padding: 20px 20px;
		margin: 0px 0px;
	}
	.product-row{
		display:flex;
	  	align-items:center;
	}
	.product-image{
		height: 100%;
		display:flex;
	  	align-items:center;
	}
	.product-header-row{
		display:flex;
	  	align-items:center;
	  	height: 100%;
	}
	div.productname-smallscreen{
		margin: 0px 0px !important;
		font-size: large !important;
	    font-weight: bold !important;
	    padding: 5px 5px !important;
	    display: inline-block;
	}
	div.product-details{
		display: inline-block;
	}
	.product-details div{
		margin: 0px 0px !important;
		font-size: large !important;
	    font-weight: bold !important;
	    padding: 1px 1px !important;
	    display: inline-block;
	}
	.product-price{
		color: #0053a4;
	}

	.product-price-span{
		display: none;
	}
	div.product-qty {
		display: flex;
	}
	.product-variant{
		display: inline-block;
	}
	.product-title{
		display: none;
	}
	div.product-name{
		display: none;
	}
	p.product-desc{
		font-size: 12px;
		font-weight: bold;
	}
	input.qty {
		height: 36px !important;
	    background-color: #fff !important;
	    width: 60px !important;
	    color: #000 !important;
	}
	.minus, .plus {
		padding: 7px 14px !important;
	    background-color: #0053a4 !important;
	}
	.small-text{
		font-size: x-small;
    	font-weight: bolder;
    	height: 10px;
    	color: #0053a4;
    	float: left;
	}
	.cart-button{
	    border-radius: 4px !important;
		width: 100%	;
		padding: 7px 14px !important; 
		height: 50px;   
	}
	.category-head {
		font-size: x-large;
		font-weight: bold;
		background-color: #0054a5;
		color: #ffffff;
	}
	.cart-head{
		background-color: #28a745;
	}
	.nsp_express_order_category_name{
		text-align: left;
		padding: 20px 20px;
	}	
	.up-down-arrow{
		text-align: right;
		padding: 20px 20px;
	}
	.nsp_express_order_category_hide{
		padding: 20px 20px;
		font-size: x-small;
		font-weight: bold;
	}
	
	.nsp_express_order_category_hide i{
		padding: 20px 20px;
		font-size: xx-large;
		font-weight: bolder;
	}
	.nsp_express_order_category_show{
		padding: 20px 20px;
		display: none;
	}
	.nsp_express_order_category{
		padding: 20px 0px
	}
	.show-cart{
		display: inline-block;
	}
	.hide-cart{
		display: none;
	}
	.show-out-of-stock{
		display: inline-block;
	}
	.hide-out-of-stock{
		display: none;
	}
	
}

/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) {
	.category-head > div, .category-head > label, .category-head > i{
		padding:  2px 2px;
		margin: 0px 0px;
	}
	.nsp_express_order_category_h2{
		padding: 20px 20px;
		margin: 0px 0px;
	}
	.product-row{
		display:flex;
	  	align-items:center;
	}
	.product-image{
		height: 100%;
		display:flex;
	  	align-items:center;
	}
	.product-header-row{
		display:flex;
	  	align-items:center;
	  	height: 100%;
	}
	div.productname-smallscreen{
	    display: none;
	}
	div.product-details{
		display: inline-block;
	}
	.product-details div{
		margin: 0px 0px !important;
		font-size: large !important;
	    font-weight: bold !important;
	    padding: 5px 5px !important;
	    display: inline-block;
	}
	.product-price{
		color: #0053a4;
	}

	.product-price-span{
		display: none;
	}
	div.product-qty {
		display: flex;
	}
	.product-variant{
		display: inline-block;
	}
	.product-title{
		display: none;
	}
	.product-name{
		display: block;
		height: 100%;
	}
	p.product-desc{
		font-size: 12px;
		font-weight: bold;
	}
	input.qty {
		height: 36px !important;
	    background-color: #fff !important;
	    width: 60px !important;
	    color: #000 !important;
	}
	.minus, .plus {
		padding: 7px 14px !important;
	    background-color: #0053a4 !important;
	}
	.small-text{
		font-size: x-small;
    	font-weight: bolder;
    	height: 10px;
    	color: #0053a4;
    	float: left;
	}
	.cart-button{
	    border-radius: 4px !important;
		width: 100%	;
		padding: 7px 14px !important;  
		height: 50px;     
	}
	.category-head {
		font-size: x-large;
		font-weight: bold;
		background-color: #0054a5;
		color: #ffffff;
	}
	.cart-head{
		background-color: #28a745;
	}
	.nsp_express_order_category_name{
		text-align: left;
		padding: 20px 20px;
	}	
	.up-down-arrow{
		text-align: right;
		padding: 20px 20px;
	}
	.nsp_express_order_category_hide{
		padding: 20px 20px;
		font-size: x-small;
		font-weight: bold;
	}
	
	.nsp_express_order_category_hide i{
		padding: 20px 20px;
		font-size: xx-large;
		font-weight: bolder;
	}
	.nsp_express_order_category_show{
		padding: 20px 20px;
		display: none;
	}
	.nsp_express_order_category{
		padding: 20px 0px
	}
	.show-cart{
		display: inline-block;
	}
	.hide-cart{
		display: none;
	}
	.show-out-of-stock{
		display: inline-block;
	}
	.hide-out-of-stock{
		display: none;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.category-head > div, .category-head > label, .category-head > i{
		padding:  2px 2px;
		margin: 0px 0px;
	}
	.nsp_express_order_category_h2{
		padding: 20px 20px;
		margin: 0px 0px;
	}
	div.product-row{
		display:flex;
	  	align-items:center;
	}
	.product-image{
		height: 100%;
		display:flex;
	  	align-items:center;
	}
	div.product-details, .product-header-row{
		display:flex;
	  	align-items:center;
	}
	div.productname-smallscreen{
	    display: none;
	}
	.product-details div{
		margin: 0px 0px !important;
		font-size: large !important;
	    font-weight: bold !important;
	    padding: 0px 5px !important;
	}
	.product-price{
		color: #0053a4;
	}
	.product-price, .product-variant, .prodcut-qty-selector, .product-action-selector{
		height: 50%;
	}
	.product-price-span{
		display: none;
	}
	.product-qty {
		display: flex;
	}
	.product-variant{
		display: inline-block;
	}
	.product-title{
		display: none;
	}
	.product-name{
		display: block;
		height: 100%;
	}
	p.product-desc{
		font-size: 12px;
		font-weight: bold;
	}
	input.qty {
		height: 36px !important;
	    background-color: #fff !important;
	    width: 60px !important;
	    color: #000 !important;
	}
	.minus, .plus {
		padding: 7px 14px !important;
	    background-color: #0053a4 !important;
	}
	.small-text{
		font-size: x-small;
    	font-weight: bolder;
    	height: 10px;
    	color: #0053a4;
    	float: left;
	}
	.cart-button{
	    border-radius: 4px !important;
		width: 100%	;
		padding: 7px 14px !important;  
		height: 50px;     
	}
	.category-head {
		font-size: x-large;
		font-weight: bold;
		background-color: #0054a5;
		color: #ffffff;
	}
	.cart-head{
		background-color: #28a745;
	}
	.nsp_express_order_category_name{
		text-align: left;
		padding: 20px 20px;
	}	
	.up-down-arrow{
		text-align: right;
		padding: 20px 20px;
	}
	.nsp_express_order_category_hide{
		padding: 20px 20px;
		font-size: x-small;
		font-weight: bold;
	}
	
	.nsp_express_order_category_hide i{
		padding: 20px 20px;
		font-size: xx-large;
		font-weight: bolder;
	}
	.nsp_express_order_category_show{
		padding: 20px 20px;
		display: none;
	}
	.nsp_express_order_category{
		padding: 20px 0px
	}
	.show-cart{
		display: inline-block;
	}
	.hide-cart{
		display: none;
	}
	.show-out-of-stock{
		display: inline-block;
	}
	.hide-out-of-stock{
		display: none;
	}
}