/*===============================
		UNIVERSAL CSS	
================================= */



a:hover {
	text-decoration: none
}

.pr {
	position: relative;
	z-index: 1
}

.image-overlay:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.2;
}
/*========================================
		Margins, Paddings and borders
======================================== */

.pl-30 {
	padding-left: 30px
}

.pl-70 {
	padding-left: 70px
}

.px-30 {
	padding-left: 30px;
	padding-right: 30px
}

.px-80 {
	padding-left: 80px;
	padding-right: 80px
}

.px-180 {
	padding-left: 180px;
	padding-right: 180px
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.py-90 {
	padding-top: 90px;
	padding-bottom: 90px
}

.py-130 {
	padding-top: 130px;
	padding-bottom: 130px
}

.py-60 {
	padding-top: 60px;
	padding-bottom: 60px
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px
}

.py-90 {
	padding-top: 90px;
	padding-bottom: 90px
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.pt-30 {
	padding-top: 30px
}

.pt-60 {
	padding-top: 60px
}

.pt-80 {
	padding-top: 80px
}

.pt-100 {
	padding-top: 100px
}

.pt-120 {
	padding-top: 120px
}

.pt-200 {
	padding-top: 200px;
}

.pb-100 {
	padding-bottom: 100px
}

.pb-130 {
	padding-bottom: 130px
}

.pb-150 {
	padding-bottom: 150px
}

.pb-200 {
	padding-bottom: 200px !important;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-120 {
	padding-bottom: 120px;
}

.mt-100 {
	margin-top: 100px
}

.section-space {
	padding: 100px 0px;
}

.pad0 {
	padding: 0px !important
}

.pb0 {
	padding-bottom: 0px !important
}

.mar0 {
	margin: 0px
}

.mb0 {
	margin-bottom: 0px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-100 {
	margin-bottom: 100px
}

#page-container {
	overflow: hidden
}

body {
	color: #000;
}

.overflow--hidden {
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6, a, span, li, td, input {
	font-family: "Play", sans-serif;
}

p {
	font-family: "Titillium Web", sans-serif;
}

.container {
	max-width: 1250px
}

.custom-container {
	max-width: 1140px
}

.max-width-600 {
	max-width: 600px;
}

.max-width-450 {
	max-width: 450px;
}

.max-width-650 {
	max-width: 650px;
}

.max-width-500 {
	max-width: 500px;
}

.max-width-1000 {
	max-width: 1000px;
}

.border--bottom {
	border-bottom: 1px solid #202020 !important;
	border: none
}


.fw-400 {
	font-weight: 400 !important
}

.fw-500 {
	font-weight: 500 !important
}

.fw-600 {
	font-weight: 600 !important
}

.site-wide-margin {
	max-width: 1400px;
	margin: 0 auto
}

.font-weight-bold {
	font-weight: 700 !important
}

.bg-light {
	background: #f8f8f8
}


/*===============================
		Flex and Positions
================================= */

.flex-center {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.justify-center {
	justify-content: center
}

.flex-inherit {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap
}

.position-center {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10
}

.flex-nowrap {
	flex-wrap: nowrap !important
}

.flex-center-nowrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex1 {
	flex: 1
}

.flex--justify {
	justify-content: space-between
}

.flex-end {
	align-items: flex-end
}


/*==============================
		Navigations
================================ */
.navbar-toggler {
	border: none
}

.hamburger {
	color: #282728 !important;
	font-size: 30px;
}

	.hamburger:focus {
		outline: none !important
	}

	.hamburger:active {
		outline: none !important;
		border: 0 !important
	}

.navbar-toggler:focus {
	box-shadow: none !important
}

header {
	padding-top: 40px;
	padding-bottom: 30px;
}

.navbar-brand img {
	max-width: 200px;
	margin-bottom: -80px;
	z-index: 2;
	position: relative;
}

header .menu--listing {
	justify-content: flex-end;
}

	header .menu--listing li {
		padding-right: 35px !important;
	}

		header .menu--listing li ul li {
			padding-right: 0px !important;
		}

			header .menu--listing li ul li a {
				padding: 0px 10px !important;
			}

		header .menu--listing li:last-child {
			padding-right: 0px !important;
		}

		header .menu--listing li a {
			font-size: 18px !important;
			font-weight: 500;
			color: #202020 !important;
			position: relative;
			display: inline-block;
			padding: 0 !important;
			transition: .4s ease;
			cursor: pointer
		}

			header .menu--listing li a:hover {
				color: #86632d !important
			}

		header .menu--listing li.active a {
			color: #86632d !important
		}



/*==============================
	Backgrounds and Colors
================================ */






/*=============================== 
	Text and Headings and Tables
================================*/

.head-xl {
	font-size: 54px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0px;
}

.head-lg {
	font-size: 48px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0px;
}

.head-md {
	font-size: 42px;
	font-weight: 500;
	line-height: 1
}

.head-sm {
	font-size: 36px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0px;
}

.text-md {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0px
}

.text-sm {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0px
}

.text-xs {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0px
}

.text-xxs {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0px
}

.text-white {
	color: #fff
}

.text-green {
	color: #0c624f !important
}

.text-dull {
	color: #fff;
	opacity: .4
}

.head-dull {
	color: #fff;
	opacity: .7
}

.border {
	border: 1px solid #dbdbdb;
}

.text-right {
	text-align: right
}

.border--black {
	border-bottom: 1px solid #202020;
}

.line-height-9 {
	line-height: 0.9 !important
}


header .nav-menu {
	align-items: center
}

header .menu--listing li a.get-started-btn {
	border: 1px solid #282728;
	color: #282728;
	padding: 13px 38px !important;
	border-radius: 50px;
	text-decoration: none;
	text-decoration: none
}


.yellow-blank-btn {
	color: #86632d;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	font-family: "Titillium Web", sans-serif;
	position: relative;
	display: inline-block
}

	.yellow-blank-btn:after {
		content: url(../images/right-brown-down.svg);
		position: absolute;
		transform: scale(0.04);
		bottom: -245px;
		right: -283px;
	}


/*===============================
		FOOTER
================================*/

footer {
	background: #202020;
	color: #fff;
	position: relative !important;
	width: calc(100% - 120px) !important;
	margin-right: 0 !important;
}

	footer:before {
		content: "";
		position: absolute;
		left: 0px;
		background: #fff;
		width: 30px;
		height: 30px;
		top: 0px;
	}

	footer:after {
		content: "";
		position: absolute;
		right: 0px;
		background: #fff;
		width: 215px;
		height: 105px;
		bottom: 0px;
	}

	footer ul {
		padding-left: 0
	}

		footer ul li {
			list-style: none;
			margin-bottom: 15px
		}

			footer ul li a {
				color: #fff;
				font-size: 19px;
				font-weight: 300;
				text-decoration: none
			}

	footer .social-icons {
		display: flex;
		list-style: none;
	}

		footer .social-icons ul {
			margin: 0
		}

		footer .social-icons li {
			margin-right: 15px;
			margin-bottom: 0
		}

			footer .social-icons li a {
				text-decoration: none
			}

				footer .social-icons li a i {
					height: 45px;
					color: #fff;
					border: 1px solid #202020;
					padding: 10px;
					border-radius: 50%;
					font-size: 17px;
					width: 45px;
					display: flex;
					justify-content: center;
					align-items: center;
					transition: .4s ease;
					background: #3e3e3e;
				}

				footer .social-icons li a:hover i {
					background-color: #202020;
					color: #fff
				}

.footer-privacy {
	display: flex;
	align-items: center
}

.top-border {
	border-top: 1px solid #4d4d4d
}

.footer-terms p a {
	color: #f8f8f8;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none
}

.yanke-contact-detail p a {
	color: #fff;
	text-decoration: none
}

/*===============================
		home
================================*/

body {
	position: relative;
	z-index: 1;
}

.home-wrapper {
	position: relative;
	width: calc(100% - 120px);
	margin-right: 0;
}

	.home-wrapper .carousel-item img {
		height: 845px;
		object-fit: cover
	}

	.home-wrapper .carousel-item:before {
		content: '';
		background: linear-gradient(90deg, rgb(0 0 0 / 50%), transparent);
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}


	.home-wrapper .carousel {
		height: 845px;
	}

	.home-wrapper #carouselExampleCaptions .carousel-indicators {
		bottom: 0;
		background: #fff;
		padding: 50px 60px;
		left: 0;
		right: inherit;
		margin-left: 0;
		margin-bottom: 0;
	}

		.home-wrapper #carouselExampleCaptions .carousel-indicators button {
			background: #cccccc;
			width: 10px;
			height: 10px;
			border-radius: 50%;
			border-top: 0;
			border-bottom: 0;
			margin-right: 40px
		}

			.home-wrapper #carouselExampleCaptions .carousel-indicators button:last-child {
				margin-right: 0
			}

			.home-wrapper #carouselExampleCaptions .carousel-indicators button.active {
				background: #2f3233
			}

	.home-wrapper #carouselExampleCaptions .carousel-caption {
		top: 50%;
		transform: translateY(-50%);
		bottom: inherit;
		text-align: left
	}

		.home-wrapper #carouselExampleCaptions .carousel-caption h5 {
			font-size: 80px;
			text-transform: uppercase;
			font-weight: 400;
			line-height: 1;
			max-width: 375px;
		}

		.home-wrapper #carouselExampleCaptions .carousel-caption p {
			font-size: 24px;
			text-transform: uppercase;
			font-weight: 400
		}

