@media only screen and (max-width : 1200px) and (min-width : 1141px) {
  body {
    font-size: 17px;
  }
  body #header .header {
    width: 92%;
  }
  body #footer .footer {
    width: 92%;
  }
  body #copyright .copyinfo {
    width: 92%;
  }
  body #container #content {
    width: 92%;
  }
  .mainSection {
    width: 100%;
    height: 530px;
  }
  #container #content .aboutus ul li:first-child .mainSection {
    width: 100%;
    height: 530px;
  }
}
@media only screen and (max-width : 1140px) and (min-width : 1025px) {
  body {
    font-size: 16px;
  }
  body #header .header {
    width: 92%;
  }
  body #footer .footer {
    width: 92%;
  }
  body #copyright .copyinfo {
    width: 92%;
  }
  body #container #content {
    width: 92%;
  }
  .mainSection {
    width: 100%;
    height: 485px;
  }
  #container #content .aboutus ul li:first-child .mainSection {
    width: 100%;
    height: 485px;
  }
}
@media only screen and (max-width : 1024px) and (min-width : 901px) {
  body {
    font-size: 13px;
  }
  body #header .header {
    width: 92%;
  }
  body #footer .footer {
    width: 92%;
  }
  body #copyright .copyinfo {
    width: 92%;
  }
  body #container #content {
    width: 92%;
  }
  .mainSection {
    width: 100%;
    height: 470px;
  }
  #container #content .aboutus ul li:first-child .mainSection {
    width: 100%;
    height: 470px;
  }
}
@media only screen and (max-width : 900px) and (min-width : 801px) {
  body {
    font-size: 12px;
  }
  body #header .header {
    width: 92%;
  }
  body #footer .footer {
    width: 92%;
  }
  body #copyright .copyinfo {
    width: 92%;
  }
  body #container #content {
    width: 92%;
  }
  .mainSection {
    width: 100%;
    height: 380px;
  }
  #container #content .aboutus ul li:first-child .mainSection {
    width: 100%;
    height: 380px;
  }
}
@media only screen and (max-width : 800px) {
  body {
    font-size: 16px;
  }
  body #header .header {
    width: 92%;
  }
  #header .header .logo {
    display: table;
    width: 100%;
  }
  #header .header .menu {
    display: table;
    width: 100%;
  }
  #header .header .cta {
    display: table;
    width: 100%;
  }
  #header .header .cta a {
    float: none;
    margin: 0 auto;
  }
  #header .header .logo .logoplace {
    position: relative;
    display: table;
    width: auto;
    margin: 0 auto 2em auto;
  }
  body #footer .footer {
    width: 92%;
  }
  body #copyright .copyinfo {
    width: 92%;
    text-align: center;
  }
  body #container #content {
    width: 92%;
  }
  body .mainSection {
    width: 100%;
    height: 360px;
  }
  #container #content .aboutus ul li:first-child .mainSection {
    width: 100%;
    height: 360px;
  }
  body #container #content .commercialservices ul {
    gap: 2em 2%;
    grid-template-columns: 49% 49%;
  }
  body #header .header.logo {
    display: table;
    width: 100%;
  }
  body #header .header.logo img {
    margin: 0 auto;
  }
  body #header .header.menu {
    display: table;
    width: 100%;
    margin: 1em 0;
  }
  body #header .header.cta {
    display: table;
    width: 100%;
  }
  body #header .header.cta a {
    float: none;
    margin: 0 auto;
  }
  body #footer .footer .logo {
    display: table;
    width: 100%;
    margin: 0 0 2em 0;
  }
  body #footer .footer .logo img {
    margin: 0 auto;
  }
  body #footer .footer .menu {
    display: table;
    width: 100%;
    margin: 0 0 2em 0;
    text-align: center;
  }
  body #footer .footer .menu ul {
    display: inline-table;
    text-align: center;
  }
  body #footer .footer .menu ul li {
    width: 100%;
  }
  body #footer .footer .menu ul li:first-child {
    width: 100%;
  }
  body #footer .footer .menu ul li a {
    display: block;
  }
  body #footer .footer .cta {
    display: table;
    width: 100%;
    text-align: center;
  }
  body #footer .footer .cta a {
    margin: 0 auto 0.75em auto;
  }
}
@media only screen and (max-width : 690px) {
  body #container #content .residentialservices ul {
    display: table;
  }
  body #container #content .commercialservices ul {
    display: table;
  }
  body #container #content ul li {
    margin: 0 0 2em 0;
  }
  body #container #content .aboutus ul {
    display: table;
  }
  body #container #content .serviceslist ul {
    display: table;
  }
  body #container #content .aboutsections ul {
    display: table;
  }
  body #container #content .contactsection ul {
    display: table;
  }
  body #container #content .residentialsection ul {
    display: table;
  }
  body #container #content .commercialsection ul {
    display: table;
  }
  body #container #content .commercialsection ul.grid {
    display: table;
  }
  body #container #content .pastwork ul {
    display: table;
  }
  body .timeline .container.left {
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0;
    position: relative;
  }
  body .timeline .container.right {
    left: inherit;
    padding: 0;
    width: 100%;
    margin: 0 0 1em 0;
  }
  body .timeline .container:after {
    display: none;
  }
  body .timeline .container:before {
    display: none;
  }
  body .timeline:after {
    display: none;
  }
  body #container #content .commercialsection .timeline .container .content ul li {
    margin: 0;
  }
  body .timeline .container.left .date {
    position: relative;
    float: left;
    top: inherit;
    right: inherit;
    padding: 1em;
    display: table;
    width: 100%;
    text-align: left;
  }
  body .timeline .container.right .date {
    position: relative;
    float: left;
    top: inherit;
    left: inherit;
    padding: 1em;
    display: table;
    width: 100%;
    text-align: left;
  }
  body .timeline .container.right .content {
    margin: 0;
  }
}
@media only screen and (max-width : 480px) {
  #header .header .menu ul li a {
    padding: 0.5em;
  }
}