img { max-width: 100%;}
section { position: relative;}
.font-weight-400 { font-weight: 400;}
.font-weight-700 { font-weight: 700;}
.text-danger{color: #e83d52 !important}
.text-light { color: #767676 !important; font-size: 0.8em;}
.d-flex { flex-wrap: wrap; }
.row-reverse { flex-direction: row-reverse;}
.hl>*{font-weight:400;}
strong .hl>*{font-weight:700;}

.vid-wrp .d-flex { margin-top:25px}
.btn-blog-link{padding: 14px;border: 2px solid #222;border-radius: 30px;font-weight: 700;margin: 0; text-align: center;}

.title-wrap p {font-size: 1.5em; font-weight: 700; margin-bottom: 20px;}
.cont-1 .display-1 { font-weight: 400;}
/* .cont-15 .img-wrap span { font-size: 0.88em; margin-top:20px; } */


@media (min-width: 768px) {
    /* .story-page [class^=cont-]{padding-top: 80px;padding-bottom: 80px} */
	.row>* { padding-left: 8px; padding-right: 8px}
	.img-wrap img.animate__animated+img.animate__animated { margin-top:5%}
	.btn-blog-link{width: 200px; }

	.cont-1::before{content:"";position:absolute;left:0%;bottom:2%;width:100%;height:43%;background:#f5f2ed;}
	.cont-3 { padding-bottom: 0 !important;}
	.cont-3 .col-md-6 { margin-left: 9rem; }
	.cont-3 .txt-wrap { margin-top:0 }
	.cont-3::before{content:"";position:absolute;left:0%;bottom:-106%;width:32%;height:200%;background:#f5f2ed;}
	.cont-4, .cont-5, .cont-6 { padding:0 !important}
	.cont-4 { padding-top:60px !important}
	.cont-5 { margin-top:-4%}
	.cont-6 { margin-top:-6%}
	.cont-7 .col-md-4 { flex:0 0 28.444444%; max-width:28.444444%; margin-right:5%}
	.cont-7 .col-md-7 { margin-top:9em}
	.cont-8 .col-md-7 { flex:0 0 56.333333%; max-width:56.333333%;}
	.cont-8 .col-md-4 { flex:0 0 29.666666%; max-width:29.666666%; margin-top:11em; margin-left:5%}
	.cont-9, .cont-12 { padding: 0 !important;}
	.cont-10 img { margin-top: 7.7em;}
	.cont-11 .text-light-wrap { margin:9.6em 0 8.1em}
	.cont-13 img { margin-top: 6.1em}

	.text-review {margin: 15% 0;font-size: 14px;line-height: 1.6}
	.bottom-product{background: #f5f2ed;padding: 35px 20px 0;}
	.bottom-product .cntr{position: relative;text-align: center}
	.bottom-product .link{position: absolute;z-index: 10;top: -44%;left: -5px}
	.bottom-product .txt-area{font-size: 26px;font-weight: 700;}
	.bottom-product .display-1{line-height: 1.2;font-size: 50px;margin-bottom:10px;}
	.bottom-product .btn-blog-link{display: inline-block;font-size: 16px;width: 195px;margin-top: 35px} 

}

@media (min-width: 1200px) {
	.story-page { font-size: 16px;}

}

@media (max-width: 767.98px) {
	.cntr { padding-left: 0; padding-right: 0;}
	.img-wrap img.animate__animated+img.animate__animated { margin-top:5%}
	/* img.animate__animated+img.animate__animated { margin-top:5%} */
	.txt-wrap { padding-left: 16px; padding-right: 16px;}
	.vid-wrp .d-flex{padding:0 16px;margin-top: 4%; align-items: center;}
	.vid-wrp p{font-size: 0.8rem;font-weight: 400}
	.vid-wrp .btn-blog-link{margin: 0;padding: 7px 9px;border-radius: 5px;border-color: #ccc;font-size: 0.8rem; font-weight: 400;}
	.text-light {  font-size: 0.92em;}

	.cont-1 .display-1 { font-size: 2.2em; line-height: 1.5;}
	.cont-1 .display-1 span { letter-spacing: -2px;}
	.cont-1 .title-wrap { padding-left: 16px; padding-right: 16px;}
	.title-wrap p {font-size: 1.14em; margin-bottom: 10px;}
	
	.cont-1 .col-md-4 .txt-wrap { margin-top:0; margin-bottom: 40px;}
	.cont-2 { padding-bottom:5% !important}
	.cont-2 .col-md-6:last-of-type { margin-top:5%}
	.cont-5 img.animate__animated+img.animate__animated { margin-top:5%}
	.cont-7 .col-md-7 { margin-top:5%}
	.cont-8 img.animate__animated+img.animate__animated { margin-top:5%}
	.cont-10 .cntr>.txt-wrap { margin-top:0}
	.cont-11 .text-light { display: inline-block; margin-bottom:20px}
	.cont-13 .txt-wrap { margin-top:0}



	section:last-of-type { padding-bottom: 0 !important;}
	.text-review{font-size:14px;font-weight:400;text-align:left;line-height:24px;padding:0 16px; margin-top:35%}
	.bottom-product .btn-blog-link { display: block; padding:15px 0 18px; margin:8% 16px; border-radius: 12px; border:1px solid #999; text-align: center;font-weight: 400; }

}