/* 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: 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;}
}
/*(max-width: 1399px)*/



/*Between Grid xl*/
@media (min-width: 1200px) and (max-width: 1399px) {
  h2 {font-size: 60px;}
  .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;}
  .hero-banner-four .hero-heading {font-size: 80px;}
  .title-six h2 {font-size: 60px;}
  .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 .title h2 {font-size: 80px;}
  .feedback-block-three blockquote {font-size: 28px;}
  .accordion-style-six .accordion-item .accordion-button {font-size: 25px; padding: 30px 0;}
}
/*(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;}
  .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;}
  .btn-seven {line-height: 46px; padding: 0 35px;}
  .btn-seven.style-two {line-height: 50px;}
  .theme-main-menu .nav-item .nav-link {font-size: 20px; margin: 0 20px;}
  .theme-main-menu .gap-three {padding: 35px 24px;}
  .theme-main-menu.fixed .gap-three {padding: 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.version-two .bottom-footer {margin-top: 15px;}
  .footer-three .footer-contact .tel {font-size: 20px; margin: 10px 0 30px;}
  .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;}
  .card-style-six .icon {height: 100px;}
  .card-style-six h4 {font-size: 25px; margin-top: 35px;}
  .accordion-style-three .accordion-item .accordion-button {font-size: 22px; padding: 30px 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 .title h2 {font-size: 45px;}
  .feedback-block-three blockquote {font-size: 26px; margin-bottom: 30px;}
  .accordion-style-five .accordion-item .accordion-button {font-size: 20px;}
  .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;}
}
/*(max-width: 1199px)*/



/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner-four .hero-heading {font-size: 70px;}
  .hero-banner-four .illustration {top:21%;}
  .title-six h2 {font-size: 48px;}
}
/*(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;}
  .accordion-style-one .accordion-item .accordion-button {font-size: 20px; padding: 25px 15px;}
  .accordion-style-one .accordion-item .accordion-body {padding: 0 20px 20px;}
  .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;}
  .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;}
  .accordion-style-one .accordion-item .accordion-button:after {width: 36px; height: 36px; line-height: 31px; font-size: 30px;}
}
/*(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) {
  .user-data-form {padding: 30px 20px 30px;}
  .user-data-form h2 {font-size: 35px; margin-bottom: 5px;}
  .user-data-form p {font-size: 18px;}
}
/*(max-width: 767px)*/




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




/*Extra Small breakpoints*/
@media (max-width: 575px) {
  .feedback-section-seven .slick-dots {position: static; text-align: center; margin-top: 40px; justify-content: center;}
  .feedback-section-eight .slick-dots {position: static; justify-content: center; margin-top: 40px;}
  .feedback-section-four .slick-dots {position: static; padding: 50px 0 0; justify-content: center;}
}
/*(max-width: 575px)*/