/* CSS Document */
@media only screen and (max-width: 1650px)  
{ 
   
  
  
}

@media only screen and  (min-width: 1280px) and (max-width: 1659px)
{
   div.body{
      _background-color:yellow!important;
    }
    
} 
@media only screen and  (min-width: 1245px) and (max-width: 1279px)
{
    div.body{
      _background-color:red!important;
    }
    
  
}  
@media only screen and  (min-width: 1178px) and (max-width: 1244px)
{
     div.body{
      _background-color:magenta!important;
    }
    nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-244px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
     div.services div.items-row div.item{
      height:238px;
     }
     div.footer_container{
      height:472px;
     }
     
    
    
}
 
@media only screen and  (min-width: 1120px) and (max-width: 1177px)
{
    div.body{
      _background-color:green!important;
    }
    nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-218px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
    div.services div.items-row div.item{
      height:238px;
    }
     div.footer_container{
      height:472px;
     }
     div#footerright div.moduletable.mapcontact{
        bottom:-244px;
    }
     
    
    
}  
@media only screen and  (min-width: 992px) and (max-width: 1119px)
{
    div.body{
      _background-color:brown!important;
    }
    nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-218px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
    div.services div.items-row div.item{
      height:238px;
    }
     div.footer_container{
      height:472px;
     }
     div#footerright div.moduletable.mapcontact{
        bottom:-244px;
    }
    
     
    
}  
@media only screen and  (min-width: 801px) and (max-width: 991px)
{
    div.body{
        _background-color:grey;
    }
     nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-218px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
    
    nav#hornav  h3{
      display:block!important;
      color:#ffffff;
      margin-top:15px;
    }
    .hornav2 h3{
      text-align:right;
    }
    #hornav .col-md-6{
      width:50%;
      float:left;
    }
    nav#hornav ul.menu {
      width:300px;
      background-color: #1A3797;
      z-index:9999999;
      position:absolute;
      display:none;
      right:0px;
    }
     nav#hornav div.moduletable ul.menu  {
      right:0px;
     }
    nav#hornav ul.menu li{
       width:90%;
       float:none;
    }  
    nav#hornav ul.menu  ul.nav-child{
      position:relative;
      display:block!important;
      margin-left:0px;
      margin-left:0px;
      width:300px!important;
      left:-15px!important;
      top:45px!important;
    }
    div.banner_container div.moduletable{
        width:436px;
        margin-top:60px;
    }
    div.home3 ,
    div.home4,
    div.home2_2 {
      margin-bottom:15px;
    }
    div.footer_container{
      height:auto;
      padding-bottom:30px;
    }
    div#footerleft div.moduletable{
      border-right:1px solid transparent;
      margin-bottom:20px;
    }
    div.mapcontact {
      display:none;
    }
    div#subfooterright div.moduletable{
      float:none;
    }
    div#subfooterright p{
       text-align:left;
    }
    div.banner_container div.moduletable{
      width:100%;
      margin-top:0px;
    }
    div#topinfo div.moduletable img{
      width:200px;
    }
    div.bannerin div.moduletable img#bannerin{
      width:240px;
    }
    div.services div.items-leading div.page-header a{
      font-size:18px;
      }
    div.services div.items-leading div.leading-1,
    div.services div.items-leading div.leading-0 {
      height:188px;
    }
    div.bannerin div.moduletable{
      padding-left:0px;
      padding-top:50px;
    }
    div.services div.items-row div.item div.page-header a{
          font-size:14px;
          line-height:110%;
    }
    div.services div.items-row div.item div.page-header a,
    div.services div.items-row div.item div.page-header h2,
    div.services div.items-row div.item div.page-header{
      height:53px;
    }
    div.services div.items-row div.item{
      height:194px;
    }
    div.homeinside div.moduletable{
      width:100%;
      float:none;
    }
    div.services div.items-row div.item p.intro{
      display:none!important;
    }
    div.homeinside div.home2_2{
      float:left;
    }
    div.home2_2.moduletable table{
      
    }
    div#lcol {
     display:none;
    }  
    div#lcolmob h3{
      border-bottom:1px solid  #000;
      cursor:pointer;
    }
    #lcolmob ul.menu{
      display:none;
    }
    #lcolmob {
      display:block;
    }
    .page-header{
      margin-right:0px;
    }
    
   
    
}

