nav#topnav select, .goto {

      display: none;

    }





/*== All =====================================================

========================================================================    */







@media (max-width: 1280px) {

.wrapper { clear: both; width: 96%;        }
#topmenu ul.menu li a {
 padding: 0px 12px;  text-transform:  capitalize;  letter-spacing: 0px; font-size: 14px;
}




}



@media (max-width: 1024px) {

.wrapper { clear: both; width: 99.5%;        }

#topmenu ul.menu li a {
 padding: 0px 10px;  text-transform:  capitalize;  letter-spacing: 0px;  font-size: 14px;
}





}



/*== Up to 980px and beyond 768px ======================================

========================================================================*/

/* Portrait tablet to landscape and desktop */

@media (min-width: 769px) and (max-width: 980px) {

.wrapper { clear: both; width: 96%;   max-width: 640px;      }



.align-right, .alignright{  text-align: center; float: none;}

.box-80, .box-70, .box-75, .box-60, .box-65, .box-50, .box-55,.box-45, .box-40,.box-35, .box-30, .box-33, .box-25, .box-20, .box-15  {

  float: none; width: 100%; margin: 10px auto; display: block; clear: both;

}

.row { margin: 0px; padding: 0px; }

.box-paddingL, .box-paddingR, .box-paddingS, .box-padding {  padding: 5px 0px; margin: 0; }

.head-col{  float: none; width: 100%; margin: 0 auto; text-align: center;}



.logo{ float:none; margin: 6px auto;  width: 300px; text-align: center;  border-radius: 0px; overflow: hidden;      }

.logo img{  margin: 0px; padding: 0; width: 100%;   }

.logo-wrapper {  margin: 0; padding: 6px 8px;}





.user-tools{  background: rgba(0, 0, 0, 0.9); display: block;  text-align: center; padding: 0px; margin: 0; }

ul.toplinks {

    border-right: none;  display: inline-block;

    list-style: none;  margin: 0; padding: 0;

}

ul.toplinks li {

    border-left: none;  padding: 0;  line-height: 110%;

    color: #fff; display: inline-block;  float: none;

     position: relative;  transition: all 0.3s ease 0s;

}

ul.toplinks li a {  line-height: 120%; }


body.home #header, #header {  text-align: center; width: 100%; position: relative; padding-bottom: 15px;  z-index: 9;  }



.text-vertical-center {

  position: absolute; width: 90%; margin: 0; left: 5%; z-index: 999;   display: block;   text-align: center;  height: auto;

  top: 35%;   vertical-align: middle;   }



.text-vertical-center h1 {

margin: 10px 0px; font-size: 35px;  line-height: 100%;

}

.text-vertical-center h3 {

font-size: 18px;  line-height: 120%; margin: 0px;

}



#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }

.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; text-align: center;}



nav#topnav ul, nav#topnav ul.menu     { display: none; }

nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #2F787E; background:#2F787E url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }

nav#topnav select option{ display: block;  background:#2F787E; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 6px 0px 10px 6px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

nav#topnav select option:hover {  background:#0F0F0F;}



.sticky {   position: relative;}

iframe {  width: 100%; height: auto;  }

.sliderContainer { position: relative; }
.ban_caption { top:auto;bottom: 0%;}
.ban_caption h1 {      font-size: 36px; line-height: 100%;  font-weight: 700; padding: 6px 0px; margin: 0px; }
.ban_caption h3 {      font-size: 18px; line-height: 100%;  font-weight: 700; padding: 6px 0px; }
.ban_caption .clearH {  height: 1px; }
#services{

  display: block; width: 100%;   margin: 0px;  position: relative;

}



#leftContent, #rightContent { float: none;  width: 96%; margin: 0 auto; padding: 2% 2% 3% 2%;  clear: both;    }


.about-box{height:350px;}
.aboutbox-inner p{ max-height:120px; padding:0 30px;}


#usertools {  font-size: 13px; line-height: 120%; text-align: center; }





#footer, #bar {  text-align: center; }

.usertool{ text-align: center; }



.carousel-caption h2{ font-size: 20px; line-height: 110%;    }

.carousel-caption p{ font-size: 14px; line-height: 110%;  margin: 0;   }

a.slider-more {

    border: 2px solid #FFFFFF;

    padding: 8px 16px;  margin: 6px 0px;   font-size: 13px;

    font-weight: 400;  line-height: 120%;

}

