@media screen and (max-width: 768px)
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {/*-webkit-appearance: none;*/border-radius: 0;}
	img {height:auto;width:100%;max-width:100%;margin:auto;}

    p, .bodytext ul li, .itemstyle ul li, .contactside label {font-size:16px;line-height:19px;}

    h1 {font-size:30px;} 
    h2 {font-size:24px;line-height:24px;}
    h3, .more {font-size:18px;}  
    h4 {font-size:16px;}
    h5 {font-size:14px;}

    ul, ol {margin:0 0px;}

	.mainmenu li ul, .fakeheader, .accesstitle, .accesskey, .expaccesskeyplace, .breadcrumbs, .imglevel2, .bigimgplace, .mainmenu .dropmenuplace, 
	.accessibilityplace, .linksmarker, .search, .separate_line,  .hpslider_wrap .shadow, .printsend_this_page, .welcome .clear, .welcome .welcome_span,
	.socialicons div, .bxslider .right_fade, .bxslider .left_fade, .viewlevel .moremenu {display:none;}
	
	.page, .loginpage, .pagewide {width:96%; margin:auto;padding:0}
	.bxsliderhome, .content, .leftcolumn, .pagewide .content {width:100%; margin:auto;padding:0;float:none;min-height:0}
	 .content {padding:0 0 20px 0;}
	.header_wrap .page {padding:5px 0 5px 0;}

	.loginpage {height:auto;}

    .openmenu {display:block;float:right;margin:0px 5px;width: 35px;height: 30px;background: url(../images/sprite.png) -73px -93px no-repeat;z-index:101;}
  
	.logo {float:none;width:300px;margin: 0 auto 0px auto;}

	.generalmenu {display:none;padding:0px;margin:0px;height:auto;float:none;position:absolute;left:0;top:97px;width:100%;z-index:9999;background:#043288;border-top:1px solid #4d6eb5;}
	.generalmenu a {float:none;display:block;font-size:16px;padding:8px 5px;margin:0px;text-align:center;color:#fff;border-bottom:1px solid #4d6eb5;}
	.generalmenu a:hover, .generalmenu a.this {background:#4d6eb5;}
	
	.generalmenu .moremenu {display:block;width:30px;height:30px;border:1px solid #d17e22;position:absolute;top:9px;right:10px;z-index:999;background:#fb9e37 url(../images/sprite.png) -109px -125px no-repeat;}
	.generalmenu .moremenu.opened {background-position:-109px -151px;}
	.generalmenu .viewlevel {display:block;}

	.triplebox, .triplebox.nomargin, .quadruple, .quadruple.nomargin, 
	.features.quarter, .innernews, .features.half, .hpcontactside {width:100% !important;max-width:400px !important;float:none;margin:0px auto 20px auto !important;height:auto;}
	
	.features.half .imgplace {float:none;width:100%;}

	.topmenus_wrap {float:left;margin:5px;}
	.topmenu {margin:0 10px 0 0;}

	a.contact_icon {float: left;width: 28px;height: 22px;padding: 0px 0;text-indent: 1000px;overflow: hidden;display: block;background: url(../images/contact_icon.png) 3px 3px no-repeat;}

	.footer {margin:0;padding:0;}

	.containerfeatures {margin:10px 0 0 0;padding:0;}

	.features img, .features.three_quarters, .features.three_quarters .imgplace, .features.three_quarters .feacontent.img_in,
	.features.half .feacontent.img_in {height:auto;width:100%}
	.features .more {margin:0 0 10px 0;}

	.stitle {margin-bottom: 5px;padding: 5px;}

	iframe, .feacontent object {width:100%;max-height:250px;}

	.content td img {width:auto !important;height:auto !important;max-width: 100px;}

	table, .products_table_wrap table {border:none;border-top:1px solid #ccc;border-right:1px solid #ccc; border-spacing: 0px;border-collapse: separate;width:100% !important;}
	table tr {height:auto !important}
	table td, table th, .downloadzone td, .downloadzone th, .products_table_wrap th, .products_table_wrap td {border:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:2px;font-size:12px;height:auto;border-spacing: 0px;border-collapse: separate;line-height:16px;}
	table td p, table th p, table td span {font-size:12px;line-height:16px; word-break: break-all;}
	table td h2, table td h2 span, table td h2 a {font-size:18px;line-height:18px;}
	table td img, .products_table_wrap .vcompany img {max-width:40px}

	table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {border-bottom: none}
	table.producttable.dataTable tbody th, table.producttable.dataTable tfoot th, table.producttable.dataTable thead th,
	table.producttable.dataTable tbody td {padding:5px;}
	table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {top: 5px;}

	table.dataTable>tbody>tr.child ul.dtr-details {display:block}
	table.dataTable li {background:none;}
	table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {    background-color: #0840a2}

	.credits, .footerlinks_wrap, .socialicons {font-size:16px;line-height:19px;text-align:center;margin:10px auto;width:100%;padding: 0;}

	.hpslider_wrap, .features.row1, .separate_line.row1, .features .imgplace {height:auto;}
	.bxsliderhome .bx-wrapper .bx-caption {width:100%;top:auto;bottom:0;text-align:center}
	.bxsliderhome .bx-wrapper .bx-caption .text_wrap {width:100%;height:auto;display:block}
	.bxsliderhome .bx-wrapper .bx-caption h2 {font-size:30px;line-height:30px;color:#fff;text-align:center;text-shadow:1px 1px 1px #000}
	.bxsliderhome .bx-wrapper .bx-caption h3 {font-size:24px;line-height:24px;color:#fff;text-align:center;text-shadow:1px 1px 1px #000}
	.bxsliderhome .bx-wrapper img {width:100%;float:none;}
	.hpslider_wrap .shadow {right:0;}

	.doublebox, .doublebox.nomargin {width:49%;margin:1%;text-align:center}
	.doublebox h2 {font-size: 20px;line-height: 21px;}

	.quickbox, .pubsearch input[type="text"] {float:none;margin:auto;width:100%;}
	.quickbox h4, .quickbox a {text-align:center}
	.quickbox, .quickbox:first-child {margin:0 0 10px 0;}

	.submit, input[type="submit"], .content #ContactForm .submit, .content .contactform .submit {padding: 10px 0px;font-size: 22px;width:100%;}

	.gallery {max-width: 40%;}

	.search_wrap div {width:100%;margin:0 0 10px 0;}

	.listview, .articles {border-bottom: 1px solid #ccc;}
	.listview.news img, .listview.events img {    width: 100px;}
	.listview .text_wrap {overflow:visible}
	.listview h2, .listview h2 a {font-size: 18px;line-height: 21px;}

	.socialicons a, .socialicons {float:none;text-align:center}

	.strip_wrap {height:auto;margin:0 0 20px 0;}
	.strip {width:100%;height:auto;}
	.strip img {margin:auto;float:none;width:100%;}
	h1 {position:relative;color:#fff;margin:2%;z-index:99;top:auto;}

	.strip .right_fade {right:0}

	.glossaryABC {margin: 1px;font-size: 22px;}

	.welcome span {font-size:12px;float:left;padding:3px 0 0 0;}
	.welcome form {margin:0;}
	.welcome input {padding:2px 2px !important;font-size:12px !important;}

	.boxview, .boxview.nomargin {width:100%;margin:0 auto 20px auto !important;height:auto;max-width:300px;float:none;display:block}
	.photoalbum .galleryimg, .gallerylist .galleryimg, .boxview div.imgplace, .clients .galleryimg, .doublebox .imgplace {width:100%;display:block}

	.hpcarousel_wrap .bx-wrapper .bx-loading  {background:none;}
	.leftmenu div.more_items {background: #0840a2}
	.boxview img {max-width:none;max-height:none;width:auto;height:auto}
	.boxview h2 {margin:5px 0;line-height:19px;min-height:40px;}
}


@media screen and (min-width: 769px) and (max-width: 1380px) 
{
  .pagewide .content {    width: 78%;}
	.pagewide{width:96%;}
	table.dataTable>tbody>tr.child ul.dtr-details li {background:none}
	table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {padding: 4px 5px;}
	.products_table_wrap .vdocs img {max-width: 25px;}
}
 
@media screen and (min-width: 768px) and (max-width: 1000px) 
{
    
  table.dataTable>tbody>tr.child ul.dtr-details li {background:none}
}

@media screen and (min-height: 600px) and (max-height: 768px) {

	table.dataTable>tbody>tr.child ul.dtr-details li {background:none}
	table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {padding: 4px 5px; max-width: 120px;}
	.products_table_wrap .vdocs img {max-width: 25px;}
	.breakdiv {    max-width: 120px;}
	table.dataTable>tbody>tr.child span.dtr-title {min-width:30px}
}

@media screen and (min-height: 900px) and (max-height: 1030px) {
     table.dataTable>tbody>tr.child ul.dtr-details li {background:none}
	 table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {padding: 4px 5px;}
	 .products_table_wrap .vdocs img {max-width: 25px;}
	 .breakdiv {    max-width: 120px;}
}