.yenke-services .col-md-4 a {
	display: flex;
	align-items: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
	margin-right: 5px;
}
.yenke-services .col-md-6 a {
	display: flex;
	align-items: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
	margin-right: 5px;
}


.yenke-services a img {
	width: 50px;
	margin-right: 30px
}

.yenke-services .col-md-4 a:before {
	content: url("../images/right-down.svg");
	position: absolute;
	right;
	0;
	right: 0;
	top: 17px;
}
.yenke-services .col-md-6 a:before {
	content: url("../images/right-down.svg");
	position: absolute;
	right;
	0;
	right: 0;
	top: 17px;
}
.yenke-services .col-md-4 a h3 {
	font-size: 17px;
	font-weight: 700;
	margin-right: 35px;
	margin-bottom: 0
}
.yenke-services .col-md-6 a h3 {
	font-size: 17px;
	font-weight: 700;
	margin-right: 35px;
	margin-bottom: 0
}


/*----  Testimonials  -----*/

.yenki-testimonials {
	background: url(../images/testimonial-bg.jpg);
	min-height: 750px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background-size: cover;
	background-position: bottom
}

	.yenki-testimonials:before {
		content: "";
		position: absolute;
		right: 300px;
		top: 0;
		background: #fff;
		width: 215px;
		height: 115px
	}

	.yenki-testimonials .carousel {
		max-width: 550px;
		background: #fff;
		padding: 32px 45px 32px 55px;
		margin-bottom: -60px
	}

	.yenki-testimonials #carouselExampleCaptions .carousel-caption h3 {
		color: #000;
		font-size: 30px;
		font-weight: 500;
		line-height: 1.4;
		text-transform: uppercase;
		text-align: left;
		text-transform: uppercase
	}

	.yenki-testimonials #carouselExampleCaptions .carousel-caption {
		padding-top: 30px
	}



	.yenki-testimonials #carouselExampleCaptions .carousel-description h5 {
		color: #000;
		margin-bottom: 5px;
		font-size: 17px;
		font-weight: 600;
		text-transform: uppercase
	}

	.yenki-testimonials #carouselExampleCaptions .carousel-description p {
		color: #282728;
		font-size: 18px;
		margin-bottom: 0;
		font-weight: 400;
		text-transform: uppercase
	}

	.yenki-testimonials #carouselExampleCaptions .carousel-caption {
		position: relative;
		left: inherit;
		right: inherit;
		top: inherit;
		bottom;
		inherit;
		text-align: left
	}

		.yenki-testimonials #carouselExampleCaptions .carousel-caption img {
			width: 50px;
			margin-bottom: 30px
		}

	.yenki-testimonials #carouselExampleCaptions .carousel-indicators {
		left: 0;
		right: inherit;
		margin: 0;
		bottom: -100px;
	}

		.yenki-testimonials #carouselExampleCaptions .carousel-indicators button {
			background: #d0d0d0;
			width: 12px;
			height: 12px;
			border-radius: 50%;
			border-top: 0px;
			border-bottom: 0px;
			margin-right: 10px
		}

			.yenki-testimonials #carouselExampleCaptions .carousel-indicators button.active {
				background: #dfc96d
			}

	.yenki-testimonials #carouselExampleCaptions .carousel-description {
		display: flex;
		align-items: center;
		text-align: left
	}