.slider{  margin-bottom: 0px; }
.page_header_wrap {  background-size: cover;  background-repeat: no-repeat; 	 padding: 140px 0px;  }


}



/*== Up to 767px ======================================================

========================================================================*/

/* Landscape phone to portrait tablet */

@media (max-width: 768px) {

.wrapper { clear: both; width: 90%;  max-width: 640px;       }

.align-right, .alignright{  text-align: center; float: none;}

.box-80, .box-70, .box-75, .box-60, .box-65, .box-50, .box-55,.box-45, .box-40,.box-35, .box-30, .box-33, .box-25, .box-20, .box-15  {

  float: none; width: 100%; margin: 10px auto; display: block; clear: both;

}

.row { margin: 0px; padding: 0px; }

.box-paddingL, .box-paddingR, .box-paddingS, .box-padding {  padding: 5px 0px; margin: 0; }

.head-col{  float: none; width: 100%; margin: 0 auto; text-align: center;}



.logo{ float:none; margin: 6px auto;  width: 300px; text-align: center;  border-radius: 0px; overflow: hidden;      }

.logo img{  margin: 0px; padding: 0; width: 100%;   }

.logo-wrapper {  margin: 0; padding: 6px 8px;}





.user-tools{  background: rgba(0, 0, 0, 0.9); display: block;  text-align: center; padding: 0px; margin: 0; }

ul.toplinks {

    border-right: none;  display: inline-block;

    list-style: none;  margin: 0; padding: 0;

}

ul.toplinks li {

    border-left: none;  padding: 0;  line-height: 110%;

    color: #fff; display: inline-block;  float: none;

     position: relative;  transition: all 0.3s ease 0s;

}

ul.toplinks li a {  line-height: 120%; }



body.home #header, #header { text-align: center; width: 100%; position: relative; padding-bottom: 15px;  z-index: 9;  }



.text-vertical-center {

  position: absolute; width: 90%; margin: 0; left: 5%; z-index: 999;   display: block;   text-align: center;  height: auto;

  top: 40%;   vertical-align: middle;  font-size: 12px; }



.text-vertical-center h1 {

margin: 10px 0px; font-size: 30px;  line-height: 100%;

}

.text-vertical-center h3 {

font-size: 16px;  line-height: 120%; margin: 0px;

}



#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }

.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; text-align: center;}



nav#topnav ul, nav#topnav ul.menu     { display: none; }

nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #2F787E; background:#2F787E url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }

nav#topnav select option{ display: block;  background:#2F787E; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 6px 0px 10px 6px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

nav#topnav select option:hover {  background:#0F0F0F;}



.sticky {   position: relative;}

iframe {  width: 100%; height: auto;  }

.sliderContainer { position: relative; }
.ban_caption { top:auto;bottom: 0%;}
.ban_caption h1 {      font-size: 30px; line-height: 100%;  font-weight: 700; padding: 6px 0px; margin: 0px; }
.ban_caption h3 {      font-size: 16px; line-height: 100%;  font-weight: 700; padding: 6px 0px; }

.ban_caption .clearH {  height: 1px; }


#services{

  display: block; width: 100%;   margin: 0px;  position: relative;

}



#leftContent, #rightContent { float: none;  width: 96%; margin: 0 auto; padding: 2% 2% 3% 2%;  clear: both;    }

.about-box{height:350px;}
.aboutbox-inner p{ max-height:120px; padding:0 30px;}


#usertools {  font-size: 13px; line-height: 120%; text-align: center; }


#footer, #bar {  text-align: center; }

.usertool{ text-align: center; }

.carousel-caption h2{ font-size: 20px; line-height: 110%;    }

.carousel-caption p{ font-size: 14px; line-height: 110%;  margin: 0;   }

a.slider-more {

    border: 2px solid #FFFFFF;

    padding: 8px 16px;  margin: 6px 0px;   font-size: 13px;

    font-weight: 400;  line-height: 120%;

}

.slider{  margin-bottom: 0px; }
.page_header_wrap {  background-size: cover;  background-repeat: no-repeat; 	 padding: 120px 0px; }


}



/*== Up to 640px ==================================================

====================================================================*/

