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

#navbarNav {
	position: fixed;
	top: 0;
	background: #000;
	width: 100% !important;
	left: 0;
	max-width: 70%;
	height: 100vh;
	padding: 20px 0;
}

#navbarNav li {
padding: 10px 25px;
border-bottom: 1px solid #fff;
}

#header {
	padding: 24px 15px !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: 0 !important;
}


header {
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden;
	box-sizing: border-box;
}


.hero-title {
	font-size: 35px;
	margin-bottom: 10px;
}
.hero-lead {
	max-width: 100%;
	font-size: 16px;
	margin-bottom: 16px !important;
}

.hero-section {
	min-height: 100vh;
	background: url('../img/banner.png') center/cover no-repeat;
	padding-top: 182px;
	backdrop-filter: blur(400px);
	height: 581px;
}

.hero-title br {
	display: none;
}

.navbar-toggler {
	padding: 0 !important;
	border: none !important;
	color: #ffff !important;
	opacity: 1 !important;
}

.navbar-toggler .navbar-toggler-icon {
	opacity: 1 !important;
	z-index: 999;
	position: relative;
	color: #fff !important;
}


.guidance-section .text-gold {
	font-size: 34px;
}

.guidance-section p {
	font-size: 16px;
	color: #fff !important;
}
#myVideo {
	height: 210px;
	width: 100% !important;
	max-width: 100% !important;
	object-fit: cover;
	border-radius: 20px;
	overflow: hidden;
}

.stat-value {
	font-size: 31px;
	font-weight: 400;
	margin-bottom: 0px;
}

.guidance-section p {
	font-size: 14px;
	color: #fff !important;
}

.ontario-support-wrapper .section-title {
	font-size: 35px;

}


.ontario-support-wrapper .section-description {
	font-size: 16px;
	max-width: 100%;
}


.ontario-support-wrapper .btn-gold-outline {
	margin-bottom: 10px !important;
}

.ontario-support-wrapper {
	padding-bottom: 0 !important;
}


.trusted-section h2 {
	font-size: 35px;
}

.trusted-section .container-fluid > p {
	font-size: 16px;
	width: 100%;
	max-width: 100%;
}

.peace-mind {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.peace-mind p {
	font-size: 16px !important;
}

.trusted-section {
	padding-bottom: 10px !important;
}

.life-heading {
	font-size: 33px;
}

.btn-gold-outline {
	position: relative;
	z-index: 999;
}

.solution_design {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.solution_design h2 {
	font-size: 35px;
}

.solution_design .container > p {

	font-size: 16px;
	max-width: 100% !important;
}
.bg-partnership {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.bg-partnership p {
	font-size: 16px;
}

.hero-description {
	max-width: 100%;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 15px;
	opacity: 0.9;
}

.footer-section {
	padding-bottom: 55px;
}


.footer-brand-name {
	font-size: 23px;
}


.guidance {
	padding-left: 15px;
    padding-top: 45px;
}

.img-fluid.profile-img {
	margin-bottom: -19px;
}

p {
	font-size: 16px;
}

.about-section .row .col-md-4 {
	border-left: none;
}
.about-section h3 {
	font-size: 30px;
}

.about-section .feature-text {
	font-size: 16px;
	line-height: 24px;
	text-align: center !important;
	display: block;
}

.objective {
	margin-top: 0 !important;
}
#guidance-section {
	padding-top: 0 !important;
}

.vivian-title {
	font-size: 35px;

}

.gold-card {
	padding: 15px !important;
}
.lead {
	font-size: 16px !important;
}
.vivian-text-card p {
	font-size: 16px;
}
.vivian-card {
	padding: 15px;
}

.trusted-section .container-fluid.mb-5 {
	margin-bottom: 10px !important;
}
.trusted-section p {
	margin-bottom: 19px !important;
}
.logo-slider {
	margin-bottom: 10px !important;
}
#solution_design {
	padding-top: 10px !important;
}
.vivian-title br {
	display: none !important;
}

.artical-banner .hero-content {
	max-width: 100%;
}

.artical-banner h1 {
	font-size: 30px;
	
}

.artical-banner {
	min-height: 440px;
}

.commitment-section .gold-text {
	font-size: 35px;
}
.commitment-section .gold-text br{
    display: none;
}

.commitment-section .statement-body {
	font-size: 16px;
}

.commitment-section {
	padding: 35px 0;
}

.commitment-section .col-lg-6.mb-4 {
	margin-bottom: 0 !important;
}

#service-banner .banner-img {
height: 100%;
}


#service-banner {
	height: 381px !important;
	padding-top: 0px;
}

#service-banner .container {
	padding-bottom: 0 !important;
	padding-top: 135px !important;
}

.video-slider-section h2 {
	font-size: 35px;

}

.video-slider-section {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.video-slider-section p {
	font-size: 16px;
	max-width: 100%;
}

#videoSlider {
	padding-left: 15px;
}

.video-slider-section .container-fluid {
	padding: 0 !important;
}


.video-slider-section .video-overlay {
	padding: 8px;
}

.video-slider-section .video-title {
	margin-bottom: 2px;
	font-size: 20px;
}

.video-slider-section .video-desc {
	font-size: 13px;
}
.trust-section .text-gold {
	font-size: 35px;
}
.trust-section {
	padding: 30px 0;
}

.insight-description p.fw-bold {
	font-size: 16px;;
}

.insight-description p {
	font-size: 16px;
}
.solutions-designed .gold-heading {
	font-size: 35px;
}
.trust-section .insight-description {
	color: #333;
	line-height: 1.6;
	margin-top: 0 !important;
}

.solutions-designed .row > div {
	width: 100% !important;
}

.solutions-designed {
	padding-top: 20px !important;
	padding-bottom: 30px !important;
}

.about-insurence h3 {
	font-size: 23px;
}

.about-insurence h2 {
	font-size: 35px;
}

.about-insurence {
	padding-bottom: 26px !important;
	padding-top: 20px !important;
}


.get-in-touch-banner .gold-text {
	font-size: 34px;
    margin-bottom: 10px !important;
}
.get-in-touch-banner {
	min-height: 379px;
	padding-top: 88px;
}
.get-in-touch-banner .gold-text br{display: none;}

#get-in-touch-banner {
	padding-top: 0 !important;
}

#get-in-touch-banner h4 {
	font-size: 30px !important;
	margin-bottom: 0 !important;
}

#get-in-touch-banner .gold-text {
	font-size: 34px;
	margin-bottom: 30px !important;
}

#get-in-touch-banner div.bg-dark {
	padding: 15px !important;
}
.faq-section .gold-text {
	font-size: 34px;

}

 .faq-section .col-lg-7 {
	margin-top: 0;
}
#get-in-touch-banner .col-12.text-end.mt-5 {
	margin-top: 10px !important;
}
#get-in-touch-banner .row div.col-md-6 {
	margin-bottom: 0px;
}

#get-in-touch-banner .col-lg-5.pt-5 {
	padding-top: 19px !important;
}

#get-in-touch-banner p.text-muted {
	font-size: 16px;
	margin-bottom: 22px !important;
}

#get-in-touch-banner .d-flex.mb-4 {
	margin-bottom: 0 !important;
}
 }