@media screen and (max-width:989px) {
.slider_wrap:after { display: none; }
.slider_wrap:before { display: none; }
.articles ul li figure { display: none; }
.slider_wrap { background-size: 100% 100%; }
.content_wrap { background-size: 100% 100%; }
.articles { margin: -70px 0px 0; }
.bottom { margin: 0; }
footer .wrapper { padding: 0 20px; }
}
@media screen and (min-width:768px) and (max-width:989px) {
.wrapper { width: 720px; }
.content_wrap { width: 720px; }
.content_wrap nav { background: url(../images/navbg2.png) no-repeat; background-size: 100% 100%; }
header nav ul li { padding: 12px 5px; font-size: 13px; }
.phnone a.ph { font-size: 20px; }
.phnone span { font-size: 13px; }
.slider_wrap { width: 760px; left: -28px; }
.pager { bottom:47px; }
.articles { background-size: 100% 100%; }
.articles ul li h2 { font-size: 20px; }
.bottom { margin: 0; }
.bottom ul li.sphere { width: 277px; background-size: 100% 100%; margin: 0; }
.bottom ul li.sphere a { font-size: 18px; }
footer .wrapper { padding: 0 20px; }
footer p.copy { margin-left: 0; width: 35%; }
header nav ul li ul { top: 37px; width:176px}
header nav ul li ul li{ font-size:11px}
.slider_heading { top:43px;}

.page_content { width:650px;}
/*.page_content figure { max-width:55%;}*/
.page_content h1,.page_content h2, .page_content h3 { font-size:26px;}
.page_content h4,.page_content h5, .page_content h6 { font-size:26px;}
.page_content table { width:650px;}
.banner { margin-top:40px;}
.banner .banner_head { top:9px;}
.cycle-sentinel.cycle-slide > a{ width:100%;}
header nav ul li:last-child ul{ right:0; left:auto; background-position:top right}
header div.logo{ width:22%; margin-left:-85px}
 
}
 @media screen and (max-width:767px) {
/* toggle menu*/
header nav { background-size: 100% 100%; }
header nav a.toggleMenu { width: 100%; float: left; height: 43px; display: block; color: #fff; font-family: 'CenturyGothic-Bold'; padding: 10px; background: url(../images/menu.png) no-repeat 96% center; }
header nav ul.navigation { display: none; background: #7495bc; position: absolute; top: 42px; border-radius: 10px; width: 98%; margin: 0 1%; z-index: 9999; }
header nav ul.navigation li { width: 100%; padding: 10px 0; }
header nav ul.navigation li.empty { display: none; }
header nav ul.navigation li ul { position: static; background: none; text-align: center; padding-bottom: 0; }
header nav ul.navigation li ul li { text-align: center; padding: 0; margin: 5px 0; }
/*ends*/
.body_content { box-shadow: none; }
header div.logo { left: 96px; margin-left: -82px; top: 42px; width:30%;}
.articles { margin-top: -40px; background: none; }
.articles ul li { width: 100% !important; padding-left: 0 !important; }
.articles ul li img { width: 100%; }
.articles ul { padding-top: 50px; }
.articles ul li { padding: 0 0 20px 0; border-bottom: 5px solid #d3d2d2; margin-bottom: 20px; }
.articles ul li h2 { font-size: 24px; padding-bottom: 10px; }
.bottom ul li { width: 100%; text-align: center; margin: 0 0 30px 0 !important; }
.phnone { padding-top: 0; margin-bottom: 50px; padding-right: 3px; }
.phnone a.ph, .phnone span { margin-right: 5px; }
footer p.copy { width: 100%; text-align: center; margin: 0; }
.direction { width: 100%; margin: 20px 0 0 0; }
footer span.powered { float: none; width: 100%; text-align: center; margin: 20px 0 0 0; display: inline-block; }

.content_wrap.inner_page { background: #e6e6e6; }
.page_content { width:85%;}
.page_content .bread_crumb { float:none;}
.page_content figure { max-width:55%;}
.page_content h1,.page_content h2, .page_content h3 { font-size:24px;}
.page_content h4,.page_content h5, .page_content h6 { font-size:24px;}
.page_content table { width:100%;}
.banner { margin-top:100px;}
.banner .banner_head { top:18px;}
.banner figure figcaption { top:-10px;}
.page_content figure { float:none; text-align:center; max-width:100%; margin-bottom:20px;} 
.page_content ul span, .page_content ol span { font-size:15px;}
.page_content blockquote { padding:20px 15px;}
.page_content .form .input_row { padding:0}
.page_content .form label { width:100%; text-align:left;}
.page_content .form select, .page_content .form input[type="text"] { width:100%;}

.page_content table tr td, .page_content table tr th  { font-size:16px; font-weight:normal; }
.page_content table tr td{ font-size:9px}
/*.page_content table tr.head { display:none;}*/
.page_content table tr.data td {color:#000; font-family:arial; width:100%; text-align:left; padding:0 10px}

.page_content table tr.data td:first-child:before {content:"Heading 1:"; font-family:'MyriadProBoldCondensed'; color:#fff; font-size:24px; width:35%; display:inline-block;}
.page_content table tr.data td:nth-child(2):before {content:"Heading 2:"; font-family:'MyriadProBoldCondensed'; color:#fff; font-size:24px; width:35%; display:inline-block;}
.page_content table tr.data td:nth-child(3):before {content:"Heading 3:"; font-family:'MyriadProBoldCondensed'; color:#fff; font-size:24px; width:35%; display:inline-block;}
.page_content table tr.data td:nth-child(4):before {content:"Heading 4:"; font-family:'MyriadProBoldCondensed'; color:#fff; font-size:24px; width:35%; display:inline-block;}

}
 @media screen and (min-width:480px) and (max-width:767px) {
.content_wrap { width: 450px; background: #e6e6e6; }
.wrapper { width: 450px; }
.slider_wrap { width: 470px; left: -18px; }
.pager { bottom: 24px; left: 30%; }
.slider_heading { top:53px;}
.cycle-sentinel.cycle-slide > a{ width:100%;}
footer span.copy{ margin:0; width:100%; text-align:center}
footer span:nth-child(2){ width:100%}
.page_content h1, .page_content h2, .page_content h3{ font-size:20px}
.page_content .bread_crumb span{ padding-left:0}
.page_content .bread_crumb span a{ padding-left:0}
.jqtransformdone label{ font-size:14px}
.pager { bottom:35px; left:27%; background:none}
.page_content figure img{ margin-bottom:20px}
.page_content table tr td{ font-size:11px}
}
 @media screen and (min-width:320px) and (max-width:479px) {
.content_wrap { width: 300px; background: #e6e6e6; }
.wrapper { width: 300px; }
.slider_wrap { width: 320px; left: -18px; }
.pager { bottom:27px; left: 20%; background:none}
.phnone { padding-top: 50px; }
header div.logo { position: static; margin-left: 0; text-align: center; border:8px solid #fff; border-bottom:none; border-top:none;}
.phnone { padding-top: 0; }
.slider_heading { top:10px;}
.bottom ul li.sphere { width:100%; background-size:100% 100%;}
.page_content .form input[type="submit"] { float:none; margin:20px 0 0 0; }
.banner { margin-top:0;}
.page_content table tr.data td:first-child:before { width:100%;}
.page_content table tr.data td:nth-child(2):before {width:100%;}
.page_content table tr.data td:nth-child(3):before {width:100%;}
.page_content table tr.data td:nth-child(4):before {width:100%;}

.cycle-sentinel.cycle-slide > a{ width:100%;}
footer span.copy{ margin:0; width:100%; text-align:center}
footer span:nth-child(2){ width:100%}
.page_content h1, .page_content h2, .page_content h3{ font-size:20px}
.page_content .bread_crumb span{ padding-left:0}
.page_content .bread_crumb span a{ padding-left:0}
.jqtransformdone label{ font-size:14px; padding-top:3px}
.jqTransformInputInner div input[type="text"]{ font-size:14px; padding:7px 10%; height:35px}
.jqTransformInputWrapper{ height:35px}
.jqTransformSelectWrapper{ height:35px}
.jqTransformSelectWrapper div span{ height:35px; padding:7px 10%; font-size:14px}
.jqTransformSelectWrapper a.jqTransformSelectOpen{ margin:10px 6px 0 0}
span.jqTransformCheckboxWrapper{ margin:0}
.jqTransformSelectWrapper ul{ top:33px}
.jqTransformSelectWrapper ul a.selected{ font-size:11px}
span.jqTransformCheckboxWrapper + label{ font-size:14px; margin:0 !important}
button.jqTransformButton{ margin-top:20px}
header div.logo{ width:100%;}
.page_content figure img{ margin-bottom:20px}
.page_content table tr{ position:relative}
.page_content table tr.head th{ width:23%;}

}