@media (max-width: 640px) {

.wrapper { clear: both; width: 90%; max-width: 480px;       }



.align-right, .alignright{  text-align: center; float: none;}

.box-80, .box-70, .box-75, .box-60, .box-65, .box-50, .box-55,.box-45, .box-40,.box-35, .box-30, .box-33, .box-25, .box-20, .box-15  {

  float: none; width: 100%; margin: 10px auto; display: block; clear: both;

}

.row { margin: 0px; padding: 0px; }

.box-paddingL, .box-paddingR, .box-paddingS, .box-padding {  padding: 5px 0px; margin: 0; }

.head-col{  float: none; width: 100%; margin: 0 auto; text-align: center;}



.logo{ float:none; margin: 6px auto;  width: 300px; text-align: center;  border-radius: 0px; overflow: hidden;      }

.logo img{  margin: 0px; padding: 0; width: 100%;   }

.logo-wrapper {  margin: 0; padding: 6px 8px;}





.user-tools{  background: rgba(0, 0, 0, 0.9); display: block;  text-align: center; padding: 0px; margin: 0; }

ul.toplinks {

    border-right: none;  display: inline-block;

    list-style: none;  margin: 0; padding: 0;

}

ul.toplinks li {

    border-left: none;  padding: 0;  line-height: 110%;

    color: #fff; display: inline-block;  float: none;

     position: relative;  transition: all 0.3s ease 0s;

}

ul.toplinks li a {  line-height: 120%; }



body.home #header, #header {  text-align: center; width: 100%; position: relative; padding-bottom: 15px;  z-index: 9;  }



.text-vertical-center {

  position: absolute; width: 90%; margin: 0; left: 5%; z-index: 999;   display: block;   text-align: center;  height: auto;

  top: 28%;   vertical-align: middle;  font-size: 14px; }



.text-vertical-center h1 {

margin: 10px 0px; font-size: 24px;  line-height: 100%;

}

.text-vertical-center h3 {

font-size: 14px;  line-height: 100%; margin: 0px;

}



#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }

.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; text-align: center;}


nav#topnav ul, nav#topnav ul.menu     { display: none; }

nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #2F787E; background:#2F787E url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }

nav#topnav select option{ display: block;  background:#2F787E; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 6px 0px 10px 6px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

nav#topnav select option:hover {  background:#0F0F0F;}



.sticky {   position: relative;}

iframe {  width: 100%; height: auto;  }

.sliderContainer { position: relative; }


#services{

  display: block; width: 100%;   margin: 0px;  position: relative;

}
#usertools {  font-size: 13px; line-height: 120%; text-align: center; }

 .about-box{height:350px;}
.aboutbox-inner p{ max-height:120px; padding:0 30px;}



#footer, #bar {  text-align: center; }

.usertool{ text-align: center; }

.ban_caption { top:auto;bottom: 0%;}
.ban_caption h1 {      font-size: 20px; line-height: 100%;  font-weight: 700; padding: 6px 0px; margin: 0px; }
.ban_caption h3 {      font-size: 14px; line-height: 100%;  font-weight: 700; padding: 6px 0px; }
.ban_caption .clearH {  height: 1px; }
.carousel-caption h2{ font-size: 18px; line-height: 110%;    }

.carousel-caption p{ font-size: 14px; line-height: 110%;  margin: 0;   }

a.slider-more {

    border: 2px solid #FFFFFF;

    padding: 8px 16px;  margin: 6px 0px;   font-size: 12px;

    font-weight: 400;  line-height: 120%;

}

.slider{  margin-bottom: 0px; }
.page_header_wrap {  background-size: cover;  background-repeat: no-repeat; 	 padding: 100px 0px; }


}



/*== Up to 480px ==================================================

====================================================================*/

/* Landscape phones and down */