@media only screen and  (min-width: 768px) and (max-width: 800px)
{
    div.body{
      _background-color:red!important;
    }
     nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-218px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
    
    nav#hornav  h3{
      display:block!important;
      color:#ffffff;
      margin-top:15px;
    }
    div.bannerin div.moduletable{
      padding-left:0px;
      padding-top:10px;
    }
    div.services div.items-row div.item p.intro{
      display:none!important;
    }
    .hornav2 h3{
      text-align:right;
    }
    #hornav .col-md-6{
      width:50%;
      float:left;
    }
    nav#hornav ul.menu {
      width:300px;
      background-color: #1A3797;
      z-index:9999999;
      position:absolute;
      display:none;
      right:0px;
    }
     nav#hornav div.moduletable ul.menu  {
      right:0px;
     }
    nav#hornav ul.menu li{
       width:90%;
       float:none;
    }  
    nav#hornav ul.menu  ul.nav-child{
      position:relative;
      display:block!important;
      margin-left:0px;
      margin-left:0px;
      width:300px!important;
      left:-15px!important;
      top:45px!important;
    }
    div.banner_container div.moduletable{
        width:436px;
        margin-top:0px;
    }
    div.home3 ,
    div.home4,
    div.home2_2 {
      margin-bottom:15px;
    }
    div.footer_container{
      height:auto;
      padding-bottom:30px;
    }
    div#footerleft div.moduletable{
      border-right:1px solid transparent;
      margin-bottom:20px;
    }
    div.mapcontact {
      display:none;
    }
    div#subfooterright div.moduletable{
      float:none;
    }
    div#subfooterright p{
       text-align:left;
    }
    div.banner_container div.moduletable{
      width:100%;
      margin-top:45px;
    }
    div#topinfo div.moduletable img{
      width:200px;
    }
    div.bannerin div.moduletable img#bannerin{
      width:240px;
    }
    div.services div.items-leading div.page-header a{
      font-size:18px;
      }
    div.services div.items-leading div.leading-1,
    div.services div.items-leading div.leading-0 {
      height:188px;
    }
    div.services div.items-row div.item div.page-header a{
          font-size:14px;
          line-height:110%;
    }
    div.services div.items-row div.item div.page-header a,
    div.services div.items-row div.item div.page-header h2,
    div.services div.items-row div.item div.page-header{
      
    }
    div.services div.items-row div.item{
      height:194px;
    }
    div.homeinside div.moduletable{
      width:100%;
      float:none;
    }
    div.homeinside div.home2_2{
      float:left;
    }
    div.home2_2.moduletable table{
      
    }
    div#lcol {
     display:none;
    }  
    div#lcolmob h3{
      border-bottom:1px solid  #000;
      cursor:pointer;
    }
    #lcolmob ul.menu{
      display:none;
    }
    #lcolmob {
      display:block;
    }
    .page-header{
      margin-right:0px;
    }
    
    
    
}

