@media only screen and (max-width: 1499px){

  .topbar{ display: block; }

  header .ph-no{ display: none; }

  header .header-wrapper { padding: 0 30px; }

}



@media only screen and (max-width: 1199px){

  header nav ul#menu-header-menu > li:not(:first-child) { margin-left: 30px; }

  .Installing .Installing-wrapper { margin-left: 0; }

}



@media only screen and (max-width: 991px){

  .topbar .topbar-left p{ text-align: center; }

  header nav{

    display: none;

    position: absolute;

    top: 104px;

    right: 0;

    left: 0;

    background: #000000;

    padding: 30px;

  }

  header nav ul{

    flex-direction: column;

    text-align: left;

  }

  header nav ul li {

    width: 100%;

    position: relative;

    margin-left: 0 !important;

    margin-bottom: 15px;

    padding-bottom: 15px;

    color: #ffc010;

    border-bottom: 1px solid #ffc010;

  }

  header nav ul li:last-child{

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: unset;

  }

  header nav ul li.menu-item-has-children:after {

    position: absolute;

    top: 0;

    right: 0;

  }

  header nav ul li a { color: #ffc010; }

  header nav ul#menu-header-menu > li.current-menu-item > a:before { content: none; }

  header nav ul li.menu-item-has-children > a:after {

    margin-left: 0;

    padding: 0 5px;

  }

  header nav ul li .sub-menu{

    position: relative;

    padding: 10px 20px 0;

    background: transparent;

    border-bottom: unset;

    text-align: left;

  }

  header nav ul li .sub-menu li a { color: #ffc010; }

  header nav ul li .sub-menu .sub-menu{

    position: unset !important;

  }

  header .hamburger-menu{ display: block; }

  .topbar ul{ justify-content: center !important; }

  .txt-wrap { font-size: 18px; }

  .about .about-contant { height: auto; }

  .switching p { line-height: 28px; }

  .copyright ul li:first-child { border-left: none; }

}



@media only screen and (max-width: 767px){

  header .header-search-form input { width: 391.02px; }

  .mobile-view { display: block; }

  .txt-wrap { font-size: 24px; }

  .switching p { line-height: 36px; }

  .heat-pumps-wrapper { width: auto; }

  .Installing .Installing-wrapper {

    width: auto;

    padding: 50px 15px;

  }

  .owl-nav { bottom: -15%; }

  .page-wrapper .sidebar { display: none; }

  .dataTables_wrapper {

    width: 100%;

    overflow: scroll;

  }

}



@media only screen and (max-width: 575px){

  .topbar .topbar-left li:not(:last-child) { border: none; }

  .header-search-form-wrapper form { display: block; }

  .header-search-form-wrapper form label {

    display: block;

    margin: 0 0 15px 0;

  }

  .mesh-wifi h2 { line-height: 50px !important; }

  .copyright ul li {

    border-left: none !important;

    text-align: center;

  }

  .copyright ul li a { display: block; }

}



@media screen and (max-width: 479px) {

  .topbar .topbar-left{ display: block !important; }

  .topbar a i.dashicons { display: block !important; }

  .topbar a span { display: none; }

  .topbar .topbar-icon { display: block !important; }

  header .header-search-form input { width: 300.02px; }

  .mobile-search-form input { width: 290px; }

  #banner .slide-caption h1 { font-size: 54px; }

  #banner .slide-caption p {

    line-height: 24px;

    font-size: 16px;

  }

  .about p {

    font-size: 14px;

    line-height: 24px;

  }

  .mesh-wifi .btn-1 { display: none; }

  .mesh-wifi .btn-2 { display: inline-block; }

  .wireless-network h2 { font-size: 42px; }

  .mesh-wifi h2, .what-people-say h2{

    font-size: 30px !important;

    line-height: 30px !important;

  }

  .switching h4{

    font-size: 32px;

    line-height: 48px;

  }

  .switching p { line-height: 24px; }

  .txt-wrap { font-size: 18px; }

  .heat-pumps-wrapper h2 { font-size: 38px; }

  .heat-pumps-wrapper p {

    font-size: 18px;

    line-height: 24px;

  }

  .webinars h2 { font-size: 36px; }

  .Installing h2 {

    font-size: 30px;

    line-height: 48px;

  }

  .Installing .Installing-wrapper p {

    line-height: 24px;

    font-size: 14px;

  }

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

  td, th {

    border: 1px solid #0D8865;

    padding: 10px 10px;

    font-size: 12px;

  }

}



@media screen and (max-width: 375px) {

  .services h2 { font-size: 48px !important; }

  .wireless-network h2 {

    font-size: 32px;

    line-height: 48px;

  }

  .green-btn { padding: 12px 20px; }

  .green-btn:hover { padding-right: 10px; }

}