
.jconfirm.jconfirm-basket-added .jconfirm-box {
	max-width: 640px !important;
	width: 95vw !important;
}

.jconfirm.jconfirm-basket-added .jconfirm-content-pane {
	max-height: none !important;
	overflow: visible !important;
}

.jconfirm.jconfirm-basket-added .jconfirm-content {
	overflow: visible !important;
}

.jconfirm.jconfirm-basket-added .jconfirm-buttons {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.jconfirm.jconfirm-basket-added .jconfirm-buttons button {
	white-space: normal;
	line-height: 1.3;
	flex: 1 1 170px;
	margin: 0 !important;
}

.basketAddedConfirm {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.basketAddedConfirm__image {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	flex-shrink: 0;
}

.basketAddedConfirm__details {
	flex: 1;
	min-width: 0;
}

.basketAddedConfirm__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
	word-break: break-word;
}

.basketAddedConfirm__icon {
	color: #2e7d32;
	font-size: 18px;
	flex-shrink: 0;
}

.basketAddedConfirm__qty {
	word-break: break-word;
}

@media only screen and (max-width: 1100px){

	

	.divTrustBadgesBasket img {
		height: 80px;
	}

	.fakeButton {
		margin: 8px 0;
		font-size: 14px;
	}

	.fakeButton a {
		line-height: 36px;
	}
	
	.divBreadcrumb {
		margin-bottom: 8px;
		font-size: 12px;
	}

	header {
		padding: 10px 20px;
	}
	.divPageWidth{
		padding:0 20px;
	}

	#ulTopNav, #divContentLeft{
		display:none;
	}

	#aTopLogo{
		height:auto;
	}

	#aTopLogo img {
		height:50px;
	}

	.stickyHeader.scrolledDown #aTopLogo img {
		height:50px;
	}


	#spnIjfTitle{
		display: inline-block;
        font-weight: 700;
        color: white;
        font-size: 30px;
        font-family: 'Roboto Condensed';
        position: absolute;
        top: 50%;
        left: 100px;
        transform: translateY(-50%);
	}



	#aMobNavSearch{
		position:absolute;
		right:70px;
		top:9px;
		display:inline-block;
		height:36px;
		width:36px;
		border-radius:50%;
		background-color:rgba(255,255,255,0.12);
		background-image:url('/modules/main/images/icon-search.png');
		background-size:18px;
		background-repeat:no-repeat;
		background-position:center;
		box-shadow:0 2px 8px rgba(0,0,0,0.18);
	}

	#aMobNavBurger{
		position:absolute;
		right:12px;
		top:12px;
		display:inline-block;
		height:30px;
		width:36px;
		border-radius:10px;
		background-color:rgba(255,255,255,0.12);
		background-image:url('/modules/main/images/menu-icon.png');
		background-size:20px;
		background-repeat:no-repeat;
		background-position:center;
		box-shadow:0 2px 8px rgba(0,0,0,0.18);
	}

	#divTopSearch{
		display:none;
		position:fixed;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		width:90%;
		max-width:560px;
		z-index:2001;
	}

	#divTopSearch form{
		background:#ffffff;
		background:linear-gradient(180deg, #f6f8fc 0%, #f0f4fb 100%);
		border-radius:8px;
		padding:18px;
		box-shadow:0 10px 30px rgba(0,0,0,0.25);
	}

	#divTopSearch .frmKeyword{
		width:100%;
		box-sizing:border-box;
		padding-right:46px !important;
		background-image:none;
		padding-left:16px !important;
		border:0;
		margin:0;
	}

	#divTopSearch .btnTopSearchSubmit{
		display:inline-block;
		position:absolute;
		right:28px;
		top:50%;
		transform:translateY(-50%);
		background:transparent;
		color:#0E2E69;
		border:0;
		padding:4px;
		min-width:0;
		line-height:1;
	}

	#divTopSearch .btnTopSearchSubmit i{
		font-size:18px;
	}

	#divMobileSearchOverlay{
		display:none;
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(20, 20, 20, 0.55);
		z-index:2000;
	}

	.stickyHeader.mobileSearchOpen #divTopSearch{
		display:block;
	}

	.stickyHeader.mobileSearchOpen #divMobileSearchOverlay{
		display:block;
	}

	#divMobileMenuCtr{
		display:block;
		position:sticky;
		top:var(--mobile-menu-offset, 0px);
		z-index:998;
		background: #dddddd;
		border-top:1px solid #e0e7f4;
		border-bottom:1px solid #d8e2f3;
		box-shadow:0 8px 18px rgba(0, 22, 63, 0.12);
	}


	#ulMobileMenu{
		display:none;
		padding:10px 12px 14px;
		max-height:calc(100vh - var(--mobile-menu-offset, 0px) - 8px);
		overflow-y:auto;
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:8px;
		align-items:start;
	}

	#ulMobileMenu li{
		display:block;
		border:0;
		margin:0;
		min-width:0;
	}

	#ulMobileMenu li a,
	#ulMobileMenu li button.mobileMenuToggle{
		display:block;
		width:100%;
		box-sizing:border-box;
		padding:10px 12px;
		text-decoration: none;
		border:0;
		text-align:left;
		font-size:14px;
		line-height:1.35;
		font-weight:600;
	}

	#ulMobileMenu li button.mobileMenuToggle{
		background:#0E2E69;
		color:#ffffff;
		border-radius:10px;
		display:flex;
		align-items:center;
		justify-content:space-between;
		cursor:pointer;
		box-shadow:0 3px 10px rgba(14, 46, 105, 0.28);
	}

	#ulMobileMenu li button.mobileMenuToggle i{
		font-size:12px;
		transition:transform .2s ease;
	}

	#ulMobileMenu li.cat.isOpen button.mobileMenuToggle i{
		transform:rotate(180deg);
	}

	#ulMobileMenu li.cat{
		margin-bottom:0;
	}

	#ulMobileMenu li.mobileMenuSectionLabel{
		grid-column:1 / -1;
		font-size:12px;
		font-weight:700;
		letter-spacing:.08em;
		text-transform:uppercase;
		color:#45608f;
		padding:6px 2px 4px;
		margin:8px 0 2px;
	}

	#ulMobileMenu li.mobileMenuSectionLabel:first-child{
		margin-top:0;
	}

	#ulMobileMenu li .mobileMenuDirectLink,
	#ulMobileMenu li.nav a{
		background:#ffffff;
		color:#0E2E69;
		border-radius:10px;
		border:1px solid #d9e1ef;
		box-shadow:0 2px 6px rgba(13, 41, 96, 0.08);
	}

	#ulMobileMenu li .mobileMenuDirectLink{
		font-weight:700;
	}

	#ulMobileMenu li.nav{
		margin-bottom:0;
	}

	#ulMobileMenu .mobileSubMenu{
		display:none;
		background:#ffffff;
		border-radius:0 0 10px 10px;
		margin:0 2px;
		padding:6px 0;
		border:1px solid #d9e1ef;
		border-top:0;
	}

	#ulMobileMenu .mobileSubMenu a{
		padding:8px 12px;
		font-size:13px;
		font-weight:500;
		color:#0E2E69;
	}

	#ulMobileMenu .mobileSubMenu a.mobileSubMenuAll{
		font-weight:700;
		color:#133d8b;
	}

	#ulMobileMenu li a:focus,
	#ulMobileMenu li button.mobileMenuToggle:focus{
		outline:2px solid #7ea6ec;
		outline-offset:2px;

	}

	@media only screen and (max-width: 700px){
		#ulMobileMenu{
			grid-template-columns:1fr;
		}
	}


	#spnFreephone{
		margin-left:0px;
	}

	#divToolsStrap #spnFreephone {
		background-color: #0E2E69;
		padding: 0px 10px;
		color: white;
		border-radius: 5px;
		line-height: 36px;
		min-width: 50px;
		text-align: center;
		float: none;
	}

	#divToolsStrap #spnFreephone:hover {
		background-color: #666;
		color: white;
	}

	#divToolsStrap #spnFreephone i {
		font-size: 20px;
		margin-right: 0;
	}

	.spnTextFull{
		display:none;
		margin:0;
	}

	.jconfirm .jconfirm-box {
		max-width: 90% !important;
	}


	#divToolsStrap a {
		line-height: 36px;
	}

	#divContentContainer {
		margin-top: 0;
	}

	#divProductImagery {
		display: block;
		width: 100%;
	}

	.imgProductThumbs {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-top: 12px;
	}

	.imgProductThumbs a {
		display: block;
	}

	.imgProductThumbs img {
		width: 50%;
		height: auto;
		padding: 6px;
	}

	.divProductMain {
		display: none;
	}

}



