/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1800px) {
    .our-support-main .container { max-width: 1720px; }
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .our-support-main .container { max-width: 1520px; }
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .our-support-main .container { max-width: 1462px; }

    /* Concrete Examples Start */
    .concrete-examples-slider .slick-prev { left: -40px; }
    .concrete-examples-slider .slick-next {right: -40px;}
    /* Concrete Examples End */
}

@media (min-width: 1600px) {
    .container {max-width: 1462px;}
}

@media (min-width: 1500px) and (max-width: 1599px) {
    /* Our Support Start */
    .slick-prev {left: -40px;}
    .slick-next {right: -40px;}
    .our-support-img img {height: 330px;}
    /* Our Support End */
}

@media (min-width: 1400px) and (max-width: 1499px) {
    /* Our Support Start */
    .slick-prev {left: -40px;}
    .slick-next {right: -40px;}
    .our-support-img img {height: 330px;}
    /* Our Support End */

    /* Concrete Examples Start */
    .concrete-examples-slider .slick-prev { left: -20px; }
    .concrete-examples-slider .slick-next {right: -20px;}
    /* Concrete Examples End */
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Problem Start */
    .problem-section .row { margin: 0 -30px; }
    .problem-section .row>* {padding: 0 30px;}
    /* Problem End */

    /* Our Support Start */
    .slick-arrow {font-size: 30px; line-height: 30px;}
    .slick-prev {left: -40px;}
    .slick-next {right: -40px;}
    .our-support-img img {height: 330px;}
    /* Our Support End */

    /* Benefits Start */
    .benefits-section .row {margin: 0 -32px;}
    .benefits-section .row>* { padding: 0 32px; }
    /* Benefits End */

    /* Simulations Start */
    .simulations-section .row { margin: 0 -32px; }
    .simulations-section .row>* { padding: 0 32px; }
    .simulations-left .btn {padding: 21px 20px;}
    /* .simulations-left .btn-link::after {right: 20px;} */
    /* Simulations End */
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Problem Start */
    .problem-section .row { margin: 0 -30px; }
    .problem-section .row>* {padding: 0 30px;}
    /* Problem End */

    /* Our Support Start */
    .slick-arrow {font-size: 30px; line-height: 30px;}
    .slick-prev {left: -40px;}
    .slick-next {right: -40px;}
    .our-support-img img {height: 330px;}
    /* Our Support End */

    /* Benefits Start */
    .benefits-section .row {margin: 0 -32px;}
    .benefits-section .row>* { padding: 0 32px; }
    /* Benefits End */

    /* Concrete Examples Start */
    .concrete-examples-slider .slick-prev { left: -10px; }
    .concrete-examples-slider .slick-next {right: -10px;}
    /* Concrete Examples End */

    /* Simulations Start */
    .simulations-section .row { margin: 0 -32px; }
    .simulations-section .row>* { padding: 0 32px; }
    .simulations-left .btn {padding: 21px 20px;}
    .simulations-left .btn-link::after {right: 20px;}
    /* Simulations End */

}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .block-title { font-size: 24px; line-height: 30px; }
    .btn-pista-large { font-size: 28px; }
    .btn-pista { padding: 16px 25px; }
    .btn-link {  padding: 22px; }
    /* .btn-link::after {right: 22px; bottom: auto; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);} */
    /* Common Style End */

    /* Header Start */
    .header { padding: 25px 0; }
    /* Header End */

    .content { padding: 132px 0 0; }
    .thankyou-page .content { padding: 119px 0 0; } 

    /* Reassurance Start */
    .reassurance-main .row {margin: 0 -18px;}
    .reassurance-main .row>* {padding: 0 18px;}
    /* Reassurance End */

    /* Problem Start */
    .problem-section .row { margin: 0 -22px; }
    .problem-section .row>* {padding: 0 22px;}
    /* Problem End */

    /* Our Support Start */
    .slick-arrow {font-size: 30px; line-height: 30px;}
    .slick-prev {left: -40px;}
    .slick-next {right: -40px;}
    .our-support-img img {height: 330px;}
    /* Our Support End */

    /* Benefits Start */
    .benefits-section .row {margin: 0 -22px;}
    .benefits-section .row>* { padding: 0 22px; }
    .benefits-block-top {padding: 20px 20px 25px;}
    .benefits-block .common-detail {padding: 20px;}
    /* Benefits End */

    /* Concrete Examples Start */
    .concrete-examples-slider { margin: 0; }
    .concrete-examples-item {margin: 0 15px;}
    .concrete-examples-slider .slick-prev { left: -10px; }
    .concrete-examples-slider .slick-next {right: -10px;}
    .concrete-examples-content .small-title {padding: 16px 20px 30px 32px;}
    .concrete-examples-list {padding: 25px 20px 40px 20px;}
    .concrete-examples-content .block-title {min-height: 90px;}
    /* Concrete Examples End */
    
    /* Simulations Start */
    .simulations-section .row { margin: 0 -22px; }
    .simulations-section .row>* { padding: 0 22px; }
    .simulations-top {padding: 30px 20px;}
    /* Simulations End */

}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .block-title { font-size: 22px; line-height: 28px; }
    .small-title { font-size: 22px; }
    .btn { font-size: 18px; line-height: 18px; }
    .btn-pista { padding: 15px 20px; }
    .btn-pista-large { font-size: 24px; padding: 16px 25px; }
    .btn-link { font-size: 20px; padding: 20px; }
    /* .btn-link::after {right: 20px; bottom: auto; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);} */
    /* Common Style End */
    
    /* Header Start */
    .header { padding: 20px 0; }
    .header .navbar-brand {max-width: 220px; width: 100%; display: block;}
    .header-left p { font-size: 14px; line-height: 16px; }
    .header-time { font-size: 20px; line-height: 20px; }
    /* Header End */

    .content { padding: 114px 0 0; }
    .thankyou-page .content {padding: 97px 0 0;} 

    /* Reassurance Start */
    .reassurance-wrp {padding: clamp(30px, 5vw, 49px) 0 clamp(30px, 5vw, 25px);}
    .reassurance-main .row>* {width: 33.33%;}
    .reassurance-block {margin: 0 0 20px;}
    /* Reassurance End */

    /* Problem Start */
    .problem-list ul li { font-size: 20px; margin: 0 0 20px; }
    .problem-section .row { margin: 0 -18px; }
    .problem-section .row>* {padding: 0 18px;}
    .problem-right-bottom .block-title br {display: none;} 
    .problem-right-bottom .block-title {padding: 20px 20px 20px 15px;}
    /* Problem End */

    /* Acquisition Start */
    .support-title-left {padding: 0 0 30px;}
    .support-title-right {margin-left: 0;}
    .acquisition-icon {margin: 0 auto 20px;}
    .acquisition-details .block-title {margin: 0 0 20px;}
    .acquisition-block {margin-bottom: 25px; height: calc(100% - 25px);}
    /* Acquisition End */

    /* Our Support Start */
    .slick-arrow {font-size: 30px; line-height: 30px;}
    .slick-prev {left: -23px;}
    .slick-next {right: -23px;}
    .our-support-img img {height: 280px;}
    .our-support-item { margin: 0 15px; }
    .our-support-slider {margin: 0 -15px;}
    .our-support-content {padding: 10px;} 
    /* Our Support End */

    /* Benefits Start */
    .benefits-section .row {margin: 0 -22px;}
    .benefits-section .row>* { padding: 0 22px; }
    .benefits-block-top {padding: 20px 20px 25px;}
    .benefits-block .common-detail {padding: 20px;}
    .benefits-left {margin: 0 0 50px;}
    /* Benefits End */

    /* How It Works Start */
    .how-it-block-top .small-title { font-size: 22px; line-height: 30px; }
    .how-it-block-list ul li { font-size: 21px; line-height: 30px; }
    /* How It Works End */

    /* Concrete Examples Start */
    .concrete-examples-slider { margin: 0; }
    .concrete-examples-item {margin: 0 15px;}
    .concrete-examples-slider .slick-prev { left: -10px; }
    .concrete-examples-slider .slick-next {right: -10px;}
    .concrete-examples-content .small-title {padding: 16px 20px 30px 32px;}
    .concrete-examples-list {padding: 25px 20px 40px 20px;}
    .concrete-examples-content .block-title {min-height: 85px;}
    /* Concrete Examples End */

    /* Simulations Start */
    .simulations-section .row { margin: 0 -20px; }
    .simulations-section .row>* { padding: 0 20px; }
    .simulations-top {padding: 30px 20px;}
    .simulations-block {padding: 20px 25px;}
    .simulations-block .small-title { font-size: 20px; line-height: 26px; }
    .simulations-top .small-title {font-size: 20px;}
    .simulations-left .btn {padding: 18px 20px;}
    /* Simulations End */

    /* Contact Start */
    .contact-main .block-title { font-size: 24px; }
    /* Contact End */

    /* Thank you Page Start */
    .thank-you-main .small-title { line-height: 30px; }
    /* Thank you Page End */
}

