/*FOR CHECKOUT TABLE*/

/* ----- ONE TIME PURCHASE TABLE AND CHECKOUT PAGE STEP 6 CONFIRM ORDER TABLE */
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {


	table#oneTimePurchaseItems,
	table#checkout-confirm-order-table{
		border: none;
	}


	table#oneTimePurchaseItems span.indenter,
	table#checkout-confirm-order-table span.indenter{
		display: none;
	}

	/* Force table to not be like tables anymore */
	table#oneTimePurchaseItems,
	table#oneTimePurchaseItems thead,
	table#oneTimePurchaseItems tbody,
	table#oneTimePurchaseItems th,
	table#oneTimePurchaseItems td,
	table#oneTimePurchaseItems tr,
	table#checkout-confirm-order-table,
	table#checkout-confirm-order-table thead,
	table#checkout-confirm-order-table tbody,
	table#checkout-confirm-order-table th,
	table#checkout-confirm-order-table td,
	table#checkout-confirm-order-table tr{
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table#oneTimePurchaseItems thead tr,
	table#checkout-confirm-order-table thead tr{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table#oneTimePurchaseItems tr, table#checkout-confirm-order-table tbody tr { border: 1px solid #ccc; margin-bottom: 1em; }

	table#oneTimePurchaseItems td,
	table#checkout-confirm-order-table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 38%;
		text-align: left;
		white-space: normal;
	}

	table#oneTimePurchaseItems td:before,
	table#checkout-confirm-order-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	table#oneTimePurchaseItems td:nth-of-type(1):before { content: "Image:"; }
	table#oneTimePurchaseItems td:nth-of-type(2):before { content: "Product Name:"; }
	table#oneTimePurchaseItems td:nth-of-type(3):before { content: "Quantity:"; }
	table#oneTimePurchaseItems td:nth-of-type(4):before { content: "Unit Price:"; }
	table#oneTimePurchaseItems td:nth-of-type(5):before { content: "Total:"; }

	table#checkout-confirm-order-table tbody td:nth-of-type(1):before { content: "Product Name:"; }
	table#checkout-confirm-order-table tbody td:nth-of-type(2):before { content: "Quantity:"; }
	table#checkout-confirm-order-table tbody td:nth-of-type(3):before { content: "Unit Price:"; }
	table#checkout-confirm-order-table tbody td:nth-of-type(4):before { content: "Total:"; }

	#checkout-confirm-order-table-mobile { display: block !important; }
	table#checkout-confirm-order-table tfoot { display: none; }

	#checkout-confirm-order-table-mobile table { margin-top: -14px; margin-bottom: 0; }

} /* ----- END FOR ONE TIME PURCHASE TABLE AND CHECKOUT PAGE STEP 6 CONFIRM ORDER TABLE */


/* ----- AUTO DELIVER ITEMS TABLE*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {


	table#autoDeliveryItems{
		border: none;
	}


	table#autoDeliveryItems span.indenter{
		display: none;
	}

	/* Force table to not be like tables anymore */
	table#autoDeliveryItems, table#autoDeliveryItems thead, table#autoDeliveryItems tbody, table#autoDeliveryItems th, table#autoDeliveryItems td, table#autoDeliveryItems tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table#autoDeliveryItems thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table#autoDeliveryItems tr { border: 1px solid #ccc; margin-bottom: 1em; }

	table#autoDeliveryItems td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 38%;
		text-align: left;
		white-space: normal;
	}

	table#autoDeliveryItems td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	table#autoDeliveryItems td:nth-of-type(1):before { content: "Image:"; }
	table#autoDeliveryItems td:nth-of-type(2):before { content: "Product Name:"; }
	table#autoDeliveryItems td:nth-of-type(3):before { content: "Quantity:"; }
	table#autoDeliveryItems td:nth-of-type(4):before { content: "Unit Price:"; }
	table#autoDeliveryItems td:nth-of-type(5):before { content: "Total:"; }

} /* ----- END FOR AUTO DELIVER ITEMS TABLE*/

/*END FOR CHECKOUT TABLE*/


@media (min-width: 992px) and (max-width: 1450px){

	img.popup_xen_logo{
		max-width: 300px;
	}

	div.ask-customer-panel h3{
		font-size: 1.3em;
	}
	button.ask-customer-btn-newCustomer br{
		display: none;
	}

	div.holdingPopup div.popupContentHolder{
		padding-top: .1em;
		min-height: 400px;
	}

	a.popup_option_btn{
		width: 85%;
		font-size: .8em
	}

}

@media (min-width: 768px) and (max-width: 1024px){

	body{
		padding-top: 200px !important;
	}

	a.navbar-brand img{
		max-width: 100px;
	}

	a.dropdown-toggle img{
		width: 20px;
	}

	nav#menu{
		top: 71px;
	}

	#category-nav a{
		font-size: .8em;
	}

	a#flag img, a#search img{
		width: 30px;
	}

	a#cart-total img, a#pencil img{
		width: 30px;
	}

	a#flag img{
		margin-left: 1em;
	}

	div#bs-example-navbar-collapse-1 ul.navbar-nav{
	}
}

@media (min-width: 992px){
	div#brandPartner_moreProductInfo_annualMembership{
		margin-bottom: 4em;
	}
}

