@media (min-width: 1300px) {
    .container {max-width: 1248px;}
    .content .container {max-width: 1328px;}
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .banner-main .row { margin: 0 -30px; }
    .banner-main .row>* {padding: 0 30px;}
    .right-dots {right: -30px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 20px; }
    /* Header End */

    /* Call to action Start */
    .call-to-action-main { padding: 40px 45px; }
    /* Call to action End */

    /* Footer Start */
    .footer-left ul li a { font-size: 18px; }
    .footer-links li .nav-link { font-size: 18px; }
    .footer-top { padding: 50px 0 70px; }
    .footer-bottom { padding: 20px 0 40px; }
    /* Footer End */

    /* Home Page Start */
    .banner-main .row { margin: 0 -18px; }
    .banner-main .row>* { padding: 0 18px; }
    .banner-wrp { padding: 50px 0 130px; }
    .right-dots {right: -10px;}

    .reviews-slider .review-card-block { margin: 0 12px 0; max-width: 100%; }    
    .join-now-btn {padding: 24px 0 0;}

    .results-wrp { padding: 0 0 50px; }

    .about-wrp { padding: 50px 0; }

    .approach-wrp { padding: 50px 0; }

    .reviews-wrp { padding: 50px 0; }

    .faq-wrp { padding: 50px 0 100px; }
    /* Home Page End */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Home Page Start */
    .banner-main .row { margin: 0 -18px; }
    .banner-main .row>* { padding: 0 18px; }
    .banner-wrp { padding: 50px 0 110px; }
    .right-dots {right: -10px;}
    .left-inner-dots {display: none;}
    .banner-content {margin: 0 0 40px;}

    .inner-wrp {padding: 30px;}

    .reviews-slider .review-card-block { margin: 0 12px 0; max-width: 100%; }    

    .results-wrp { padding: 0 0 40px; }

    .about-wrp { padding: 40px 0; }
    .about-wrp > .row {flex-direction: column-reverse;}
    .about-content p { margin: 0 0 22px; }
    .about-content {margin: 0 0 40px;}

    .approach-wrp { padding: 40px 0; }
    .approach-left {margin: 0 0 40px;}

    .reviews-wrp { padding: 40px 0; }

    .faq-wrp { padding: 40px 0 80px; }
    .faq-left {margin: 0 0 40px;}
    /* Home Page End */
}

