/************************************************************************************ MEDIA QUERIES *************************************************************************************/ @media screen and (max-width: 940px) { .siteinner{ width: 625px; } #top .left{ width: 150px; } #top .left img{ width: 150px; height: auto; margin-top: 10px; } #top_profil_link{ right: 75px; font-size: 11px; } #top .right{ width: 470px; } #menu{ width: 470px; } #menu a{ font-size: 13px; margin-left: 3px; padding: 16px 5px 12px; } #menu a.last{ width: 65px; background-position: top center; font-size: 13px; } #header{ padding-top: 10px; background-image: url("../images/header_bg_sub3.jpg"); height: 189px; } .home #header h1 a{ font-size: 26px; line-height: 28px; } .home #header p a{ font-size: 13px; line-height: 15px; max-width: 340px; display: block; } #boxok .box{ margin-bottom: 20px; } #boxok .box.second{ margin-right: 0; } .gradient_bg{ height: 220px; } .gradient_bg p{ font-size: 12px; line-height: 14px; } .gradient_bg img{ width: 300px; height: auto; padding: 0 10px 10px 0 !important; } .kapcsolat_form{ float: left !important; } .tpl_jarmuvek #header{ height: 250px; } .subpage.tpl_jarmuvek #content{ top: -85px; } .tpl_jarmuvek .cats .button{ font-size: 14px; width: 105px; height: 25px; padding-top: 5px; margin-bottom: 10px; } .mobilMenuRow{ display: none; } } @media screen and (max-width: 625px) { .showOnMobil{ display: block; } .siteinner{ width: 309px; } #top .right{ display: none; } .mobil_top_menu_icon{ position: absolute; top: 30px; right: 0px; background: none; border: none; } .mobilMenuRow{ background: #1E4382; } .mobilMenuRow table, td{ border: 1px solid white; border-collapse: collapse; } .mobilMenuRow a{ display: block; padding: 10px 0 10px 10px; color: white; font-weight: bold; text-transform: uppercase; } .home #header p{ max-width: 309px; } .home #header p a{ font-size: 12px; text-shadow: 1px 1px #000000; max-width: 309px; } .gradient_bg{ height: 400px; } #bottom_row{ min-height: 13px; } #footer{ padding-top: 10px; height: 50px; } h1{ font-size: 30px; } .kapcsolat_form, .kapcsolat_left_div{ width: 309px !important; } .kapcsolat_form h2{ font-size: 22px; line-height: 24px; } iframe{ max-width: 309px; } .tpl_login .content_inner{ width: 309px; } .tpl_login .box{ margin-bottom: 20px; } .tpl_jarmuvek .cats .button{ margin-right: 10px; font-size: 12px; width: 90px; } .jarmu_box, .jarmu_box img{ max-width: 309px; } .jarmu_box .pic_inner{ height: 207px; } .jarmu_box .inner{ width: 269px; } .jarmu_box .priceDiv{ font-size: 14px; } .subpage #h1Div{ top: -150px; } .frontend_table, .frontend_table a{ font-size: 11px; line-height: 16px; } .frontend_table img{ height: 100px !important; width: auto; } .frontend_table td, .frontend_table th{ padding: 4px 5px; } }