
@media screen and (min-width: 992px) {
	.show-in-tablet,
	.show-on-tablet {
		display: none !important;
	}
	.why-toyota-answer.focus,
	.why-toyota-answer:hover {
		z-index: 3;
	}
	.why-toyota-answer-text:focus ~ .why-toyota-answer-floating-text,
	.why-toyota-answer:hover .why-toyota-answer-floating-text {
		-webkit-transform: translate(0, -35px);
		transform: translate(0, -35px);
		opacity: 1;
	}
	.why-toyota-answer-floating-text-inner {
		max-height: 300px;
		overflow: auto;
	}
}
@media screen and (max-width: 1720px) {
	.pick-a-size-gallery-imgs-title {
		width: 19.4vw;
		font-size: 5.81vw;
	}
}
@media screen and (max-width: 1600px) {
	.why-toyota-select {
		width: 285px;
		height: 182px;
	}
	.why-toyota-answer-icon {
		max-height: 33px;
		margin: 0 0 5px 0;
	}
	.why-toyota-answer:nth-child(1) .why-toyota-paint,
	.why-toyota-paint {
		width: 140px;
		height: 60px;
	}
	.why-toyota-paint-inner {
		width: 30px;
		height: 30px;
	}
	.why-toyota-paint-inner::after {
		width: 18px;
		height: 18px;
	}
	.why-toyota-paint::after {
		right: 29px;
	}
	.why-toyota-answer:nth-child(1) .why-toyota-answer-floating-text,
	.why-toyota-answer-floating-text {
		left: 140px;
	}
	.why-toyota-answer-floating-text-inner {
		width: 300px;
		padding-right: 16px;
		padding-left: 16px;
	}
	.why-toyota-answer:nth-child(7) .why-toyota-answer-floating-text,
	.why-toyota-answer:nth-child(2n) .why-toyota-answer-floating-text {
		left: auto;
		right: 140px;
	}
	.why-toyota-answer:nth-child(3) {
		margin: 0 0 0 5px;
	}
	.why-toyota-answer:nth-child(4) {
		margin-right: 17px;
	}
	.why-toyota-answer:nth-child(6) {
		right: 100%;
	}
}
@media screen and (max-width: 1440px) {
	.pick-a-size-gallery-imgs-item {
		gap: 50px;
	}
	.pas-gall-img {
		height: 370px;
	}
	.pas-gall-img-width {
		padding: 70px 0 0 0;
	}
	.block-form-img-wrap {
		min-height: 35vw;
	}
	.hp-parallax-content2-title {
		left: 70px;
		right: 70px;
		font-size: 4vw;
	}
}
@media screen and (max-width: 1200px) {
	.pick-a-size-gallery-imgs {
		padding: 50px 0 0 0;
	}
	.pick-a-size-gallery-imgs-title {
		width: 260px;
		font-size: 76px;
	}
	.block-form {
		padding: 50px 0;
	}
}
@media screen and (max-width: 1024px) {
	.pas-gall-img {
		height: 340px;
	}
	.pas-gall-img-width {
		padding: 60px 0 0 0;
		right: 42%;
	}
	.pas-gall-img-size-text {
		min-width: 140px;
		height: 36px;
		font-size: 22px;
	}
	.pas-gall-img-height {
		background-size: auto calc(100% - 80px);
	}
	.pas-gall-img.img1,
	.pas-gall-img.img2 {
		width: 50%;
	}
	.pick-a-size-gallery-imgs-title {
		width: 240px;
        font-size: 70px;
    }
	.why-toyota-select {
        width: 220px;
        height: 140px;
    }
	.why-toyota-answer-text {
		font-size: 16px;
	}
	.why-toyota-answer:nth-child(1) .why-toyota-paint,
	.why-toyota-paint {
        width: 110px;
        height: 40px;
    }
	.why-toyota-paint-inner {
        width: 24px;
        height: 24px;
    }
	.why-toyota-paint-inner::after {
        width: 14px;
        height: 14px;
        margin: 3px 3px 0 0;
    }
	.why-toyota-answer:nth-child(1) .why-toyota-answer-floating-text,
	.why-toyota-answer-floating-text {
        left: 110px;
    }
	.why-toyota-answer-floating-text-inner {
		width: 260px;
		font-size: 12px;
    }
	.why-toyota-answer:nth-child(7) .why-toyota-answer-floating-text,
	.why-toyota-answer:nth-child(2n) .why-toyota-answer-floating-text {
		left: auto;
		right: 110px;
	}
	.why-toyota-answer:nth-child(4) {
		margin-top: -20px;
	}
	.why-toyota-answer:nth-child(6) {
        right: 84%;
		bottom: -30px;
    }
	.why-toyota-answer:nth-child(7) {
		margin: 60px 0 0 0;
	}
}
@media screen and (max-width: 991px) {
	.hide-in-tablet,
	.hide-on-tablet {
		display: none !important;
	}
	.pick-a-size-gallery-imgs-item {
		flex-direction: column-reverse;
	}
	.gallery-ruler-items-lines {
		background-size: 47px auto;
		gap: 149px;
	}
	.pick-a-size-gallery-imgs {
        padding: 80px 20px 0 20px;
    }
	.pas-gall-img-width {
        padding: 90px 0 0 0;
        right: 40%;
    }
	.pas-gall-img {
		height: 420px;
	}
	.pas-gall-img.img1,
	.pas-gall-img.img2 {
		width: 100%;
	}
	.block-form > .container {
		flex-direction: column;
		gap: 20px;
		padding: 0;
	}
	.block-form-img-wrap {
		width: 100%;
		min-height: 50vw;
	}
	.block-form-content {
		width: 100%;
		padding: 0 20px;
	}
	.why-toyota-select-section {
		padding: 100px 0;
	}
	.why-toyota-select {
		width: 100%;
		height: auto;
		margin: 36px 0 0 0;
	}
	.why-toyota-select-logo-wrap {
		width: 284px;
		height: 182px;
		margin: 0 auto 55px;
	}
	.why-toyota-select-list {
		display: flex;
		flex-wrap: wrap;
		gap: 25px;
		justify-content: center;
		position: relative;
	}
	.why-toyota-answer {
		text-align: center;
		position: static;
		inset: auto !important;
		justify-content: center;
		align-items: flex-start;
		-webkit-transform: none !important;
		transform: none !important;
		margin: 0 !important;
	}
	.why-toyota-paint {
		display: none;
	}
	.why-toyota-answer-text {
		width: 110px;
        max-width: none;
		align-items: center;
		font-size: 18px;
    }
	.how-it-works-section {
		margin: 0;
	}
	.why-toyota-answer:nth-child(1) .why-toyota-answer-floating-text,
	.why-toyota-answer-floating-text {
		background: rgba(0, 0, 0, 0.5);
		visibility: hidden;
		position: fixed;
		inset: 100px 0 0 0 !important;
		padding: 20px 15px;
		display: flex;
		overflow: auto;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		z-index: 24;
	}
	.why-toyota-answer-floating-text-inner {
		background: var(--text-popup-bg, #F8F8F8);
		display: flex;
		width: 345px;
		max-width: 100%;
		height: 495px;
		min-height: max-content;
		max-height: 100%;
		overflow: auto;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 60px 30px;
		font-size: 16px;
		line-height: 1.6;
		border: 1px solid var(--text-popup-bd, #EAEAEC);
		border-radius: 20px;
		margin: auto;
		position: relative;
		-webkit-transform: translate(0, 30px);
		transform: translate(0, 30px);
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.why-toyota-answer-floating-text-inner::before {
		margin: 0 auto 30px;
	}
	.why-toyota-answer.active {
		z-index: 10;
	}
	.why-toyota-answer.active .why-toyota-answer-floating-text-inner {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.why-toyota-answer:nth-child(1).active .why-toyota-answer-floating-text,
	.why-toyota-answer.active .why-toyota-answer-floating-text {
		visibility: visible;
		opacity: 1;
		margin: 0;
	}
}
@media screen and (max-width: 768px) {
	.block-form .columnContainer[data-container-width="50"] {
		width: 100% !important;
	}
	.block-form .consent {
		flex-direction: row-reverse !important;
	}
	.block-form .consent .columnContainer > div,
	.block-form .marketingForm .columnContainer > div {
		margin: 0 !important;
	}
	.nav-mobile {
		background: #354151 !important;
		border-bottom: 2px #fff solid;
	}
	.nav-mobile .container-fluid .navbar-brand img {
		width: auto;
		max-height: 100%;
	}
	.why-toyota-answer:nth-child(1) .why-toyota-answer-floating-text,
	.why-toyota-answer-floating-text {
		top: 53px !important;
	}
}
@media screen and (max-width: 767px) {
	.gallery-ruler-items-lines {
		background: url(../../images/lines-mobile.svg) center 34px / 36px auto repeat-x;
		gap: 71px;
		bottom: 25px;
	}
	.gallery-ruler-item-line-title {
		font-size: 14px;
	}
	.pas-gall-img-size-text {
		min-width: 76px;
		height: 19px;
		padding: 0 8px;
		font-size: 12px;
	}
	.pas-gall-img {
		height: 190px;
	}
	.pas-gall-img.img2 .pas-gall-img-inner {
		padding: 0 0 23px 17px;
	}
	.pas-gall-img-width {
		background-image: url(../../images/width-mobile2.svg);
		right: 111px;
		padding: 44px 0 0 0;
	}
	.pas-gall-img-height {
		background: url(../../images/height-mobile2.svg) right top / auto calc(100% - 25px) no-repeat;
		right: 1px;
		top: -11px;
		bottom: 30px;
	}
	.pas-gall-img-length {
		background: url(../../images/length-mobile2.svg) center top / 100% 20px no-repeat;
		height: auto;
		right: 0;
		left: 0;
		padding: 30px 0 0 0;
	}
	.pas-title-wrap .sections-title {
		margin: 1px;
	}
	.pick-a-size-gallery-imgs-title {
        font-size: 56px;
    }
	.pick-a-size-gallery-imgs-item {
		gap: 18px;
	}
	.pas-gall-img.img1 .pas-gall-img-inner {
		padding: 0 0 42px 0;
	}
	.pas-text-wrap {
		font-size: 16px;
	}
	.pick-a-size-section {
		padding: 46px 0 7px 0;
	}
	.pick-a-size-gallery {
		margin: 4px 0 0 0;
	}
	.pick-a-size-gallery-imgs {
        padding: 84px 0 0 0;
    }
	.gallery-ruler-wrap {
		margin: 18px -20px 0;
		padding-right: 0;
		padding-left: 0;
	}
	.ruler-pointer {
		top: 80%;
	}
	.block-form-title {
		margin: 0 0 20px 0;
		font-size: 24px;
	}
	.hp-section2-parallax-logo-title {
		font-size: 18px;
		margin-top: -105px;
	}
	.hp-section2-parallax-logo::before,
	.hp-section2-parallax-logo::after {
		width: -webkit-calc(50% - 29px);
		width: calc(50% - 29px);
	}
	.hp-section2-parallax-logo-inner::before,
	.hp-section2-parallax-logo-inner::after {
		height: -webkit-calc(50% - 30px);
		height: calc(50% - 30px);
	}
	.hp-section2-parallax-logo-inner2 {
		width: 60px;
		height: 62px;
	}
	.hp-parallax-content2-btn .y-btn-inner {
		min-height: 48px;
	}
	.why-toyota-select-section {
        padding: 80px 0 0 0;
    }
	.why-toyota-select-section .section-title {
		margin: 0 0 20px 0;
	}
	.why-toyota-answer:nth-child(1) .why-toyota-answer-floating-text,
	.why-toyota-answer-floating-text {
		top: 60px !important;
	}
	.why-toyota-select-section2 {
		padding: 80px 0 0 0;
	}
	.why-toyota-select-section2-list {
		gap: 30px;
	}
	.why-toyota-select-section2-list li {
		width: -webkit-calc(50% - 15px);
		width: calc(50% - 15px);
	}
	.why-toyota-select-section2-list li:first-child {
		width: 100%;
	}
}
@media screen and (max-width: 479px) {
	.why-toyota-answer:nth-child(1) {
		width: 100%;
	}
}