/* Responsive CSS Document */

/* 
    Created on   : 15/10/2024.
    Theme Name   : GO MAP LEADS - Creative Saas & Software HTML5 Template
    Version      : 1.0.
    Developed by : (me@heloshape.com) / (www.me.heloshape.com)
   
*/

@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
}
/*(min-width: 992px)*/
@media (min-width: 1700px) {
  .container.xl {max-width: 1690px;}

}
@media (min-width: 1400px) {
  .container {max-width: 1420px;}

}
/*(min-width: 1400px)*/

/*Grid xl Start*/
@media (max-width: 1399px) { 
  .fs-20 {font-size: 18px;}
  .footer-three .footer-intro h3 {font-size: 34px;}
  .block-feature-twenty .img-box .shape_01 {display: none;}
  .contact-banner-one .text .title {font-size: 20px; margin-bottom: 3px;}
  .grid-2column .grid-sizer, .grid-2column .isotop-item {padding: 0 12px;}
  .grid-2column {margin: 0 -12px;}
}
/*(max-width: 1399px)*/



/*Between Grid xl*/
@media (min-width: 1200px) and (max-width: 1399px) {
  h2 {font-size: 60px;}
  .title-one h2 {font-size: 55px;}
  .feedback-block-one blockquote {font-size: 28px;}
  .footer-one .email-banner h3 {font-size: 45px;}
  .theme-main-menu .gap-one {padding: 30px 25px;}
  .hero-banner-three .hero-heading {font-size: 72px;}
  .title-four h2 {font-size: 60px;}
  .hero-banner-seven .hero-heading {font-size: 170px; letter-spacing: -12px;}
  .hero-banner-seven .hero-heading .shape {max-height: 150px;}
  .hero-banner-seven .hero-heading .smile_icon {right: 31%;}
  .title-three h2 {font-size: 60px;}
  .block-feature-nineteen .slider-arrows {top:15px;}
  .card-style-nine .service-heading {font-size: 30px;}
  .block-feature-twenty h2 {font-size: 65px; letter-spacing: -3px;}
  .feedback-section-seven blockquote {font-size: 48px; margin: 60px 0; letter-spacing: -3px;}
  .contact-section-one .wrapper {padding: 60px 70px;}
  .fancy-banner-eight .hero-heading {font-size: 108px; letter-spacing: -8px;}
  .fancy-banner-eight .hero-heading .shape {max-height: 80px; width: auto;}
  .fancy-banner-eight .hero-heading .smile_icon {width: 52px;}
  .title-ten h2 {font-size: 50px;}
  .block-feature-twentyOne .feature-block .counter-block {padding: 40px 0;}
  .block-feature-twentyOne .feature-block.block-two blockquote {font-size: 28px;}
  .block-feature-twentyOne .feature-block.block-two li {width: 80px; height: 80px;}
  .title-eight h2 {font-size: 74px;}
  .feedback-section-five .feedback-wrapper .feedback-block blockquote {font-size: 28px;}
  .pricing-section-four .pr-column .price {font-size: 70px;}
  .pricing-section-four .pr-column .plane-name {font-size: 30px;}
  .block-feature-thirtyOne .video-banner {height: 600px;}
  .inner-banner-three h2 {font-size: 80px;}
  .blog-meta-one.style-two .post-meta .blog-title h4 {font-size: 26px;}
}
/*(min-width: 1200px) and (max-width: 1399px)*/

/* *** Important *** Breakpoint */
@media (min-width: 992px) and (max-width: 1399px) {
  .fs-24 {font-size: 22px;}
  .fs-22 {font-size: 20px;}
  .fs-28 {font-size: 25px;}
  .counter-block-one .main-count {font-size: 60px; margin-bottom: -12px;}
  .accordion-style-one .accordion-item .accordion-button {font-size: 22px; padding: 30px 20px;}
  .accordion-style-two .accordion-item .accordion-button {font-size: 22px; padding: 30px 0;}
}
/* (min-width: 992px) and (max-width: 1399px) */


