nav#topnav select, .goto {

      display: none;

    }





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

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







@media (max-width: 1280px) {

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

#topmenu ul.menu li a {



	padding: 0px 10px 0px 10px;

     text-align: center;  margin: 0px;

     transition: all 0.3s ease 0s;  font-size: 14px;

}



}



@media (max-width: 1024px) {

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

#topmenu ul.menu li a {



	padding: 0px 8px 0px 8px;

     text-align: center;  margin: 0px;

     transition: all 0.3s ease 0s;  font-size: 14px;

}

#parallax {   background-size: 150%;

   background-attachment: fixed; background-position: center;

   padding: 60px 0px;

}





.slide-caption-inner { padding: 15px;}

.ban_caption h1 {  font-size: 24px; line-height: 110%;}

.ban_caption h3 {  font-size: 20px; line-height: 110%;}



}



/*== 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: 0px auto; display: block; clear: both;

}

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

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



.logo{ float:none; margin: 0px auto;  width: 160px; padding: 0px; text-align: center; position: relative;  }

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

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



.sticky { position: relative; }



#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; }

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



.hr-lg, .hr-lg::before, .hr-lg::after { display: none; }



.ban_caption h1 {  font-size: 20px; line-height: 110%;}

.ban_caption h3 {  font-size: 18px; line-height: 110%;}

.ban_caption p{  display: none;}



.phone {

  max-width: 180px; margin: 0 auto;

    padding-top: 0px; text-align: center;

}



#services{

  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1;

}

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; }



#parallax {   background-size: 150%;

   background-attachment: fixed; background-position: center;

   padding: 60px 0px; text-align: center; color: #FFFFFF;

}

#parallax h1{ color: #FFFFFF;  font-size: 40px; line-height: 110%; }



#affiliates { text-align: center; }





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



.section-ribbon, .section-ribbon::before {  display: none;  }



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

.usertool{ text-align: center; }





#footer .fmenu {list-style:none; width:auto; margin: 0 auto; display: inline-block;  }

#footer .fmenu li { float: none; display: inline-block;  }

#footer .fmenu li a { padding: 0px 10px;   }




}



/*== 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: 0px auto; display: block; clear: both;

}

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

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



.logo{ float:none; margin: 0px auto;  width: 160px; padding: 0px; text-align: center; position: relative;  }

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

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



.sticky { position: relative; }



#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;}

.goto{   display: block; background: none;  }

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



.hr-lg, .hr-lg::before, .hr-lg::after { display: none; }



.ban_caption h1 {  font-size: 20px; line-height: 110%;}

.ban_caption h3 {  font-size: 18px; line-height: 110%;}

.ban_caption p{  display: none;}



.phone {

  max-width: 180px; margin: 0 auto;

    padding-top: 0px; text-align: center;

}



#services{

  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1;

}



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; }



#parallax {   background-size: 300%;

   background-attachment: fixed; background-position: center;

   padding: 60px 0px; text-align: center; color: #FFFFFF;

}

#parallax h1{ color: #FFFFFF;  font-size: 40px; line-height: 110%; }



#affiliates { text-align: center; }

.section-ribbon, .section-ribbon::before {  display: none;  }



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

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



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

.usertool{ text-align: center; }

#footer .fmenu {list-style:none; width:auto; margin: 0 auto; display: inline-block;  }

#footer .fmenu li { float: none; display: inline-block;  }

#footer .fmenu li a { padding: 0px 10px;   }




}



/*== 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: 0px auto; display: block; clear: both;

}

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

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



.logo{ float:none; margin: 0px auto;  width: 150px; padding: 0px; text-align: center; position: relative;  }

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

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



.sticky { position: relative; }



#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;}

.goto{   display: block; background: none;  }

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



.ban_caption, .ban_caption p{  display: none;}

.hr-lg, .hr-lg::before, .hr-lg::after { display: none; }



.phone {

  max-width: 180px; margin: 0 auto;

    padding-top: 0px; text-align: center;

}



#services{

  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1;

}

.gallery{ text-align: center; }



#parallax {   background-size: 300%;

   background-attachment: fixed; background-position: center;

   padding: 60px 0px; text-align: center; color: #FFFFFF;

}

#parallax h1{ color: #FFFFFF;  font-size: 40px; line-height: 110%; }



#affiliates { text-align: center; }

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



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



.section-ribbon, .section-ribbon::before {  display: none;  }

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

.usertool{ text-align: center; }

#footer .fmenu {list-style:none; width:auto; margin: 0 auto; display: inline-block;  }

#footer .fmenu li { float: none; display: inline-block;  }

#footer .fmenu li a { padding: 0px 10px;   }

/*

.contact-info span {



    border-radius: 100px;

    display: block;

    height: 68px;

    line-height: 72px;

    margin-right: 0px; margin: 50px auto 0px auto;

    text-align: center;

    width: 68px;

}

.contact-info {

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    height: auto;

    line-height: 118px;

    text-align: center;

} */