@media (max-width: 991px) {

    /* Btn Start */
    .common-btn { font-size: 16px; padding: 12px 16px; }
    /* Btn End */

    /* Input Fields Start */
    .form-control { font-size: 16px; padding: 7px 12px; }
    .form-label {margin: 0 0 8px;}
    .form-group .error {margin: 8px 0 0;}
    /* Input Fields End */

    /* Header Start */
    .header .navbar-toggler { padding: 0; border: none; box-shadow: none; position: absolute; right: 0; top: 14px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .header .navbar-toggler span { width: 18px; height: 2px; position: relative; background-color: var(--grey100); margin-bottom: 3px; display: block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar {padding: 0 44px 0 0;}
    .header-btn { padding-left: 0; }
    .header .navbar-brand {max-width: 96px;}
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; }
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header {padding: 8px 0;}
    .header .navbar-collapse { position: fixed; background-color: var(--grey100); top: 0; margin: 56px 0 0; left: -100%; padding: 27px 24px 0; max-width: 100%; width: 100%; height: 100%; bottom: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {left: 0; height: auto; }
    .header .navbar-nav .nav-item { padding: 0 0 30px; }
    .nav-link {font-size: 16px; color: var(--grey900); display: inline-block;}
    /* Header End */

    /* Dropdown Start */
    .dropdown-toggle { font-size: 16px; }
    /* Dropdown End */

    /* Faq Start */
    .common-faq .accordion-button { font-size: 16px; }
    .common-faq .accordion-body { font-size: 16px; }
    .common-faq .accordion-button::after {width: 12px;}
    /* Faq End */

    /* Review Card Start */
    .review-card-img { width: 56px; height: 56px; flex: 0 0 56px; margin: 0 8px 0 0; }
    .review-card-content h2 { font-size: 18px; margin: 0; }
    .review-card-content p { font-size: 16px;  }
    .review-card-block {padding: 16px; display: block !important;}
    .review-card-top {margin: 0 0 16px;}
    .join-now-btn {margin: 24px 0 0;}
    .reviews-wrp .large-btn {display: block;}
    .reviews-slider .review-card-block { margin: 0 12px 0; }
    /* Review Card End */

    /* Call to action Start */
    .call-to-action-main { padding: 24px; }
    .call-to-action-content h2 {font-weight: 800; }
    .call-to-action-content h2, .call-to-action-content p {margin: 0 0 16px;}
    .call-to-action-content .common-btn {display: block; text-align: center;}
    .call-to-action-content {margin: 0 0 24px;}
    .call-to-action-right .call-to-action-img { padding: 0 8px; }
    .call-to-action-right {max-width: 100%; }
    /* Call to action End */

    /* Footer Start */
    .footer-left ul li a { font-size: 16px; }
    .footer-links li .nav-link { font-size: 16px; }
    .footer-links ul li .nav-link {color: #fff;}
    .footer-top { padding: 50px 0 60px; }
    .footer-bottom { padding: 20px 0 30px; }
    .footer-logo { max-width: 130px; }
    .footer-left ul li span { width: 16px; height: 16px; flex: 0 0 16px; padding: 1px; margin: 5px 8px 0 0; }
    /* Footer End */
}

@media (max-width: 767px) {
    .container {padding: 0 24px;}
    body {background-color: #fff;}

    /* Btn Start */
    .common-btn { display: block;}
    .tertiary-btn {display: inline-block; padding: 0;}
    /* Btn End */

    /* Input Field Start */
    .form-control {max-width: 100%;}
    /* Input Field End */

    /* Reviews Slider Start */
    .reviews-slider .review-card-block { margin: 0 6px 0; }
    /* Reviews Slider End */

    /* Footer Start */
    .footer-top { padding: 24px 0 24px; }
    .footer-logo { max-width: 179px; }
    .footer-left {padding: 0 0 24px; border-bottom: 2px solid var(--blue800);}
    .footer-links { padding: 24px 0; border-bottom: 2px solid var(--blue800);}
    .footer-newsletter {padding: 24px 0 0;}
    .footer-newsletter h4 {font-weight: 700;}
    .footer-newsletter .common-btn {display: block; width: 100%;}
    .footer-bottom { padding: 24px 0; }
    .footer-bottom ul {flex-direction: column; align-items: flex-start;}
    .footer-bottom ul li {margin-bottom: 24px;}
    .footer-bottom ul li:last-child {margin-bottom: 0;}
    .footer-newsletter .form-control {max-width: 100%;}
    /* Footer End */

    /* Home Page Start */
    .banner-main .row { margin: 0 -18px; }
    .banner-main .row>* { padding: 0 18px; }
    .banner-wrp { padding: 24px 0 30px; }
    .right-dots {display: none;}
    .left-inner-dots {display: none;}
    .banner-content {padding: 0 0 24px;}
    .left-dots {display: none;}
    .banner-main .call-to-action-right .call-to-action-img:last-child { margin-top: 32px; }
    .banner-btn .tertiary-btn {padding: 0; display: block;}
    .banner-btn .primary-btn { margin: 0 0 8px; }

    .content { margin: 0;}
    .inner-wrp { padding: 0; margin: 0 0 24px; background-color: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

    .results-wrp { padding: 24px 0 32px; }
    .results-main {padding: 0 0 16px;}
    .results-block {display: block !important;}
    .results-block img {margin: 0 auto 20px;}
    .results-inner {padding: 34px 16px 24px 16px;}

    .about-wrp { padding: 32px 0; }
    .about-content p { margin: 0 0 22px; }
    .about-content {margin: 0;}
    .about-right img {width: 100%;}
    .about-right { margin: 0; }

    .approach-wrp { padding: 32px 0; }
    .approach-left {margin: 0 0 24px;}
    .approach-block img {width: 40px;}
    .approach-block { margin: 0 0 24px; }
    .approach-content .banner-btn .tertiary-btn {color: var(--blue600);}
    .approach-right {padding: 0 0 24px;}

    .reviews-wrp { padding: 32px 0; }
    .reviews-wrp h2 { text-align: left; }

    .faq-wrp { padding: 32px 0 64px; }
    .faq-left {margin: 0 0 16px;}
    .common-faq .tertiary-btn {margin-top: 40px;}
    /* Home Page End */
}

@media (max-width: 575px) {
    .results-inner { padding: 34px 0 24px 16px; margin: 0 -24px 0 0; border-radius: 16px 0 0 16px; -webkit-border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; -ms-border-radius: 16px 0 0 16px; -o-border-radius: 16px 0 0 16px; }
    .results-slider .slick-list { padding: 0 35% 0 0 !important; }
    /* .results-block {max-width: 200px;} */

    .reviews-slider {margin: 0 -24px 0 -6px;}
    .reviews-slider  .slick-list {padding: 0 25% 0 0 !important;}
}

/* Large */
@media screen and (min-width: 769px) {
	h1, .h1 { font-size: 48px; line-height: 130%; font-weight: 700; }
	h2, .h2 { font-size: 40px; line-height: 130%; font-weight: 700; }
	h3, .h3 { font-size: 32px; line-height: 130%; font-weight: 700; }
	h4, .h4 { font-size: 24px; line-height: 130%; font-weight: 700; }
	h5, .h5 { font-size: 20px; line-height: 130%; font-weight: 700; }
	h6, .h6 { font-size: 16px; line-height: 130%; font-weight: 700; }
	p, .body { font-size: 20px; line-height: 160%; font-weight: 400; }
	.body-semi-bold { font-size: 20px; line-height: 160%; font-weight: 600; }
	b, em, strong, .body-bold { font-size: 20px; line-height: 160%; font-weight: 700; }
	a, .link { font-size: 20px; line-height: 160%; font-weight: 400; text-decoration: underline; }
	.link-semi-bold { font-size: 20px; line-height: 160%; font-weight: 600; text-decoration: underline; }
	.link-bold { font-size: 20px; line-height: 160%; font-weight: 700; text-decoration: underline; }
	.button { font-size: 20px; line-height: 100%; font-weight: 700; text-decoration: none; }
	.button:hover { text-decoration:underline; }
	.data-display { font-size: 72px; line-height: 100%; font-weight: 300; }
}

/* Small */
@media screen and (max-width: 768px) {
	a {text-decoration: none; color: var(--grey900)}
	h1, .h1 { font-size: 32px; line-height: 130%; font-weight: 700; }
	h2, .h2 { font-size: 24px; line-height: 130%; font-weight: 700; }
	h3, .h3 { font-size: 20px; line-height: 130%; font-weight: 700; }
	h4, .h4 { font-size: 18px; line-height: 130%; font-weight: 700; }
	h5, .h5 { font-size: 16px; line-height: 130%; font-weight: 700; }
	h6, .h6 { font-size: 14px; line-height: 130%; font-weight: 700; }
	.body { font-size: 16px; line-height: 160%; font-weight: 400; }
	.body-semi-bold { font-size: 16px; line-height: 160%; font-weight: 600; }
	.body-bold { font-size: 16px; line-height: 160%; font-weight: 700; }
	.link { font-size: 16px; line-height: 160%; font-weight: 400; text-decoration: underline; }
	.link-semi-bold { font-size: 16px; line-height: 160%; font-weight: 600; text-decoration: underline; }
	.link-bold { font-size: 16px; line-height: 160%; font-weight: 700; text-decoration: underline; }
	.button { font-size: 16px; line-height: 100%; font-weight: 700; text-decoration: none;}
	.button:hover { text-decoration:underline; }
	.data-display { font-size: 48px; line-height: 100%; font-weight: 300; }
}