/* 
   Revco
   Developed by WebBusters
   Responsive
 */
 
@media only screen and (max-width:1450px) {
  #zerogrid {width: 800px;}	
  #mainContainer {margin-top: -290px;}
  header {width: 800px; margin-bottom: 0px;}
  .wrap {width: 800px;}
  footer {width: 800px; padding: 30px 0 0 0;}
  #container {height: 490px; overflow: hidden;}
  #menuContainer ul li a {font-size: 30px; line-height: 60px;}
  #menuContainer {padding: 65px 0;}
  #contentContainer {height: 443px; margin-top: 15px;}
  #contentContainerGallery {height: 443px; margin-top: 15px;}
  #tinyScroll {font-size: 16px; width: 736px;}
  #bottomPadding {height: 200px;}
  #bottomPaddingGallery {height: 180px;}
  .bx-wrapper .bx-pager {padding-top: 30px !important;}
  #contentOverlay {height: 45px;}
  #arrowDown {height: 60px; background-position: center 12px;}
  #arrowDown:hover {background-position: center 16px;}
  h1 {font-size: 25px;}
  a#fbIcon {background-image: url('../images/fbIconSmall2.png'); width: 40px; height: 40px;}
  .separator {height: 44px; margin: 0 0 0 35px;}
  a#outsidersIcon {background-image: url('../images/outsidersIconSmall.png'); width: 56px; height: 44px; background-position: center 8px;}
  #copyright {font-size: 12px; padding: 13px 0 0 0;}
  #gallery img {max-height: 443px; min-height: 443px;}
  #contentHeadingGallery h1 {padding: 8px 0 40px 0;}
  #contentHeadingGallery .headingBorder {top: 8px;}
  #pageLogo {width: 25px; height: 25px; right: 8px; bottom: 8px;}
  .bx-wrapper img {margin-top: -30px;}
  .input-field span {font-size: 16px; line-height: 20px;}
  .input-field span#name {width: 95px;}
  .input-field span#email {width: 100px;}
  .input-field span#subject {width: 125px;}
  .input-field input {width: 82%;}
  #customer-message span {font-size: 16px; line-height: 20px; width: 135px;}
  #customer-message textarea {width: 690px; height: 80px;}
  #divbutton button {font-size: 16px; line-height: 20px;}
  #menu-logo {bottom: 10px;}
  .footer__free-estimate {width: 280px; top: 38px}
}

@media only screen and (max-width:950px) {
  #zerogrid {width: 600px;}	
  #mainContainer {margin-top: -248px;}
  header {width: 600px; margin-bottom: 15px;}
  .wrap {width: 600px;}
  footer {width: 600px; padding: 20px 0 0 0;}
  #container {height: 400px;}
  #sliderContainer {padding: 45px 0 0 0;}
  #menuContainer ul li a {font-size: 20px; line-height: 40px;}
  #contentContainer {height: 350px; padding: 10px 0 0 0;}
  #contentContainerGallery {height: 350px;}
  #gallery img {max-height: 350px; min-height: 350px;}
  #bottomPadding {height: 320px;}
  #bottomPaddingGallery {height: 275px;}
  h1 {font-size: 20px;}
  #contentOverlay {height: 40px;}
  #arrowDown {height: 40px; background-position: center center;}
  #arrowDown:hover {background-position: center center;}
  #tinyScroll {width: 536px;}
  #contentHeadingGallery h1 {padding: 5px 0 40px 0;}
  #contentHeadingGallery .headingBorder {top: 5px; width: 40px; margin-left: -20px;}
  .arrow1 {visibility: visible;}
  #customer-info .input-field {width: 100%; margin: 0 0 30px 0;}
  #customer-info .input-field:last-child {margin: 0;}
  .input-field input {width: 95%;}
  #customer-message textarea {width: 508px;}
  #tinyScroll .col-1-3:nth-of-type(2) {width: 40%;}
  #tinyScroll .col-1-3:nth-of-type(3) {width: 26%;}
  #menu-logo {width: 25px; height: 25px;}
  .footer__free-estimate {top: 28px}
}

@media only screen and (max-width:650px) {
  #zerogrid {width: 300px;}
  #mainContainer {margin-top: 0px; top: 20px;}
  header {width: 300px;}
  .wrap {width: 300px;}
  footer {width: 300px;}
  #container {height: 420px;}
  #menuContainer ul li a {font-size: 18px; line-height: 32px;}
  .headingBorder {height: 1px; width: 30px; margin-left: -15px;}
  #menuContainer {padding: 40px 0;}
  #contentContainer {height: 390px; padding: 10px 0 0 0;}
  #contentContainerGallery {height: 390px;}
  #gallery img {max-height: 390px; min-height: 390px;}
  h1 {font-size: 14px;}
  #tinyScroll {width: 280px;}
  #bottomPadding {height: 350px;}
  #bottomPaddingGallery {height: 330px;}
  a#logo {width: 166px; height: 24px; top: 25px; right: 0; margin-left: 0; left: auto;}
  .col-1-2 {width: 100%;}
  .col-1-3 {width: 100%;}
  #tinyScroll .col-1-3:nth-of-type(2) {width: 100%;}
  #tinyScroll .col-1-3:nth-of-type(3) {width: 100%;}
  .input-field input {width: 90%;}
  #customer-message textarea {width: 251px;}
  #divbutton button {width: 275px;}
  #contentHeadingGallery {background-color: rgba(255,255,255,0);}
  #contentOverlay {background-color: rgba(255,255,255,0);}
  .footer__free-estimate {width: 150px; top: 33px}
}