@media only screen and (max-width: 800px){
	.divTrustBadgesBasket img {
		height: 60px;
	}
	#spnIjfTitle{
		font-size:24px;
	}

	#divContentLeft{
		display:none;
	}

	.divFooterBlock{
		display:block;
		width:45%;
		margin-bottom:30px;
	}

	#spnFreephonePrefix{
		display:none;
	}


	.aBlockLink{
		/* width:32%; */
	}
	
	.aBlockLink .product-image {
		/* padding-bottom: 75%; */
	}


}


@media only screen and (max-width: 700px){
	.jconfirm.jconfirm-basket-added .jconfirm-box {
		width: 96vw !important;
	}

	.jconfirm.jconfirm-basket-added .jconfirm-buttons {
		justify-content: stretch;
	}

	.jconfirm.jconfirm-basket-added .jconfirm-buttons button {
		flex: 1 1 100%;
	}

	.basketAddedConfirm {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.basketAddedConfirm__title {
		justify-content: center;
	}


	#divTitleMobile{
		display: block;
		/* margin: 0 0 30px; */
		color: #0E2E69;
		font-size:20px;
	}

	#h1Product{
		display: none;
	}


	#tblBasket .divTableRowHeader, #tblBasket .itemprice{
		display:none !important;
	}

	#tblBasket .divTableRow, 	#tblBasket .divTableCell{
		display: block;
		text-align:center;
	}

	#tblBasket .divTableRow {
		border-bottom:2px solid #eeeeee;

	}
	#tblBasket .divTableCell {
		border:0;
	}

	#tblBasket .divTableCell .divCustomDetails {
		margin:10px 0;
	}

	#tblBasket .divTableCell img{
		width:75%;
	}

	#divProductImagery{
		width: 38%;
		display: inline-flex;
		flex-direction: column;
		vertical-align: top;
	}

	.divProductMain {
		display: none;
	}

	.imgProductThumbs{
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-top: 12px;
	}

	.imgProductThumbs a{
		display: block;
	}

	.imgProductThumbs img{
		width: 100%;
		height: auto;
		padding: 6px;
	}

	#divProductDetails{
		width: 59%;
		display: inline-block;
		padding: 0 0 0 8px;
		box-sizing: border-box;
		vertical-align: top;
	}

	#divProductPrice{
		font-size: 20px;
		padding: 6px 0;
	}

	#divStockSelector{
		padding: 8px 0;
	}


}


@media only screen and (max-width: 600px){

	#spnFreephone{
		/* display:none; */
	}


	.frmStandard label:not(.do-not-split){
		display: block;
	}


	/* .aBlockLink{
		width:48%;
	}
	
	.aBlockLink .product-image {
		padding-bottom: 75%;
	} */


	#spnIjfTitle{
		display:none;
	}

	input[type=text],	input[type=password], select{
		width:50%;
		width:auto;
	}


}




@media only screen and (max-width: 360px){

	/* .aBlockLink{
		width:100%;
	}
	
	.aBlockLink .product-image {
		padding-bottom: 75%;
	} */


}
