nav#topnav select, .goto {
      display: none;
    }


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



@media (max-width: 1280px) {
.wrapper { clear: both; width: 96%;        }


}

@media (max-width: 1024px) {
.wrapper { clear: both; width: 99.5%;        }

#welcome {   background-size: 150%;
   background-attachment: fixed; background-position: center;

}

}

/*== 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-40, .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;   overflow: hidden;      }
.logo img{  margin: 0px; padding: 0; width: 100%;   }
.logo-wrapper {  margin: 0; padding: 6px 8px;}

#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 #0074B2; background:#007AB9 url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#007BBB; 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:#BA2528;}



#services{
  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1; padding: 0px 0 0 ; background: transparent;
}

ul.service-list li {   list-style: none;
  padding-bottom: 4px; padding-left: 25x;  display: block; width: 80%;
}

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

.gallery{ text-align: center; }

#welcome {   background:#F1CA8F url(../images/welcomebg.jpg) no-repeat; }


#affiliates { text-align: center; }


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


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

}

/*== 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-40, .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;  overflow: hidden;      }
.logo img{  margin: 0px; padding: 0; width: 100%;   }
.logo-wrapper {  margin: 0; padding: 6px 8px;}

#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 #0074B2; background:#007AB9 url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#007BBB; 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:#BA2528;}




#services{
  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1; padding: 0px 0 0 ; background: transparent;
}

ul.service-list li {   list-style: none;
  padding-bottom: 4px; padding-left: 25x;  display: block; width: 80%;
}

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

.gallery{ text-align: center; }

#welcome {   background:#F1CA8F url(../images/welcomebg.jpg) no-repeat; }

#affiliates { text-align: center; }


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


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

/*== 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-40, .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;  overflow: hidden;      }
.logo img{  margin: 0px; padding: 0; width: 100%;   }
.logo-wrapper {  margin: 0; padding: 6px 8px;}

#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 #0074B2; background:#007AB9 url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#007BBB; 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:#BA2528;}



.ban_caption{  display: none;}

#services{
  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1; padding: 0px 0 0 ; background: transparent;
}
.gallery{ text-align: center; }

#welcome {   background:#F1CA8F url(../images/welcomebg.jpg) no-repeat; }

#affiliates { text-align: center; }


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


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

/*== 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-40, .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;   overflow: hidden;      }
.logo img{  margin: 0px; padding: 0; width: 100%;   }
.logo-wrapper {  margin: 0; padding: 6px 8px;}

#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 #0074B2; background:#007AB9 url(../images/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#007BBB; 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:#BA2528;}



.ban_caption{  display: none;}

#services{
  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1; padding: 0px 0 0 ; background: transparent;
}

ul.service-list li {   list-style: none;
  padding-bottom: 4px; padding-left: 25x;  display: block; width: 80%;
}

.gallery{ text-align: center; }

#welcome {   background:#F1CA8F url(../images/welcomebg.jpg) no-repeat; }  

#affiliates { text-align: center; }


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


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

}
/*== Up to 340px =====================================================
========================================================================*/
/* Portrait phones */
@media (max-width: 360px) {




}

/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {


}