/* MG: Tab and mobile styles for Dean Textiles. Tab sizes are vw from 1024, mobile sizes are vw from 390. */

/* MG: Tab and mobile */
@media (max-width:1024px){
	/* MG: Header menu */
	.mg-nav{position:static}
	.mg-nav .elementor-menu-toggle{border:1px solid var(--mg-ink);border-radius:0;background:none;color:var(--mg-ink);font:500 1.172vw/normal var(--mg-font-mono);letter-spacing:.12em;padding:0.977vw 1.367vw;margin:0}
	.mg-nav .elementor-menu-toggle svg{display:none}
	.mg-nav .elementor-menu-toggle::after{content:"MENU"}
	.mg-nav .elementor-menu-toggle.elementor-active::after{content:"CLOSE"}
	.mg-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute;top:100%;left:0;right:0;margin-top:0;background:var(--mg-ground);border-bottom:1px solid var(--mg-rule);padding:1.172vw 6.781vw 2.734vw;transition:none}
	.mg-nav .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container{padding-block:0;border-bottom:0}
	.mg-nav .elementor-nav-menu--dropdown .elementor-item{border-bottom:1px solid var(--mg-rule);line-height:1.65}
	.mg-nav .elementor-nav-menu--dropdown .mg-menu-cta{margin-top:1.953vw}
	.mg-nav .elementor-nav-menu--dropdown .elementor-nav-menu li.mg-menu-cta a.elementor-item{display:flex;gap:1.172vw;background:var(--mg-madder);color:var(--mg-ground);border:0;font:500 1.465vw/1 var(--mg-font-text);padding:1.563vw 2.344vw}
}

/* MG: Mobile */
@media (max-width:767px){
	/* MG: Header menu */
	.mg-nav .elementor-menu-toggle{font-size:3.077vw;padding:2.564vw 3.59vw}
	.mg-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{padding:3.077vw 8.051vw 7.179vw}
	.mg-nav .elementor-nav-menu--dropdown .mg-menu-cta{margin-top:5.128vw}
	.mg-nav .elementor-nav-menu--dropdown .elementor-nav-menu li.mg-menu-cta a.elementor-item{gap:3.077vw;font-size:3.846vw;padding:4.103vw 6.154vw}
}

/* MG: Footer */
@media (max-width:1024px){
	.mg-foot-copy span{font-size:0.977vw}
}
@media (max-width:767px){
	.mg-foot-copy span{font-size:2.564vw}
}

/* MG: Home and motion */
@media (max-width:1024px){
	body.admin-bar .mg-loom-stage,body.admin-bar .mg-rail-stage{top:calc(8.203vw + var(--wp-admin--admin-bar--height,0px));height:calc(100svh - 8.203vw - var(--wp-admin--admin-bar--height,0px))}
	.mg-loom-hud{font-size:1.025vw;padding:0.391vw 0.684vw}
	.mg-loom-stages > *{gap:0.781vw}
	.mg-loom-stages > *::before{width:0.586vw;height:0.586vw}
	.mg-division:hover h3{text-underline-offset:0.781vw}
	.mg-rail-track > *{flex-basis:min(24vw,calc((100svh - 39.453vw) * .75))}
	.mg-stitch-rail{left:calc(3vw - 1px)}
}
@media (max-width:767px){
	body.admin-bar .mg-loom-stage{top:calc(21.538vw + var(--wp-admin--admin-bar--height,0px));height:calc(100svh - 21.538vw - var(--wp-admin--admin-bar--height,0px))}
	body.admin-bar .mg-rail-stage{top:auto;height:auto}
	.mg-loom-hud{font-size:2.692vw;padding:1.026vw 1.795vw}
	.mg-loom-hud-tl,.mg-loom-hud-bl{display:none}
	.mg-loom-stages > *{gap:2.051vw}
	.mg-loom-stages > *::before{width:1.538vw;height:1.538vw}
	.mg-rail-track{scroll-snap-type:x mandatory}
	.mg-rail-track > *{flex-basis:min(72vw,87.179vw);scroll-snap-align:start}
	.mg-rail.mg-native .mg-rail-stage{padding-block:18.462vw;gap:10.821vw}
	.mg-rail.mg-native .mg-rail-track{padding-bottom:3.077vw}
	.mg-stitch-rail{display:none}
}

/* MG: Tarrit image unbuttons */
@media (max-width:1024px){
	.mg-placket i{width:1.563vw;height:1.563vw}
	.mg-placket i::after{inset:0.293vw}
}
@media (max-width:767px){
	.mg-placket i{width:4.103vw;height:4.103vw}
	.mg-placket i::after{inset:0.769vw}
}