@media (max-width: 767px) {
    /* Common Style Start */
    body {font-size: 18px; line-height: 22px;}
    .block-title { font-size: 22px; line-height: 26px; }
    .small-title { font-size: 20px; }
    .btn-green {padding: 15px 12px;}
    .btn { font-size: 18px; line-height: 22px; }
    .btn-pista {padding: 15px;}
    .btn-pista-large { font-size: 20px; padding: 14px 20px; }
    .btn-link { font-size: 18px; padding: 15px; }
    /* .btn-link::after { right: 15px; bottom: auto; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); } */
    /* Common Style End */

    /* Header Start */
    .header { padding: 20px 0; }
    .header .navbar {justify-content: center;}
    .header-left {margin: 0 auto 20px; text-align: center;}
    .thankyou-page .header-left {margin-bottom: 0;}
    .header .navbar-brand {max-width: 260px; width: 100%; display: block; margin: 0 auto;}
    .header-time { font-size: 20px; line-height: 20px; }
    /* Header End */

    .content { padding: 226px 0 0; }
    .thankyou-page .content {padding: 105px 0 0;} 

    /* Banner Start */
    .banner-wrp {background-position: 92% 100%;}
    .banner-middle-block {display: block;}
    .banner-middle-details ul li { font-size: 20px; }
    .banner-middle-details {padding: 30px 20px;}
    .banner-middle-block .section-title { max-width: 100%; padding: 30px 20px; }
    .banner-title {text-align: center;}
    /* Banner End */

    /* Reassurance Start */
    .reassurance-main .row {margin: 0 -15px;}
    .reassurance-main .row>* {width: 100%; padding: 0 15px; }
    .reassurance-main .row>*:last-child .reassurance-block {margin-bottom: 0;}
    .reassurance-block {margin: 0 0 20px;}
    .reassurance-main .row>*:nth-child(3) .reassurance-block {display: block;}
    /* Reassurance End */

    /* Problem Start */
    .problem-list ul li { font-size: 18px; margin: 0 0 15px; }
    .problem-section .row { margin: 0 -15px; }
    .problem-section .row>* {padding: 0 15px;}
    .problem-right-bottom .block-title br {display: none;} 
    .problem-right-bottom .block-title {padding: 20px 20px 20px 15px;}
    .problem-img img {height: auto;}
    .problem-img {margin: 0 0 30px;}
    .problem-title {text-align: center;}
    .problem-title .sub-title { margin: 0 auto 17px;}
    /* Problem End */

    /* Acquisition Start */
    .acquisition-icon {width: 65px; height: 65px; margin: 0 auto 20px;}
    .acquisition-details .block-title {margin: 0 0 20px; }
    .acquisition-block {margin-bottom: 25px; height: auto; padding: 20px;}
    .acquisition-section .row>*:last-child .acquisition-block {margin-bottom: 0;}
    /* Acquisition End */

    /* Our Support Start */
    .slick-arrow {font-size: 22px; line-height: 22px;}
    .slick-prev {left: -8px;}
    .slick-next {right: -8px;}
    .our-support-img img {height: 380px; object-position: top;}
    .our-support-item { margin: 0 15px; }
    .our-support-slider {margin: 0 -15px;}
    .our-support-content {padding: 10px;} 
    .support-title-left {padding: 0 0 20px; text-align: center;}
    .support-title-left .sub-title {margin: 0 auto 20px;}
    .support-title-left .main-title {font-size: 32px;}
    .support-title-right {margin-left: auto; margin-right: auto;}
    /* Our Support End */

    /* Benefits Start */
    .benefits-section .row {margin: 0 -15px;}
    .benefits-section .row>* { padding: 0 15px; }
    .benefits-block-top {padding: 20px 20px 25px;}
    .benefits-block .common-detail {padding: 20px;}
    .benefits-left {margin: 0 0 40px;}
    .benefits-title-left {margin: 0 0 30px; text-align: center;}
    .benefits-title-left .sub-title {margin: 0 auto 17px;}
    .benefits-block-top .main-title {margin: 0 15px 0 0;}
    /* Benefits End */

    /* Google partner Start */
    .google-partner-left { max-width: 90px; margin: 0 20px 0 0; }
    .partner-right-top .detail p { font-size: 20px; }
    .partner-right-top {padding: 0 0 8px;}
    /* Google partner End */

    /* How It Works Start */
    .how-it-block-top {align-items: flex-start;}
    .how-it-block-top span {margin: 4px 5px 0 0;}
    .how-it-block-top .small-title { font-size: 18px; line-height: 24px; }
    .how-it-block-list ul li { font-size: 21px; line-height: 30px; }
    .how-it-works-img {margin: 0 auto 30px;}
    .how-it-block-list { padding: 0 0 0 23px; }
    /* How It Works End */

    /* Concrete Examples Start */
    .concrete-examples-slider { margin: 0; }
    .concrete-examples-item {margin: 0 15px;}
    .concrete-examples-slider .slick-prev { left: -10px; }
    .concrete-examples-slider .slick-next {right: -10px;}
    .concrete-examples-content .small-title {padding: 16px 20px 20px 30px; min-height: 90px;}
    .concrete-examples-list {padding: 25px 20px 40px 20px;}
    .concrete-examples-content .block-title {padding: 12px 10px 17px 20px; min-height: 52px;}
    /* Concrete Examples End */

    /* Simulations Start */
    .simulations-left {height: auto; margin: 0 0 30px;}
    .simulations-section .row { margin: 0 -15px; }
    .simulations-section .row>* { padding: 0 15px; }
    .simulations-top {padding: 20px;}
    .simulations-top .small-title span {padding: 10px 0 0;}
    .simulations-block {padding: 20px 25px;}
    .simulations-block .small-title { font-size: 18px; line-height: 24px; }
    .simulation-slider .form-control {font-size: 18px; line-height: 22px;}
    .simulations-top .small-title {font-size: 18px;}
    .simulations-left .btn {padding: 15px 10px;}
    .simulations-title {text-align: center;}
    .simulations-title .sub-title {margin: 0 auto 18px;}
    /* Simulations End */

    /* Contact Start */
    .contact-main .block-title { font-size: 22px; line-height: 28px; }
    /* Contact End */

    /* Thank you Page Start */
    .thank-you-main .small-title { line-height: 26px; }
    /* Thank you Page End */

    /* Footer Start */
    .footer-logo {margin: 0 auto;}
    .footer-reviews-top {justify-content: center;}
    .footer-reviews-bottom p {text-align: center;}
    .footer-reviews-bottom .star-reviews {justify-content: center;}
    .copyright {text-align: center;}
    .footer-address {text-align: center;}
    /* Footer End */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    .content { padding: 205px 0 0; }
    .thankyou-page .content {padding: 105px 0 0;}

    .our-support-img img { height: 310px; }

    /* Reassurance Start */
    .reassurance-main .row>* {width: 50%;}
    /* Reassurance End */
}

@media (max-width: 575px) {
}


