/*-------- X-SMALL – SMALL - MEDIUM [Slide Images For Mobile] --------*/
@media screen and (max-width:991px) and (orientation : portrait){

}	
	
/*-------- X-SMALL – SMALL - MEDIUM --------*/
@media screen and (max-width:991px){
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:11px;}
p{font-size:20px; line-height:1.2;}
	

header ul.menu li.item a:after{margin-left:7px; margin-top:7px;}
header ul.menu li.item:nth-child(2) {padding-right: 21px;}
header ul.menu li.item:nth-child(3) {padding-left: 0px;}
header ul.menu li.item.last .labelItemsInCart{display:none;}
header ul.submenu{border:none; height:100svh; padding-left:6px; padding-right:6px;}
header ul.submenu{width:100%; margin-left:0px; left:0px;}
header ul.submenu.cart li.cart ul {width:100%; margin-left:0px;}
header ul.submenu.cart li.mainCartButton button{bottom:200px; height:37px; left:10px; width:calc(100% - 20px); padding-left:6px;}

#mini-cart-totals {height: fit-content; position: absolute; bottom: 250px; width: calc(100% - 12px);}
	
	
#page li.cart ul {width:100%; margin-left:0px;}
#page li.mainCartButton button{bottom:200px; height:37px; left:10px; width:calc(100% - 20px); padding-left:6px;}
#page #mini-cart-totals {height: fit-content; position: absolute; bottom: 115px; width: calc(100% - 12px);}
	
#closeMenuButton{display:none; opacity:0; transition:var(--main-transition);}
#closeMenuButton.visible {display: block !important;}
#closeMenuButton.visible.start {opacity:1;}
#closeMenuButton .row div{text-align:center;}
#closeMenuButton.container{position:fixed; bottom:130px; left:0px; padding-top:6px; height: 35px; z-index:9999999999;}
#closeMenuButton.container a{border-bottom:var(--border);text-transform:uppercase; letter-spacing:0.75px; font-size:10px;}

.intro .intro-frame{top:calc(50% - 40px); max-width:100vw; max-height:100vh;}
#highlightedStory{top:calc(100vh + 35px); height:calc(100vh - 35px);}
#highlightedStory img{height:100%; object-fit:cover;}
#highlightedStory .title.row{top:calc(50% - 100px); margin-left:0px;}
#highlightedStory .title.row h1{font-size:30px; letter-spacing:15px; line-height:1.4; text-align:center}
#highlightedStory .phrase.row{top:230px;}
#shoppingIntro .title.row{top:calc(50% - 150px); margin-left:7.5px;}
#shoppingIntro .title.row h1 {font-size:20px; letter-spacing:15px; line-height:1.4; text-align:center}
#shoppingIntro .image.row{width: calc((100vw / 12) * 9);}

	
	