/* MG: Wovens page parts */
@media (max-width:1024px){
	.mg-anatomy-art svg{max-width:50.781vw}
	.mg-table table{min-width:62.5vw;font-size:1.514vw}
	.mg-table table th{font-size:1.074vw;padding:0 1.953vw 1.563vw 0}
	.mg-table table td{padding:1.953vw 1.953vw 1.953vw 0}
	.mg-focus-tag{left:0.977vw;top:0.977vw;font-size:0.977vw;padding:0.391vw 0.684vw}
	.mg-spec-tag > * + *::before{margin-right:0.977vw}
}
@media (max-width:767px){
	.mg-anatomy-art svg{max-width:100%}
	.mg-table table{min-width:164.103vw;font-size:3.974vw}
	.mg-table table th{font-size:2.821vw;padding:0 5.128vw 4.103vw 0}
	.mg-table table td{padding:5.128vw 5.128vw 5.128vw 0}
	.mg-focus-tag{left:2.564vw;top:2.564vw;font-size:2.564vw;padding:1.026vw 1.795vw}
	.mg-spec-tag > * + *::before{margin-right:2.564vw}
}

/* MG: Process timeline and questions */
@media (max-width:1024px){
	.mg-steps::before,.mg-steps::after{left:1.855vw;top:2.93vw}
	.mg-steps::before{bottom:2.93vw}
	.mg-steps::after{height:calc((100% - 5.859vw) * var(--mg-spf,1))}
	.mg-proc-hud{right:6vw;bottom:2.344vw;gap:1.367vw;font-size:1.074vw;padding:1.074vw 1.563vw}
	.mg-faq-q::after{font-size:1.563vw}
}
@media (max-width:767px){
	.mg-steps::before,.mg-steps::after{left:4.872vw;top:7.692vw}
	.mg-steps::before{bottom:7.692vw}
	.mg-steps::after{height:calc((100% - 15.385vw) * var(--mg-spf,1))}
	.mg-proc-hud{right:4.103vw;bottom:6.154vw;gap:3.59vw;font-size:2.821vw;padding:2.821vw 4.103vw}
	.mg-faq-q::after{font-size:4.103vw}
}

/* MG: Filters, product page, glossary, article text */
@media (max-width:1024px){
	.mg-tab{font-size:1.465vw;padding:0.391vw 0}
	.mg-tab-count{font-size:1.074vw;margin-left:0.586vw}
	.mg-fits span{padding:0.684vw 1.367vw;font-size:1.367vw}
	body.admin-bar .mg-pd-info,body.admin-bar .mg-toc{top:calc(11.719vw + var(--wp-admin--admin-bar--height,0px))}
	.mg-gl-label,.mg-toc-label,.mg-sources-label{font-size:1.123vw}
	input.mg-gl-input{max-width:50.781vw;font-size:1.758vw;padding:1.563vw 0}
	.elementor .mg-glossary{margin-bottom:1.758vw}
	.mg-toc-label{margin-bottom:0.781vw}
	.mg-prose h2{font-size:2.734vw}
	html{scroll-padding-top:calc(10.742vw + var(--wp-admin--admin-bar--height,0px))}
	.mg-prose h2 .mg-i{font-size:1.172vw;margin-right:1.367vw}
	.mg-prose .mg-pull{font-size:3.2vw}
	.mg-prose ul{gap:0.977vw}
	.mg-prose .mg-lede{font-size:1.758vw}
	.mg-sources{padding-top:2.344vw;font-size:1.416vw}
	.mg-sources ol{gap:0.781vw;margin-top:1.172vw}
}
@media (max-width:767px){
	.mg-tab{font-size:3.846vw;padding:1.026vw 0}
	.mg-tab-count{font-size:2.821vw;margin-left:1.538vw}
	.mg-fits span{padding:1.795vw 3.59vw;font-size:3.59vw}
	body.admin-bar .mg-pd-info,body.admin-bar .mg-toc{top:auto}
	.mg-gl-label,.mg-toc-label,.mg-sources-label{font-size:2.949vw}
	input.mg-gl-input{max-width:100%;font-size:4.615vw;padding:4.103vw 0}
	.elementor .mg-glossary{margin-bottom:4.359vw}
	.mg-toc-label{margin-bottom:2.051vw}
	.mg-prose h2{font-size:7.179vw}
	html{scroll-padding-top:calc(28.205vw + var(--wp-admin--admin-bar--height,0px))}
	.mg-prose h2 .mg-i{font-size:3.077vw;margin-right:3.59vw}
	.mg-prose .mg-pull{font-size:7.692vw}
	.mg-prose ul{gap:2.564vw}
	.mg-prose .mg-lede{font-size:4.615vw}
	.mg-sources{padding-top:6.154vw;font-size:3.718vw}
	.mg-sources ol{gap:2.051vw;margin-top:3.077vw}
}

