@media only screen
and (max-width: 599px) {
  .pageTxt { font-size: 14px; }
  .pageHead { font-size: 28px; line-height: 31px; }
}
@media only screen
and (max-width: 1280px) {
  .pageWrapper, .contentWrapper { width: 100%; overflow: hidden; }
  .sectionWrapper { width: auto; }
  .mainNav { margin-right: 20px; }
  
  .footer { background: #b7b7b7 url("/imgs/footer-bg.jpg") no-repeat 50% 50%; }
  .footer .sectionWrapper { height: auto; }
  .footerFormArea { margin: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; background: #b7b7b7 url("/imgs/footer-bg.jpg") no-repeat 50% 50%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .footerInfoBox { position: relative; width: auto; top: auto; left: auto; }
  .footerInfoBox:after { width: 20px; right: auto; left: 0; }
  .footerTitleLabel { left: auto; right: 0; width: 410px; }
  .footerTitleLabel:after { width: 20px; left: auto; right: 0; }
}
@media only screen
and (max-width: 450px) {
  .footerTitleLabel { width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen
and (max-width: 520px) {
  .tapasztalatBox { width: 260px; padding: 10px; }
}
@media only screen
and (max-width: 380px) {
  .footer input[type=text], .footer textarea { width: 220px; }
  .btn { width: 258px; }
}
@media only screen
and (max-width: 1063px) {
  .header { height: 60px; line-height: 60px; }
  .headArea .placeHolder { height: 60px; }
  .headerLogo { margin: 5px 10px; }
  .headerLogo img { height: 50px; }
  .portableNavTrigger { position: absolute; top: 0; right: 0; display: block; float: right; line-height: inherit; background: #f99d1c; font-size: 24px; width: 60px; text-align: center; height: 60px; line-height: 60px; cursor: pointer; }
  .portableNavTrigger img { width: 32px; block; margin: 13px; }
  .navigation { font-size: 16px; position: fixed; top: 0; right: -262px; width: 262px; height: 100%; border-bottom: 50px solid #f99d1c; background: #f99d1c; background: #2D4052; border-color: #2D4052; overflow: auto; }
  .navigation, .portableNavTrigger, body:after { margin-right: 0;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .portableNavActive .navigation, .portableNavActive .portableNavTrigger { margin-right: 262px; }
  .portableNavActive .portableNavTrigger { position: fixed; }
  .portableNavActive .navigation {
    box-shadow: -3px 0 1px rgba(0,0,0,.15);
  }
  body:after { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: rgba(0,0,0,.75); z-index: 98;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  body.portableNavActive:after { visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;  
  }
  .mainNav { float: none; padding: 0; margin: 0; }
  .mainNav li { float: none; display: block; line-height: 50px; }
  .mainNav li a { text-align: center;
    text-shadow: none;
  }
  .mainNav .btnLi { float: none; display: block; background: rgba(0,0,0,.2); text-align: center; line-height: 60px; }
  
  .layout_2to1 .mainCol { float: none; width: auto; }
  .layout_2to1 .sideCol { float: none; width: auto; }
  .layout_2to1 .sideCol .recContents { display: none; }
  .pageTurning { margin-top: 0; }
  .pageHead { margin-right: 0; padding-left: 20px; padding-right: 20px; }
  .breadcrumbs { overflow: hidden; }
  .contentCard .spacerImg_2x1 { display: block; }
  .contentCard .spacerImg_1x1 { display: none; }
  
  .pageBody { padding: 2em; }
  .pageBackCnt { margin-right: -2em; }
}

@media screen and (max-width: 799px) {
  .grid_w_4 .item { width: 50%; }
  .grid_w_3 .contentCard .spacerImg_2x1 { display: none; }
  .grid_w_3 .contentCard .spacerImg_1x1 { display: block; }
}

@media screen and (max-width: 599px) {
  .grid_w_3 .item { width: auto; float: none; }
  .grid_w_3 .contentCard .spacerImg_2x1 { display: block; }
  .grid_w_3 .contentCard .spacerImg_1x1 { display: none; }
}
@media screen and (max-width: 499px) {
  .grid .item, .grid .item.featured { width: auto; float: none; }
  .grid .contentCard .spacerImg_2x1 { display: block; }
  .grid .contentCard .spacerImg_1x1 { display: none; }
}
@media screen and (max-height: 700px) {
  .homeHeadArea .sectionWrapper { height: 600px; }
}
@media screen and (max-height: 600px) {
  .homeHeadArea .sectionWrapper { height: 500px; }
}
@media screen and (max-height: 500px) {
  .homeHeadArea .sectionWrapper { height: 400px; }
}
@media screen and (max-height: 400px) {
  .homeHeadArea .sectionWrapper { height: 300px; }
}
@media screen and (max-width: 899px) {
  .homeHeadline { font-size: 3.8em; width: 90%; left: 5%; }  
}
@media screen and (max-width: 799px) {
  .homeHeadline { font-size: 3.2em; }  
}
@media screen and (max-width: 699px) {
  .homeHeadline { font-size: 2.8em; }  
}
@media screen and (max-width: 599px) {
  .homeHeadline { font-size: 2.4em; }  
}
@media screen and (max-width: 499px) {
  .homeHeadline { font-size: 2.2em; }  
}
@media screen and (max-width: 399px) {
  .homeHeadline { font-size: 1.9em; }  
}

@media screen and (max-width: 1197px) {
  .tabNav { display: none; } 
  .homePage .main { padding-top: 60px; }
  .featuredCard { margin-left: auto; margin-right: auto; width: 95%; max-width: 600px; }
  .featuredCard .imgBlock, .featuredCard.rightAlign .imgBlock { float: none; width: auto; }
  .featuredCard .txtBlock { position: static; top: auto; left: auto; margin-top: 0; height: auto; line-height: inherit; width: auto; } 
  .featuredCard .txtBlockInner { display: block; padding: 25px; }
}
@media only screen
and (max-width: 520px) {
  .featuredCard .txtBlockInner { padding: 15px; }
}