.scroll-container {
	display: flex;
	overflow: hidden;
	white-space: nowrap;
}

.slide-text {
	display: inline-block;
	font-size: 70px;
	text-transform: uppercase;
	padding: 10px 20px;
	animation: scroll 70s linear infinite;
	color: #323333;
	font-weight: 700;
	opacity: .2;
	word-spacing: 10px;
}

@keyframes scroll {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}


.yenki-services .service-btn {
	background: #fff;
	padding: 40px 20px;
	border-bottom: 1px solid #000;
	position: relative;
	position: relative
}

	.yenki-services .service-btn:after {
		content: url("../images/right-down.svg");
		position: absolute;
		right;
		0;
		right: 0;
		bottom: 28px;
	}

	.yenki-services .service-btn a {
		display: inline-block;
		color: #000;
		text-transform: uppercase;
		font-size: 19px;
		font-weight: 600;
		text-decoration: none;
		max-width: 225px;
	}

	.yenki-services .service-btn:before {
		content: "";
		position: absolute;
		right: 0px;
		background: #fff;
		width: 30px;
		height: 30px;
		top: -30px;
	}

/*===============================
		inner-pages
================================*/

.inner-wrapper {
	min-height: 500px;
	display: flex;
	align-items: center
}

.square-whistles:before {
	content: "";
	position: absolute;
	left: 0px;
	background: #fff;
	width: 30px;
	height: 30px;
	bottom: 0px;
	z-index: 1
}

