/* Responsive CSS Document */

/* 
    Created on   : 15/10/2024.
    Theme Name   : Piku - 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;}
  .container.lg {max-width: 1550px;}

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

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

/*Grid xl Start*/
@media (max-width: 1399px) { 
  .fs-20 {font-size: 18px;}
  .block-feature-five .filter-nav .nav-link {font-size: 18px;}
  .footer-three .footer-intro h3 {font-size: 34px;}
  .block-feature-twenty .img-box .shape_01 {display: none;}
  .card-style-ten {padding: 30px 25px 40px;}
  .card-style-ten .icon {max-height: 120px;}
  .contact-banner-one .text .title {font-size: 20px; margin-bottom: 3px;}
  .footer-three.dark-version .address-wrapper .block {padding: 25px 20px;}
  .footer-three.dark-version .address-wrapper .block .text .title {font-size: 20px;}
  .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;}
  .hero-banner-one .client-logo-wrapper {width: 55%;}
  .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-two .hero-heading {font-size: 82px;}
  .title-two h2 {font-size: 60px; letter-spacing: -1.2px;}
  .card-style-two .wrapper h3 {font-size: 34px;}
  .block-feature-six blockquote {font-size: 50px;}
  .card-style-three .main-count {font-size: 80px; margin-top: 45px;}
  .feedback-section-two h2 {font-size: 70px;}
  .pricing-section-one .pr-column-wrapper .pr-header .price {font-size: 62px;}
  .fancy-banner-two h2 {font-size: 60px;}
  .hero-banner-three .hero-heading {font-size: 72px;}
  .title-four h2 {font-size: 60px;}
  .card-style-four {padding: 30px 25px 20px;}
  .card-style-four .main-count {font-size: 70px; margin: 40px 0;}
  .title-five h2 {font-size: 70px;}
  .feedback-section-three h3 {font-size: 100px;}
  .feedback-block-two blockquote {font-size: 22px; margin-bottom: 35px;}
  .feedback-block-two {padding: 40px 40px 35px;}
  .fancy-banner-three h2 {font-size: 64px;}
  .hero-banner-six .hero-heading {font-size: 70px;}
  .fancy-banner-six .wrapper h2 {font-size: 45px;}
  .counter-block-two .main-count {font-size: 65px;}
  .title-nine h2 {font-size: 54px;}
  .card-style-eight .icon {max-height: 180px;}
  .block-feature-eighteen .feature-block h3 {font-size: 40px;}
  .feedback-section-six blockquote {font-size: 64px;}
  .pricing-section-five .pr-column .price {font-size: 75px;}
  .footer-five {padding: 130px 50px 70px;}
  .footer-five .newsletter h3 {font-size: 40px;}
  .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;}
  .counter-section-one .main-count {font-size: 70px;}
  .project-block-one .text-meta {padding: 40px 40px;}
  .project-block-one .text-meta .title {font-size: 38px; margin-top: 70px;}
  .project-block-one .text-meta p {margin-bottom: 50px;}
  .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;}
  .theme-main-menu .search-form input {width: 250px;}
  .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;}
  .block-feature-twentyTwo .feature p {font-size: 25px;}
  .card-style-ten h4 {font-size: 25px;}
  .feedback-section-eight blockquote {font-size: 46px;}
  .accordion-style-four .accordion-item .accordion-button {font-size: 25px; padding: 25px 0;}
  .accordion-style-four .accordion-item .accordion-button:not(.collapsed) {padding-bottom: 20px;}
  .pricing-section-seven .pr-table-wrapper .pr-column .pr-header {padding: 40px 15px 45px;}
  .feedback-block-four blockquote {font-size: 28px;}
  .hero-banner-nine .hero-heading {font-size: 72px;}
  .title-eleven h2 {font-size: 52px;}
  .pricing-section-six .pr-column .price {font-size: 65px; margin-bottom: 0;}
  .block-feature-twentySix .block-one h3,
  .block-feature-twentySix .block-two h3 {font-size: 35px;}
  .block-feature-twentySix .block-three blockquote,
  .block-feature-twentySix .block-four h3 {font-size: 28px;}
  .feedback-section-nine h2 {font-size: 100px;}
  .feedback-section-nine .feedback-block blockquote {font-size: 28px; margin-bottom: 50px;}
  .fancy-banner-ten .wrapper h2 {font-size: 40px;}
  .footer-three.dark-version .address-wrapper h2 {font-size: 44px;}
  .hero-banner-four .hero-heading {font-size: 80px;}
  .title-six h2 {font-size: 60px;}
  .block-feature-thirteen .counter-box h2 {font-size: 45px; margin-bottom: -2px;}
  .accordion-style-three .accordion-item .accordion-button {font-size: 28px;}
  .block-feature-fourteen .filter-nav .nav-link {font-size: 18px; padding: 13px 40px 13px 60px;}
  .block-feature-fourteen .filter-nav .nav-link .icon {left: 25px;}
  .title-seven h2 {font-size: 45px;}
  .feedback-section-four .card-wrapper h2 {font-size: 40px;}
  .feedback-section-four .title h2 {font-size: 80px;}
  .feedback-block-three blockquote {font-size: 28px;}
  .hero-banner-five .fact-feature h3 {font-size: 24px;}
  .card-style-seven h4 {font-size: 28px;}
  .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,.video-banner-one .bg-wrapper {height: 600px;}
  .accordion-style-six .accordion-item .accordion-button {font-size: 25px; padding: 30px 0;}
  .inner-banner-three h2 {font-size: 80px;}
  .project-block-five h4 {font-size: 34px;}
  .blog-meta-two figure {height: 400px;}
  .blog-meta-two .post-meta .blog-title h4 {font-size: 35px;}
  .blog-meta-one.style-two .post-meta .blog-title h4 {font-size: 26px;}
  .map-banner-one {height: 500px;}
}
/*(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;}
  .hero-banner-one .hero-heading {font-size: 70px;}
  .counter-block-one .main-count {font-size: 60px; margin-bottom: -12px;}
  .accordion-style-one .accordion-item .accordion-button {font-size: 22px; padding: 30px 20px;}
  .card-style-two .wrapper p {font-size: 20px;}
  .accordion-style-two .accordion-item .accordion-button {font-size: 22px; padding: 30px 0;}
  .hero-banner-eight .hero-heading {font-size: 74px;}
  .gap-40 {padding-left: 25px; padding-right: 25px;}
  .hero-banner-five .hero-heading {font-size: 135px;}
  .hero-banner-five .fact-feature {width: 32%;}
  .block-feature-sixteen .feature-block h3 {font-size: 40px;}
  .block-feature-sixteen .feature-block .list-item li {font-size: 20px;}
}
/* (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,.btn-two {font-size: 18px; line-height: 46px; padding: 0 32px;}
  .btn-three {font-size: 18px; line-height: 50px; padding: 0 38px;}
  .btn-two.xl {padding: 0 50px;}
  .btn-four {font-size: 15px; line-height: 48px; padding: 0 25px;}
  .btn-six {font-size: 18px; line-height: 50px; padding: 0 35px;}
  .btn-seven {line-height: 50px; padding: 0 35px;}
  .btn-nine {line-height: 55px; font-size: 15px; padding: 0 35px;}
  .btn-ten {line-height: 53px; font-size: 15px; padding: 0 35px;}
  .btn-eleven {font-size: 18px; line-height: 50px;}
  .btn-sixteen {line-height: 48px; padding: 0 35px;}
  .btn-seventeen {line-height: 50px; font-size: 15px;}
  .btn-five {line-height: 50px; font-size: 15px; min-width: auto;}
  .btn-eighteen {line-height: 46px; padding: 0 30px;}
  .btn-thirteen {line-height: 50px; font-size: 18px; padding: 0 32px;}
  .btn-fourteen {line-height: 48px; font-size: 18px; padding: 0 35px;}
  .btn-twenty {font-size: 18px; line-height: 46px;}
  .theme-main-menu .login-btn-three {line-height: 48px; padding: 0 35px;}
  .theme-main-menu .nav-item .nav-link {font-size: 20px; margin: 0 20px;}
  .theme-main-menu.menu-style-one .bg-wrapper {padding: 15px 12px;}
  .theme-main-menu .gap-three {padding: 35px 24px;}
  .theme-main-menu.fixed .gap-three {padding: 12px;}
  .block-feature-one .img-holder {padding-left: 25%;}
  .block-feature-one .img-holder .card_01 {max-width: 95%;}
  .block-feature-one .img-holder .card_02 {max-width: 100%; bottom: -22%;}
  .block-feature-one .img-holder .shape_01 {max-width: 100%; left: 0;}
  .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;}
  .theme-main-menu .login-btn-one {font-size: 18px;}
  .title-two h2 {font-size: 40px; letter-spacing: -1.2px;}
  .card-style-two .wrapper h3 {font-size: 26px;}
  .card-style-two .wrapper {padding: 25px 20px; border-radius: 15px;}
  .card-style-two .wrapper .icon {width: 50px; height: 50px;}
  .card-style-two .wrapper .pointer {height: 45px; bottom: auto; top:105%; right: 24%;}
  .block-feature-five .filter-nav .nav-link {padding: 12px 25px 12px 50px; margin-bottom: 15px;}
  .block-feature-five .filter-nav .nav-link .icon {left: 18px; width: 18px;}
  .card-style-three {padding: 40px 20px 30px; border-radius: 20px;}
  .card-style-three .main-count {font-size: 50px; margin: 35px 0 -2px; letter-spacing: -1px;}
  .block-feature-six blockquote {font-size: 35px; letter-spacing: -1px; padding-right: 40px; line-height: 1.6em;}
  .block-feature-six blockquote .icon {width: 35px;}
  .block-feature-six .media-block {height: 350px; padding: 0 25px 40px;}
  .block-feature-six .media-block .name-card h6 {font-size: 20px;}
  .feedback-section-two .upper-text {font-size: 18px;}
  .feedback-section-two h2 {font-size: 42px; line-height: 1.22em;}
  .feedback-section-two h2 img {height: 45px;}
  .block-feature-seven .logo-wrapper img {margin: 20px 5px;}
  .pricing-section-one .pr-column-wrapper {width: 33.333%;}
  .pricing-section-one .pr-column-wrapper ul li span {display: block;}
  .pricing-section-one .pr-column-wrapper .pr-header .price {font-size: 35px; margin: 5px 0;}
  .pricing-section-one .pr-column-wrapper .pr-header p {font-size: 14px;}
  .pricing-section-one .pr-column-wrapper .pr-header {height: auto;}
  .pricing-section-one .pr-column-wrapper ul li:first-child,
  .pricing-section-one .pr-column-wrapper ul li:nth-child(2),
  .pricing-section-one .pr-column-wrapper ul li {height: auto;}
  .pricing-section-one .pr-column-wrapper ul li {padding: 25px 0;}
  .pricing-section-one .pr-column-wrapper .pr-footer {padding: 30px 12px;}
  .title-two .pointer {font-size: 18px; line-height: 38px; padding: 0 45px 0 20px; margin-bottom: 15px;}
  .fancy-banner-two h2 {font-size: 42px; margin-bottom: 35px;}
  .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.version-two .bottom-footer {margin-top: 15px;}
  .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;}
  .card-style-four {padding: 25px 20px 20px;}
  .card-style-four .main-count {font-size: 50px; margin: 35px 0;}
  .block-feature-nine .img-holder {padding: 15px; border-radius: 15px;}
  .title-five h2 {font-size: 50px;}
  .feedback-section-three h3 {font-size: 60px;}
  .feedback-section-three .text1 {font-size: 22px;}
  .feedback-block-two blockquote {font-size: 20px; margin-bottom: 35px;}
  .feedback-block-two {padding: 30px 20px 30px;}
  .feedback-section-three .avatar-group {width: 60px; height: 60px;}
  .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;}
  .fancy-banner-three h2 {font-size: 45px;}
  .footer-four .wrapper {padding: 40px 20px 40px;}
  .footer-four .copyright-text {margin: 15px 0;}
  .footer-four .footer-newsletter h6 {font-size: 20px; margin-bottom: 25px;}
  .fancy-banner-six .wrapper h2 {font-size: 38px;}
  .counter-block-two .main-count {font-size: 45px; margin-bottom: -5px;}
  .fancy-banner-six .wrapper {padding: 20px 15px;}
  .fancy-banner-six .shape_03 {display: none;}
  .fancy-banner-six .shape_02,.fancy-banner-six .shape_01 {max-width: 8%;}
  .title-nine .upper-title {font-size: 15px;}
  .title-nine h2 {font-size: 40px;}
  .card-style-eight .icon {height: 150px;}
  .card-style-eight {padding: 45px 20px 30px;}
  .card-style-eight h5 {font-size: 24px; margin: 35px 0 20px;}
  .block-feature-eighteen .feature-block h3 {font-size: 35px;}
  .block-feature-eighteen .feature-block {padding-left: 20px; padding-right: 20px; border-radius: 30px;}
  .pricing-section-five .pr-column {padding: 40px 20px 30px; border-radius: 20px;}
  .pricing-section-five .pr-column .plane-name {font-size: 16px;}
  .pricing-section-five .pr-column .price {font-size: 44px;}
  .footer-five {padding: 80px 30px 30px;}
  .footer-five .newsletter {margin-bottom: 30px;}
  .footer-five .newsletter h3 {font-size: 32px;}
  .footer-five .newsletter form h6 {font-size: 18px;}
  .footer-five .newsletter form input {height: 60px; font-size: 18px;}
  .footer-five .newsletter form button {width: 50px; height: 50px; padding: 12px;}
  .footer-five .footer-contact .tel {font-size: 20px; margin: 20px 0 35px;}
  .footer-five .copyright-text {position: static; padding-top: 20px;}
  .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;}
  .counter-section-one .main-count {font-size: 50px; letter-spacing: -1px; margin-bottom: -10px;}
  .project-block-one .text-meta {padding: 20px 30px 40px;}
  .project-block-one .text-meta .title {font-size: 28px; line-height: 1.4em; letter-spacing: -1px; margin-top: 50px;}
  .project-block-one .text-meta p {font-size: 22px; margin-bottom: 30px;}
  .project-block-one .text-meta .num {font-size: 28px;}
  .project-block-one .text-meta .arow-icon {top:15px;}
  .project-block-one .text-meta li a {font-size: 14px; line-height: 45px; padding: 0 25px;}
  .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;}
  .hero-banner-eight form input {height: 60px; width: calc(100% - 170px);}
  .hero-banner-eight form button {height: 60px; width: 160px;}
  .hero-banner-eight li {font-size: 18px;}
  .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;}
  .title-ten .upper-title {font-size: 16px;}
  .block-feature-twentyTwo .feature .num {font-size: 20px; padding-bottom: 16px; margin-bottom: 25px;}
  .block-feature-twentyTwo .feature p {font-size: 20px; line-height: 1.4em;}
  .card-style-ten h4 {font-size: 22px; margin-top: 35px;}
  .feedback-section-eight blockquote {font-size: 28px; line-height: 1.3em; margin-bottom: 35px;}
  .feedback-section-eight .wrapper {border-radius: 15px;}
  .feedback-section-eight .rating li {font-size: 18px;}
  .feedback-section-eight .name {margin-bottom: 35px;}
  .accordion-style-four .accordion-item .accordion-button {font-size: 22px; padding: 22px 0;}
  .accordion-style-four .accordion-item .accordion-button:not(.collapsed) {padding-bottom: 15px;}
  .accordion-style-four .accordion-item {padding: 0 15px; margin-bottom: 18px;}
  .accordion-style-four .accordion-item .accordion-button:after {width: 40px; height: 40px; line-height: 36px; font-size: 30px;}
  .accordion-style-four .accordion-item .accordion-body {padding-bottom: 30px;}
  .accordion-style-four .accordion-item .accordion-body p {font-size: 18px;}
  .contact-banner-one h5 {font-size: 25px; letter-spacing: 0;}
  .contact-banner-one .skew-line:before {display: none;}
  .title-ten h2 .line {height: 8px;}
  .gap-40 {padding-left: 12px; padding-right: 12px;}
  .hero-banner-ten .hero-heading {font-size: 40px; letter-spacing: -0.5px; line-height: 1.2em;}
  .card-style-thirteen .text h6 {font-size: 20px;}
  .card-style-fourteen {padding: 40px 15px 80px;}
  .card-style-fourteen .icon {height: 80px;}
  .card-style-fourteen h4 {font-size: 22px; margin-top: 35px;}
  .pricing-section-seven .pr-table-wrapper .pr-column:first-child {display: none;}
  .pricing-section-seven .pr-table-wrapper .pr-column {width: 33.33333%;}
  .pricing-section-seven .pr-table-wrapper .pr-column .pr-header {padding: 25px 15px 30px; min-height: auto;}
  .pricing-section-seven .pr-table-wrapper .pr-column .pr-header .price {font-size: 36px; margin: 0 0 10px;}
  .pricing-section-seven .pr-table-wrapper .pr-column .feature-list li span {display: block; font-size: 15px;}
  .pricing-section-seven .pr-table-wrapper .pr-column .feature-list li {padding: 15px 15px; min-height: 75px;}
  .pricing-section-seven .pr-table-wrapper .pr-column:nth-child(2) {border-left: none;}
  .block-feature-twentyEight .block-feature .card-one h4,
  .block-feature-twentyEight .block-feature .card-two h4 {font-size: 22px;}
  .block-feature-twentyEight .block-feature .card-one {width: 285px; padding: 20px 15px;}
  .block-feature-twentyEight .block-feature .card-two {width: 220px; padding: 20px 15px;}
  .feedback-block-four {padding: 25px 20px 30px;}
  .feedback-block-four blockquote {font-size: 24px; line-height: 1.4em; margin: 35px 0 50px;}
  .card-style-eleven {padding: 20px 20px 20px; border-radius: 20px;}
  .card-style-eleven h4 {font-size: 22px;}
  .block-feature-twentyFour form {margin: 60px 0 20px;}
  .block-feature-twentyFour form input {height: 65px; width: calc(100% - 150px); font-size: 18px;}
  .block-feature-twentyFour form button {height: 65px; width: 150px; font-size: 20px;}
  .title-eleven h2 {font-size: 42px; line-height: 1.2em;}
  .pricing-section-six .pr-column {padding: 30px 20px 50px;}
  .pricing-section-six .pr-column .plane-name {font-size: 26px;}
  .pricing-section-six .pr-column .save-line {margin-top: 20px;}
  .pricing-section-six .pr-column .price {font-size: 42px; letter-spacing: 0; margin: 10px 0 5px;}
  .pricing-section-six .pr-column h6 {font-size: 22px; margin: 40px 0 35px;}
  .card-style-twelve h4 {font-size: 22px;}
  .block-feature-twentySix .block-one,
  .block-feature-twentySix .block-two,.block-feature-twentySix .block-four {padding: 20px 15px; border-radius: 30px;}
  .block-feature-twentySix .block-one h3 {font-size: 26px; margin-top: 40px;}
  .block-feature-twentySix .block-three {padding: 20px 20px 100px; border-radius: 30px;}
  .block-feature-twentySix .block-three blockquote,
  .block-feature-twentySix .block-two h3 {font-size: 26px;}
  .block-feature-twentySix .block-four h3 {font-size: 26px; margin-bottom: 40px;}
  .feedback-section-nine h2 {font-size: 60px; margin-bottom: 10px;}
  .feedback-section-nine .feedback-block {padding: 30px 25px 35px;}
  .feedback-section-nine .feedback-block .logo {height: 32px;}
  .feedback-section-nine .feedback-block blockquote {font-size: 24px; margin: 30px 0 40px;}
  .feedback-section-nine .feedback-block .icon {width: 40px;}
  .fancy-banner-ten .wrapper {padding: 0 25px 40px; border-radius: 30px;}
  .fancy-banner-ten .wrapper .video-btn {width: 80px; height: 80px; font-size: 40px;}
  .fancy-banner-ten .wrapper h2 {width: calc(100% - 80px); font-size: 32px; padding-left: 15px;}
  .footer-three.dark-version {padding: 60px 0 30px;}
  .footer-three.dark-version .copyright-text {position: static; padding-top: 50px;}
  .footer-three.dark-version .address-wrapper h2 {font-size: 35px; margin-bottom: 0;}
  .card-style-six .icon {height: 100px;}
  .card-style-six h4 {font-size: 25px; margin-top: 35px;}
  .card-style-six.border-line::before {right: -25%;}
  .block-feature-thirteen .counter-box h2 {font-size: 32px; margin-bottom: -2px; letter-spacing: 0;}
  .accordion-style-three .accordion-item .accordion-button {font-size: 22px; padding: 30px 0;}
  .block-feature-thirteen .counter-box {padding: 15px 32px 0;}
  .block-feature-fourteen .filter-nav .nav-link {font-size: 16px; padding: 10px 30px 10px 50px;}
  .block-feature-fourteen .filter-nav .nav-link .icon {left: 20px; width: 15px;}
  .title-seven h2 {font-size: 38px;}
  .feedback-section-four .card-wrapper {padding: 15px;}
  .feedback-section-four .card-wrapper img {width: 150px;}
  .feedback-section-four .card-wrapper h2 {font-size: 30px; margin-bottom: -2px;}
  .feedback-section-four .title h2 {font-size: 45px;}
  .feedback-block-three blockquote {font-size: 26px; margin-bottom: 30px;}
  .feedback-section-four .rating li span{font-size: 18px;}
  .pricing-section-three .pr-column .price {font-size: 55px; margin-top: -5px;}
  .pricing-section-three .pr-column .price sup {font-size: 20px; top: -1.5em}
  .pricing-section-three .pr-column {padding: 30px 15px;}
  .pricing-section-three .pr-column .illustration {height: 150px;}
  .pricing-nav-two .nav .nav-link {width: 130px; line-height: 50px;}
  .hero-banner-five .badge-tag {font-size: 16px;}
  .hero-banner-five .fact-feature h3 {font-size: 22px;}
  .card-style-seven .icon {height: 50px;}
  .card-style-seven h4 {font-size:24px;}
  .block-feature-sixteen .feature-block {padding: 30px 20px 30px; border-radius: 30px;}
  .app-integration-one .logo-wrapper .logo-box {width: 100px; height: 100px; padding: 25px;}
  .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,
  .video-banner-one .bg-wrapper .video-btn {width: 80px; height: 80px; font-size: 40px;}
  .block-feature-thirtyOne .video-banner {border-radius: 30px; border-width: 5px;}
  .team-section-one .team-block .text h5 {font-size: 20px; margin-top: 5px;}
  .team-section-one .team-block .text {padding: 20px 15px 0;}
  .inner-banner-one h2 {font-size: 45px; letter-spacing: -1px; margin-bottom: 10px;}
  .inner-banner-one ul li {font-size: 18px;}
  .team-section-two .team-block .text h6 {font-size: 20px; margin-bottom: 10px;}
  .block-feature-seven.bg-fifteen .logo-wrapper .logo {width: 80px; height: 80px; border-radius: 15px; margin: 15px 10px; padding: 18px;}
  .feedback-block-five {padding: 35px 25px 20px;}
  .feedback-block-five blockquote {font-size: 20px; margin-bottom: 40px;}
  .service-details .wrapper h3 {font-size: 28px; margin: 55px 0 25px;}
  .accordion-style-six .accordion-item {padding: 0 15px;}
  .accordion-style-six .accordion-item .accordion-button {font-size: 22px; padding: 22px 0;}
  .accordion-style-six .accordion-item .accordion-button:after {width: 40px; height: 40px; line-height: 36px; font-size: 30px;}
  .accordion-style-six .accordion-item .accordion-button:not(.collapsed) {padding-bottom: 18px;}
  .accordion-style-six .accordion-item .accordion-body {padding-bottom: 25px;}
  .price-compare-table table tbody th {font-size: 18px;}
  .price-compare-table table tbody th, .price-compare-table table tbody td {padding: 25px 0;}
  .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;}
  .project-block-three h6 {font-size: 20px;}
  .grid-2column.xl {margin: 0 -20px;}
  .project-block-three .media-img {border-radius: 15px;}
  .grid-2column.xl .grid-sizer, .grid-2column.xl .isotop-item {padding: 0 20px;}
  .project-block-five h4 {font-size: 24px; margin-top: 5px;}
  .project-block-five .media-img {border-radius: 15px;}
  .project-block-five span {font-size: 15px;}
  .project-details .project-info li:before {display: none;}
  .project-details .media-lg,.project-details .media-md {border-radius: 15px;}
  .project-details h3 {font-size: 36px; margin-top: 55px;}
  .project-details p {font-size: 20px; margin-bottom: 30px;}
  .project-details .page-pagination .pr-name {font-size: 20px;}
  .project-details .page-pagination .pr-dir {font-size: 14px;}
  .project-details .page-pagination i {width: 50px; height: 50px; line-height: 48px;}
  .project-details .page-pagination {padding: 30px 0;}
  .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-two figure {height: 300px; padding: 20px; border-radius: 20px;}
  .blog-meta-two figure .date {font-size: 14px;}
  .blog-meta-two .post-meta .blog-title h4 {font-size: 26px; line-height: 1.3em;}
  .blog-meta-three {padding: 50px 20px 30px; border-radius: 20px;}
  .blog-meta-three .post-meta .blog-title h4 {font-size: 26px; line-height: 1.5em;}
  .blog-sidebar .sidebar-title {font-size: 24px;}
  .blog-sidebar .blog-category li a {font-size: 18px;}
  .blog-sidebar .blog-recent-news .recent-news .blog-title h3 {font-size: 20px;}
  .blog-sidebar .contact-banner h3 {font-size: 28px;}
  .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;}
  .contact-section-three .address-wrapper {border-radius: 15px;}
  .contact-section-three .address-wrapper .wrapper {padding: 25px 20px 5px; border-radius: 15px;}
  .contact-section-three .address-wrapper li h6 {font-size: 22px; margin-bottom: 15px;}
  .contact-section-three .address-wrapper li p {font-size: 18px;}
  .card-style-sixteen {padding: 30px 15px 20px; border-radius: 20px; border: 1px solid #efefef;}
  .card-style-sixteen h6 {font-size: 26px;}
  .card-style-sixteen p {padding: 20px 0 15px;}
}
/*(max-width: 1199px)*/