@media only screen and (min-width: 601px) and (max-width:767px)
{
  body#site{
    
  }
  div.body{
    _background-color:magenta!important;
  }
  div.grey_container div.moduletable img{
    display:none;
  }
  div#top_detail div.logo{
      left: 5%;
    top: 77px;
  }
   div.bannerin div.moduletable{
      padding-left:0px;
      padding-top:55px;
    }
    div#top_detail div.logo img{
      width:140px;
    }
   nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-218px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
    
    nav#hornav  h3{
      display:block!important;
      color:#ffffff;
      margin-top:15px;
    }
    .hornav2 h3{
      text-align:right;
    }
    #hornav .col-md-6{
      width:50%;
      float:left;
    }
    nav#hornav ul.menu {
      width:300px;
      background-color: #1A3797;
      z-index:9999999;
      position:absolute;
      display:none;
      right:0px;
    }
     nav#hornav div.moduletable ul.menu  {
      right:0px;
     }
    nav#hornav ul.menu li{
       width:90%;
       float:none;
    }  
    nav#hornav ul.menu  ul.nav-child{
      position:relative;
      display:block!important;
      margin-left:0px;
      margin-left:0px;
      width:300px!important;
      left:-15px!important;
      top:45px!important;
    }
    div.banner_container div.moduletable{
        width:436px;
        margin-top:60px;
    }
    div.home3 ,
    div.home4,
    div.home2_2 {
      margin-bottom:15px;
    }
    div.footer_container{
      height:auto;
      padding-bottom:30px;
    }
    div#footerleft div.moduletable{
      border-right:1px solid transparent;
      margin-bottom:20px;
    }
    div.mapcontact {
      display:none;
    }
    div#subfooterright div.moduletable{
      float:none;
    }
    div#subfooterright p{
       text-align:left;
    }
    div.banner_container div.moduletable{
      width:100%;
      margin-top:0px;
    }
    div#topinfo div.moduletable img{
      width:200px;
     
    }
    div.bannerin div.moduletable img#bannerin{
      width:211px;
      top:-12px;
    }
    div.services div.items-leading div.page-header a{
      font-size:14px;
      }
      div.services div.items-row div.item p.intro{
      display:none!important;
    }
    div.services div.items-leading div.leading-1,
    div.services div.items-leading div.leading-0 {
      height:300px;
      width:100%;
      float:none;
      margin-bottom:20px;
      background-color:#00aa4f;
    }
    div.bannerin div.moduletable h3{
      font-size:27px;
    }
    div.grey_container li, div#mcol div.item-page li{
      width:100%;
      float:none;
    }
    div.services div.items-row div.item div.page-header a{
          font-size:16px;
          line-height:110%;
    }
    div.services div.items-row div.item div.page-header a,
    div.services div.items-row div.item div.page-header h2,
    div.services div.items-row div.item div.page-header{
      
    }
    div.services div.items-row div.item{
      height:163px;
    }
    div.homeinside div.moduletable{
      width:100%;
      float:none;
    }
    div.homeinside div.home2_2{
      float:left;
    }
    div.home2_2.moduletable table{
      
    }
    div#lcol {
    display:none;
    }  
    div#lcolmob h3{
      border-bottom:1px solid  #000;
      cursor:pointer;
    }
    #lcolmob {
      display:block;
    }
    #lcolmob ul.menu{
      display:none;
    }
    .page-header{
      margin-right:0px;
    }
    div.banner_container div.moduletable div.slide3{
        width:465px;
    }
    div.banner_container div.moduletable div.slide3 h2{
      font-size:18px;
    }
    
    div.exodaform div.cf-container form fieldset div.label{
      font-size:12px;
    }
 
}