.square-whistles:after {
	content: "";
	position: absolute;
	right: 0px;
	background: #fff;
	width: 30px;
	height: 30px;
	top: 0px;
}




/*===============================
		Contact
================================*/

.contact-form label {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	font-family: "Play", sans-serif;
}

.contact-form input {
	border-radius: 0px;
	border: 1px solid #b7b7b7;
	padding: 15px;
}

.contact-form textarea {
	border-radius: 0px;
	border: 1px solid #b7b7b7;
	padding: 15px;
}

.contact-form button {
	background: #202020;
	width: 100%;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	font-family: "Play", sans-serif;
	padding: 15px;
	border: 0;
	margin-top: 10px;
	transition: .5s ease
}

	.contact-form button:hover {
		background: #f4bd5e;
		color: #000
	}

.contact-form input:focus {
	box-shadow: none
}

.contact-form textarea:focus {
	box-shadow: none
}

.contact-detail ul {
	padding-left: 0
}

	.contact-detail ul li {
		list-style: none;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
	}

		.contact-detail ul li span {
			position: relative;
			font-weight: 600;
			font-family: "Titillium Web", sans-serif;
		}

			.contact-detail ul li span:before {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom;
				0;
				background: #000;
				height: 1px;
				bottom: 0
			}

		.contact-detail ul li img {
			width: 25px;
			margin-right: 15px;
		}

		.contact-detail ul li a {
			color: #000;
			text-decoration: none
		}


/*===============================
		Management
================================*/

.yanke-team a {
	display: flex;
	align-items: center;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
	margin-right: 20px;
}

	.yanke-team a img {
		width: 30px;
		margin-right: 20px;
	}

.yanke-officers a {
	display: flex;
	align-items: flex-start;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	position: relative;
	margin-right: 20px;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
}

	.yanke-officers a img {
		width: 30px;
		margin-right: 20px;
	}

	.yanke-officers a p {
		margin-bottom: 0;
		font-size: 15px;
		text-transform: uppercase;
		color: #000;
		opacity: .6
	}

.yanke-management a img {
	width: 30px;
	margin-right: 20px;
}

.yanke-management a {
	display: flex;
	align-items: flex-start;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	position: relative;
	margin-right: 20px;
}

	.yanke-management a p {
		margin-bottom: 0;
		font-size: 15px;
		text-transform: uppercase;
		color: #000;
		opacity: .6
	}

.management-contact {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
	padding-top: 30px;
}

	.management-contact ul {
		padding: 0;
		display: flex;
		align-items: center;
		width: 350px
	}

		.management-contact ul li {
			list-style: none;
			padding-left: 25px;
			padding-right: 10px
		}

			.management-contact ul li a {
				align-items: center;
			}

			.management-contact ul li:last-child {
				align-items: center;
				border-left: 1px solid #adadad
			}

			.management-contact ul li a p {
				font-size: 18px;
				font-weight: 400;
				margin-bottom: 0;
				color: #000;
				opacity: 1
			}


/*===============================
		Industry
================================*/

