.portableNavTrigger { display: none; }
@media only screen
and (max-width: 1170px) {
    .pageWrapper { overflow: hidden; width: 100%; }
    .sectionWrapper, .homeSlideshowCnt, .sectionCnt { width: 100%; }
    #header { min-height: 0; }
    #footerLogo { right: 10px; }
}
@media only screen
and (max-width: 1140px) {
    .mainNav li a { padding: 0 8px; margin: 0 2px; }
}
@media only screen
and (max-width: 1000px) {
    .topBar { display: none; }
    .header .sectionWrapper, .header.homeHeader .sectionWrapper { height: auto; }
    .headerHead { position: fixed; top: 0; left: 0; width: 100%; height: 80px; line-height: 80px; background: #8DC63F; z-index: 99; }
    .headerLogo { top: 15px; left: 2%; }
    .headerLogo img { display: none; height: 50px; }
    .headerLogo img.sideAlign { display: block; }
    .navCntnt { width: 272px; margin-right: -272px; position: fixed; right: 0; top: 0; background: #15323A; height: 100%; overflow-y: auto; visibility: visible; }
    .pageWrapper, .headerHead, .navCntnt, .topBar, .footer, #mainNavSection {
        -moz-transition: margin .4s ease-out;
        -webkit-transition: margin .4s ease-out;
        -ms-transition: margin .4s ease-out;
        -o-transition: margin .4s ease-out;
        transition: margin .4s ease-out;
    }
    .navActive .pageWrapper, .navActive #mainNavSection { margin-left: -272px; }
    .navActive .navCntnt { margin-right: 0; }
    .portableNavTrigger { color: #fff; display: block; float: right; padding: 0 20px; cursor: pointer; font-size: 32px; line-height: inherit;
        -moz-text-shadow: 0 1px 0 rgba(0,0,0,.2);
        -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.2);
        -ms-text-shadow: 0 1px 0 rgba(0,0,0,.2);
        -o-text-shadow: 0 1px 0 rgba(0,0,0,.2);
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
    }
    #mainNavSection .btn.reg { float: left; margin-right: 0; margin-left: 10px; }
    .langNav { float: none; width: auto; height: 40px; line-height: 40px; padding: 10px 0; margin: 0; text-align: center; background: rgba(0,0,0,.15); }
    .langNav li { float: none; display: inline-block; vertical-align: middle; }
    .mainNav { float: none; padding: 10px 12px 20px; height: auto; background: transparent;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    .mainNav li { float: none; }
    .mainNav li a { position: relative; background: transparent; border: 0; text-align: center; height: auto; font-size: 18px; line-height: 1.2em; padding: 1em; color: #fff; }
    .mainNav li a i { line-height: inherit; }
    .mainNav li a:hover { color: #e64d4c; }
    .mainNav li.actual a { color: #e64d4c; border-left: 4px solid #e64d4c; padding-bottom: 1em; }
    .mainNav li.hasSubNav > a:before { content: ''; font-family: FontAwesome; display: block; position: absolute; top: 1em; left; 0; color: #FC8F33;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
        filter: alpha(opacity=33);
        -moz-opacity: .33;
        -khtml-opacity: .33;
        opacity: .33;
    }
    .mainNav li.hasSubNav.open > a:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .mainNav li ul, .mainNav li:hover ul { visibility: visible; background: rgba(0,0,0,.15); position: static; top: auto; left: auto; width: auto; border: 0; padding: 0;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    .mainNav li ul li {  }
    .mainNav li ul li a { color: #fff; line-height: 0; padding: 0 1em; font-size: 15px; overflow: hidden; text-align: left; color: #ffe7af;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    .mainNav li.open ul { padding: 10px 0 20px; }
    .mainNav li.open ul li a { line-height: 1.2em; font-size: 16px; padding-top: .5em; padding-bottom: .5em;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .mainNav ul li a:hover, .mainNav ul li.actual a { border: 0; }
}
@media only screen
and (max-width: 630px) {
    .formCnt label { margin-top: 6px; }

    #ask .boxSection { width: 100%; }

    #sponsors .sectionCnt { height: auto; line-height: 50px; padding-top: 10px; padding-bottom: 10px; }
    #sponsors .txt { font-size: 8px; top: 5px; }
    #sponsors .item { line-height: 40px; height: 40px; }
    #sponsors .item img { max-width: 80px; max-height: 40px; }
}
@media only screen
and (max-width: 396px) {
    .formCnt input[type="text"], .formCnt input[type="password"] { width: 207px; }
    .formCnt textarea { width: 215px; }
    .priceSection table .productNameCol { width: auto; }
    .priceSection table .vatCol { display: none; }

    #sponsors .item { line-height: 30px; height: 30px; }
    #sponsors .item img { max-width: 60px; max-height: 30px; }
}
@media only screen
and (max-width: 330px) {
    .priceSection table .netPriceCol { display: none; }
    .formCnt .signUpBtn { font-size: 14px; }
}
@media only screen
and (max-width: 460px) {
    .progHead .time { padding-left: 6px; background-image: none; }
    .progHead .name { padding-left: 100px; }
    .progItem .details .txtCntnt { font-size: 13px; padding-left: 0; }
    .progItem .details .tmb { float: none; display: block; margin: 0 auto 12px; }
}
@media only screen
and (max-width: 350px) {
    .progHead { line-height: 32px; }
    .progHead .time { padding: 0; text-align: center; float: none; width: auto; }
    .progHead .name { padding-left: 12px; }
    .progHead .sectionOpener { top: 44px; }
}
@media only screen
and (max-height: 550px) {
    .largeMap { height: 400px; }
}
@media only screen
and (max-height: 450px) {
    .largeMap { height: 300px; }
}
@media only screen
and (max-width: 550px) {
    #footer .section { float: none; width: auto; }
    #footer .sectionCnt { padding-bottom: 100px; }
    #footer .copyRight { bottom: 50px; }
}