nav#topnav select,.goto{display:none}
@media (max-width: 1280px) {
.wrapper{clear:both;width:96%}
#topmenu ul.menu li a{padding:0 10px; text-transform: capitalize; font-size: 13px}
.ban_caption{ width: 50%; left: 10%; bottom: 10%; }
}
@media (max-width: 1024px) {
.wrapper{clear:both;width:99.5%}
#topmenu ul.menu li a{padding:0 10px; text-transform: capitalize; font-size: 13px}
.ban_caption{ width: 60%; left: 10%; bottom: 10%; }
}
@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:0;padding:0}
h1{font-size:36px;padding:0;}
h2, .ban_caption h2{font-size:24px;padding:0;}
h3{font-size:20px;}
h4{font-size:16px;}

.box-paddingL,.box-paddingR,.box-paddingS,.box-padding{padding:5px 0;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:0;overflow:hidden}
.logo img{margin:0;padding:0;width:100%}
.logo-wrapper{margin:0;padding:6px 8px}
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 .3s ease 0}
ul.toplinks li a{line-height:120%}
#header{text-align:center;position:relative}
#topmenu{float:none;margin:0 auto;padding:0;width:100%;clear:both}
#topmenu::before { width: 100%;left: 0px;z-index: -1;transform: skew(0deg);height:0;}  
.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 #195890;background:#195890 url(../images/menu.png) left center no-repeat;position:relative;color:#FFF}
nav#topnav select option{display:block;background:#195890;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{width:100%;height:auto; min-height: 250px;}
.page_header_wrap { text-align: center;
-webkit-clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);
clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);}
#services{display:block;width:100%;margin:0;position:relative;padding:30px 0}
#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}
#what .left_box { padding: 60px;}
#what .left_box_wrapper,#what .right_box_wrapper{display: block;float:none; clear:both; width: 100%;}
.usertool{text-align:center}
.carousel-caption p, .ban_caption p{font-size:14px;line-height:110%;}
.ban_caption{ width: 80%; left: 10%; bottom: 10%; text-align: center;}
a.slider-more,a.slidermore{padding:8px 16px;margin:5px;font-size:13px;font-weight:400;line-height:120%}
.slider{margin-bottom:0}
.ontop-right{position:relative;width:90%;right:0;margin:0 auto}
.shape-two{min-height:350px}
.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) {
.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:0;padding:0}
h1{font-size:36px;padding:0;}
h2, .ban_caption h2{font-size:24px;padding:0;}
h3{font-size:20px;}
h4{font-size:16px;}
.box-paddingL,.box-paddingR,.box-paddingS,.box-padding{padding:5px 0;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:0;overflow:hidden}
.logo img{margin:0;padding:0;width:100%}
.logo-wrapper{margin:0;padding:6px 8px}
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 .3s ease 0}
ul.toplinks li a{line-height:120%}
#header{text-align:center;position:relative}
#topmenu{float:none;margin:0 auto;padding:0;width:100%;clear:both}
#topmenu::before { width: 100%;left: 0px;z-index: -1;transform: skew(0deg);height:0;}
.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 #195890;background:#195890 url(../images/menu.png) left center no-repeat;position:relative;color:#FFF}
nav#topnav select option{display:block;background:#195890;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{width:100%;height:auto; min-height: 250px;}
.page_header_wrap { text-align: center;
-webkit-clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);
clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);}
#services{display:block;width:100%;margin:0;position:relative;padding:30px 0}
.service_image{margin-top:10px}
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%;clear:both}
#usertools{font-size:13px;line-height:120%;text-align:center}
#footer,#bar{text-align:center}
#what .left_box { padding: 60px;}
#what .left_box_wrapper,#what .right_box_wrapper{display: block;float:none; clear:both; width: 100%;}
.usertool{text-align:center}
.carousel-caption h2{font-size:20px;line-height:110%}
.carousel-caption p, .ban_caption p{font-size:14px;line-height:110%;}
.ban_caption{ width: 80%; left: 10%; bottom: 10%; text-align: center;}
a.slider-more,a.slidermore{padding:8px 16px;margin:5px;font-size:13px;font-weight:400;line-height:120%}.slider{margin-bottom:0}
.ontop-right{position:relative;width:90%;right:0;margin:0 auto}
.shape-two{min-height:350px}
.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) {
.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:0;padding:0}
.box-paddingL,.box-paddingR,.box-paddingS,.box-padding{padding:5px 0;margin:0}
h1{font-size:30px;padding:0;padding:0;}
h2, .ban_caption h2{font-size:20px;padding:0;}
h3{font-size:18px;}
h4{font-size:15px;}
.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:0;overflow:hidden}
.logo img{margin:0;padding:0;width:100%}
.logo-wrapper{margin:0;padding:6px 8px}
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 .3s ease 0}
ul.toplinks li a{line-height:120%}
#header{text-align:center;position:relative}
#topmenu{float:none;margin:0 auto;padding:0;width:100%;clear:both}
#topmenu::before { width: 100%;left: 0px;z-index: -1;transform: skew(0deg);height:0;}
.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 #195890;background:#195890 url(../images/menu.png) left center no-repeat;position:relative;color:#FFF}
nav#topnav select option{display:block;background:#195890;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{width:100%;height:auto; min-height: 200px;}
#what .left_box { padding: 60px;}
#what .left_box_wrapper,#what .right_box_wrapper{display: block;float:none; clear:both; width: 100%;}
.page_header_wrap { text-align: center;
-webkit-clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);
clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);}
#services{display:block;width:100%;margin:0;position:relative;padding:30px 0}
#usertools{font-size:13px;line-height:120%;text-align:center}
#footer,#bar{text-align:center}
.usertool{text-align:center}
.carousel-caption h2{font-size:18px;line-height:110%}
.carousel-caption p, .ban_caption p{font-size:14px;line-height:110%;}
.ban_caption{ width: 80%; left: 10%; bottom: 10%; text-align: center;}
a.slider-more,a.slidermore{padding:8px 16px;margin:5px;font-size:13px;font-weight:400;line-height:120%}.slider{margin-bottom:0}
.ontop-right{position:relative;width:90%;right:0;margin:0 auto}
.shape-two{min-height:300px}
.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) {
.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:0;padding:0}
.box-paddingL,.box-paddingR,.box-paddingS,.box-padding{padding:5px 0;margin:0}
h1{font-size:30px;padding:0;}
h2, .ban_caption h2{font-size:20px;padding:0;}
h3{font-size:18px;}
h4{font-size:15px;}
.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:0;overflow:hidden}
.logo img{margin:0;padding:0;width:100%}
.logo-wrapper{margin:0;padding:6px 8px}
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 .3s ease 0}
ul.toplinks li a{line-height:120%}
#header{text-align:center;position:relative}
#topmenu{float:none;margin:0 auto;padding:0;width:100%;clear:both}
#topmenu::before { width: 100%;left: 0px;z-index: -1;transform: skew(0deg);height:0;}
.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 #195890;background:#195890 url(../images/menu.png) left center no-repeat;position:relative;color:#FFF}
nav#topnav select option{display:block;background:#195890;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{width:100%;height:auto; min-height: 200px;}
#services{display:block;width:100%;margin:0;position:relative;padding:30px 0}
#usertools{font-size:13px;line-height:120%;text-align:center}
#footer,#bar{text-align:center}
#what .left_box { padding: 60px;}
#what .left_box_wrapper,#what .right_box_wrapper{display: block;float:none; clear:both; width: 100%;}
.page_header_wrap { text-align: center;
-webkit-clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);
clip-path: polygon(50% 0%, 100% 0, 96% 100%, 4% 100%, 0 0);}
.usertool{text-align:center}
.carousel-caption h2{font-size:18px;line-height:110%}
.carousel-caption p, .ban_caption p{display:none}
.ban_caption{ width: 80%; left: 10%; bottom: 10%; text-align: center;}
a.slider-more,a.slidermore{padding:8px 16px;margin:5px;font-size:13px;font-weight:400;line-height:120%}
.slider{margin-bottom:0}
.ontop-right{position:relative;width:90%;right:0;margin:0 auto}
.shape-two{min-height:250px}
.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: 360px) {
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 .3s ease 0}
ul.toplinks li a{line-height:120%}
.logo{float:none;margin:6px auto;width:99%;text-align:center;border-radius:0;overflow:hidden}
#what .left_box_wrapper,#what .right_box_wrapper{display: block;float:none; clear:both; width: 100%;}
.carousel-caption, .ban_caption{display:none}
.ontop-right{position:relative;width:90%;right:0;margin:0 auto}
.shape-two{min-height:200px}
.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}
}