#carouselExampleAutoplaying .carousel-caption {
	background: #fff;
	color: #000000;
	font-size: 20px;
	text-transform: uppercase;
	padding: 20px 50px;
	left: 140px;
	right: inherit;
	bottom: 35px;
}

	#carouselExampleAutoplaying .carousel-caption h5 {
		margin-bottom: 0
	}

.industry-services .col-md-4 a {
	padding: 40px 20px;
}

	.industry-services .col-md-4 a:before {
		display: none
	}

.industry-services .col-md-6 a {
	padding: 40px 20px;
}

	.industry-services .col-md-6 a:before {
		display: none
	}


.industry-cta {
	background: url("../images/industry-cta-bg.jpg");
	background-size: cover;
}

.industry-form {
	background: #fff;
	padding: 50px;
	margin-bottom: -50px;
	position: relative;
	z-index: 4;
}

	.industry-form form input {
		border-radius: 0;
		border: 1px solid #bcbcbc
	}

	.industry-form form textarea {
		border-radius: 0;
		border: 1px solid #bcbcbc
	}

	.industry-form form button {
		width: 100%;
		border-radius: 0px;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		background-color: #202020;
		border: 1px solid #202020 !important;
		padding: 20px;
	}
	.industry-form form button:hover{background-color:transparent; color:#202020}


		/*===============================
		Media Query
================================*/
		@media screen and (max-width:1650px) {
		}


@media screen and (max-width:1440px) {
	footer:after {
		display: none
	}
}



@media screen and (max-width:1200px) {

	.home-wrapper #carouselExampleCaptions .carousel-caption h5 {
		font-size: 60px;
	}

	.px-md-25 {
		padding-right: 25px;
		padding-left: 25px;
	}
}


@media screen and (max-width:1024px) {

	.px-180 {
		padding-left: 40px;
		padding-right: 40px;
	}

	.inner-wrapper .container {
		padding-left: 25px;
		padding-right: 25px;
	}
}


@media screen and (max-width:992px) {


	.home-wrapper {
		width: calc(100% - 40px);
	}

	footer {
		width: calc(100% - 40px) !important;
	}

	.px-80 {
		padding-left: 35px;
		padding-right: 35px;
	}
}


@media screen and (max-width:767px) {
	.pb-smm-0 {
		padding-bottom: 0 !important;
	}

	.pt-smm-0 {
		padding-top: 0 !important;
	}

	.py-80 {
		padding-top: 60px;
		padding-bottom: 10px;
	}

	.mt-sm-40 {
		margin-top: 40px;
	}

	.yenki-services .service-btn {
		padding: 20px
	}

	.py-100 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.yenke-services .col-md-4 a {
		padding-top: 30px
	}
	.yenke-services .col-md-6 a {
		padding-top: 30px
	}
	.mt-smm-0 {
		margin-top: 0 !important
	}

	.home-wrapper #carouselExampleCaptions .carousel-caption h5 {
		font-size: 50px;
	}

	.py-130 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.pb-80 {
		padding-bottom: 20px;
	}

	.pb-100 {
		padding-bottom: 60px;
	}

	.pt-60 {
		padding-top: 40px;
	}

	.yellow-blank-btn {
		margin-bottom: 45px;
	}

	.pt-100 {
		padding-top: 60px;
	}

	.yenke-services .col-md-6 a:before {
		top: 45px
	}
	.yenke-services .col-md-4 a:before {
		top: 45px
	}
	.my-sm-20 {
		margin-top;
		20px;
		margin-bottom: 20px
	}

	.yanke-officers a {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.yanke-team a {
		padding-bottom: 20px;
		padding-top: 20px;
	}
}


@media screen and (max-width:576px) {
	.slide-text {
		display: inline-block;
		font-size: 45px;
	}

	.home-wrapper {
		width: 100%;
	}

	footer {
		width: 100% !important;
	}

	.home-wrapper #carouselExampleCaptions .carousel-caption h5 {
		font-size: 35px;
	}

	.head-sm {
		font-size: 25px;
	}

	.yenki-testimonials #carouselExampleCaptions .carousel-caption h3 {
		font-size: 25px;
	}

	.px-80 {
		padding-left: 40px;
		padding-right: 40px;
	}
}


@media screen and (max-width:420px) {

	.yenki-testimonials .carousel {
		padding: 32px 25px 32px 25px;
	}

	.yenki-testimonials #carouselExampleCaptions .carousel-caption h3 {
		font-size: 22px;
	}
}