nav#topnav select,.goto{display:none}
@media (max-width: 1280px) {
body{ font-size: 15px; }
.wrapper{clear:both;width:90%}
h1, .extra-large{font-size:36px; letter-spacing: normal;}
h2, .section-title{font-size:30px;letter-spacing: normal;}
h3{font-size:24px;letter-spacing: normal;}
h4{font-size:18px;}
h5{font-size:15px;}

#topmenu ul.menu li a { padding: 0 8px; }
.page_header_wrap { text-align: center; }
.header-overlay{ padding: 180px 0px 60px 0px; min-height: auto; }
.text-vertical-center { height: 550px; }
.text-vertical-center h1{ font-size: 38px;}
}
@media (max-width: 1024px) {
.wrapper{clear:both;width:96%}
h1, .extra-large{font-size:36px;}
h2, .section-title{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:15px;}

#topmenu ul.menu li a { padding: 0 10px;text-transform: capitalize; font-size: 14px;line-height:140%; }
.ban_caption{top: 20%; }
.ban_caption h2{font-size:30px;line-height:110%}
.fullscreen-bg { top: 0px; right: 0; bottom: 0; left: 0; }
.text-vertical-center { height:460px; text-align: center; vertical-align: bottom;}
.text-vertical-center h3{ font-size: 36px;}
.text-vertical-center h5{ font-size: 14px;}
.text-vertical-center p{ font-size:14px;}
.page_header_wrap { text-align: center; }
.header-overlay{ padding: 150px 0px 60px 0px; min-height: auto; }
.ban_caption{ width: 80%; left: 10%; right: 10%; top: 14%;bottom:auto;}
.ban_caption h5.subtitle { font-weight: 700; font-size: 15px; margin-bottom:10px;}
.ban_caption h2{font-size:24px;line-height:110%;margin-bottom:10px;}
.carousel-caption p, .ban_caption p{font-size:12px;margin-bottom:10px;}
a.slider-more,a.slidermore,a.slider-more-light{padding:10px 20px;margin:1px;font-size:12px;font-weight:700;line-height:120%; width:120px;}


}
@media (min-width: 769px) and (max-width: 980px) {
.body{ font-size: 15px; line-height: 150%;}
.wrapper{clear:both;width:90%; max-width: 760px;}, .wrap {width:100%; max-width: 100%;margin:0 auto;}
.align-right,.alignright{text-align:center;float:none}
.box-80,.box-70,.box-75,.box-60,.box-66,.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:0px auto;display:block;clear:both}
.row{margin:0;padding:0}
.box-padding{padding:5px 0;margin:0}
.box-paddingL,.box-paddingR,.box-paddingS{padding:0px;margin:0}
.flex-item {display: block; }
h1, .extra-large{font-size:36px;}
h2, .section-title{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:15px;}

.head-col{display:none;}
.logo{float:left;margin:0px;width:25%;}
.logo img{margin:0;padding:0;max-width:110px;}
.nav-left{display:none}
.nav-right{ float: right;width:75%; padding-top: 35px; text-align: center; }
.nav-right a.learnmore, .nav-right a.readmore{ padding: 10px 24px; font-size: 13px;}

.clear{ display: block; width: 100%; clear: both}