@media only screen and (min-width: 481px) and (max-width:600px)
{
  body#site{
    
  }
  div.banner_container div.moduletable h2{
    font-size:20px;
    }
  div.banner_container div.moduletable h3{
    font-size:18px;
  }
  div.eco table td {
    display:block;
    width:100%;
  }
   div.bannerin div.moduletable{
      padding-left:0px;
      padding-top:65px;
    }
  div.body{
    _background-color:blue!important;
  }
  .header_container{
    height:auto;
  }
  div.services div.items-row div.item p.intro{
      display:none!important;
    }
  div.grey_container div.moduletable img{
    display:none;
  }
  div#top_detail div.logo{
     left: 5%;
    top: 58px;
  }
  div#topinfo div.moduletable{
    width:50%;
  }
    div#top_detail div.logo img{
      width:140px;
    }
   nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-218px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
    
    nav#hornav  h3{
      display:block!important;
      color:#ffffff;
      margin-top:15px;
    }
    .hornav2 h3{
      text-align:right;
    }
    #hornav .col-md-6{
      width:50%;
      float:left;
    }
    nav#hornav ul.menu {
      width:300px;
      background-color: #1A3797;
      z-index:9999999;
      position:absolute;
      display:none;
      right:0px;
    }
     nav#hornav div.moduletable ul.menu  {
      right:0px;
     }
    nav#hornav ul.menu li{
       width:90%;
       float:none;
    }  
    nav#hornav ul.menu  ul.nav-child{
      position:relative;
      display:block!important;
      margin-left:0px;
      margin-left:0px;
      width:300px!important;
      left:-15px!important;
      top:45px!important;
    }
    div.banner_container div.moduletable{
        width:436px;
        margin-top:60px;
    }
    div.home3 ,
    div.home4,
    div.home2_2 {
      margin-bottom:15px;
    }
    div.footer_container{
      height:auto;
      padding-bottom:30px;
    }
    div#footerleft div.moduletable{
      border-right:1px solid transparent;
      margin-bottom:20px;
    }
    div.mapcontact {
      display:none;
    }
    div#subfooterright div.moduletable{
      float:none;
    }
    div#subfooterright p{
       text-align:left;
    }
    div.banner_container div.moduletable{
      width:100%;
      margin-top:0px;
    }
    div#topinfo div.moduletable img{
      width:170px;
    }
    div.bannerin div.moduletable img#bannerin{
      width:128px;
    }
    div.services div.items-leading div.page-header a{
      font-size:18px;
      }
      nav#hornav h3{
        font-size:15px;
      }
    div.services div.items-leading div.leading-1,
    div.services div.items-leading div.leading-0 {
      height:254px;
      width:100%;
      float:none;
      margin-bottom:20px;
      background-color:#00aa4f;
    }
    div.bannerin div.moduletable h3{
      font-size:22px;
    }
    div.bannerin div.moduletable p{
      font-size:15px;
    }
    div.grey_container li, div#mcol div.item-page li{
      width:100%;
      float:none;
    }
    div.services div.items-row div.item div.page-header a{
          font-size:14px;
          line-height:110%;
    }
    div.services div.items-row div.item div.page-header a,
    div.services div.items-row div.item div.page-header h2,
    div.services div.items-row div.item div.page-header{
      height:78px;
    }
    div.services div.items-row div.item{
      height:175px;
    }
    div.homeinside div.moduletable{
      width:100%;
      float:none;
    }
    div.contactfor div.contactinfo,
    div.contactfor div.contactform{
      width:100%;
      float:none;
    } 
    div.services div.items-row div.item{
      height:163px;
    }
    div.homeinside div.moduletable{
      width:100%;
      float:none;
    }
    div.homeinside div.home2_2{
      float:left;
    }
    div.home2_2.moduletable table{
      
    }
    div#lcol {
    display:none;
    }  
    div#lcolmob h3{
      border-bottom:1px solid  #000;
      cursor:pointer;
    }
    #lcolmob {
      display:block;
    }
    #lcolmob ul.menu{
      display:none;
    }
    .page-header{
      margin-right:0px;
    }
    div.banner_container div.moduletable div.slide3{
        width:465px;
    }
    div.banner_container div.moduletable div.slide1{
      width:250px;
    }
    div.banner_container div.moduletable div.slide2 li,
    div.banner_container div.moduletable div.slide1 h2,
    div.banner_container div.moduletable div.slide3 h2{
      font-size:18px;
    }
    
    div.exodaform div.cf-container form fieldset div.label{
     
    }
    div.banner_container div.moduletable div.slide3,
    div.banner_container div.moduletable div.slide2{
        width:350px;
    }
    div.banner_container div.moduletable div.slide2 li{
      background-position: left 5px;
    }
    div.home2_2.moduletable{
      height:auto;
    }
    div.cf-container form fieldset .label{
      width:100%;
    }
 
}

