/* XL Device :1200px. */

@media screen and (max-width: 1449px) {
   .choose__card__title h4 {
      font-size: 30px;
   }

   .choose__card__title p {
      font-size: 20px;
   }

   .card__icon {
      height: 130px;
      width: 130px;
      margin-bottom: 20px;
   }

   .common__card__content h3 {
      font-size: 26px;
      margin-bottom: 20px;
   }

   .common__card__content p {
      font-size: 22px;
   }

   .common__button {
      font-size: 20px;
   }

   .secondary__button {
      font-size: 20px;
   }

   .works__single__content h4 {
      font-size: 24px;
      gap: 15px;
   }

   .works__single__content p {
      font-size: 24px;
      max-width: 285px;
   }

   .accordion__block .accordion-button {
      font-size: 24px;
      padding: 20px;
   }

   .accordion__block .accordion-body p {
      font-size: 22px;
   }

   .pricing__card {
      padding: 40px 20px;
   }

   .choose__card__wrap .row {
      --bs-gutter-x: 25px;
      --bs-gutter-y: 25px;
   }

   .pricing__card__list li {
      font-size: 20px;
      margin-bottom: 12px;
   }

   .pricing__bottom__content span {
      font-size: 20px;
      margin-top: 15px;
   }

   .pricing__bottom__content p {
      font-size: 20px;
      margin: 20px 0;
   }

   .play__button img {
      height: 118px;
   }

   .solar__bottom__content p {
      font-size: 24px;
   }
}


/* LG Device :992px. */

