@media (min-width: 1200px) {}

@media only screen and (max-width: 990px) {
  .menu-btn {
    display: flex;
  }

  .head-nav {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 0;
    height: 100%;
    overflow: hidden;
    padding: 0;
    min-height: 100vh;
    top: 0;
    background: #cb514f;
    backdrop-filter: blur(4px);
    display: flex;
    /* align-items: center; */
    transition: 0.2s;
    padding-top: 70px;
  }

  .head-nav ul {
    flex-direction: column;
    row-gap: 10px;
    justify-content: left;
    text-align: left !important;
    padding-left: 20px !important;
  }

  .head-nav ul li a {
    color: #fff !important;
  }




  .banner h1 {
    width: 100%;
  }

  .property-box {
    margin-bottom: 40px;
    padding: 0px;
  }






}


@media screen and (max-width: 767px) {
  .phone-header {
      display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .banner h1 {
    width: 100%;
    font-size: 34px;
  }


  .heading p {
    font-family: Comfortaa;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
  }

  .banner {
   
    text-align: center;
    padding: 50px 0 100px;
  }


  .banner-right img {
    padding-top: 40px;
    width: 100%;
  }

  .companies img {
    width: 65px !important;
  }

  .heading h1 span {
    font-size: 28px;
  }

  .heading h1 {
    font-size: 34px;
  }

  .about-left img {
    width: 100%;
    display: none;
  }

  .about {
    text-align: center;
    padding: 70px 0 70px;
  }

  .service-img img {
    animation: none;
  }


  .service-text h3 {
    font-size: 18px;
    padding: 14px 20px;
    margin-bottom: 10px;
  }

  a.site-btn {
    font-size: 12px;
  }

  .sev-row-2 {
    flex-direction: column-reverse;
  }


  .footer-row .col-md-4 small {
    margin: 26px 0 7px;
  }

  .footer-nav a {
    color: #2E368E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: block;
    margin-top: 9px;
  }

  .footer-nav-head h6 {
    margin-top: 50px;
  }

  .footer-contact a {
    display: block;
    margin-top: 20px;
    font-size: 14px;
  }

  .last {
    border-top: 1px solid #D6D6D6;
    padding: 35px 0 0;
  }





  
  .service-page-img img {
    width: 100%;
    display: none;
  }

  .services-row {
    margin-top: 50px;
    align-items: center;
  }

  section.estimate-form .form {
    padding: 10px;
  }

  section.estimate-form .form fieldset label {

    font-size: 14px;
    line-height: 20px;
  }

  .form-checks fieldset {
    font-size: 9px;
    display: flex;
    gap: 3px;
  }

  .form-checks {
    gap: 10px;
  }

  .estimate input, .range-input {
    margin-bottom: 10px;
  }

  section.estimate-form .form fieldset input::placeholder {
    font-size: 12px;
  }

  .submit-btn {
    font-size: 14px;
    padding: 15px;
  }

  section.contact-form .container {
    width: 100%;
  }

  section.contact-form .form fieldset input {
    padding: 15px;
  }

  section.contact-form .form fieldset input::placeholder {
    font-size: 12px;
  }
}

@media only screen and (max-width: 460px) {
  .banner h1 {
    width: 100%;
    font-size: 34px;
  }

  .heading p {
    font-family: Comfortaa;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
  }

  .banner {
    text-align: center;
    padding: 50px 0 50px;
  }

  .banner-right img {
    width: 100%;
  }

  .companies img {
    width: 45px !important;
  }

  .heading h1 span {
    font-size: 28px;
  }

  .heading h1 {
    font-size: 34px;
  }

  .about-left img {
    width: 100%;
    display: none;
  }

  .about {
    text-align: center;
    padding: 70px 0 70px;
  }

  .service-img img {
    animation: none;
  }


  .service-text h3 {
    font-size: 18px;
    padding: 14px 20px;
    margin-bottom: 10px;
  }

  a.site-btn {
    font-size: 12px;
  }

  .sev-row-2 {
    flex-direction: column-reverse;
  }


  .footer-row .col-md-4 small {
    margin: 26px 0 7px;
  }

  .footer-nav a {
    color: #2E368E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: block;
    margin-top: 9px;
  }

  .footer-nav-head h6 {
    margin-top: 50px;
  }

  .footer-contact a {
    display: block;
    margin-top: 20px;
    font-size: 14px;
  }

  .last {
    border-top: 1px solid #D6D6D6;
    padding: 35px 0 0;
  }














  .service-page-img img {
    width: 100%;
    display: none;
  }

  .services-row {
    margin-top: 50px;
    align-items: center;
  }

  section.estimate-form .form {
    padding: 10px;
  }

  section.estimate-form .form fieldset label {

    font-size: 14px;
    line-height: 20px;
  }

  .form-checks fieldset {
    font-size: 9px;
    display: flex;
    gap: 3px;
  }

  .form-checks {
    gap: 10px;
  }

  .estimate input, .range-input {
    margin-bottom: 10px;
  }

  section.estimate-form .form fieldset input::placeholder {
    font-size: 12px;
  }

  .submit-btn {
    font-size: 14px;
    padding: 15px;
  }

  section.contact-form .container {
    width: 100%;
  }

  section.contact-form .form fieldset input {
    padding: 15px;
  }

  section.contact-form .form fieldset input::placeholder {
    font-size: 12px;
  }



}