/* MG: Start a project form */
@media (max-width:1024px){
	.mg-rfq-form .e-form__step{gap:2.734vw}
	.mg-rfq-form .elementor-form .e-form__step > .elementor-field-group{gap:0.977vw}
	.mg-rfq-form .mg-legend{font-size:3.2vw;margin-bottom:-1.563vw}
	.mg-rfq-form .elementor-field-group > .elementor-field-label{font-size:1.514vw}
	.mg-rfq-form .elementor-field-group .elementor-field-textual{font-size:1.66vw;padding:1.367vw 0}
	.mg-rfq-form .elementor-field-group .elementor-select-wrapper select{padding-right:0.781vw}
	.mg-rfq-form .elementor-field-group .elementor-upload-field{font-size:1.302vw;padding:0}
	.mg-rfq-form .elementor-field-subgroup{gap:0.781vw}
	.mg-rfq-form .elementor-field-subgroup .elementor-field-option label{padding:0.977vw 1.563vw;font-size:1.465vw}
	.mg-rfq-form .e-form__step > .e-form__buttons{gap:1.172vw;margin-top:-0.391vw}
	.mg-rfq-form .elementor-form .elementor-button{font-size:1.465vw;padding:1.563vw 2.344vw;gap:1.172vw}
	.mg-rfq-form .elementor-message{font-size:1.514vw;margin-top:1.563vw}
	.mg-review{grid-template-columns:17.578vw 1fr;font-size:1.514vw}
	.mg-review dt,.mg-review dd{padding:1.367vw 0}
	.mg-review dt{font-size:1.074vw;padding-top:1.66vw}
	.mg-rfq-form .mg-field-msg{font-size:1.367vw}
	.mg-rfq-form .mg-errsum{padding:0.781vw 0 0.781vw 1.758vw;font-size:1.514vw}
	.mg-rfq-form .mg-errsum ul{margin:0.781vw 0 0;padding:0 0 0 1.758vw}
}
@media (max-width:767px){
	.mg-rfq-form .e-form__step{gap:7.179vw}
	.mg-rfq-form .elementor-form .e-form__step > .elementor-field-group{gap:2.564vw}
	.mg-rfq-form .mg-legend{font-size:8.205vw;margin-bottom:-4.103vw}
	.mg-rfq-form .elementor-field-group > .elementor-field-label{font-size:3.974vw}
	.mg-rfq-form .elementor-field-group .elementor-field-textual{font-size:4.359vw;padding:3.59vw 0}
	.mg-rfq-form .elementor-field-group .elementor-select-wrapper select{padding-right:2.051vw}
	.mg-rfq-form .elementor-field-group .elementor-upload-field{font-size:3.419vw;padding:0}
	.mg-rfq-form .elementor-field-subgroup{gap:2.051vw}
	.mg-rfq-form .elementor-field-subgroup .elementor-field-option label{padding:2.564vw 4.103vw;font-size:3.846vw}
	.mg-rfq-form .e-form__step > .e-form__buttons{gap:3.077vw;margin-top:-1.026vw}
	.mg-rfq-form .elementor-form .elementor-button{font-size:3.846vw;padding:4.103vw 6.154vw;gap:3.077vw}
	.mg-rfq-form .elementor-message{font-size:3.974vw;margin-top:4.103vw}
	.mg-review{grid-template-columns:46.154vw 1fr;font-size:3.974vw}
	.mg-review dt,.mg-review dd{padding:3.59vw 0}
	.mg-review dt{font-size:2.821vw;padding-top:4.359vw}
	.mg-rfq-form .mg-field-msg{font-size:3.59vw}
	.mg-rfq-form .mg-errsum{padding:2.051vw 0 2.051vw 4.615vw;font-size:3.974vw}
	.mg-rfq-form .mg-errsum ul{margin:2.051vw 0 0;padding:0 0 0 4.615vw}
	.mg-rfq-form .e-form__step{grid-template-columns:1fr}
	.mg-review{grid-template-columns:1fr}
	.mg-review dd{border-top:0;padding-top:0}
}

/* MG: Product gallery */
@media (max-width:1024px){
	.mg-gallery{gap:1.4vw}
}
@media (max-width:767px){
	.mg-gallery{gap:3.077vw}
}

/* MG: Tarrit logo label */
@media (max-width:1024px){
	.mg-t-logo::after{inset:0.586vw}
}
@media (max-width:767px){
	.mg-t-logo::after{inset:1.538vw}
}
