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

    body, header, footer {
	    min-width: 97%;
	}

	footer {
		font-size: 90%;
	}

	div.content-width {
		width: 97%; 
	}

	#SearchBox {
		#width: 220px;
	}
	
	
    Div.ProductGrid {
       grid-template-columns: repeat(3, 1fr);
	}
	
	#HeaderFull span.cart-widget-text {
		
		display: none;
	}
	
    Div.BrandEntry {
		width: 20%;
	}
	
}

@media screen and (min-width: 0px) and (max-width: 1023px) {

	body, header, footer {
	    min-width: 100%;
	}

	body {
	    font-size: 20px;
		line-height: 34px;
		text-align: left;
    }

	header {
	    height: 62px;
		background: linear-gradient(to bottom, #ff000000, #e8e8e8);
		background-color: rgb(251,251,251);
	    border-bottom: 0px;
	}

	footer {
		font-size: 90%;
	}

	div.content-width {
		width: 100%; 
	}

    #SiteLogoMini {
		z-index: 99; 
		cursor: pointer;
		max-width: 40%;
	}

    #SiteLogoMini > img {
		max-height: 55px;
		max-width: 100%;
	}
	
	#tabset_box {
	    font-size: 90%;
	}

	#ProductTabs {
	    order: 5;
	}
	
	#ProductRecAccessories {
	    padding: 10px;
		order: 4;
	}

	#SearchGrid > div {
        width: 33%;
		padding: 6px;
	} 

	#newsletter_email {
	    width: 215px;
	}

	#HeaderFull, #HeaderContacts, #MainMenu, #ShoppingCartInfoWidget, #xmas, #SiteLogo, #RootPageRight {
	    display: none;
	}
	
	#account-content {
		
		flex-direction: column;
	}

	#SearchBoxMini {
	    position: absolute;
		border-radius: 0px;
        display: none;
		left: 0px;
		width: calc( 100% - 30px);
		margin: 0px 15px;
		box-sizing: border-box;
		top: 80px;
		z-index: 99;
		background-color: white;
		border-color: silver;
		height: 56px;
		padding: 10px 0px;
	}

    #RootPageLeft {
	    width: 100%;
	}

	#MainGrid {
		grid-gap: 10px;
	}

	#MainMenu {
		position: absolute;
		top: 68px;
		left: 0px;
	}

    #ProductPageContainer {
		display: block;
	}

	#ProductPageInfoContainer {
	    height: 44px;
		margin-bottom: 20px;
	}

    #ProductPageGrid {
	    display: flex;
		flex-direction: column;
	}

	Div.ProductGrid {
 	    grid-template-columns: repeat(2, 1fr);
		margin-left: 0px;
		padding-left: 0px;
	}
	
	#ProductGridOrder {
	    padding: 0px 0px; 
	}

	#ProductGridOrder > div {
	    padding: 8px 5px;
        text-align: center;		
		min-width: 80px;
		line-height: 22px;
	}
	
    #ProductPageFilters {
	 	margin: 5px 0px;
		padding: 5px;
		width: 100%;
		background-color: rgb(239, 239, 239);
		opacity: 0.95;
		z-index: 9;
		position: absolute;
		height: unset;
	}
	
	#ProductPageFilters #ChevronDown {
		display: inline-block !important;
	}

    #ProductPageFilters h3 {
	    margin: 0px;
		font-size: 90%;
		border-bottom: unset;
	}

    #ProductPageFilters h3 span {
	    border-bottom: unset;
	}

	#ProductPageFilterHeader  {
	    pointer-events: initial !important;
	}

    #ProductPageFilter {
	    display: none;
		padding: 0px 10px 10px 10px;
	    box-sizing: border-box;
	}

	#ProductPageFilter .AFilter li.filter-option {
	    padding: 3px 0px;
	}

    #ProductPageDescription {
	    #display: none;
	}

    #ShoppingCartInfoWidget {
	    position: absolute;
		right: 0px;
		top: 63px;
	}

	#tabset_box {
	    font-size: 90%;
	}

 
	#form_user_data table:nth-child(1) {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	#form_user_data table:nth-child(2) {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	#newsletter_email {
	    width: 215px;
	}

	#ProductInfo {
        width: 100%; 
    }

	#ProductPageTitle {
        float: none; 
	    width: 100%; 
    }

	#ProductImages {
		display: none;
    }

	#ProductImagesCarousel {
		display: unset !important;
    }
	
    #ProductData {
  	    display: block;
    }

	#ProductDescription {
	    width: 100%; 
		line-height: 1.7;
        font-size: 24px;
    }

	#ProductDescription img {
	    max-width: 100%; 
    }
	
	div.item-feedback {
		font-size: 95%;
    }

	div.horizontal-scrollable > div {

	   #padding: 5px !important;
	}

	.cart-button {
		 padding-left: 20px;
		 padding-right: 20px;
		 
	}

	.cart-button span.text {
	   #display: none;
	}

	.cart-button span.icon-cart {
	   #display: none;
	}

    table.table-packages, #ProductProperty  {
	   font-size: 100%
	}

    table.table-shipping-payment tbody tr td p {
	    display: none;
	}

    #HeaderSmall {
		height: 52px;
		display: flex; 
		justify-content: space-between; 
		padding-top: 4px; 
		font-size: 140%;
		padding-left: 4px;
		position: relative;
		align-items: center;
    }

	#PrintPage {
	    display: none;
	}

    #MainBoxes {
		flex-direction: column;
	}
 
    #MainBoxes > div {
		width: 100% !important;
	}

	#ChangesBox, #BeginnersInfoBox, #WhyUsBox, #ContactInfo, #SubscribeNewsletterBox {
		width: 100% !important;
	}
			
	#footer-why-us {
		margin: 0px;
		padding: 0px;
	}
	
	#footer-why-us div.column {
		width: 50% !important;
	}

	#footer-why-us div.column span {
		display: inline-block;
	}
	
	#ChangesBox {
	    padding-left: 0px;
	}

	#ContactInfo {
	    padding-left: 0px;
		font-size: 90%;
        line-height: 28px;
	}

	#BeginnersInfoBox {
		border-left: none;
		border-right: none;
		padding-left: 0px;
	}

	#BlogLeftPanel {
	    float: none;
		width: 100%;
	}

	
	#BlogRightPanel {
	    float: none;
		width: 100%;
	}


	figure.responsive {
		width: 100% !important;
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: unset !important;
		height: unset !important;;
	}

	figure {
		box-shadow: initial;
		padding: 0px;
	}

	#footer-top div.column {
        display: inline-block; 
	    width: 49%;
    }

	#footer-top div.column:nth-child(3) {
	    width: 100%;
	}

    #DivNewsletterSubscribe {
		
		width: 380px !important;
	}
	
	#NewsletterImage {
		display: none;
	}
	
	#DivNewsletterSignup {
		
		flex-direction: column;
		row-gap: 20px;
		margin: 25px 0px !important;
	}

    #footer-contact > div {
		width: 100% !important;
	}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	body { 
	    font-size: 22px;
		letter-spacing: 0.1px;
	}
	
	div.wp-content-thumbnail {
		
		flex: 0 0 48% !important;
		line-height: 28px !important;
	}
	
    	  	
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    
	Div.ProductGrid {
 	    grid-template-columns: repeat(3, 1fr);
		margin-left: 0px;
	}
	
	Div.BrandEntry {
		width: 30%;
	}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
   
    body, header, footer {
	    min-width: 480px;
		#font-size: 18px;
	}
	
	div.content-width {
		width: 100%; 
	}

	#footer-top div.column {
        display: block; 
	    width: 100%;
    }

	#footer-why-us {
		#display: none;
	}

	#ContactBarMini {
		display: flex; 
		box-sizing: border-box; 
		margin-top: -2px
	}

    #ContactBarMini {
		display: flex; 
		box-sizing: border-box; 
		margin-top: -2px
	}
	
	.no-mobile {
	    display: none;
	}

	input.large, button.large {
	    padding: 12px 30px;
	}

	#PickupPointInfo {
	    flex-direction: column;
	}

	#PickupPointInfo #OpeningHours {
		width: 100%;
	}

	#PickupPointInfo #GoogleMap {
		width: 100%;
		min-height: 480px
	}
		
    Div.BrandEntry {
		width: 45%;
	}
	
	span.icon-cart {
		display: none;
	}
	
	span.wishlist {
		display: none;
	}
	
	div.content_title {
		height: 80px !important;
	}
	
    #ProductFooterBar .ProductPageTitle {
		font-size: 95% !important;
		height: 50px; 
	}
	
	#ProductFooterBar .ProductPrice {
		font-size: 100% !important;
	}
}