@media only screen and (max-width:480px)
{
  body#site{
    
  }
  div.body{
    _background-color:red!important;
  }
   div.banner_container div.moduletable h2{
    font-size:20px;
    }
  div.banner_container div.moduletable h3{
    font-size:18px;
  }
  div.eco table td {
    display:block;
    width:100%;
  }
  div.bannerin div.moduletable{
      padding-left:0px;
      padding-top:75px;
    }
  div#footerright div.moduletable.eco{
    padding-left:0px;
  }
  div.services div.items-row div.item{
    width:100%;
    float:none;
    margin-left:0px;
    margin-right:0px;
  }
 
  .header_container{
    height:auto;
  }
  div.grey_container div.moduletable img{
    display:none;
  }
  div#top_detail div.logo{
     left:5%;
    top: 58px;
  }
  div#topinfo div.moduletable{
    width:50%;
  }
    div#top_detail div.logo img{
      width:128px;
    }
   nav#hornav ul li a {
      font-size:18px;
    }
    div#footerright div.moduletable.mapcontact{
        bottom:-218px;
    }
    div.grey_container h3, div.homes h3 a, div.homes h3{
      font-size: 19px;
    }
    
    nav#hornav  h3{
      display:block!important;
      color:#ffffff;
      margin-top:15px;
    }
    .hornav2 h3{
      text-align:right;
    }
    #hornav .col-md-6{
      width:50%;
      float:left;
    }
    nav#hornav ul.menu {
      width:300px;
      background-color: #1A3797;
      z-index:9999999;
      position:absolute;
      display:none;
      right:0px;
    }
     nav#hornav div.moduletable ul.menu  {
      right:0px;
     }
    nav#hornav ul.menu li{
       width:90%;
       float:none;
    }  
    nav#hornav ul.menu  ul.nav-child{
      position:relative;
      display:block!important;
      margin-left:0px;
      margin-left:0px;
      width:300px!important;
      left:-15px!important;
      top:45px!important;
    }
    div.banner_container div.moduletable{
        width:436px;
        margin-top:0px;
    }
    div.home3 ,
    div.home4,
    div.home2_2 {
      margin-bottom:15px;
    }
    div.footer_container{
      height:auto;
      padding-bottom:30px;
    }
    div#footerleft div.moduletable{
      border-right:1px solid transparent;
      margin-bottom:20px;
    }
    div.mapcontact {
      display:none;
    }
    div#subfooterright div.moduletable{
      float:none;
    }
    div#subfooterright p{
       text-align:left;
    }
    div.banner_container div.moduletable{
      width:100%;
      margin-top:0px;
    }
    div#topinfo div.moduletable img{
     display:none;
    }
    div.bannerin div.moduletable img#bannerin{
      width:128px;
    }
    div.services div.items-leading div.page-header a{
      font-size:18px;
      }
      nav#hornav h3{
        font-size:14px;
      }
    div.services div.items-leading div.leading-1,
    div.services div.items-leading div.leading-0 {
      height:254px;
      width:100%;
      float:none;
      margin-bottom:20px;
      background-color:#00aa4f;
    }
    div.bannerin div.moduletable h3{
      font-size:22px;
    }
    div.bannerin div.moduletable p{
      font-size:15px;
    }
    div.grey_container li, div#mcol div.item-page li{
      width:100%;
      float:none;
    }
    div.services div.items-row div.item div.page-header a{
          font-size:16px;
          line-height:110%;
    }
    div.services div.items-row div.item div.page-header a,
    div.services div.items-row div.item div.page-header h2,
    div.services div.items-row div.item div.page-header{
      height:95px;
      font-size:14px;
      font-weight:normal;
    }
    div.services div.items-row div.item{
      min-height:157px;
    }
    div.homeinside div.moduletable{
      width:100%;
      float:none;
    }
    div.contactfor div.contactinfo,
    div.contactfor div.contactform{
      width:100%;
      float:none;
    }
    div.home2_2.moduletable{
      height:auto;
      background-position:top left;
      display:table;
    }
    div.home2_2.moduletable table{
      margin-left:0px;
      margin-toP:190px;
      
    }
    div.services div.items-row div.item{
      height:163px;
    }
    div.homeinside div.moduletable{
      width:100%;
      float:none;
    }
    div.homeinside div.home2_2{
      float:left;
    }
    div.home2_2.moduletable table{
      
    }
    div#lcol {
    display:none;
    }  
    div#lcolmob h3{
      border-bottom:1px solid  #000;
      cursor:pointer;
    }
    #lcolmob {
      display:block;
    }
    #lcolmob ul.menu{
      display:none;
    }
    .page-header{
      margin-right:0px;
    }
    div.banner_container div.moduletable div.slide3{
        width:465px;
    }
    div.banner_container div.moduletable div.slide1{
      width:250px;
    }
    div.banner_container div.moduletable div.slide2 li,
    div.banner_container div.moduletable div.slide1 h2,
    div.banner_container div.moduletable div.slide3 h2{
      font-size:18px;
    }
    
    div.exodaform div.cf-container form fieldset div.label{
     
    }
    div.banner_container div.moduletable div.slide3,
    div.banner_container div.moduletable div.slide2{
        width:350px;
    }
    div.banner_container div.moduletable div.slide2 li{
      background-position: left 5px;
    }
    div.home2_2.moduletable{
      height:auto;
      width:100%;
    }
    div.cf-container form fieldset .label{
      width:100%;
    }
   
 
}