/*Grid lg Start*/
@media (max-width: 1199px) {
  h2 {font-size: 40px;}
  .p-30 {padding: 12px;}
  .border-30 {border-radius: 15px;}
  .border-20 {border-radius: 10px;}
  .btn-one {font-size: 18px; line-height: 50px; padding: 0 32px;}
  .btn-two {font-size: 18px; line-height: 46px; padding: 0 32px;}
  .btn-two.xl {padding: 0 50px;}
  .btn-four {font-size: 15px; line-height: 48px; padding: 0 25px;}
  .btn-seven {line-height: 46px; padding: 0 35px;}
  .btn-seven.style-two {line-height: 50px;}
  .btn-eleven {font-size: 18px; line-height: 46px;}
  .btn-seventeen {line-height: 50px; font-size: 15px;}
  .btn-five {line-height: 50px; font-size: 15px; min-width: auto;}
  .btn-thirteen {line-height: 50px; font-size: 18px; padding: 0 32px;}
  .theme-main-menu .nav-item .nav-link {font-size: 20px; margin: 0 20px;}
  .theme-main-menu.menu-style-one .bg-wrapper {padding: 15px 12px;}
  .card-style-one {padding: 40px 15px;}
  .card-style-one .icon {width: 80px; height: 80px; padding: 18px;}
  .card-style-one h3 {font-size: 20px; margin: 35px 0 30px;}
  .feedback-block-one {padding: 35px 20px 35px;}
  .feedback-block-one blockquote {font-size: 24px; line-height: 1.5em; margin: 40px 0 50px;}
  .footer-one {padding: 60px 0 50px;}
  .footer-one .email-banner h3 {font-size: 32px;}
  .footer-one .email-banner form {height: 70px;}
  .footer-one .email-banner {padding: 30px 20px; margin-bottom: 80px;}
  .footer-one .footer-nav .footer-nav-link a {font-size: 18px; line-height: 48px;}
  .theme-main-menu .gap-one {padding: 20px 12px;}
  .footer-three {padding-top: 80px;}
  .footer-three .footer-intro form {height: 60px; margin-top: 30px;}
  .footer-three .footer-intro form input {font-size: 18px;}
  .footer-three .bottom-footer {margin-top: 30px; padding: 20px 0;}
  .footer-three .footer-contact .tel {font-size: 20px; margin: 10px 0 30px;}
  .hero-banner-three .hero-heading {font-size: 45px; letter-spacing: -1.5px; line-height: 1.2em;}
  .hero-banner-three form {height: 65px;}
  .title-four h2 {font-size: 45px; line-height: 1.15em;}
  .pricing-section-two .pr-table-wrapper .shape_01 {left: 15px; top:20px;}
  .pricing-section-two .pr-table-wrapper {padding: 20px 15px 35px; border-radius: 15px;}
  .pricing-section-two .pr-table-wrapper .price {font-size: 40px;}
  .hero-banner-seven .sub-heading {font-size: 30px; line-height: 1.2em; text-align: center; margin-bottom: 0;}
  .hero-banner-seven .wave-shape {max-width: 30%;}
  .title-three h2 {font-size: 42px; letter-spacing: -2px;}
  .card-style-nine {padding: 20px 20px 140px; border-radius: 20px;}
  .card-style-nine .title {font-size: 16px; margin-top: 40px;}
  .card-style-nine .service-heading {font-size: 22px; line-height: 1.3em;}
  .card-style-nine .illustration {max-width: 35%; bottom: 2%;}
  .block-feature-nineteen .slider-arrows {top:0;}
  .block-feature-twenty h2 {font-size: 42px; letter-spacing: -2px; line-height: 1.2em;}
  .block-feature-twenty .img-box .text-sticker div span {font-size: 50px; margin-bottom: -10px;}
  .block-feature-twenty .img-box .text-sticker {left: 0;}
  .feedback-section-seven blockquote {font-size: 32px; margin: 50px 0 40px; letter-spacing: -1px; line-height: 1.3em;}
  .feedback-section-seven .img-box .rating-card {padding: 15px 15px;}
  .feedback-section-seven .img-box .rating-card li {font-size: 20px;}
  .contact-section-one .wrapper {padding: 50px 20px;}
  .form-style-one .input-group-meta,.blog-details .blog-comment-form .input-wrapper {padding: 14px 15px 0 20px; border-radius: 12px;}
  .form-style-one .input-group-meta input, .form-style-one .input-group-meta textarea,
  .blog-details .blog-comment-form .input-wrapper input,.blog-details .blog-comment-form .input-wrapper textarea {font-size: 18px;}
  .form-style-one .input-group-meta input,.blog-details .blog-comment-form .input-wrapper input {padding-bottom: 20px;}
  .form-style-one .input-group-meta textarea,.blog-details .blog-comment-form .input-wrapper textarea {height: 200px;}
  .footer-two .bg-wrapper {padding-top: 60px;}
  .footer-two .footer-intro h3 {font-size: 28px; letter-spacing: -1px;}
  .footer-two .footer-intro form {height: 65px; margin-top: 30px;}
  .footer-two .footer-contact .tel {font-size: 20px; margin: 10px 0 30px;}
  .footer-two .bottom-footer {margin-top: 30px; padding: 25px 0;}
  .title-ten h2 {font-size: 40px; letter-spacing: -0.5px; line-height: 1.2em;}
  .block-feature-twentyOne .feature-block .main-count {font-size: 40px; letter-spacing: 0px; margin-bottom: -8px;}
  .block-feature-twentyOne .feature-block .counter-block {padding: 20px 0;}
  .block-feature-twentyOne .feature-block.block-two blockquote {font-size: 24px; line-height: 1.7em; margin: 30px 0 30px;}
  .block-feature-twentyOne .feature-block.block-two li {width: 60px; height: 60px; border-radius: 15px; margin-top: 8px;}
  .block-feature-twentyOne .feature-block {border-radius: 30px;}
  .block-feature-twentyOne .feature-block.block-two {padding: 25px 20px 35px;}
  .contact-banner-one .skew-line:before {display: none;}
  .title-ten h2 .line {height: 8px;}
  .feedback-section-five .feedback-wrapper .feedback-block {padding: 20px 20px 40px; border-radius: 20px;}
  .feedback-section-five .feedback-wrapper .feedback-block .logo {height: 40px;}
  .feedback-section-five .feedback-wrapper .feedback-block blockquote {font-size: 24px;}
  .feedback-section-five .feedback-wrapper .feedback-block .rating {font-size: 20px;}
  .pricing-section-four .pr-column {padding: 20px 20px 40px; border-radius: 30px;}
  .pricing-section-four .pr-column .price {font-size: 45px;}
  .pricing-section-four .pr-column .info1 {width: 100%;}
  .pricing-section-four .pr-column .plane-name {font-size: 26px; letter-spacing: -1px;}
  .accordion-style-five .accordion-item .accordion-button {font-size: 20px;}
  .block-feature-thirtyOne .video-banner .video-btn {width: 80px; height: 80px; font-size: 40px;}
  .block-feature-thirtyOne .video-banner {border-radius: 30px; border-width: 5px;}
  .inner-banner-three h2 {font-size: 50px;}
  .inner-banner-three ul li {font-size: 18px;}
  .error-page h2 {font-size: 80px;}
  .error-page h3 {font-size: 45px;}
  .filter-nav-one .isotop-menu-wrapper li {font-size: 15px;}
  .grid-2column.xl {margin: 0 -20px;}
  .grid-2column.xl .grid-sizer, .grid-2column.xl .isotop-item {padding: 0 20px;}
  .project-details h3 {font-size: 36px; margin-top: 55px;}
  .project-details p {font-size: 20px; margin-bottom: 30px;}
  .blog-meta-one {padding: 20px; border-radius: 20px;}
  .blog-meta-one .media {border-radius: 20px; margin-bottom: 30px;}
  .blog-meta-one .post-meta .tags a {font-size: 13px; line-height: 30px; padding: 0 18px;}
  .blog-meta-one .post-meta .blog-title h4 {font-size: 22px; margin: 30px 0 15px;}
  .blog-meta-one .post-meta p {font-size: 20px;}
  .blog-meta-one.style-two {padding: 15px;}
  .blog-meta-one.style-two .media {border-radius: 15px; margin-bottom: 28px;}
  .blog-details .blog-details-post p {font-size: 20px;}
  .blog-details .blog-details-post .media {margin: 40px 0;}
  .blog-details .blog-details-post h3 {font-size: 30px;}
  .blog-details .blog-details-post .quote-wrapper {padding: 25px 20px; border-radius: 20px; margin: 50px 0 50px 15px;}
  .blog-details .blog-details-post .quote-wrapper blockquote {font-size: 26px;}
  .blog-details .blog-details-post .bottom-widget {margin-top: 50px;}
  .blog-details .blog-inner-title {font-size: 35px; letter-spacing: -2px;}
  .blog-details .blog-comment-form p {font-size: 20px;}
  .blog-details .blog-comment-form {margin-top: 100px;}
  .form-style-one h3 {font-size: 36px; margin-bottom: 25px;}
}
/*(max-width: 1199px)*/



