/* Responsve Styling */
@media only screen and (min-width: 320px) and (max-width: 519px) {
    .cta{
    display: none;
}
    form.contact-sec-form {
    padding: 2rem  0 0;
}
    .section-content .heading{
    font-size: 1.25rem;
}
    .started_popup_sec .modal-content {
    padding: 2rem 0;
}
.form_head_Sec h4 {
    font-size: 30px;
}
.form_head_Sec h3 {
    font-size: 23px;
}
    .others-img > img {
    transform: scale(1) translateX(0);
}
  /* Header */
  .header-main__menu {
    display: block;
  }
  .header-main__nav {
    display: none;
  }
  .counter_logo {
    padding-left: 0;
    text-align: center;
  }
  .header-main .header-main__nav li a {
    font-size: 10px;
  }
  .header-main {
    display: flex;
  }
  .header-main__logo {
    width: 150px;
    margin: 0px auto 10px;
    display: table;
  }
  .header-main__nav :is(li, a:not(.themeBtn)) {
    gap: 0;
  }
  .header-main__nav > li {
    padding: 0 0px;
  }
  .header-main .header-main__nav li a {
    font-size: 9px;
    padding: 10px 10px;
  }
  .buttom-nav {
    display: table;
    gap: 0;
    margin: 0px auto;
    float: none;
    text-align: center;
  }

  .buttom-nav li {
    display: inline;
  }
  .themeBtn{
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
}
  .buttom-nav li a {
    font-size: 15px;
    padding: 3px 8px;
  }
  .header {
    position: static;
  }
  .banner .container-fluid {
    padding: 0 20px;
  }
  .banner-content__heading {
    font-size: 23px;
    line-height: 30px;
  }
  .banner-content > p {
    font-size: 11px;
    line-height: 18px;
  }
  .banner .themeBtn {
    font-size: 9px;
    padding: 10px 15px;
  }
  .banner-img {
    padding: 0;
    display: none;
  }
  .banner .slick-prev,
  .banner .slick-next {
    display: none;
  }
  .solution .heading {
    font-size: 22px;
    width: 100%;
  }
  .solution-content h4 {
    font-size: 17px;
    line-height: 21px;
  }
  .solution-content p {
    font-size: 12px;
    line-height: 19px;
  }

  .solution .themeBtn {
    font-size: 11px;
    padding: 10px 15px;
  }
  .solution-main-item {
    display: block !important;
  }
  .solution-item {
    margin-top: 15px;
  }
  .solution {
    overflow: hidden;
  }
  .section-content .heading.heading--sm {
    font-size: 18px;
  }
  footer {
    padding: 10px 5px;
  }

  .footer_about p {
    margin-bottom: -38px;
  }

  .footer_about ul li :is(a, address) {
    width: 317px;
  }

  .form_heading {
    margin-top: 12px;
    text-align: center;
  }

  .callback button {
    width: 100%;
  }

  .card_img img {
    width: 91px;
  }

  .copy_right {
    margin-top: 21px;
  }
  ul.others-list {
    padding: 0;
  }
  .projects_card {
    height: auto;
    margin-bottom: 12px;
  }
  section.reviews {
    padding: 26px 0px;
  }

  section.projects {
    margin: 30px 0px;
  }
  .footer_about {
    width: 100%;
  }
  section.others {
    padding: 38px 0px;
  }
  .copy_right.card_img img {
    width: 68%;
  }
}

@media only screen and (min-width: 520px) and (max-width: 768px) {
    .cta{
    display: none;
}
  footer {
    padding: 10px 5px;
  }

  .footer_about p {
    width: 70%;
    margin-bottom: -38px;
  }

  .footer_about ul li :is(a, address) {
    width: 370px;
  }

  .form_heading {
    margin-top: 12px;
    text-align: center;
  }

  .callback button {
    width: 100%;
  }

  .card_img img {
    width: 68px;
  }

  .copy_right {
    margin-top: 21px;
  }
  ul.others-list {
    padding: 0;
  }
  .projects_card {
    height: auto;
    margin-bottom: 12px;
  }
  section.reviews {
    padding: 26px 0px;
  }

  section.projects {
    margin: 30px 0px;
  }
  section.others {
    padding: 38px 0px;
  }
  .copy_right.card_img img {
    width: 68%;
  }
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
    .cta{
    display: none;
}
  /* Header */
  .header-main__menu {
    display: block;
  }
  .header-main__nav {
    display: none;
  }
  .design-box-con h4 {
    font-size: 18px;
  }

  .design-box-con h4 del {
    font-size: 18px;
  }

  .design-box-con h3 {
    font-size: 24px;
  }
  .design-box-menu ul li {
    font-size: 13px;
  }
  .rating_sec ul {
    display: block;
  }

  .footer_about {
    margin-top: 52px;
  }

  .card_img img {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Header */
  .header-main__menu {
    display: block;
  }
  .header-main__nav {
    display: none;
  }
  .design-box-con h4 {
    font-size: 21px;
  }

  .design-box-con h4 del {
    font-size: 20px;
  }

  .design-box-menu ul li {
    font-size: 15px;
  }
  .buttom-nav {
    gap: 0 !important;
}

.buttom-nav li a {
    padding: 0 6px !important;
    font-size: 13px;
}

.banner {
    min-height: 90vh;
}
.slick-dots li button:before {
    display: none;
}

.slick-dots li button {border: 1px solid #fff;border-radius: 100%;width: 100%;height: 100%;}

.slick-dots li {
    width: 10px;
    height: 10px;
}

.slick-dots li.slick-active button {
    background: #fff;
}
.themeBtn {
    padding: 10px 21px;
}
.portfolio .row .col-lg-3 {
    width: 32.4% !important;
}

.portfolio .row {
    gap: 10px  !important;
}
.projects .row .col-md-3 {
    max-width: 50% !important;
    flex: 0 0 50%;
}
.others-img > img {
    transform: scale(1);
}
.banner-img {transform: scale(1) translateX(5rem);}
.footer_about h3 {
    font-size: 24px;
    text-wrap: wrap;
}
}
@media only screen and (min-width: 992px) and (max-width: 1250px) {
}