/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner-one .client-logo-wrapper {width: 52%; bottom: 75px;}
  .title-one h2 {font-size: 45px; line-height: 1.1em;}
  .hero-banner-two .hero-heading {font-size: 52px; letter-spacing: -2px;}
  .block-feature-seven .logo-wrapper img {width: 75px; height: 75px;}
  .hero-banner-six .hero-heading {font-size: 55px; letter-spacing: -2px;}
  .hero-banner-six .illustration {max-width: 52%;}
  .fancy-banner-six {padding: 0 60px;}
  .feedback-section-six blockquote {font-size: 54px; line-height: 1.3em;}
  .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;}
  .hero-banner-eight .illustration {max-width: 32%;}
  .hero-banner-nine .hero-heading {font-size: 60px; line-height: 1.05em;}
  .hero-banner-four .hero-heading {font-size: 70px;}
  .hero-banner-four .illustration {top:21%;}
  .title-six h2 {font-size: 48px;}
  .hero-banner-five .illustration {top:19%;}
  .title-eight h2 {font-size: 62px;}
  .block-feature-thirtyOne .video-banner,.video-banner-one .bg-wrapper {height: 480px;}
  .project-details .project-info li {width: 20%;}
  .map-banner-one {height: 400px;}
}
/*(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;}
  .theme-main-menu .mega-dropdown .col-lg-3 {width: 100%; max-width: 100%;}
  .theme-main-menu .mega-dropdown .home-item {margin: 10px 0;}
  .theme-main-menu .mega-dropdown .home-item span {font-size: 16px;}
  .hero-banner-one .hero-heading {font-size: 45px;}
  .hero-banner-one .hero-heading img {width: 42px;}
  .hero-banner-one .client-logo-wrapper {position: static; width: 100%;}
  .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;}
  .hero-banner-two .hero-heading {font-size: 45px; letter-spacing: -1px; line-height: 1.2em;}
  .card-style-two .wrapper p {font-size: 18px;}
  .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;}
  .theme-main-menu .download-btn-one {line-height: 46px; padding: 0 22px;}
  .hero-banner-six .hero-heading {font-size: 45px; letter-spacing: -1px; line-height: 1.1em;}
  .fancy-banner-six {padding: 0 15px;}
  .fancy-banner-six .wrapper h2 {text-align: center; margin-bottom: 30px;}
  .feedback-section-six blockquote {font-size: 35px; line-height: 1.4em; margin-bottom: 30px;}
  .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;}
  .hero-banner-eight .hero-heading {font-size: 45px; line-height: 1.1em;}
  .hero-banner-eight .hero-heading span:before {height: 8px; left: 0; width: 100%;}
  .hero-banner-eight .illustration {position: relative; max-width: 500px; padding: 0 15px; margin: 60px auto 0; right: auto;}
  .hero-banner-eight .illustration .shape_01 {right: 0; max-width: 100%;}
  .block-feature-twentyTwo .shape_01 {position: relative; margin: 40px 0 0 auto; max-width: 100%; padding-left: 12px;}
  .hero-banner-ten .bg:before,.fancy-banner-eleven .bg-wrapper:before {background: rgba(255, 255, 255, 0.9);}
  .hero-banner-nine .hero-heading {font-size: 44px; line-height: 1.05em;}
  .block-feature-twentySix .block-two img {margin: 20px auto 0;}
  .fancy-banner-ten .wrapper .illustration {transform: translateY(-50px);}
  .footer-three.dark-version .address-wrapper {margin-bottom: 40px;}
  .hero-banner-four .hero-heading {font-size: 42px;}
  .hero-banner-four .illustration {position: static; max-width: 100%; margin: 40px auto 0;}
  .hero-banner-four form {height: 65px;}
  .hero-banner-four .wrapper {padding: 150px 12px 50px;}
  .hero-banner-four form button {width: 130px;}
  .hero-banner-four form input {padding-right: 132px;}
  .title-six h2 {font-size: 40px;}
  .block-feature-thirteen .counter-box.box-one {top:0;}
  .hero-banner-five .hero-heading {font-size: 100px; letter-spacing: -6px; line-height: 0.92em;}
  .hero-banner-five .hero-heading span {margin-bottom: -10px;}
  .hero-banner-five .fact-feature .icon {width: 50px; height: 50px; font-size: 26px; border-width: 2px;}
  .hero-banner-five .fact-feature {width: 100%;}
  .hero-banner-five .fact-feature h3 {width: calc(100% - 50px); padding-left: 20px;}
  .hero-banner-five .illustration {position: static; margin: 20px 0 0 auto; max-width: 100%;}
  .block-feature-sixteen .feature-block h3 {font-size: 36px;}
  .block-feature-sixteen .feature-block p {margin-top: 20px;}
  .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,.video-banner-one .bg-wrapper {height: 380px;}
  .team-section-one .section-btn {position: static;}
  .accordion-style-one .accordion-item .accordion-button:after {width: 36px; height: 36px; line-height: 31px; font-size: 30px;}
  .filter-nav-two .isotop-menu-wrapper li {font-size: 15px; padding: 0 18px;}
  .project-section-six .slider-arrows {position: static; margin-top: 40px;}
  .project-section-six .slider-arrows li {width: 50px; height: 50px; line-height: 50px; font-size: 18px;}
  .blog-meta-one.style-two .post-meta .blog-title h4 {max-width: 100%;}
  .map-banner-one {height: 350px;}
}
/*(max-width: 991px)*/
/*Grid md Start*/
@media (min-width: 992px) {
  
}