/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  .title-one h2 {font-size: 45px; line-height: 1.1em;}
  .hero-banner-seven .hero-heading {font-size: 130px; letter-spacing: -8px; line-height: 1em;}
  .hero-banner-seven .hero-heading .shape {max-height: 80px;}
  .hero-banner-seven .hero-heading .smile_icon {right: 34%; width: 70px;}
  .fancy-banner-eight .hero-heading {font-size: 95px; letter-spacing: -3px;}
  .fancy-banner-eight .hero-heading .shape {max-height: 60px; width: auto;}
  .fancy-banner-eight .hero-heading .smile_icon {width: 52px;}
  .title-eight h2 {font-size: 62px;}
  .block-feature-thirtyOne .video-banner {height: 480px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/



/*Grid md Start*/
@media (max-width: 991px) {
  .fs-24 {font-size: 20px;}
  .fs-22 {font-size: 18px;}
  .fs-28 {font-size: 22px; line-height: 1.65em;}
  .theme-main-menu .nav-item .nav-link {margin: 0;}
  .title-one h2 {font-size: 38px; line-height: 1.19em;}
  .title-one h2 img {width: 36px;}
  .counter-block-one .main-count {font-size: 50px; margin-bottom: -3px;}
  .card-style-one h3 {min-height: auto;}
  .accordion-style-one .accordion-item .accordion-button {font-size: 20px; padding: 25px 15px;}
  .accordion-style-one .accordion-item .accordion-body {padding: 0 20px 20px;}
  .footer-one .email-banner h3 {text-align: center; margin-bottom: 30px;}
  .footer-one .email-banner form {margin: 0 auto;}
  .footer-one .email-banner form input {font-size: 18px;}
  .footer-one .copyright-text {position: static; text-align: center; padding-top: 35px;}
  .footer-one {padding-bottom: 40px;}
  .accordion-style-two {padding: 0 20px;}
  .accordion-style-two .accordion-item .accordion-button {font-size: 20px; padding: 25px 0;}
  .accordion-style-two .accordion-item .accordion-button:after {font-size: 30px;}
  .accordion-style-two .accordion-item .accordion-button:not(.collapsed) {padding-bottom: 20px;}
  .pricing-section-two .pr-table-wrapper .shape_01 {display: none;}
  .hero-banner-seven .hero-heading {font-size: 60px; letter-spacing: -4px; line-height: 1.1em;}
  .hero-banner-seven .hero-heading .shape {max-height: 50px;}
  .hero-banner-seven .hero-heading .smile_icon,.hero-banner-seven .hero-heading .shapes {display: none;}
  .hero-banner-seven .quote-bg {max-width: 300px;}
  .hero-banner-seven .quote-text {font-size: 20px;}
  .block-feature-twenty .img-box {max-width: 450px; margin-top: 40px;}
  .block-feature-twenty .img-box .text-sticker div {font-size: 18px;}
  .fancy-banner-eight .hero-heading {font-size: 60px; letter-spacing: -2px; line-height: 1.15em;}
  .fancy-banner-eight .hero-heading .shape {display: none;}
  .fancy-banner-eight .hero-heading .smile_icon,.fancy-banner-eight .hero-heading .shape_01 {display: none;}
  .title-eight h2 {font-size: 42px;}
  .feedback-section-five .feedback-wrapper .feedback-block:nth-child(1),
  .feedback-section-five .feedback-wrapper .feedback-block:nth-child(2) {margin-bottom: 25px;}
  .block-feature-thirtyOne .video-banner {height: 380px;}
  .accordion-style-one .accordion-item .accordion-button:after {width: 36px; height: 36px; line-height: 31px; font-size: 30px;}
  .blog-meta-one.style-two .post-meta .blog-title h4 {max-width: 100%;}
}
/*(max-width: 991px)*/
/*Grid md Start*/
@media (min-width: 992px) {
  
}



/*Between Grid md*/
/*(min-width: 768px) and (max-width: 991px)*/



/*Grid sm Start*/
@media (max-width: 767px) {
  .block-feature-nineteen .slider-arrows {position: static; margin: 15px auto 0;}
  .user-data-form {padding: 30px 20px 30px;}
  .user-data-form h2 {font-size: 35px; margin-bottom: 5px;}
  .user-data-form p {font-size: 18px;}
  .footer-two .bg-wrapper {border-radius: 30px;}
  .blog-section-one .grid-2column .grid-sizer,.blog-section-one .grid-2column .isotop-item {width: 100%;}
}
/*(max-width: 767px)*/




/*Between Grid sm*/
/*(min-width: 576px) and (max-width: 767px)*/




/*Extra Small breakpoints*/
@media (max-width: 575px) {
  .offcanvas.sidebar-nav {max-width: 95vw; width: 380px; padding: 20px;}
  .offcanvas.sidebar-nav .sidebar-nav-item .nav-item>a {font-size: 20px;}
  .hero-banner-three form button {width: 120px; font-size: 16px;}
  .hero-banner-three form input {padding-right: 125px;}
  .title-four h2 {font-size: 36px;}
  .hero-banner-seven .hero-heading {font-size: 50px; letter-spacing: -3px; line-height: 1.15em;}
  .hero-banner-seven .hero-heading .shape {max-height: 30px;}
  .feedback-section-seven .slick-dots {position: static; text-align: center; margin-top: 40px; justify-content: center;}
  .feedback-section-seven .shape_01 {display: none;}
  .block-feature-twentyOne .feature-block .counter-block.border-style {border-right: none; border-bottom: 1px solid #b6ded7;}
  .pricing-section-four .pr-column .shape {display: none;}
  .grid-2column .grid-sizer, .grid-2column .isotop-item {width: 100%;}
  .blog-meta-one .post-meta {padding: 0;}
  .blog-meta-one .post-meta .read-more {position: static; margin-top: 10px;}
  .pagination-one li a {font-size: 18px;}
  .blog-details .blog-details-post .bottom-widget .tags a {font-size: 13px; padding: 0 15px; line-height: 30px;}
}
/*(max-width: 575px)*/

/* =========================================================
   Testimonial Cards — Responsive Size Reduction
   Targets: .feedback-section-five .feedback-wrapper
   Touches only sizing; all colours, fonts & styling preserved
   ========================================================= */

/* Laptop / Large tablet (992px – 1399px) */
@media (max-width: 1399px) {
  .feedback-section-five .feedback-wrapper { max-width: 480px; }
  .feedback-section-five .feedback-wrapper .feedback-block { padding: 16px 18px 20px; border-radius: 18px; }
  .feedback-section-five .feedback-wrapper .feedback-block blockquote { font-size: 12px; line-height: 1.5em; margin: 8px 0 10px; }
  .feedback-section-five .feedback-wrapper .feedback-block .rating { font-size: 11px; }
  .feedback-section-five .feedback-wrapper .feedback-block:nth-child(1),
  .feedback-section-five .feedback-wrapper .feedback-block:nth-child(2) { margin-bottom: -120px; }
}

/* Tablet / Small laptop (max-width: 991px) */
@media (max-width: 991px) {
  .feedback-section-five .feedback-wrapper { max-width: 100%; margin-left: 0; margin-top: 30px; }
  .feedback-section-five .feedback-wrapper .feedback-block { padding: 14px 16px 18px; border-radius: 16px; }
  .feedback-section-five .feedback-wrapper .feedback-block blockquote { font-size: 11px; line-height: 1.45em; margin: 6px 0 10px; }
  .feedback-section-five .feedback-wrapper .feedback-block .rating { font-size: 10px; }
  .feedback-section-five .feedback-wrapper .feedback-block:nth-child(1),
  .feedback-section-five .feedback-wrapper .feedback-block:nth-child(2),
  .feedback-section-five .feedback-wrapper .feedback-block:nth-child(3) { margin-bottom: 10px; }
}

/* Mobile (max-width: 575px) */
@media (max-width: 575px) {
  .feedback-section-five .feedback-wrapper .feedback-block { padding: 12px 14px 16px; border-radius: 14px; }
  .feedback-section-five .feedback-wrapper .feedback-block blockquote { font-size: 11px; line-height: 1.4em; margin: 6px 0 8px; }
  .feedback-section-five .feedback-wrapper .feedback-block .rating { font-size: 10px; }
}

/* =========================================================
   Testimonials Section — Left Column Compact Layout
   Scoped to .feedback-section-five only; no global changes
   ========================================================= */

/* Laptop (992px – 1399px) */
@media (max-width: 1399px) {
  .feedback-section-five .wrapper { padding-top: 30px !important; padding-bottom: 150px !important; }
  .feedback-section-five .title-eight h2 { font-size: 38px; line-height: 1.15em; }
  .feedback-section-five .col-lg-5 .fs-22 { font-size: 15px; margin-top: 12px; margin-bottom: 24px; }
  .feedback-section-five .col-lg-5 .text-uppercase { font-size: 11px; margin-bottom: 6px; }
}

/* Tablet / Small laptop (max-width: 991px) */
@media (max-width: 991px) {
  .feedback-section-five .wrapper { padding-top: 30px !important; padding-bottom: 50px !important; }
  .feedback-section-five .title-eight h2 { font-size: 28px; line-height: 1.15em; }
  .feedback-section-five .col-lg-5 .fs-22 { font-size: 13px; margin-top: 8px; margin-bottom: 16px; }
  .feedback-section-five .col-lg-5 .text-uppercase { font-size: 10px; margin-bottom: 4px; }
}

/* Mobile (max-width: 575px) */
@media (max-width: 575px) {
  .feedback-section-five .title-eight h2 { font-size: 24px; }
  .feedback-section-five .col-lg-5 .fs-22 { font-size: 12px; }
}