@media (min-width: 768px) and (max-width: 992px){

	div.contentholder{
		margin-bottom: 2em;
	}

	.ask-customer-panel{
		height: auto;
		width: 60%;
		margin: 1em auto 2em auto;
	}
	.vl{
		display: none;
	}
	div#existingCustomer{
		margin-top: 2em;
	}
	div.holdingPopup div.popupContentHolder{
		width: 60%;
		margin: 1em auto !important;
		padding-top: .1em;
		min-height: 265px;
	}

	div#brandPartner_moreProductInfo_leadershipPack,
	div#brandPartner_moreProductInfo_annualMembership{
		width: 60%;
		margin: auto auto 1em auto;
	}

	div#brandPartner_moreProductInfo_annualMembership{
		max-height: 400px;
		margin-bottom: 3em;
	}

	footer{
		display: none;
	}
}

@media (min-width: 320px) and (max-width: 767px){

	body{
		padding-bottom: 5em;
		overflow: auto !important;
	}

	a.navbar-brand img{
		position: absolute;
	}

	div.holdingPopup{
		padding: 0px 5px;
	}

	img.popup_xen_logo{
		width: 180px;
	}

	div.ask-customer-panel{
		min-height: 490px;
		margin-top: .5em;
		margin-bottom: 6em;
	}

	div.vl{
		display: none;
	}

	div.ask-customer-panel h3{
		letter-spacing: 1px;
		font-size: 1.31em;
		margin: .5em auto .1em auto;
	}

	button.ask-customer-btn-newCustomer{
		margin: -1em auto 2em auto;
		font-size: .8em;
		white-space: normal;
		max-width: 300px;
	}

	button.ask-customer-btn-newCustomer br{
		display: none;
	}

	div.ask-customer-panel .fa-3x{
		font-size: 2.5em;
	}

	.form-wrap .input-group{
		font-size: 1.3em;
	}

	div.holdingPopup div.popupContentHolder:nth-child(1),
	div.holdingPopup div.popupContentHolder{
		margin: 1em 20px;
		min-height: unset;
		padding: .1em .5em 1.5em .5em;
	}

	div.row.contentholder{
		margin: .5em auto;
		padding-bottom: 3em;
	}

	a.popup_option_btn{
		position: relative;
		top: 5px;
		white-space: normal;
		font-size: .8em;
		width: 95%;
		max-width: 222px;
	}

	div.hiddenProductSelected{
		width: 90%;
		position: fixed;
		top: 9px;
		left: 0;
		right: 0;
		padding: 1.5em 1em;
		border: 1.5px solid white;
	}

	div.hiddenProductSelected h1{
		font-size: 1em;
		font-weight: 600;
		margin: auto;
	}

	div.owl-carousel.owl-theme{
    	margin-top: 3em;
    }

    nav#menu {
    	border-radius: 0px !important;
    	height: 40px;
    }
 
    .navbar-collapse.in{
    	background-color: #899e61!important;
			color: white;
    	position: relative;
    	top: -0.2em;
    	left: 0;
    	right: 0;
    	z-index: 9999;
    }

		.hometxt{
			display: block;
		}

    .owl-carousel .owl-buttons div i{
    	font-size: 20px !important;
    }

    div#brandPartner_moreProductInfo_leadershipPack{
    	margin: 1em.5em;
    }

    div#brandPartner_moreProductInfo_annualMembership{
    	height: 80% !important;
    	margin: 1em .5em 5em .5em;
    }

    div#brandPartner_moreProductInfo_leadershipPack,
    div#brandPartner_moreProductInfo_annualMembership{
    	padding: 1em;
    }

    div#brandPartner_moreProductInfo_leadershipPack h3,
    div#brandPartner_moreProductInfo_annualMembership h3{
    	font-size: 1.1em;
    }

    button#getLeadershipPack_btn,
    button#getAnnualMembership_btn{
    	margin: auto;
    	font-size: .8em;
    	padding: .5em 1em;
    	white-space: normal;
    }

    a#scrollToTopButton{
    	z-index: 99999;
    }

    #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled],
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    	color: #888888;
    	background-color: unset;
    }

    #menu .btn-navbar{
    	color: white;
    	background-color: transparent;
    	background-image: none;
    	border-color: #fff;
    	position: relative;
    	right: 10px;
    }

    .product-thumb .button-group button, .product-thumb .button-group button + button {
    	width: 100%;
    	border: 0px;
    	margin: .1em;
    }

	div#bs-example-navbar-collapse-1 ul.navbar-nav{
		margin-top: 1em;
		margin: auto;
		text-align: center;
	}

	div#bs-example-navbar-collapse-1 ul.dropdown-menu{
		right: 0px;
		text-align: center;
		width: unset;
		max-width: 230px;
		position: relative;
		float: unset;
		margin: auto;
		display: none;
	}

	div#bs-example-navbar-collapse-1.collapse.in{
		padding-bottom: 10px;
		background-color: #fff!important;
		max-height: inherit;
	}

	button.btn-close-videoList-panel,
	button.btn-close-pdfList-panel{
		background: white;
		border-radius: 0px;
		padding: .1em 1em;
		margin: 1em auto;
		float: right;
	}

	div.ColumnProduct ul{
		padding-bottom: 3em !important;
		margin-bottom: 0em;
	}

	span#cart-total-text{
		display: none;
	}

	span.cart-total-mobile{
		background: #23a1d1;
		max-width: 200px;
		text-align: left;
		color: white;
		font-weight: 600;
		letter-spacing: .2px;
		white-space: normal;
		position: relative;
		top: .5em;
		padding: .1em .1em .1em .5em;
		margin-bottom: .5em;
		transition: ease .6s all;
	}

	span.cart-total-mobile img{
		position: relative;
		top: -3px
	}

	footer{
		padding: .2em .3em;
	}

	div.modal-content.viewEmbedProductVideo{
		margin-top: 4em;
	}
	.navbar-header .fa { color: #fff;  }

}

@media (max-width: 350px){
	table#checkout-confirm-order-table td {
		font-size: .9em;
	}
}