/*Between Grid md*/
@media (min-width: 768px) and (max-width: 991px) {
  .block-feature-seven .logo-wrapper img {width: 60px; height: 60px;}
  .hero-banner-six .illustration {max-width: 45%;}
  .grid-3column .grid-sizer, .grid-3column .isotop-item {width: 50%;}
  .project-details .project-info li {width: calc(50% - 20px);}
  
}
/*(min-width: 768px) and (max-width: 991px)*/



/*Grid sm Start*/
@media (max-width: 767px) {
  .hero-banner-one .illustration,.footer-five .shape_03,
  .footer-five .shape_02 {display: none;}
  .pricing-section-one .pr-column-wrapper {width: 100%; border: none;}
  .pricing-section-one .shape_03 {right: 10%;}
  .hero-banner-six .illustration {position: relative; max-width: 600px; margin: 50px 0 0 auto;}
  .footer-five {padding: 80px 12px 30px;}
  .block-feature-nineteen .slider-arrows {position: static; margin: 15px auto 0;}
  .counter-section-one .skew-line:before {display: none;}
  .project-block-one .text-meta .arow-icon {position: static; margin-bottom: 20px;}
  .pricing-section-seven .pr-table-wrapper .pr-column {width: 100%;}
  .pricing-section-seven .pr-table-wrapper .pr-column.popular {margin: 60px 0;}
  .block-feature-twentyEight .block-feature .card-one {right: 0;}
  .block-feature-twentyEight .block-feature .card-two {left: 0;}
  .block-feature-twentySix .block-three .shape_01 {display: none;}
  .feedback-section-nine .wrapper {width: 100%; padding: 0 12px; transform: none; position: static;}
  .inner-banner-one .bg {background-position: center;}
  .feedback-section-eleven .wrapper {width: 100%; transform: none; left: 0; padding: 12px;}
  .user-data-form {padding: 30px 20px 30px;}
  .user-data-form h2 {font-size: 35px; margin-bottom: 5px;}
  .user-data-form p {font-size: 18px;}
  .project-block-two .btn-one {width: 60px; height: 60px; line-height: 60px;}
  .project-block-three .media-img {border-radius: 10px;}
  .project-details .project-info li {width: 100%;}
  .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*/
@media (min-width: 576px) and (max-width: 767px) {
  .block-feature-seven .logo-wrapper img {width: 55px; height: 55px;}
  .grid-3column .grid-sizer, .grid-3column .isotop-item {width: 50%;}

}
/*(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;}
  .block-feature-three .img-holder-one .shape_01,
  .block-feature-three .img-holder-two .shape_01 {max-width: 100%; transform: none; left: 0;}
  .block-feature-five .filter-nav .nav-link {font-size: 16px;}
  .block-feature-five .shape_01 {top:24%;}
  .block-feature-six blockquote {font-size: 30px;}
  .title-two h2 {font-size: 35px; line-height: 1.35em;}
  .feedback-section-two h2 {font-size: 36px;}
  .block-feature-seven .logo-wrapper img {width: 35px; height: 35px;}
  .hero-banner-three form button {width: 120px; font-size: 16px;}
  .hero-banner-three form input {padding-right: 125px;}
  .block-feature-eight .wrapper {width: 100%;}
  .title-four h2 {font-size: 36px;}
  .feedback-section-three .slider-wrapper {width: 100%;}
  .theme-main-menu .download-btn-one {font-size: 16px; padding: 0 15px;}
  .fancy-banner-six .wrapper {padding: 20px 30px;}
  .fancy-banner-six .wrapper h2 {font-size: 32px;}
  .block-feature-eighteen .feature-block h3 {font-size: 30px; line-height: 1.25em;}
  .hero-banner-seven .hero-heading {font-size: 50px; letter-spacing: -3px; line-height: 1.15em;}
  .hero-banner-seven .hero-heading .shape {max-height: 30px;}
  .project-block-one .text-meta {padding: 20px 15px 40px;}
  .feedback-section-seven .slick-dots {position: static; text-align: center; margin-top: 40px; justify-content: center;}
  .feedback-section-seven .shape_01 {display: none;}
  .hero-banner-eight form input {width: 100%; margin-bottom: 10px;}
  .block-feature-twentyOne .feature-block .counter-block.border-style {border-right: none; border-bottom: 1px solid #b6ded7;}
  .feedback-section-eight .slick-dots {position: static; justify-content: center; margin-top: 40px;}
  .feedback-section-eight .wrapper {padding: 35px 12px;}
  .hero-banner-nine .illustration {position: static; margin: 20px auto 0; max-width: 500px;}
  .feedback-section-four .slick-dots {position: static; padding: 50px 0 0; justify-content: center;}
  .pricing-section-four .pr-column .shape {display: none;}
  .feedback-block-five {margin-bottom: 50px;}
  .grid-2column .grid-sizer, .grid-2column .isotop-item,
  .grid-3column .grid-sizer, .grid-3column .isotop-item {width: 100%;}
  .project-section-six .wrapper {width: 200vw;}
  .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)*/