img.alignright, img.alignleft, img.alignnone, img.aligncenter {   float: none; max-width: 100%; height: auto; }





}



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

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

/* Landscape phones and down */

@media (max-width: 480px) {



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

.user-tools a{display:block;}

.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: 0px auto; display: block; clear: both;

}

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

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



.logo{ float:none; margin: 0px auto;  width: 150px; padding: 0px; text-align: center; position: relative;  }

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

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



.sticky { position: relative; }



#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;}

.goto{   display: block; background: none;  }

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



.ban_caption, .ban_caption p{  display: none;}

.hr-lg, .hr-lg::before, .hr-lg::after { display: none; }



.phone {

  max-width: 180px; margin: 0 auto;

    padding-top: 0px; text-align: center;

}



#services{

  display: block; width: 100%;   margin: 0px;  position: relative; z-index: 1;

}



ul.service-list li {   list-style: none;

  padding-bottom: 4px; padding-left: 25x;  display: block; width: 80%;

}



.gallery{ text-align: center; }



#parallax {   background-size: 300%;

   background-attachment: fixed; background-position: center;

   padding: 60px 0px; text-align: center; color: #FFFFFF;

}

#parallax h1{ color: #FFFFFF;  font-size: 40px; line-height: 110%; }



#affiliates { text-align: center; }

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



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

.section-ribbon, .section-ribbon::before {  display: none;  }



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

.usertool{ text-align: center; }



#footer .fmenu {list-style:none; width:auto; margin: 0 auto; display: inline-block;  }

#footer .fmenu li { float: none; display: inline-block;  }

#footer .fmenu li a { padding: 0px 10px;   }

/*

.contact-info span {



    border-radius: 100px;

    display: block;

    height: 68px;

    line-height: 72px;

    margin-right: 0px; margin: 50px auto 0px auto;

    text-align: center;

    width: 68px;

}

.contact-info {

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    height: auto;

    line-height: 118px;

    text-align: center;

} */
	
.hide-on-mobile{display:none;}	
.footer-top{padding:20px 40px;}	
.contact-info { border-left: 1px solid rgba(255, 255, 255, 0.2); height: auto;text-align:left; line-height: 140%; padding:6px 0px;}	
.contact-info a {  font-size: 18px; font-weight: 500;}
.contact-info span { border-radius: 38px; height: 38px;line-height: 38px; margin-right: 10px;  width: 38px;}
.contact-info span i { font-size: 18px; line-height: 25px;}

img.alignright, img.alignleft, img.alignnone, img.aligncenter {   float: none; max-width: 100%; height: auto; }





}

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

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

/* Portrait phones */

@media (max-width: 360px) {





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

img.alignright, img.alignleft, img.alignnone, img.aligncenter {   float: none; max-width: 100%; height: auto; }





}



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

smaller than 320px

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

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





}