#MainMenuMini {
	#opacity: 0.97;
	display: none;
	position: absolute;
	top: 62px;
	right: 0px;
	z-index: 100;
	background-color: #e8e8e8;
	font-size: 80%;
	height: 100vh;
	overflow-y: scroll;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

#MainMenuMini a {
	text-decoration: none;
}

#MainMenuMini div.mainmenu {
	text-align: left;
	display: block;
	margin: 0px;
	text-decoration: none; 
	padding: 0px 6px;
	border-bottom: 1px solid rgb(222,222,222); 
	color: rgb(48,48,48); 
	min-height: 52px;
    line-height: 46px; 
}

#MainMenuMini _div.mainmenu:hover {
	
	background-color: #e6ecf1;
}


#MainMenuMini ul.submenu_container {
	display: none; 
	list-style: none; 
	margin-top: 0px; 
	padding-left: 10px; 
	font-size: 85%; 
}

#MainMenuMini li.submenu {
	
	color: rgb(64,64,64); 
	border-top: 1px solid rgb(222,222,222); 
	padding: 5px; 
	height: 46px;
    line-height: 36px;
    box-sizing: border-box
}

#MainMenuMini li.submenu:hover {
	
	background-color: #e6ecf1;
}


#MainMenuMini #CompactContacts {
	display: block;
	margin-bottom: 10px;
}


#MainMenuMiniButton {
	padding: 0px 12px; 
	width: 64px; 
	text-align: center; 
	box-sizing: border-box; 
	border-left: 1px solid rgb(222,222,222);
	animation-duration: 0.5s;
	transition-timing-function: ease-in;
}