@media screen and (max-width: 1200px) {
   .hero__thumb {
      width: 50%;
   }

   .hero__content h1 {
      font-size: 44px;
   }

   .hero__content h4 {
      font-size: 20px;
      padding: 10px 0;
   }

   .hero__content p {
      max-width: 490px;
      font-size: 24px;
   }

   .hero__area {
      padding: 50px 0;
      padding-top: 85px;
      min-height: 678px;
   }

   .service__list__wrap ul li {
      font-size: 22px;
      gap: 8px;
   }

   .common__button {
      font-size: 16px;
      padding: 12px 26px;
   }

   .secondary__button {
      font-size: 18px;
      padding: 12px 26px;
   }

   .card__icon {
      height: 75px;
      width: 75px;
      margin-bottom: 20px;
   }

   .features__area {
      padding: 60px 0;
   }

   .optimize__area {
      padding: 50px 0;
   }

   .common__card__content h3 {
      font-size: 22px;
      margin-bottom: 20px;
   }

   .action__area {
      padding: 60px 0;
   }

   .pricing__area {
      padding: 50px 0;
   }

   .footer__area {
      padding-bottom: 20px;
   }

   .footer__copyright {
      padding-top: 30px;
      margin-top: 30px;
   }

   .footer__widget {
      padding-top: 35px;
   }

   .widget__title {
      font-size: 20px;
      margin-bottom: 35px;
   }

   .footger__identity img {
      height: 73px;
   }

   .section__title h2 {
      font-size: 34px;
      margin-bottom: 5px;
   }

   .header__logo a img {
      height: 60px;
   }

   .faq__area {
      padding-top: 60px;
   }

   .pricing__card__header h3 {
      font-size: 30px;
   }

   .pricing__card__list li {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .pricing__card__list {
      min-height: 210px;
   }

   .pricing__bottom__content span {
      font-size: 17px;
      margin-top: 15px;
      min-height: 50px;
   }

   .pricing__bottom__content p {
      font-size: 18px;
      margin: 20px 0;
   }

   .roof__solar__lists ul li {
      font-size: 16px;
   }

   .include__switch__block {
      flex-wrap: wrap;
   }

   .include__switch__block .include__switch__inner:first-child .form-check {
      width: 100%;
   }
}


/* MD Device :768px. */

@media screen and (max-width: 991px) {
   .hero__content p {
      max-width: 100%;
      font-size: 20px;
   }

   .hero__area {
      padding: 50px 0;
      padding-top: 85px;
      min-height: 583px;
   }

   .service__area {
      padding: 50px 0;
   }

   .choose__area {
      padding: 45px 0;
   }

   .works__content {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
   }

   .mobile__thumb {
      max-width: 250px;
      padding: 0;
   }

   .works__inner__wrap {
      padding: 40px 0;
   }

   .pricing__card__wrap .row {
      --bs-gutter-x: 25px;
      --bs-gutter-y: 25px;
   }

   .widget__title {
      font-size: 20px;
      margin-bottom: 15px;
   }



















   .find__address__inner input {
      width: 88%;
   }

   .find__address__inner {
      width: 100%;
      flex-wrap: wrap;
   }

   .dashboard__body {
      z-index: 444;
      padding-left: 105px;
   }

   .menu_icon:after,
   .menu_icon:before {
      display: none;
   }

   .material__table th {
      font-size: 16px;
   }

   .material__table td {
      font-size: 16px;
   }

   .sidebar__menu ul li.active .menu_icon {
      background-color: #00818C;
   }

   .menu_icon {
      padding: 6px;
   }

   .single__cost__card h3 {
      font-size: 28px;
   }

   .single__cost__card h4 {
      font-size: 16px;
   }

   .property__data__title h4 {
      font-size: 20px;
   }

   .single__cost__card p {
      font-size: 14px;
   }
}


/* SM Small Device :320px. */

@media screen and (max-width: 767px) {
   .header__logo {
      padding: 0;
   }

   .header__logo a img {
      height: 45px;
   }

   .report__buttons a {
      font-size: 16px;
   }

   .report__buttons a img {
      width: 21px;
   }

   .chat__profile__image {
      height: 44px;
      width: 44px;
   }

   .chat__profile a {
      font-size: 14px;
      gap: 8px;
   }

   .start__chat {
      flex-wrap: wrap;
   }

   .chat__message {
      font-size: 14px;
   }

   .chat__input input {
      font-size: 15px;
   }

   .header__area {
      padding: 0;
      display: flex;
      justify-content: space-between;
      padding: 8px 12px;
   }

   .header__area .btn-primary {
      background-color: #1DAFB7 !important;
      border-color: #1DAFB7 !important;
      height: 38px;
      width: 38px;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .hero__area::before {
      height: 45px;
   }

   .hero__area::after {
      height: 45px;
   }

   .offcanvas__menu ul li {
      display: block;
      padding: 5px 0;
      border-bottom: 1px solid #000;
   }

   .offcanvas__menu ul {
      flex-direction: column;
   }

   .offcanvas__menu ul li a {
      font-size: 18px;
      color: #000;
      padding: 5px 0;
      display: block;
      transition: all .3s ease-in-out;
   }

   .offcanvas__menu ul li:hover a {
      padding-left: 5px;
      color: #00818C;
   }

   .service__list__wrap {
      padding: 20px 25px;
      margin: 30px 0;
   }

   .service__list__wrap ul li {
      font-size: 18px;
      gap: 8px;
   }

   .service__button {
      gap: 20px;
   }

   .choose__card {
      min-height: auto;
      border-width: 2px;
   }

   .common__card__item {
      min-height: auto;
      border-width: 2px;
   }

   .pricing__card__list {
      min-height: auto;
   }

   .pricing__bottom__content span {
      min-height: auto;
   }

   .accordion__block .accordion-button {
      font-size: 20px;
      padding: 18px;
   }

   .accordion__block .accordion-body {
      padding: 18px;
      padding-top: 0;
   }

   .accordion__block .accordion-body p {
      font-size: 18px;
   }

   .solar__bottom__content p {
      font-size: 18px;
   }

   .works__single__content h4 {
      font-size: 20px;
      margin-bottom: 5px;
   }

   .works__single__content p {
      font-size: 20px;
   }

   .works__single__content h4 span {
      height: 40px;
      width: 40px;
      font-size: 15px;
   }

   .pricing__card {
      max-width: 400px;
      margin: 0 auto;
   }

   .footer__widget {
      padding-top: 0;
   }

   .footger__identity img {
      height: 55px;
   }

   .footger__identity {
      margin-bottom: 15px;
   }

   .footer__identity__blk p {
      margin: 0;
   }

   .secondary__button {
      font-size: 16px;
   }

   .main__area {
      overflow: hidden;
   }








   .property__info__list ul li {
      font-size: 15px;
   }

   .property__info span {
      font-size: 14px;
   }

   .dashboard__title {
      font-size: 17px;
   }

   .report__link {
      font-size: 16px;
   }

   .profile__picture {
      height: 40px;
      width: 40px;
   }

   .pricing__dropdown label {
      font-size: 18px;
   }

   .total__ammount {
      font-size: 18px;
   }

   .checklist__content h5 {
      font-size: 16px;
      margin-bottom: 5px;
   }

   .property__data__title p {
      font-size: 14px;
   }

   .checklist__icon {
      height: 20px;
      width: 20px;
   }

   .single__checklist {
      gap: 12px;
      padding: 5px;
   }

   .property__data__title h4 {
      font-size: 18px;
   }

   .logo__sidebar {
      width: 65px;
   }

   .menu_icon {
      width: 65px;
   }

   .logo__sidebar img {
      height: 48px;
   }

   .menu_icon img {
      height: 25px;
   }

   .property__view__content h5 {
      font-size: 18px;
   }

   .sidebar__menu ul li a .menu_text {
      padding: 12px;
   }

   .dashboard__inner__wrap::after {
      width: 65px;
   }

   .dashboard__header__end {
      gap: 8px;
   }

   .report__text {
      display: none;
   }

   .dashboard__header__links {
      gap: 8px;
   }

   .dashboard__header {
      padding-bottom: 10px;
   }

   .dashboard__body {
      padding-left: 70px;
      padding-top: 10px;
   }

   .property__info__list h5 {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .dashboard__header__links a img {
      height: 22px;
   }

   .address__title {
      font-size: 16px;
   }

   .single__cost__card h3 {
      font-size: 24px;
   }

   .sustainability__lists ul li {
      font-size: 14px;
   }

   .roof__solar__lists ul li b {
      font-size: 14px;
   }

   .roof__solar__lists ul li {
      font-size: 14px;
      color: #093438;
   }

   .rangebar {
      width: 240px;
      height: 8px;
   }
}


/* SM Small Device :550px. */

@media screen and (max-width: 575px) {
   .hero__content h1 {
      font-size: 32px;
   }

   .find__address__inner input {
      font-size: 14px;
      width: 100%;
   }

   .find__address__inner {
      gap: 10px;
   }

   .dashboard__body {
      padding-left: 70px;
      padding-top: 10px;
      padding-right: 6px;
   }

   .hero__content h4 {
      font-size: 17px;
   }

   .dashboard__title {
      font-size: 14px;
   }

   .dashboard__header__links a img {
      height: 18px;
   }

   .hero__area {
      padding-top: 59px;
      min-height: 505px;
   }

   .section__title h2 {
      font-size: 28px;
      margin-bottom: 5px;
   }

   .hero__content p {
      font-size: 18px;
   }
}