@media screen and (min-width: 240px) and (max-width: 1204px) {
tbody{
display:block;
width:100%;
}
tr{
display:block;
width:100%;
}
td{
display:block;
width:100%;
padding: 0 0 0 0 !important;
}
iframe{
width:100% !important;
}
img{
max-width:95% !important;
}
}
@media screen and (min-width: 240px) and (max-width: 1129px) {
#slides-wrap{
height:200px;
}
#slides{
display:none;
}
#wrapper-top{
padding: 0px 20px;
}
.featured-list{
width:30.5%;
margin-left:2.8%;
}
.featured-list-last{
float:none;
width:auto;
max-width:none;
margin:auto;
margin-top:20px;
}
.desc-left {
float: none;
margin: auto;
max-width: 259px;
margin-bottom:10px;
}
.desc-right{
float:none;
width:auto;
}
.featured-list-last h2{
text-align:center;
}
.featured-list-last .register-bttn{
margin: 10px auto;
}
#contact-top-mobile{
display:block;
font-family:Arial, Helvetica, sans-serif !important;
color:#0011a4 !important;
font-weight:bold;
letter-spacing:2px;
text-decoration:none !important;
font-size:18px !important;
position:absolute;
top:20%;
right:0%;
}
.menu-footer ul li{
line-height:30px;
}
#footer{
}
#colophon{
width:auto;
} #access{
display:none;
}
#access2 {
display: block;
width: 30%;
text-align:center;
margin:auto;
padding:10px 0px;
position:absolute;
top:5%;
left:0%;
}
#access2 .menu-header2 {
width: 100%;
margin:auto;
}
#access2 .menu-header2 ul {
list-style:none;
margin: 0;
color:#0011A4
}
#access2 .menu-header2 ul ul {
list-style: circle;
margin: 0;
}
#access2 .menu-header2 li {
position:relative;
}
#access2 .menu-header2 li li{
clear:both;
float:left;
position:relative;
}
#access2 a {
color: #0011A4;
font-size:30px;
display: block;
line-height: 1em;
padding: 0 15px;
text-align:left;
text-transform:uppercase;
text-decoration: none;
text-shadow:0px 0px 0px #333333;
}
#access2 ul ul {
color:#fff;
background:#fff; display: none;
position: absolute;
top: 35px;
left: 0%;
float: left;
z-index: 99999;
border-radius: 5px;
padding:3px 10px 3px 35px;
width:90%;
border:solid 1px #dbdada;
}
#access2 ul ul ul {
color:#0011A4;
display:block;
position:static;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
padding-left:15px;
}
#access2 ul ul li {
width:auto;
height:auto;
}
#access2 ul ul a {
color: #0011A4;
font-size:15px;
padding: 10px 5px;
height: auto;
text-align:left;
line-height: 1em;
text-shadow:0px 0px 0px #000;
}
#access2 li:hover > a {
color: #0011A4 !important;
}
#access2 li li:hover > a {
color: #333333 !important;
} #access2 ul li.current_page_item > a,
#access2 ul li.current-menu-ancestor > a,
#access2 ul li.current-menu-item > a,
#access2 ul li.current-menu-parent > a {
color: #0011A4;
}
* html #access2 ul li.current_page_item a,
* html #access2 ul li.current-menu-ancestor a,
* html #access2 ul li.current-menu-item a,
* html #access2 ul li.current-menu-parent a,
* html #access2 ul li a:hover {
color: #0011A4;
}
#access2 ul ul li.current_page_item > a,
#access2 ul ul li.current-menu-ancestor > a,
#access2 ul ul li.current-menu-item > a,
#access2 ul ul li.current-menu-parent > a {
color: #333333;
}
* html #access2 ul ul li.current_page_item a,
* html #access2 ul ul li.current-menu-ancestor a,
* html #access2 ul ul li.current-menu-item a,
* html #access2 ul ul li.current-menu-parent a,
* html #access2 ul ul li a:hover {
color: #333333;
}
}
@media screen and (min-width: 240px) and (max-width: 803px) {
.featured-list{
float:none;
width:100%;
max-width:none;
margin: 0 0 3.5% 0;
}
}
@media screen and (min-width: 240px) and (max-width: 684px) {
.menu-footer ul li{
float:none;
border:none;
text-align:center;
line-height:35px;
}
}
@media screen and (min-width: 240px) and (max-width: 786px) {
#container{
float:none;
width:100%;
}
#primary, #secondary{
width:100%;
border:none;
padding: 0 0 0 0;
}
body.page-id-9 #container, body.page-id-194 #container{
width:100%;
}
body.page-id-9 #primary, body.page-id-9 #secondary, body.page-id-194 #primary, body.page-id-194 #secondary{
width:100%;
}
}
@media screen and (min-width: 240px) and (max-width: 553px) {
#slides-wrap{
height:250px;
}
#access2{
width:50%;
top:325%;
}
#contact-top-mobile{
top:345%;
}
}
@media screen and (min-width: 240px) and (max-width: 480px) {
#logo{
display:none;
}
#logo-mobile{
display:block;
max-width:418px;
width:95%;
height:auto;
margin:auto;
}
#logo-mobile img{
display:block;
width:100%;
}
}
@media screen and (min-width: 240px) and (max-width: 450px) {
#main .with_frm_style .frm_form_fields input, 
#main #wpcontent .with_frm_style .frm_form_fields select, 
#main .with_frm_style .frm_form_fields select, 
#main .with_frm_style .frm_form_fields textarea{
max-width:100% !important;
width:auto !important;
}
}
@media screen and (min-width: 240px) and (max-width: 366px) {
#access2{
top:265%;
left:25%;
}
#contact-top-mobile{
top:355%;
left:28%;
}
}