@media screen and (max-width: 1100px) {
  body { font-size: 15.5px; }
}
@media screen and (max-width: 1000px) {
  body { font-size: 15px; }
}
@media screen and (max-width: 900px) {
  body { font-size: 14.5px; }
}
@media screen and (max-width: 800px) {
  body { font-size: 14px; }
}
@media screen and (max-width: 700px) {
  body { font-size: 13.5px; }
}
@media screen and (max-width: 600px) {
  body { font-size: 13px; }
}
@media screen and (max-width: 500px) {
  body { font-size: 12.5px; }
}
@media screen and (max-width: 400px) {
  body { font-size: 12px; }
}

@media screen and (max-height: 900px), screen and (max-width: 1300px) {
  .header, .userSection { height: 40px; line-height: 40px; padding-top: 20px; padding-bottom: 20px; }
  .headerLogo, .userSection .profileImage, .userGroups { height: 40px; }
  .userSection { margin-top: -20px; margin-bottom: -20px; }
  .groupHead { height: 80px; line-height: 80px; overflow: hidden; }
}
@media screen and (max-height: 800px), screen and (max-width: 1100px) {
  .header, .userSection { height: 35px; line-height: 35px; padding-top: 15px; padding-bottom: 15px; }
  .headerLogo, .userSection .profileImage, .userGroups { height: 35px; }
  .multiGroupSelectorCnt .groupOptions, .langNav .dropDownOptions { top: 35px; }
  .multiGroupSelectorCnt .groupSelector, .langNav { line-height: 19px; padding: 8px; }
  .userSection { margin-top: -15px; margin-bottom: -15px; }
}
@media screen and (max-height: 700px), screen and (max-width: 1000px) {
  .header, .userSection { height: 30px; line-height: 30px; padding-top: 10px; padding-bottom: 10px; }
  .headerLogo, .userSection .profileImage, .userGroups { height: 30px; }
  .multiGroupSelectorCnt .groupOptions, .langNav .dropDownOptions { top: 30px; }
  .multiGroupSelectorCnt .groupSelector, .langNav { line-height: 18px; padding: 6px; }
  .userGroupsHead { top: -.5em; }
  .userSection { margin-top: -10px; margin-bottom: -10px; }
  .groupHead, .groupHead .breadCrumb, .groupHead .groupSettings { height: 70px; line-height: 70px; }
}
@media screen and (max-height: 550px) {
  .groupHead, .groupHead .breadCrumb, .groupHead .groupSettings { height: 60px; line-height: 60px; }
}