@media (max-width: 480px) {



.wrapper { clear: both; width: 96%;        }



.align-right, .alignright{  text-align: center; float: none;}

.box-80, .box-70, .box-75, .box-60, .box-65, .box-50, .box-55,.box-45, .box-40,.box-35, .box-30, .box-33, .box-25, .box-20, .box-15  {

  float: none; width: 100%; margin: 10px auto; display: block; clear: both;

}

.row { margin: 0px; padding: 0px; }

.box-paddingL, .box-paddingR, .box-paddingS, .box-padding {  padding: 5px 0px; margin: 0; }

.head-col{  float: none; width: 100%; margin: 0 auto; text-align: center;}



.logo{ float:none; margin: 6px auto;  width: 300px; text-align: center;  border-radius: 0px; overflow: hidden;      }

.logo img{  margin: 0px; padding: 0; width: 100%;   }

.logo-wrapper {  margin: 0; padding: 6px 8px;}





.user-tools{  background: rgba(0, 0, 0, 0.9); display: block;  text-align: center; padding: 0px; margin: 0; }

ul.toplinks {

    border-right: none;  display: inline-block;

    list-style: none;  margin: 0; padding: 0;

}

ul.toplinks li {

    border-left: none;  padding: 0;  line-height: 110%;

    color: #fff; display: inline-block;  float: none;

     position: relative;  transition: all 0.3s ease 0s;

}

ul.toplinks li a {  line-height: 120%; }





body.home #header, #header {  text-align: center; width: 100%; position: relative; padding-bottom: 15px;  z-index: 9;  }



.text-vertical-center {

  position: absolute; width: 90%; margin: 0; left: 5%; z-index: 999;   display: block;   text-align: center;  height: auto;

  top: 24%;   vertical-align: middle;  font-size: 12px; }



.text-vertical-center h1 {

margin: 10px 0px; font-size: 20px;  line-height: 100%;

}

.text-vertical-center h3 {

font-size: 13px;  line-height: 100%; margin: 0px;

}



#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }

.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; text-align: center;}



nav#topnav ul, nav#topnav ul.menu     { display: none; }

nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #2F787E; background:#2F787E url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }

nav#topnav select option{ display: block;  background:#2F787E; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 6px 0px 10px 6px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

nav#topnav select option:hover {  background:#0F0F0F;}

.ban_caption { top:auto;bottom: 0%;}

.ban_caption h1 {      font-size: 20px; line-height: 100%;  font-weight: 700; padding: 6px 0px; margin: 0px; }
.ban_caption h3 {      font-size: 14px; line-height: 100%;  font-weight: 700; padding: 6px 0px; }
.ban_caption .clearH {  height: 1px; }

.sticky {   position: relative;}

iframe {  width: 100%; height: auto;  }

.sliderContainer { position: relative; }



#services{

  display: block; width: 100%;   margin: 0px;  position: relative;

}



.gallery{ text-align: center; }



.searchbox{   padding: 5px 0px; display: block; }
.about-box{height:350px;}
.aboutbox-inner p{ max-height:120px; padding:0 30px;}




#usertools {  font-size: 13px; line-height: 120%; text-align: center; }

.page_header_wrap {  background-size: cover;  background-repeat: no-repeat;	 padding: 90px 0px;  }



#footer, #bar {  text-align: center; }

.usertool{ text-align: center; }



 .carousel-caption h2{ font-size: 18px; line-height: 110%;    }

 .carousel-caption p{  display: none;   }

a.slider-more {

    border: 2px solid #FFFFFF;

    padding: 8px 16px;  margin: 6px 0px;   font-size: 12px;

    font-weight: 400;  line-height: 120%;

}





}

/*== Up to 340px =====================================================

========================================================================*/

/* Portrait phones */

@media (max-width: 360px) {      

body.home #header, #header { width: 100%; position: relative; padding-bottom: 15px;  z-index: 9;  }



.text-vertical-center {

  position: absolute; width: 90%; margin: 0; left: 5%; z-index: 999;   display: block;   text-align: center;  height: auto;

  top: 20%;   vertical-align: middle;  font-size: 12px; }



.text-vertical-center h1 {

margin: 10px 0px; font-size: 15px;  line-height: 100%;

}

.text-vertical-center h3 {

font-size: 12px;  line-height: 100%; margin: 0px;

}

.user-tools{  background: rgba(0, 0, 0, 0.9); display: block;  text-align: center; padding: 0px; margin: 0; }

ul.toplinks {

    border-right: none;  display: inline-block;

    list-style: none;  margin: 0; padding: 0;

}

ul.toplinks li {

    border-left: none;  padding: 0;  line-height: 110%;

    color: #fff; display: inline-block;  float: none;

     position: relative;  transition: all 0.3s ease 0s;

}

ul.toplinks li a {  line-height: 120%; }


.about-box{height:350px;}
.aboutbox-inner p{ max-height:120px; padding:0 30px;}

.logo{ float:none; margin: 6px auto;  width: 99%; text-align: center;  border-radius: 0px; overflow: hidden;      }



.searchbox{   padding: 5px 0px; display: block; }

.carousel-caption, .ban_caption {  display: none;   }



.sliderContainer { position: relative; }

.page_header_wrap {  background-size: cover;  background-repeat: no-repeat; 	 padding: 80px 0px; }





}



/************************************************************************************

smaller than 320px

*************************************************************************************/

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



.sliderContainer { position: relative; }



}