/* Latop Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}


/* LG  Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

  .header-menu {
    margin-left: 0;
  }

  .header-btn {
    margin-right: 0;
  }

  .header-menu ul li a {
    font-size: 16px;
  }

  .header-menu ul li {
    margin-right: 14px;
  }

  .header_logo img {
    max-width: 130px;
  }

  .hero_content {
    padding: 84px 0;
    text-align: center;
  }

  .res_flu_ontainer {
    max-width: 98.5% !important;
  }

  .container {
    max-width: 85%;
  }

  .hero_content h1 {
    font-size: 37px;
  }

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

  .vvs_content h2 {
    font-size: 28px;
  }

  .vvs_content p {
    font-size: 12px;
  }

  .vvs_right .vvs_content p {
    font-size: 14px;
  }

  .vvs_installatr {
    padding: 65px 0;
  }

  .vvs_box {
    margin-top: 100px;
  }

  .vvs_box_content {
    padding: 40px 40px;
  }

  .header-menu ul li:hover .level2-menu {
    top: 126%;
  }

  .section_title {
    margin: 0 0 45px 0;
  }

  .section_title h2 {
    font-size: 30px;
  }

  .footer_area {
    padding-bottom: 50px;
  }

  .hero_area_2 {
    height: 280px !important;
  }

  .service_area {
    padding-top: 50px;
  }
}

/* small mobile (XS) :320px. */
@media (max-width: 767px) {


  .header-menu {
    display: none;
  }

  .responsive {
    display: block;
  }

  .header-btn {
    display: none;
  }

  .responsive-menu ul li {
    text-align: left;
  }

  .res-menu ul li .level2-menu {
    position: absolute;
    width: 100%;
    background: #005ca1;
    top: 150%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 999;
  }

  .res-menu ul li .level2-menu li a {
    padding-left: 0;
  }

  .vvs_box {
    margin: 100px 0;
  }

  .hero_content {
    text-align: center;
    padding: 30px;
  }

  .hero_content h1 {
    font-size: 25px;
  }

  .hero_content h1 br {
    display: none;
  }

  .hero_btn .btn {
    width: 100%;
    margin-bottom: 15px;
  }

  .res-btn {
    margin-right: 0;
    margin-top: 20px;
  }

  .res-btn .btn {
    width: 100%;
    display: flex-end !important;
  }

  .vvs_installatr {
    padding: 50px 0;
  }

  .vvs_right {
    margin-left: 0;
  }

  .service_area {
    padding: 50px 0;
  }

  .footer_content {
    margin-bottom: 50px;
  }

  .vvs_box_main_content .vvs_img img {
    height: auto !important;
    width: 100%;
    object-fit: inherit;
  }

  .vvs_box_content {
    padding: 40px 40px;
  }

  .vvs_box::before {
    height: 96%;
    top: 45px;
  }

  .vvs_content {
    margin-bottom: 50px;
  }

  .footer_area {
    padding: 50px 0 0 0;
  }

  .hero_area_2 {
    height: auto !important;
  }
}




/* SM Device :480px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {}