/* Max Width */

@media only screen and (max-width: 1440px) {
    .block-75 {width: 80%;}
    .fs-112 {font-size: 90px;}
    .fs-100 {font-size: 80px;}
    .fs-28 {font-size: 24px;}
    .counter-holder:before {left: -60px; font-size: 80px; top: -5px;}
    #site-navigation a {font-size: 40px;}
	.woocommerce ul.products li.product .woocommerce-loop-category__title, 
	.woocommerce ul.products li.product .woocommerce-loop-product__title, 
	.woocommerce ul.products li.product h3 {font-size: 26px;}
    .ht-espa {top: 82vh;width: 250px;}
}
@media only screen and (max-width: 1300px) {
    .prodcat-text--left {padding-left: 5%;}
    .prodcat-text--right {padding-right: 5%;}
    .site-header {padding-top: 30px;}
}
@media only screen and (max-width: 1200px) {
    .fs-73, .counter.fs-100 {font-size: 60px;}
    .counter-holder:before {left: -30px;font-size: 60px;top: -5px;}
    .counter-text.fs-20 {font-size: 18px;}
    .cat-container.block-33,
    .post-container.block-33 {width: 50%;}
	.fs-66 {font-size: 40px;}
}
@media only screen and (max-width: 1024px) {
/*	Influence reason: Replace position of espa banner at 1024px or lower viewports 
	by Thodoros Athineos @24/2/2023
    Replace:
    .ht-espa {top: 76vh;width: 220px;}
	 with: */
	.ht-espa {top:0;left:50%;transform:translateX(-50%);width:65%;}
	/*********************************/
    .fs-112 {font-size: 60px;}
    .fs-100,.fs-73 {font-size: 50px;}
    .fs-54 {font-size: 40px;}
    .fs-28 {font-size: 20px;}
    #site-navigation a {font-size: 32px;}
    .post-holder.block-33 {width: 50%;}
    .single-post-content.block-50 {width: 80%;}
    .hm-row {padding: 100px 0 50px;}
    .counter-row {margin: 80px 0;}
    .prodcat-img.block-50 {width: 40%;}
    .prodcat-text.block-50 {width: 60%;}
    .contact-row, .cta-row {padding: 100px 0;}
    .prodcat-img--left img {right: 0;}
    .prodcat-img--right img {left: 0;}
    .ls--3 {letter-spacing: -1px;}
    .ht-link {margin-top: 10vh;}
    .prodcat-img img {max-height: 500px;}
    .contact-info.fs-25 {font-size: 20px;}
    .ht-about-holder.block-50 {width: 60%;}
    .fs-25 {font-size: 20px;}
    .ht-title-holder {padding: 200px 0 80px;}
    .prodcat-text p {font-size: 16px; line-height: 1.4;}
    h3.prodcat-title {margin: 0 0 15px;}
    .about #globe {width: 70vw;}
    .hm-row {min-height: 500px;}
    .contact .block-60 {width: 80%;}
    .hm-section, .ht-section {min-height: initial; padding-bottom: 150px;}
    .globe-holder {bottom: 150px;-moz-transform: translateX(-55%);-ms-transform: translateX(-55%);-webkit-transform: translateX(-55%);transform: translateX(-55%);}
    .post-container.block-80 {width: 100%;}
    .single-post-holder .block-70, .single-post-holder .block-30 {width: 100%;}
	.woocommerce ul.products li.product .woocommerce-loop-category__title, 
	.woocommerce ul.products li.product .woocommerce-loop-product__title, 
	.woocommerce ul.products li.product h3 {
    	font-size: 18px;
	}
	.prod-top-row .block-50 {width: 100%;}
	.woocommerce-breadcrumb a, .woocommerce-breadcrumb {font-size: 14px;}
}
@media only screen and (max-width: 768px) {
	.s-prod-img-holder, .s-prod-info-holder {width: 100%;margin-bottom: 25px;}
/*	Influence reason: Replace position of espa banner at 1024px or lower viewports 
	by Thodoros Athineos @24/2/2023
    Replace:
	.ht-espa {top: 64vh;width: 160px;} 
	with: */
	.ht-espa {top:0;left:50%;transform:translateX(-50%);width:65%;}
	/*********************************/
    .ab-sections-globe-holder {top: 50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .ab-sections-text.block-50,
    .prodcat-text.block-50 {width: 70%;}
    .ab-sections-globe-holder.block-40,
    .prodcat-img.block-50 {width: 30%;}
    p, a, div, li, body, button, input, select, optgroup, textarea,
    .counter-text.fs-20,
    .contact-row p, .contact-row a,
    .copyright, .copyright a {font-size: 16px;line-height: 1.4;}
    .counter.fs-100 {font-size: 50px;}
    .fs-50 {font-size: 34px;}
    h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;}
    .counter-holder:before {font-size: 50px;top: -3px;}
    .contact-row, .cta-row {padding: 50px 0;}
    #burger {width: 25px;}
    .fs-112 {font-size: 50px;}
    #logo {width: 54px;}
    #site-navigation a {font-size: 28px;}
    .prodcat-text.block-50 {width: 100%;}
    .hm-row {padding: 200px 0 50px;position: relative;width: 100%;margin: 100px 0;}
    .prodcat-img.block-50 {position: absolute;top: 0;left: 0;width: 100%;text-align: center;height: 200px;}
    .prodcat-img img {left: initial;position: relative;width: auto;height: 100%;max-height: 200px;top: initial;-moz-transform: translate(0, 0%);-ms-transform: translate(0, 0%);-webkit-transform: translate(0, 0%);transform: translate(0, 0%);}
    .globe-holder {-moz-transform: translateX(-70%);-ms-transform: translateX(-70%);-webkit-transform: translateX(-70%);transform: translateX(-70%);}
    .ht-about-holder.block-50 {width: 75%;}
    .counter-row {margin: 50px 0 0;}
    .ab-sections-text h2, .fs-54 {font-size: 32px;}
    #down-arrow {width: 30px;}
    .post-holder.block-33 {width: 100%;}
    .post-holder {margin-bottom: 25px;}
    .about #globe {width: 700px;}
    .single-post-content.block-50 {width: 100%;}
    .post-nav-link__title {font-size: 16px;}
    .post-nav-link {width: max-content;}
    .post-nav-svg svg {height: 30px;}
    .fs-20 {font-size: 18px;}
    .ht-link {margin-top: 50px;padding: 0 20px 55px;}
    .contact {padding: 100px 0 0;}
    .form-row {display: inline-block;margin: 0;}
    .form-row .left-cell {width: 100%;margin-right: 0;}
    .form-row .right-cell {width: 100%;margin-left: 0;}
    .form-cell {margin-bottom: 15px;}
    .gtpr , .gtpr * {font-size: 14px; line-height: 1.2;}
    .products-container.active .products-tab {max-height: 1500px;}
	.single-post-holder .block-70, .single-post-holder .block-30 {width: 100%;}
	.woocommerce ul.products li.product .woocommerce-loop-category__title, 
	.woocommerce ul.products li.product .woocommerce-loop-product__title, 
	.woocommerce ul.products li.product h3 {
    	font-size: 24px;
	}
	.fs-66 {font-size: 28px;}
}
@media only screen and (max-width: 520px) {
	
    .counter-text.fs-20 {font-size: 14px;}
    .counter.fs-100, .fs-73 {font-size: 34px;}
    .category-header {padding: 150px 0 15px;}
    .counter-holder:before {font-size: 34px;top: 0;left: -20px;}
    .fs-112 {font-size: 40px;}
    .cat-container.block-33,
    .post-container.block-33 {width: 100%;}
	.woocommerce-breadcrumb a, .woocommerce-breadcrumb {font-size: 12px;}
}
@media only screen and (max-width: 460px) {
    .globe-holder {-moz-transform: translateX(-80%);-ms-transform: translateX(-80%);-webkit-transform: translateX(-80%);transform: translateX(-80%);}
    .ht-about-holder.block-50 {width: 85%;}
    .counter-text.fs-20 {font-size: 12px;}
    .ht-link {margin-top: 30px;font-size: 12px;line-height: 20px;}
    .fs-20 {font-size: 16px;}
    .stroked {
        -moz-text-fill-color: white;
        -webkit-text-fill-color: white;
        -moz-text-stroke-color: #fff;
        -webkit-text-stroke-color: #fff;
        -moz-text-stroke-width: 0;
        -webkit-text-stroke-width: 0;
    }
    .ls--1 {letter-spacing: 0;}
    .grid {width: 100%;}
    .single-post-holder, .category-header {padding: 150px 0 50px;}
}