@charset "utf-8";

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}

@media screen and (min-width:1250px){
    .hoc{max-width:1200px;/*max-width:1218px;*/ }
}

@media screen and (max-width:1240px){
    .hoc{max-width:90%;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:978px){
    #mainav form {display: block;}
    .hoc{max-width:90%;}

    #topbar{}

    #header{padding:30px 0;}
    #header #logo{margin-top:3px;}

    #mainav{}
    #mainav ul{display:none;}
    #mainav form{display:block;}

    #breadcrumb{}

    .container{}

    #comments input[type="reset"]{margin-top:10px;}
    .pagination li{display:inline-block; margin:0 5px 5px 0;}

    #footer{}

    #copyright{}
    #copyright p:first-of-type{margin-bottom:10px;}
}

@media screen and (max-width:750px){
    .imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
    .fl_left, .fl_right{display:block; float:none;}
    .group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .fifty,
    .one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	.one_half.nogutter, .one_third.nogutter, .two_third.nogutter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

    #header section > div form{width:100%; max-width:300px; float:none; margin:0 auto;}
    #header section > div form input{float:none;}

    .sectiontitle{max-width:none;}

    .breadcrumb li {
        margin: 0 10px 10px 0;
    }
}

@media screen and (max-width:450px){

}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
    .scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
    .scrollable table{margin:0; padding:0; white-space:nowrap;}

    .inline li{display:block; margin-bottom:10px;}
    .pushright li{margin-right:0;}

    .font-x2{font-size:1.4rem;}
    .font-x3{font-size:1.6rem;}

    #header section, #header section > div{display:block; width:100%;}
    #header section > div{width:100%; margin-bottom:30px; text-align:center;}
    #header section > div:nth-child(3){margin-bottom:0;}
}