﻿/* = Media Queries
----------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1240px) {
    .container { width: auto; margin-right: 10px; margin-left: 10px; }
}

@media screen and (max-width: 750px) {
    .fixed { position: static; }

    .colsHalf .col { width: 100%; margin-right: 0; }
    .colsThird .col { width: 100%; margin-right: 0; }
    .colsFourth .col { width: 100%; margin-right: 0; }

    .webForm div em { margin-top: 5px; margin-left: 0; }

    label { width: 100%; float: left; padding-top: 0; padding-bottom: 5px; }
    input.text, textarea, select { width: 100%; }
    input.file { margin-top: 0; margin-bottom: 0; }

    .formList { padding-top: 0; padding-bottom: 0; }

    .checkbox { padding-top: 5px; }

    .template2col section { width: 100%; }
    .template2col aside { width: 100%; }
}

@media screen and (max-width: 480px) {
    .logo { width: 200px; margin-bottom: 0; background-size: auto 100%; }

    .menu {overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .menu ul li { display: block; margin-right: 0; }
    .menu ul li a { margin-right: 0; background-color: #fff; color: #444 }
    .menu ul li:hover ul { display: none; }
    .extended { max-height: 400px; margin: 10px 0 0; }

    .menuTrigger { width: 32px; height: 32px; display: block; font-size: 0; background: #e38626 url(/_img/icons/menu.svg) no-repeat center center; }
    .menuTriggerClose { background-color: #a8274c; background-image: url(/_img/icons/cross.svg); }

    .news ul li img { width: 100%; float: none; }

    .newsview img { width: 100%; float: none; margin-left: 0; }
}