.user-tools{display:block;text-align:center;padding:0;margin:0}
#header, .home #header { text-align:center;position:relative !important; }
#topmenu{float:none;margin:0 auto;padding:0;width:100%;clear:both}
.moduletable_dropdown{float:none;clear:both;margin:0 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:0 auto;height:40px;padding:10px;font-size:0;border:1px solid #000B15;background:#000B15 url(../images/menu.png) left center no-repeat;position:relative;color:#fff}
nav#topnav select option{display:block;background:#000B15;border:none;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0 10px 6px;text-transform:uppercase;font-size:14px;line-height:24px}
nav#topnav select option:hover{background:#0F0F0F}

.sticky{position:relative}
iframe, video{width:100%;height:auto; min-height: 300px;}
.page_header_wrap { text-align: center; }
.header-overlay{ padding: 150px 0px 50px 0px; min-height: auto; }
.quick-quote { margin-top: 50px;}
#services{display:block;width:100%;margin:0;position:relative;}
#leftContent,#rightContent{float:none;width:96%;margin:0 auto;padding:2% 2% 3%;clear:both}
#usertools{font-size:13px;line-height:120%;text-align:center}
#footer,#bar{text-align:center}
.service-box { min-height: auto; }
.service-overlay { padding: 60px 0px; }
#call-to-action { position: relative; bottom: 0px;  margin: 20px auto;}
#welcome, #bottombox { font-size:100%; }
.image-shadow-left,.image-shadow-right {  margin-bottom: 50px;}

.fullscreen-bg { top: 0px; right: 0; bottom: 0; left: 0; }
.text-vertical-center { height:450px; text-align: center; vertical-align: bottom;}
.text-vertical-center h3{ font-size: 36px;}
.text-vertical-center h5{ font-size: 14px;}
.text-vertical-center p{ font-size:14px;}

.ban_caption{ width: 80%; left: 10%; right: 10%; top: 14%;bottom:auto;}
.ban_caption h5.subtitle { font-weight: 700; font-size: 15px; margin-bottom:10px;}
.ban_caption h2{font-size:24px;line-height:110%;margin-bottom:10px;}
.carousel-caption p, .ban_caption p{font-size:12px;margin-bottom:10px;}
a.slider-more,a.slidermore,a.slider-more-light{padding:10px 20px;margin:1px;font-size:12px;font-weight:700;line-height:120%; width:120px;}

.list-work-times {margin: -10px auto 15px auto; }
.footer-overlay{ margin:0px;}
#footer h4::after {display:none} 
.wrap-left,.wrap-right {width: 80%;padding: 20px; margin: 0 auto}
.column-2,.column-3,.column-4{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
}
@media (max-width: 768px) {
#hamburgMenu{ display: block;}
.body{ font-size: 15px; line-height: 150%;}
.wrapper{clear:both;width:90%; max-width: 680px;}, .wrap {width:100%; max-width: 100%;margin:0 auto;}
.align-right,.alignright{text-align:center;float:none}
.box-80,.box-70,.box-75,.box-60,.box-66,.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:0px auto;display:block;clear:both}
.row{margin:0;padding:0}
.box-padding{padding:5px 0;margin:0}
.box-paddingL,.box-paddingR,.box-paddingS{padding:0px;margin:0}
.flex-item {display: block; }
h1, .extra-large{font-size:36px;}
h2, .section-title{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:15px;}

.head-col{display:none;}
.logo{float:left;margin:0px;width:25%;}
.logo img{margin:0;padding:0;max-width:110px;}
.nav-left{display:none}
.nav-right{ float: right;width:75%; padding-top: 35px; text-align: center; }
.nav-right a.learnmore, .nav-right a.readmore{ padding: 10px 24px; font-size: 12px;}
.clear{ display: block; width: 100%; clear: both}

#header, .home #header { text-align:center;position:relative !important; }
#topmenu{float:none;margin:0 auto;padding:0;width:100%;clear:both}
.moduletable_dropdown{float:none;clear:both;margin:0 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:0 auto;height:40px;padding:10px;font-size:0;border:1px solid #000B15;background:#000B15 url(../images/menu.png) left center no-repeat;position:relative;color:#fff}
nav#topnav select option{display:block;background:#000B15;border:none;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0 10px 6px;text-transform:uppercase;font-size:14px;line-height:24px}
nav#topnav select option:hover{background:#0F0F0F}

.sticky{position:relative}
iframe, video{width:100%;height:auto; min-height: 300px;}
.page_header_wrap { text-align: center; }
.header-overlay{ padding: 120px 0px 50px 0px; min-height: auto; }
.quick-quote { margin-top: 50px;}
#services{display:block;width:100%;margin:0;position:relative;}
.service-box { min-height: auto; }
.service-overlay { padding: 60px 0px; }
#leftContent,#rightContent{float:none;width:96%;margin:0 auto;padding:2% 2% 3%;clear:both}
#usertools{font-size:13px;line-height:120%;text-align:center}
#footer,#bar{text-align:center}

.user-tools{ display: none;}
#call-to-action { position: relative; bottom: 0px;  margin: 15px auto;}
#welcome, #bottombox { font-size:100%; }
.image-shadow-left,.image-shadow-right {  margin-bottom: 50px;}

.fullscreen-bg { top: 0px; right: 0; bottom: 0; left: 0; }
.text-vertical-center { height:400px; text-align: center; vertical-align: bottom;}
.text-vertical-center h3{ font-size: 35px;}
.text-vertical-center h5{ font-size: 14px;}
.text-vertical-center p{ font-size:14px;}
.footer-top, #footer-middle{ padding: 40px 30px;}

.ban_caption{ width: 80%; left: 10%; right: 10%; top: 14%;bottom:auto;}
.ban_caption h5.subtitle { font-weight: 700; font-size: 15px; margin-bottom:8px;}
.ban_caption h2{font-size:24px;line-height:110%;margin-bottom:8px;}
.carousel-caption p, .ban_caption p{font-size:12px;margin-bottom:8px;}
a.slider-more,a.slidermore,a.slider-more-light{padding:10px 20px;margin:1px;font-size:11px;font-weight:700;line-height:120%; width:120px;}

.list-work-times {margin: -10px auto 15px auto; }
.footer-overlay{ margin:0px;}
#footer h4::after {display:none}
.footer-top h3 {font-size:22px;}
.wrap-left,.wrap-right {width: 80%;padding: 20px; margin: 0 auto}
.column-2,.column-3,.column-4{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
}
@media (max-width: 640px) {
#hamburgMenu{ display: block;}
.body{ font-size: 14px; line-height: 150%;}
.wrapper{clear:both;width:90%; max-width: 480px;}, .wrap {width:100%; max-width: 100%;margin:0 auto;}
.align-right,.alignright{text-align:center;float:none}
.box-80,.box-70,.box-75,.box-60,.box-66,.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:0px auto;display:block;clear:both}
.row{margin:0;padding:0}
.box-padding{padding:5px 0;margin:0}
.box-paddingL,.box-paddingR,.box-paddingS{padding:0px;margin:0}
.flex-item {display: block; }
h1, .extra-large{font-size:30px;}
h2, .section-title{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px;}

.head-col{display:none;}
.logo{float:left;margin:0px;width:25%;}
.logo img{margin:0;padding:0;max-width:110px;}
.nav-left{display:none}
.nav-right{ float: right;width:75%; padding-top: 35px; text-align: center; }
.nav-right a.learnmore, .nav-right a.readmore{ padding: 10px 20px; font-size: 12px;}

.quick-quote { margin-top: 50px;}
.clear{ display: block; width: 100%; clear: both}

#header, .home #header { text-align:center;position:relative !important; }
#topmenu{float:none;margin:0 auto;padding:0;width:100%;clear:both}
nav#topnav ul,nav#topnav ul.menu{display:none}
nav#topnav select{float:none;display:block;cursor:pointer;width:100%;margin:0 auto;height:40px;padding:10px;font-size:0;border:1px solid #000B15;background:#000B15 url(../images/menu.png) left center no-repeat;position:relative;color:#fff}
nav#topnav select option{display:block;background:#000B15;border:none;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0 10px 6px;text-transform:uppercase;font-size:14px;line-height:24px}
nav#topnav select option:hover{background:#0F0F0F}


.sticky{position:relative}
iframe, video{width:100%;height:auto; min-height: 250px;}
.page_header_wrap { text-align: center; }
.header-overlay{ padding: 100px 0px 40px 0px; min-height: auto; }
#services{display:block;width:100%;margin:0;position:relative;}
#usertools{font-size:13px;line-height:120%;text-align:center}
#footer,#bar{text-align:center}
.service-box { min-height: auto; }
.service-overlay { padding: 50px 0px; }
.about-container { padding: 20px; }
#call-to-action { position: relative; bottom: 0px;  margin: 20px auto;}
#welcome, #bottombox { font-size:100%; }
.image-shadow-left,.image-shadow-right {  margin-bottom: 50px;}

.fullscreen-bg { top: 0px; right: 0; bottom: 0; left: 0; }
.text-vertical-center { height:350px; text-align: center; vertical-align: bottom;}
.text-vertical-center h3{ font-size: 30px;}
.text-vertical-center h5{ font-size: 12px;}
.text-vertical-center p{ font-size:12px;}
.footer-top, #footer-middle{ padding: 30px 20px;}

.ban_caption{ width: 80%; left: 10%; right: 10%; top: 14%;bottom:auto;}
.ban_caption h5.subtitle { font-weight: 700; font-size: 14px; margin-bottom:6px;}
.ban_caption h2{font-size:20px;line-height:110%;margin-bottom:6px;}
.carousel-caption p, .ban_caption p{font-size:11px;margin-bottom:6px;}
a.slider-more,a.slidermore,a.slider-more-light{padding:10px 20px;margin:1px;font-size:11px;font-weight:700;line-height:120%; width:100px;}

.list-work-times {margin: -10px auto 15px auto; }
.footer-overlay{ margin:0px;}
#footer h4::after {display:none}
.footer-top h3 {font-size:20px;}
.wrap-left,.wrap-right {width: 80%;padding: 20px; margin: 0 auto}
.column-2,.column-3,.column-4{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}
}
@media (max-width: 480px) {
#hamburgMenu{ display: block;}
.body{ font-size: 14px; line-height: 150%;}
.wrapper{clear:both;width:90%}
.align-right,.alignright{text-align:center;float:none}
.box-80,.box-70,.box-75,.box-60,.box-66,.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:0px auto;display:block;clear:both}
.row{margin:0;padding:0}
.box-padding{padding:5px 0;margin:0}
.box-paddingL,.box-paddingR,.box-paddingS{padding:0px;margin:0}
.flex-item {display: block; }
h1, .extra-large{font-size:30px;}
h2, .section-title{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px;}

.header-wrap{ display: block; width: 100%;}

.head-col{display:none;}
.logo{float:left;margin:0px;width:25%;}
.logo img{margin:0;padding:0;max-width:110px;}
.nav-left{display:none}
.nav-right{ float: right;width:75%; padding-top: 35px; text-align: center; }
.nav-right a.learnmore, .nav-right a.readmore{ padding: 10px 20px; font-size: 12px;}

#header, .home #header { text-align:center;position:relative !important; }

.moduletable_dropdown{float:none;clear:both;margin:0 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:0 auto;height:40px;padding:10px;font-size:0;border:1px solid #000B15;background:#000B15 url(../images/menu.png) left center no-repeat;position:relative;color:#fff}
nav#topnav select option{display:block;background:#000B15;border:none;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0 10px 6px;text-transform:uppercase;font-size:14px;line-height:24px}
nav#topnav select option:hover{background:#0F0F0F}


.clear{ display: block; width: 100%; clear: both}

.quick-quote { margin-top: 50px;}

.user-tools{ display: none;}
#call-to-action { position: relative; bottom: 0px;  margin: 15px auto;}
#welcome, #bottombox { font-size:100%; }
#about  { background-image: none; }
#call-to-action { text-align:center;}
#call-to-action h3 { margin-bottom: 15px;}
details>summary::marker { color: #ADBFD5; }
.footer-top .border-left {  border-left: none; }
#footer-bottom{ text-align: center;}
.footer-top, #footer-middle{ padding: 30px 20px;}

.image-shadow-left,.image-shadow-right {  margin-bottom: 50px;}

.fullscreen-bg { top: 0px; right: 0; bottom: 0; left: 0; }
.text-vertical-center { height:300px; text-align: center; vertical-align: bottom;}
.text-vertical-center h3{ font-size: 25px;}
.text-vertical-center h5{ font-size: 11px;}
.text-vertical-center p{ font-size:11px;}

.sticky{position:relative}
iframe, video{width:100%;height:auto; min-height: 200px;}
.page_header_wrap { text-align: center; }
.header-overlay{ padding: 100px 0px 40px 0px; min-height: auto; }
#services{display:block;width:100%;margin:0;position:relative;}
#usertools{font-size:13px;line-height:120%;text-align:center}
#footer,#bar{text-align:center}
.service-box { min-height: auto; }
.service-overlay { padding: 50px 0px; }
.ban_caption{ width: 80%; left: 10%; right: 10%; top: 14%;bottom:auto;}
.ban_caption h5.subtitle { font-weight: 700; font-size: 12px;line-height: 110%; margin-bottom:5px;}
.ban_caption h2{font-size:16px;line-height:100%; letter-spacing: normal; margin-bottom:5px;}
.carousel-caption p, .ban_caption p{font-size:11px;line-height: 110%;margin-bottom:5px;}
a.slider-more,a.slidermore,a.slider-more-light{padding:8px 18px;margin:1px;font-size:11px;font-weight:700;line-height:120%; width:100px;}

.slider{margin-bottom:0}
.about-container { padding: 20px; }

.list-work-times {margin: -10px auto 15px auto; }

.footer-overlay{ margin:0px;}
#footer h4::after {display:none}
.footer-top h3 {font-size:18px;}
.wrap-left,.wrap-right {width: 80%;padding: 20px; margin: 0 auto}
.column-2,.column-3,.column-4{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}
}
@media (max-width: 420px) { .ban_caption{ top: 14%;}
a.slider-more,a.slidermore,a.slider-more-light{padding:8px 10px;margin:0px;font-size:10px;font-weight:700;line-height:120%; width:95px;}
}

@media (max-width: 360px) {
.user-tools{ display: none;}
#header, .home #header { text-align:center;position:relative !important; }
.flex-item {display: block; }
.logo{float:left;margin:0px;width:30%;}
.logo img{margin:0;padding:0;max-width:100%;}
.nav-right{ float: right;width:70%; padding-top: 8px; text-align: center; }
.nav-right a.learnmore, .nav-right a.readmore{ padding: 8px 20px; font-size: 11px;}
.carousel-caption p, .ban_caption p{display:none}
.service-box { min-height: auto; }
iframe, video{width:100%;height:auto; min-height: 200px;}
.page_header_wrap { text-align: center; }
.about-container { padding: 20px; }
.footer-overlay{ margin:0px;}
#footer h4::after {display:none}
.wrap-left,.wrap-right {width: 80%;padding: 20px; margin: 0 auto}
.column-2,.column-3,.column-4{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}
}