div.shopNow .row div{text-align:center;}
div.shopNow.container{top:unset; bottom:115px; padding-top:6px; background:rgba(246, 242, 237, 0.1); backdrop-filter: blur(7px) brightness(1) url(#displace); -webkit-backdrop-filter: blur(7px); height: 35px; z-index:9999999999;}
div.shopNow.container.productSheet{bottom:0px;}
div.shopNow.container a{border-bottom:var(--border);}
	
#backToTop{display:none; opacity:0; transition:var(--main-transition);}
#backToTop.visible {display: block !important;}
#backToTop.visible.start {opacity:1;}
#backToTop .row div{text-align:center;}
#backToTop.container{position:absolute; bottom:115px; padding-top:2px; background:rgba(246, 242, 237, 0.1); backdrop-filter: blur(7px) brightness(1) url(#displace); -webkit-backdrop-filter: blur(7px); height: 35px; z-index:9999999999;}
#backToTop.container a{border-bottom:var(--border);text-transform:uppercase; letter-spacing:0.75px; font-size:10px;}
	
newsletter{bottom:80px; background:rgba(246, 242, 237, 0.1); backdrop-filter: blur(7px) brightness(1) url(#displace); -webkit-backdrop-filter: blur(7px); height: 35px; padding-top:0px; z-index: 99999999991;}
.homepage newsletter{height: 47px; padding-top:12px;}
newsletter input{height:35px; text-align:center; padding-left:0px; backdrop-filter:none; -webkit-backdrop-filter: none; padding-top:2px;}
newsletter button.tnp-submit{right:30px; width:20px; margin-top:17.5px;}
newsletter button.tnp-submit::after, newsletter button.tnp-submit::before{margin-left:8px;}
#newsletter-modal.active.visible{top:50% !important; opacity:1;}

	
footer{height:80px; padding-top:20px; background:rgba(246, 242, 237, 0.1); backdrop-filter: blur(7px) brightness(1) url(#displace); -webkit-backdrop-filter: blur(7px); z-index:9999999999;}
footer bottom.menu.item, footer ul.menu li.item.first, footer ul.menu li.item.last {text-align:center;}
footer bottom.menu.item li.item{line-height:0.8;}
footer ul.menu li.item:nth-child(odd) a:after{margin-left:7px; margin-top:7px;}
footer ul.menu li.item:nth-child(even) a:before{margin-left:-15px; margin-top:7px; content:""; position:absolute; width:5px; height:5px; border-radius:5px; background-color:var(--main-black-color); opacity:0; transition:var(--main-transition);}
footer ul.menu li.item:nth-child(odd) a.active.start:after, footer ul.menu li.item:nth-child(even) a.active.start:before{opacity:1;}
	
.products.single footer{display:none;}
	
#sizeChart{max-width: calc(100vw - 24px); top:30px; left:12px; height: fit-content; opacity:1; transition:var(--main-transition); pointer-events:none; transform:none; z-index:999999999999999999;}
#sizeChart.active.start {opacity:1; pointer-events:auto;} 

index, index.grid-one, index.grid-two{top:calc(50% + 10px); transform:translate(0,-50%); left:5px;}
index.grid-one {display:block !important;}
index.grid-two {display:none !important;}
main.mainContainer.is-fixed{position:fixed;}
main.mainContainer.sizeChartActive{position:fixed; top:-18px;}
.mainContainer.visible.start{margin-top:56px;}
.mainContainer .grid.grid-one{display:block;}
.mainContainer .grid.grid-two{display:none;}
.mainContainer .grid .products .product .thumbnail img.fullObject{mix-blend-mode:darken; opacity:1;}
.mainContainer .grid .products .product .thumbnail img.fullObject.toSwap{display:none;}
.mainContainer .grid.product.page.title{top:-100px; margin-top:18px;}
.mainContainer .grid.product.page.title .row p.caption, .mainContainer .grid.product.page.title .row p.price{text-align:center; line-height:1.1}
.mainContainer .grid.product.page.stage{top:-600px; margin-top:10px; overflow:hidden;}
.mainContainer .grid.product.page.stage .row{margin-top:0px;}
.mainContainer .grid.product.page.stage .row div{height:calc(100vh - 0px); margin-top:0px;}
.mainContainer .grid.product.page.stage .row img{height:calc(100vh - 420px);}
.mainContainer .grid.product.page.specs.container{top:unset; margin-top:-460px;}
.mainContainer .grid.product.page .row.specs .size-select,.mainContainer .grid.product.page .row.specs .addTo.cart{width:100%; height:35px;}
.mainContainer .grid.product.page .row.specs .addTocart.area {min-height:35px;}
.mainContainer .grid.product.page .row.specs .moreInfo{bottom:117px; right:6px}
.mainContainer .grid.product.page .row.specs .moreInfo.sizeChartActive{pointer-events:none;}
.mainContainer .grid.product.page .row.specs{margin-bottom:40px;}
.mainContainer .grid.product.page.specs.container.active-specs {margin-top:calc(-100vh + 105px);}
.mainContainer .grid.product.page .row.specs p.sizeInfo{height:12px;}
.mainContainer .grid.product.page .row .sinopsis{margin-bottom:30px;}
.mainContainer .grid.product.page .row .sinopsis:last-of-type{margin-bottom:50px;}
.mainContainer .grid.product.page .row .sinopsis:first-child{border-right:none;}
.mainContainer .grid.product.page .row .sinopsis p .itemTitle{display:block; width:fit-content;}
.mainContainer .grid .story{margin-bottom:160px;}
.mainContainer .grid .story.title{margin-top: -20px;}
.mainContainer .grid .story.title h3{line-height:1.1; }
.mainContainer .grid .story.sinopsis .item.thumbnail img{border:none; margin-top:20px;}
.mainContainer .grid .story.sinopsis {top:-180px; margin-bottom:120px;}
.mainContainer .grid .story.sinopsis .item.paragraph p:not(:first-of-type){margin-top:10px;}
.mainContainer .grid .story.sinopsis .item.paragraph{column-count:1;}
.mainContainer .grid .about{margin-bottom:160px;}
.mainContainer .grid .aboutIntro .item h2.mainTitle{font-size:21px; letter-spacing:15px; padding-left:15px;}
.mainContainer .grid .aboutIntro .item h3.descriptionTitle{font-size:12px; hyphens: none; text-align:center;}
.mainContainer .grid .aboutIntro .item h3.summaryTitle{font-size:21px;}
.mainContainer .grid .aboutShoeDissecation.map{transition:none}
.mainContainer .grid .aboutShoeDissecation.icons .caption{display:block;}
.mainContainer .grid .aboutShoeDissecation.icons .caption.topQuadrant.leftQuadrant:before, 
.mainContainer .grid .aboutShoeDissecation.icons .caption.topQuadrant.rightQuadrant:before, 
.mainContainer .grid .aboutShoeDissecation.icons .caption.nearTopQuadrant.leftQuadrant:before, 
.mainContainer .grid .aboutShoeDissecation.icons .caption.nearTopQuadrant.rightQuadrant:before, 
.mainContainer .grid .aboutShoeDissecation.icons .caption.bottomQuadrant.rightQuadrant:before, 
.mainContainer .grid .aboutShoeDissecation.icons .caption.bottomQuadrant.leftQuadrant:before {content:"+";}
.mainContainer .grid .story.sinopsis .item.thumbnail img{border:0px;}
.mainContainer .grid .about .item p{text-align:center; text-indent:0%;}
.mainContainer .grid .aboutShoeDissecation.map{top:50svh; transform:translateY(-50%); margin-top: 100px; margin-bottom:80svh; mix-blend-mode:normal; aspect-ratio: 3/2;}
.mainContainer .grid .aboutShoeDissecation.map .shoe{aspect-ratio: 3/2;}
.mainContainer .grid .aboutShoeDissecation.map .shoe .background{display:block; width:clac(100vw - 24px);}
.mainContainer .grid .aboutShoeDissecation.map .shoe img{mix-blend-mode:multiply; transform:translate(0%, -100%); aspect-ratio:3/2; object-fit:contain; width:clac(100vw - 24px);}
.mainContainer .grid .aboutShoeDissecation.icons {transform: translate(-35px, -100px);}
.mainContainer .grid .aboutShoeDissecation.icons .icon{width:70px; height:70px; border-radius:70px;}
.mainContainer .grid .aboutShoeDissecation.icons .caption{width:10px; font-size:20px; text-wrap:nowrap; overflow:hidden;}
.mainContainer .grid .aboutShoeDissecation.icons .caption.topQuadrant.leftQuadrant{transform: translate(-100%, -25px);}
.mainContainer .grid .aboutShoeDissecation.icons .caption.topQuadrant.rightQuadrant{transform: translate(100%, -25px); float:right;}
.mainContainer .grid .aboutShoeDissecation.icons .caption.nearTopQuadrant.leftQuadrant{transform: translate(-100%, -25px);}
.mainContainer .grid .aboutShoeDissecation.icons .caption.nearTopQuadrant.rightQuadrant{transform: translate(100%, -25px); float:right;}
.mainContainer .grid .aboutShoeDissecation.icons .caption.bottomQuadrant.rightQuadrant{transform: translate(100%, 65px);float:right;}
.mainContainer .grid .aboutShoeDissecation.icons .caption.bottomQuadrant.leftQuadrant{transform: translate(-100%, 65px);}

#cork, #naturalRubber, #leather{display:none; opacity:0; width:95vw; left:2.5vw !important; position:absolute; top:30px; transition:all 0.5s ease-in-out; z-index:9; padding-bottom:100px; min-height:130svh; pointer-events:auto;}
#cork.active.visibility, #naturalRubber.active.visibility, #leather.active.visibility{left:2.5vw !important;}
.closeSpecButton{display:block !important; opacity:1; transition:var(--main-transition); margin-top:20px;}
.closeSpecButton .row div{text-align:center;}
.closeSpecButton.container a{border-bottom:var(--border); text-transform:uppercase; letter-spacing:0.75px; font-size:10px;}	
.mainContainer .grid .about.end{margin-top:50vh}
	
.mainContainer .grid .newsletter{margin-left: calc(-.5 * var(--bs-gutter-x)); margin-bottom:150px;}
.mainContainer .grid .newsletter.active{margin-top:50px;}

.mainContainer .grid .newsletter .item:nth-child(odd){border-right:none;}
.mainContainer .grid .newsletter .item:not(:first-child){margin-top:30px; border-top: var(--border); padding-top:30px;}
.mainContainer .grid .newsletter .item *{text-align:center !important;}
.mainContainer .grid .newsletter .item h1{font-size:34px; line-height:0.9; margin-bottom:20px;}
.mainContainer .grid .newsletter .item.imageRelevant h1{font-size:50px; margin-top:5px;}
.mainContainer .grid .newsletter .item p{font-size:16px; line-height:1.2; text-wrap: balance; margin-bottom:20px;}
.mainContainer .grid .newsletter .item h5.externalwebsite{font-size:18px;}
	
.mainContainer .grid .newsletterArticle{margin-bottom:150px; justify-content:center !important; -webkit-justify-content: center !important;}
.mainContainer .grid .newsletterArticle .articleHeader .issueNumber{text-align:center;}
.mainContainer .grid .newsletterArticle .articleHeader .sinopsis{font-size:17px;}
.mainContainer .grid .newsletterArticle .articleBody{margin-top:60px;}
.mainContainer .grid .newsletterArticle .articleBody.normalText{border-left:none;}
.mainContainer .grid .newsletterArticle .articleBody p{font-size:17px; line-height:1.2; text-wrap: balance; margin-bottom:10px;}
.mainContainer .grid .newsletterArticle .articleBody p.paragraph:not(:first-of-type) {margin-top: 15px;}
.mainContainer .grid .newsletterArticle .articleBody h5.credits{margin-bottom:0px}
.mainContainer .grid .newsletterArticle .articleBody iframe{width:calc(100vw - 24px) !important; height:calc(56.25vw - 24px);}
.mainContainer .grid .newsletterArticle .articleBody.image img{max-height:none; width:100%;}


.mainContainer .grid .contact{width:100%;}
.mainContainer .grid .contact h1, .mainContainer .grid .contact h1 a{font-size:21px; letter-spacing:2px;}
.mainContainer .grid .contact .bottom{bottom:320px;}
.mainContainer .grid .terms.active, .mainContainer .grid .privacy.active, .mainContainer .grid .shipping.active, .mainContainer .grid .usefulInfo.active{margin-top:60px;}
.mainContainer .grid .terms .item p .itemTitle, .mainContainer .grid .privacy .item p .itemTitle, .mainContainer .grid .shipping .item p .itemTitle, .mainContainer .grid .usefulInfo .item p .itemTitle{display:block; width:fit-content;}
.mainContainer .grid .usefulInfo .item p .itemTitle{margin-top:20px;}
.mainContainer .grid .terms .item p .itemTitle:not(:first-of-type), .mainContainer .grid .privacy .item p .itemTitle:not(:first-of-type), .mainContainer .grid .shipping .item p .itemTitle:not(:first-of-type){margin-top:20px;}
.mainContainer .grid .shipping .item:first-child{border-right:none;}
.mainContainer .grid .terms .item p .itemTitle:not(:first-of-type), .mainContainer .grid .privacy .item p .itemTitle:not(:first-of-type), .mainContainer .grid .shipping .item p .itemTitle:not(:first-of-type){margin-top:20px;}
.mainContainer .grid .shipping .item:first-child{border-right:none;}
	
}


/*-------- SMALL --------*/
@media screen and (max-width:767px){

h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:12px;}
p{font-size:20px;}
	
}


/*-------- MEDIUM --------*/
@media screen and (min-width:768px) and (max-width:991px){
	
h1{font-size:38px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5{font-size:12px;}
p{font-size:16px;}
p.small, .small p{font-size:13px; line-height:1.2;}
	
}



/*-------- LARGE --------*/
@media screen and (min-width:992px) and (max-width:1199px){
		
h1{font-size:43px;}
h2{font-size:28px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5{font-size:13px;}
p{font-size:20px;}

}



/*-------- X-LARGE --------*/
@media screen and (min-width:1200px) and (max-width:1399px){
h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:11px;}
p{font-size:20px;}

}



/*-------- XXX-LARGE --------*/
@media screen and (min-width:1920px){

}




/*-------- LANDSCAPE--------*/
@media screen and (max-width:991px) and (orientation : landscape){
    
    
}