@media screen and (max-width: 1000px) {
  .portableNavTrigger { position: absolute; top: 0; right: 0; display: block; float: right; line-height: inherit; font-size: 24px; padding: 0 .75em; height: 50px; line-height: 50px; cursor: pointer; z-index: 100; }
  .navigation { font-size: 16px; position: fixed; top: 0; right: -262px; width: 262px; height: 100%; border-bottom: 50px solid #1A517D; background: #1A517D; overflow: auto; z-index: 101; }
  .userSection, .mainNav { float: none; margin: 0 25px; height: auto; padding: 15px 0; }
  .userSection, .homePage .header .userSection { background: #1f2c5e; background: rgba(0,0,0,.18); padding: 15px 25px; margin: 0; text-align: center; }
  .userGroups { float: none; border: 0; margin: 10px 0 0; padding: 15px 0 0; height: auto; max-width: 100%; border-top: 2px solid rgba(0,0,0,.2); }
  .multiGroupSelectorCnt .groupSelector { display: block; background: transparent; height: auto; padding: 0; text-align: left; max-width: 100%;
    box-shadow: none;
  }
  .multiGroupSelectorCnt .groupSelector .userGroupsHead i { display: none; }
  .logInSection { float: none; margin: 0; padding: 15px 25px; text-align: center; background: rgba(0,0,0,.18); }
  .userGroupsHead, .multiGroupSelectorCnt .groupSelector .userGroupsHead, .mainNav:before { display: block; background: transparent; position: static; top: auto; left: auto; font-size: .6em; font-weight: 700; line-height: 1em; margin-bottom: .5em; text-transform: uppercase; color: rgba(255,255,255,.25); text-align: left; }
  .mainNav:before { content: 'Információ'; }
  .lang_en .mainNav:before { content: 'Information'; }
  .multiGroupSelectorCnt .groupOptions, .multiGroupSelectorCnt .groupSelector:hover .groupOptions { visibility: visible; position: static; top: auto; left: auto; margin-top: 0; width: auto; background: transparent; padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border-radius: 0;
    box-shadow: none;
  }
  .mainNav li { float: none; display: block; padding: 0; margin: 0; }
  .multiGroupSelectorCnt .groupSelector:hover { background: transparent;
    border-radius: 0;
  }
  .multiGroupSelectorCnt .groupOptions a, .multiGroupSelectorCnt .groupOptions a:hover, .mainNav a { background: transparent; color: #fff; display: block; padding: .4em 0; text-align: left; line-height: 1.2em; }
  .mainNav a { text-align: center; }
  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;  
  }
  .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; background: #1F2C5E; }
  .portableNavActive .portableNavTrigger:before { content: ''; }
  .portableNavActive .navigation {
    box-shadow: -.4em 0 rgba(0,0,0,.15);
  }
}

@media screen and (max-width: 1218px) {
  .groupHead .groupName { font-size: 1.5em; }
}
@media screen and (max-width: 1098px) {
  .groupHead .groupName { font-size: 1em; }
}
@media screen and (max-width: 936px) {
  .groupHead { height: auto; }
  .groupHead .breadCrumb, .groupHead .groupSettings { height: 40px; line-height: 40px; }
  .groupHead .breadCrumb i, .groupHead .groupSettings i { font-size: 1.5em; }
  .groupNav { position: relative; float: none; clear: both; background: #fff; z-index: 1; border-top: 1px solid #ccc; line-height: 50px; }
  .groupNav:after { content: ''; display: block; clear: both; }
}
@media screen and (max-width: 448px) {
  .groupNav li a { padding: 0 .5em; }
}
@media screen and (max-width: 382px) {
  .groupNav li { margin: 0; }
  .groupNav li a { padding: 0 .45em; }
}

@media screen and (max-width: 1290px) {
  .respActive_tippeles .matches .matchItem { width: 49%; }
}
@media screen and (max-width: 1198px) {
  .groupFeatures, .commentSection, .teamsTableCnt { width: 44%; }
  .matches, .descriptionSection, .teamsTableCnt { float: right; width: 53.5%; margin: 0 0 0 2.5%; }
  
  .respActive_leiras .groupFeatures { width: 35% }
  .respActive_leiras .descriptionSection, .respActive_leiras .teamsTableCnt  { display: block; width: 61.5%; margin: 0 1% 0 2.5%; max-width: 960px; }
}
@media screen and (max-width: 959px) {
  .respActive_leiras .groupFeatures, .respActive_leiras .descriptionSection { float: none; width: 97%; margin: 0 auto; max-width: 640px; }  
}
@media screen and (max-width: 770px) {
  .respActive_tippeles .matches .matchItem { float: none; width: auto; margin: .75em 0; }
}
@media screen and (max-width: 660px) {
  .responsiveNav_kommentek { display: block; }
  .responsiveNav_tippeles {  }
  .responsiveNav_osszefoglalo { display: none; }
  .userIsMember .responsiveNav_osszefoglalo a { font-size: 0; }
  .matches, .descriptionSection, .groupFeatures, .teamsTableCnt { float: none; width: auto; margin: 0 1.5%; }
  .groupFeatures .scoreTable, .groupFeatures .feed { display: none; }
  .userIsMember .groupFeatures { display: none; }
  .commentSection { display: none; }
  .respActive_ranglista .groupFeatures, .respActive_ranglista .groupFeatures .scoreTable, .respActive_ranglista .groupFeatures .feed { display: block; }
}
@media screen and (max-width: 682px) {
  .respActive_ranglista .scoreTable .th .hicv { display: none; }
}
@media screen and (max-width: 355px) {
  .groupHead { font-size: .9em; }
  .groupName a { max-width: 11em; }
  .matchItem { font-size: .75em; }
}

@media screen and (max-width: 1236px) {
  .grid_w_4 .tile { width: 31.3333%; }
  /*.grid_w_4 .tile:nth-child(6) { margin-bottom: .9%; } */
}
@media screen and (max-width: 800px) {
  .grid_w_4 .tile { width: 48%; }
  /*.grid_w_4 .tile:nth-child(6) { margin-bottom: 1.1%; } */
}
@media screen and (max-width: 446px) {
  .grid_w_4 .tile { float: none; width: auto; margin: 3% auto; max-width: 320px; }
  .addGroupTile .add { margin-bottom: 0; }
}
@media screen and (max-width: 985px) {
  .grid_w_2 .tile { float: none; width: auto; margin: 0; }
}

@media screen and (max-width: 653px) {
  .grid_fullbleed_w_2 .tile { width: auto; float: none; }
}
@media screen and (max-width: 939px) {
  .largeShowcase .showcaseBox .body { max-width: 420px; }
  .largeShowcase .showcaseBox li { padding-left: 0; text-align: center; }
  .largeShowcase .showcaseBox ol > li:before { left: 50%; margin: .1em 0 0 -3.15em; }
  .largeShowcase .showcaseBox i { float: none; margin-left: auto; }
}
@media screen and (max-width: 699px) {
  .grid_w_3 .tile { width: 48%; }
  .grid_w_3 .priorTile { float: none; clear: both; margin-left: auto; margin-right: auto; width: 60%; }
}
@media screen and (max-width: 412px) {
  .grid_w_3 .tile { float: none; width: auto; margin-left: 0; margin-right: 0; }
}
@media screen and (max-width: 1380px) {
  .homeTagline { font-size: 3.5em; }
}
@media screen and (max-width: 800px) {
  .homeTagline { font-size: 3em; }
  .largeIntroTxt { font-size: 1.5em; }
}
@media screen and (max-width: 600px) {
  .homeTagline { font-size: 2.5em; }
}

@media screen and (max-width: 1350px) {
  .homeUSP .largeIcon { font-size: 3.5em;position: static; left: auto; top: auto; margin: 0 auto; display: block; }
  .homeUSP .body { padding-left: 0; border-left: 0; margin-left: 0; text-align: center; }
  .homeUSP li { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 350px) {
  .btn.large, .btnCnt a.large { font-size: 1.25em; }
}

@media screen and (max-width: 800px) {
  .basicPopup { width: auto; }
  .popupLikeBox { width: 28%; min-height: 10em; }
  .popupLikePageBox { width: 64%; }
  .popupLikeBox .formHead, .popupLikeBox .formSubHead { display: none; }
}
@media screen and (max-width: 605px) {
  .basicPopup { width: auto; }
  .popupLikeBoxes { text-align: center; }
  .popupLikeBox { float: none; display: inline-block; width: auto; margin: 2%; min-height: 5em; }
  .popupLikeBox  .fb-page { display: none; }
  .popupLikeBox  .fb-page.small { display: inline-block; }
}

@media screen and (max-width: 1180px) and (min-width: 900px) {
  .featuredContestItem { margin: .75em; }
  .featuredContestItem .option i { display: none; }
}
@media screen and (max-width: 900px) {
	.slider-arrow { display: none; visibility: hidden; }
}
@media screen and (max-width: 734px) and (min-width: 560px) {
  .featuredContestItem { margin: .5em; }
  .featuredContestItem .option i { display: none; }
}
@media screen and (max-width: 450px) {
  .featuredContestItem { margin: .5em; }
}
@media screen and (max-width: 380px) {
  .featuredContestItem .option i { display: none; }
}