@media screen and (max-width: 1800px) {
    #share_icons li.ico_top a { right: 30px; }
    header #login_menu { right: 320px; }
     header #login_menu { right: 510px; }
}
@media screen and (max-width: 1600px) {
  main .container_sp { width: 100%; }
    main .content_sp { padding-right: 20px; }
    img { max-width: 100%; height: auto !important; }
    div#kalendarPlace { width: 65%; }
    div.dp-calendar { width: 100%; }
    div#kalendarPlace .dp-popup-inline { width: 100%; padding: 0 17px 38px 13px; background-position: right bottom; background-size: 700px auto; }
    div.dp-calendar table tr td { width: 14.28%; height: 100px; }
    div#day_events { width: 33%; }

    div#kalendarPlace div.dp-nav-prev { right: -9% }
    div#kalendarPlace div.dp-nav-next { right: -56%; }
    div#kalendarPlace h2 { right: -50%; }

    nav { width: 100% }
    main #top_menu { width: 100%; padding-left: 20px; z-index: 998; }

    #share_icons li.ico_top a { right: 30px; bottom: 60px; z-index: 901; }
}

@media screen and (max-width: 1600px) {
    
    body.section_hp main .content_sp { width: 100%; }

    nav { padding: 0 0 150px 400px; }
    body.section_hp  nav { padding: 0 0 0px 400px; }
    nav #top_menu { position: absolute; left: 0px; margin-top: 90px; }

    body#bg_body_sp header .logo a { top: 53px; }

    div.side_nav {top: 250px;}
}
@media screen and (max-width: 1550px) {
    header #lang_menu li a span.lng_org { display: none; }
    header #lang_menu li a span.lng_alt { display: block; }
    header #login_menu { right: 320px; }
     header #login_menu { right: 395px; }
    div.login_box { right: 163px; }
}
@media screen and (max-width: 1500px) {
    div#kalendarPlace .dp-popup-inline { padding: 0 17px 38px 13px; background-size: 670px auto; }
}
@media screen and (max-width: 1470px) {
    div#kalendarPlace h2 { right: -51%; }
    div#kalendarPlace .dp-popup-inline { padding: 0 15px 38px 13px; background-size: 640px auto; }
    span.prihTitle { display: none; }
    span.userName { display: none; }
    .oddelovac.first { display: none; }
}

@media screen and (max-width: 1400px) {
    div#kalendarPlace h2 { right: -52%; }
    div#kalendarPlace .dp-popup-inline { background: none; }
}

@media screen and (max-width: 1360px) {
    div.index { padding: 100px 0 0 0; }
    div#kalendarPlace h2 { right: -53%; }

}
@media screen and (max-width: 1300px) {
    div#kalendarPlace h2 { right: -54%; font-size: 26px; }
    span.txt-desktop { display: none; }
}
@media screen and (max-width: 1250px) {
    body#bg_body_sp header .logo  { background: url(/images/web2015/css/bg-header-sp2.png) 0 0 no-repeat; }
    #bg_body_sp header .logo { height: 115px; }
    #bg_body_sp header .logo a { top: 60px; }
    #bg_body_sp nav { padding: 0 0 150px 0; }
    #bg_body_sp.section_hp nav { padding: 0 0 0px 0; }
    #bg_body_sp div.side_nav { width: 250px; z-index: 900; top: 270px; }
    #bg_body_sp div.side_nav.fixed_menu { position: absolute; }
    #bg_body_sp main .content_sp { padding-left: 270px; background-position: 190px 40px; }
    #bg_body_sp.ucitel main .content_sp { background-position: 150px 40px; }
    #bg_body_sp.pvcr main .content_sp { padding-left: 270px; background-position: 120px 40px; }
    main .content { padding-left: 270px }
    #bg_body_sp div.navbar { margin-left: 358px; height: auto; position: relative; z-index: 900; }

    main #top_menu { padding: 10px 0 0 10px; }

    div#kalendarPlace .dp-popup-inline { background: none; }
}
@media screen and (max-width: 1200px) {
    div.row { width: 100%; }
}
@media screen and (max-width: 1150px) {
    div#kalendarPlace h2 { right: -55%; font-size: 24px; }
    div.dp-calendar table tr td { font-size: 42px; }
    span.prihTitle { display: none; }
    div.login_box { right: 20px; }    
    #top_search { display: none; }
    header .search_toggle { display: block; margin: 0px; padding: 0px; background: url(/images/web2015/css/ico-search.png) #ffffff center center no-repeat; background-size: 17px 17px; position: absolute; top: 1px; right: 10px; width: 48px; height: 48px; border: 0px none; border: 0px none; outline: 0; }
    .prog  header .search_toggle { right: 10px; }
    header .search_toggle:focus { outline: 0; }
    body.pvcr header .search_toggle { right: 10px;  }

    header #login_menu { right: 80px; display: block; }
    span.txt-phone { display: inline-block; }

    header #lang_menu { right: 70px; display: block; }
    header #lang_menu li a span.lng_org { display: none; }
    header #lang_menu li a span.lng_alt { display: block; }
     header #login_menu { right: 155px; }

    header #top_search { background: #00763d; position: absolute; top: 51px; z-index: 999; padding: 0 10px; width: 100%; left: 0px;}
    header #top_search form { padding: 10px 10px 0 10px; width: 270px; height: 50px; background: url(/images/web2015/css/bg-top-search.png) 0 center no-repeat; }

    #top_menu li a { font-size: 13px; padding: 12px 12px 0 24px; }
    #top_menu li a:hover,
    #top_menu li.sfHover a { padding: 12px 12px 0px 24px;}
    #top_menu li.open a { padding: 12px 12px 4px 24px }
}
@media screen and (max-width: 1050px) {
    footer { height: auto; }
    div.motto_box a#prev_slide, 
    div.motto_box a#next_slide { display: none; }
    div#kalendarPlace h2 { right: -57%; }

    span.userName { display: none; }

    #top_menu li a { font-size: 12px;  }

    #lang_menu { display: none; }
    span.txt-phone { display: none; }
    span#countdown,
    span#countdown2 { display: none; }
    div.cookies p button { display: block; margin: 5px auto; }
}
@media screen and (max-width: 1024px) {
    div#kalendarPlace h2 { right: -58%; }
    div.dp-calendar table tr td { font-size: 50px; }

    div#kalendarPlace { width: 100%; float: none; }
    div#day_events { width: 100%; clear: both; float: none; padding: 50px 0 0 0; }

    div#kalendarPlace div.dp-nav-prev { position: absolute; left: 10px; bottom: -30px; right: 0px; }
    div#kalendarPlace div.dp-nav-next { position: absolute; left: 310px; bottom: -30px; right: inherit; }
    div#kalendarPlace h2 { position: absolute; left: 40px; bottom: -30px; right: inherit; }

    #top_menu li:first-child { display: none; }

}
@media screen and (max-width: 980px) {
    

    
}

@media screen and (max-width: 900px) {
    div.motto_box { width: 100%; padding: 30px 20px; }
    div.motto_box div.moto_cycle { }
    div.motto_box div.moto_cycle div.motto { }
    /*header #login_menu { right: 80px; }*/
    header #lang_menu { display: none; }
     header #login_menu { display: none; }
}

@media screen and (max-width: 870px) {
    div.motto_box { height: 250px; }
    div.dp-calendar table tr td { font-size: 40px; }

}

@media screen and (max-width: 800px) {
    div.motto_box { height: 355px; }
}

@media screen and (max-width: 768px) {
    body#bg_body_sp { background: none; }
    body#bg_body_sp main { background: none !important; }
    #bg_body_sp header .company_menu_toggle,
    #bg_body_hp header .company_menu_toggle { display: block; margin: 0px; padding: 0px; background: url(/images/web2015/css/logo-simple-white.png) center center no-repeat; background-size: 60%; position: absolute; top: 1px; left: 10px; width: 48px; height: 48px; border: 0px none; z-index: 999; }
    #bg_body_sp header #company_menu,
    #bg_body_hp header #company_menu { display: none; top: 51px; background: #00763d; z-index: 997; width: 100%; }
    #bg_body_sp header #company_menu li a.last_mi,
    #bg_body_hp header #company_menu li a.last_mi { padding: 0px 15px; }
    #bg_body_sp header #company_menu li:first-child,
    #bg_body_hp header #company_menu li:first-child { background: none; font-size: 20px; width: auto; }
    #bg_body_sp header #company_menu li a.home_mi,
    #bg_body_hp header #company_menu li a.home_mi { background: none; font-size: 20px; padding: 0 15px; width: auto; }

    body#bg_body_sp header .logo { top: 50px; background: none; width: 50px; height: 20px; }
    #bg_body_sp header .logo a,
    body#bg_body_sp header .logo a { top: 10px; }
    #bg_body_sp div.navbar { height: 0px; overflow: hidden; padding: 0px; border: 0px none; }

    #bg_body_sp div.side_nav { position: relative; clear: both; top: 0px; left: 0px; width: 100%; }
    #bg_body_sp div.content_sp { padding: 80px 20px 0 20px; }

    #bg_body_sp.section_hp div.content_sp { padding: 130px 20px 40px 20px; background: none; }

    #bg_body_sp.pvcr main .content_sp { padding-left: 20px; }
    
    nav #top_menu { margin-top: 130px; }

    span.txt-phone { display: inline-block; }
    span#countdown,
    span#countdown2 { display: inline-block; }

    /*header #login_menu { right: 80px; }*/

    header #lang_menu { right: 70px; display: block; }
     header #login_menu { display: block; }

    div#kalendarPlace { margin: 0; }
    div#kalendarPlace .dp-popup-inline { padding: 0 0 38px 0px }

    div.side_nav h2,
    body.pvcr div.side_nav h2 { width: 100%; height: auto; line-height: 100%; margin: 0px; background-image: none; background-color: #7fbd36; padding: 20px 20px; color: #ffffff; text-align: center; }
    div.side_nav h2 a {  color: #ffffff; text-decoration: none; }
    body.student div.side_nav h2 { background-image: none; background-color: #7fbd36; border: 0px none; outline: 0; }

    body.pvcr.gep div.side_nav h2 { padding: 20px; }
    body.pvcr.eap div.side_nav h2 { padding: 20px; }
    body.pvcr.pp div.side_nav h2 { padding: 20px; }
    body.corp div.side_nav h2 { padding: 20px; }

    div.side_nav { display: none; }
    div.sm_mobile { display: block; clear: both; }
    div.sm_mobile h2 { width: 100%; height: auto; line-height: 100%; margin: 0px; background-image: none; background-color: #7fbd36; padding: 20px 20px; color: #ffffff; text-align: center; font-family: "open_sanslight"; font-size: 20px; }



    #bg_body_sp div.side_nav.fixed_menu { position: relative; }
    #side_menu { width: 100%; }
    #side_menu li { background-color: #f2f8eb; }
    #side_menu li a { border-color: #f2f8eb; }

    body.section_hp.student main .content_sp { background: none; }
    body.section_hp.partner main .content_sp { background: none; }
    body.section_hp.ucitel main .content_sp { background: none; }

    div.content_menu { padding: 0px; }
    main .content { padding-left: 20px; padding-right: 20px; }
    #bg_body_sp div.content_sp { padding-top: 60px; }

    div.cycle_news article h2 { text-align: center; }
    div.cycle_news article .article_img { width: 180px; position: relative; left: 50%; margin: 0 0 10px -90px; }
    div.cycle_news article .news_content { width: 100%; padding: 0 20px; text-align: center; }

    div.row div,
    div.row div.col_2,
    div.row div.col_5 { width: 100%; clear: both; text-align: center; }
    div.partners_info div.row .col_2:first-child { text-align: center; }
    div.partners_info div.row .col_5 span.label { float: none; width: 100%; text-align: center; padding: 0px; }
    div.partners_info div.row .col_5 span.text { float: none; }

}

@media screen and (max-width: 660px) {
      .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
}
    /*header .search_toggle { display: none; }*/
    ul#company_menu li.hide { display: none; }
    button.top_menu_toggle { display: block; width: 45px; height: 39px; border: 0px none; position: absolute; top: -38px; right: 10px; background: url(/images/web2015/css/bg-top-menu-toggle.png) center top no-repeat; z-index: 990;}
    button.top_menu_toggle.open { background-position: center bottom;  }

    div.content_menu { position: absolute; top: 100px; left: 0px; width: 100%; height: 50px; padding: 0 10px; z-index: 994; }
    div.content_menu button.top_menu_toggle { position: absolute; top: -38px; right: 10px; }

    #bg_body_sp div.content_sp { padding-top: 140px; }
    #bg_body_sp.section_hp div.content_sp { padding-bottom: 0px; }

    #bg_body_sp nav { position: absolute; top: 100px; z-index: 990; padding: 0 10px; background: none; }
    
    #top_menu,
    div.content_menu #top_menu { display: none; margin-top: 10px; padding: 10px 10px 5px 10px; position: relative; background: #00763d; -webkit-border-radius: 3px 0 3px 3px; -moz-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px; height: auto; float: right; }
    #top_menu li,
    div.content_menu #top_menu li { margin: 0px; padding: 0px; clear: both; background: none; border: 0px none; width: 100%; height: auto; float: none; }
    #top_menu li a,
    div.content_menu #top_menu li a { height: auto; margin: 0 0 5px 0; padding-bottom: 12px; display: block; border: 0px none; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #7fbd36; color: #ffffff; text-align: center; font-size: 24px; font-family: "open_sanslight"; text-transform: none; }
    #top_menu li a:hover,
    div.content_menu #top_menu li a:hover { padding-bottom: 12px; border: 0px none; text-decoration: none; }
    #top_menu li.open a,
    div.content_menu #top_menu li.open a { padding-bottom: 12px; color: #000000; background: #ffffff; }
    #top_menu li.open a:hover,
    div.content_menu #top_menu li.open a:hover{ text-decoration: none; }
    table.table_info tr td { clear: both; display: block; }


}

@media screen and (max-width: 620px) {
    div.motto_box { height: 350px; }
}

@media screen and (max-width: 575px) {
    body#bg_body_hp { background-image: none !important; }
    
    header .search_toggle { display: block; }

    header .logo { top: 60px; width: 100%; height: 60px; background-color: #ffffff; background-image: none; }
    header .logo h1, header .logo a { top: 3px; }
    header .logo h1 span, header .logo a span { background: url(/images/web2015/css/jaslovensko-junior-achievement-logo.png) 0 0 no-repeat; }
    
    div.index { padding: 75px 10px 0 10px; }
    div.index_box { width: 100%; height: 75px; margin: 0 0 20px 0; padding: 0px; }
    div.index_box .box { padding: 0 0 0 100px; height: 75px; text-align: left; }
    div.index_box p { display: none; }
    div.index_box h2 { font-size: 25px; line-height: 75px; }

    div.index_box.ucitel_box:hover { border-color: #ffffff; }
    div.index_box.student_box:hover { border-color: #ffffff; }
    div.index_box.verejnost_box:hover { border-color: #ffffff; }

    div.index_box.ucitel_box .box { background-image: none; }
    div.index_box.student_box .box { background-image: none; }
    div.index_box.verejnost_box .box { background-image: none; }
    div.index_box span.box_arrow { display: block; width: 12px; height: 21px; position: absolute; top: 50%; right: 20px; margin: -11px 0 0 0; background: url(/images/web2015/css/index-box-arrow.png) 0 0 no-repeat; }

    div.index_box.ucitel_box .box span.box_icon { display: block; width: 100px; height: 80px; background: url(/images/web2015/css/bg-ucitel-phone.png) 0 0 no-repeat; position: absolute; left: 23px; top: 10px; }
    div.index_box.student_box .box span.box_icon { display: block; width: 100px; height: 80px; background: url(/images/web2015/css/bg-student-phone.png) 0 0 no-repeat; position: absolute; left: 23px; top: 10px; }
    div.index_box.verejnost_box .box span.box_icon { display: block; width: 100px; height: 80px; background: url(/images/web2015/css/bg-partner-phone.png) 0 0 no-repeat; position: absolute; left: 19px; top: 10px; }

    header #company_menu li { font-size: 16px; }
    header #company_menu li a.last_mi { padding: 0 15px; }
    header #company_menu li:first-child { background: none; }
    header #company_menu li:first-child a { background: none; width: 100%; padding: 0 15px; display: block; }
    #bg_body_sp header #company_menu li a.home_mi,
    #bg_body_hp header #company_menu li a.home_mi { font-size: 16px; }
    
    header #company_menu li.hide { display: block; }

    div.motto_box { background-color: #f4f4f4; }
    div.motto_box .motto p.autor { position: relative; right: 0; }

    div.dp-calendar table tr td { line-height: 16px; }

    div.partners { display: none; }
    body .bx-controls-direction { display: block; }
    body .bx-controls-direction .bx-prev { display: block; width: 50px; height: 43px; font-size: 0px; background: url(/images/web2015/css/prev.png) center center no-repeat; position: absolute; top: 20px; left: 20px; }
    body .bx-controls-direction .bx-next { display: block; width: 50px; height: 43px; font-size: 0px; background: url(/images/web2015/css/next.png) center center no-repeat; position: absolute; top: 20px; right: 20px; }
    body div.cycle_news .bx-controls-direction { display: none; }

    #share_icons { position: relative; width: 100%; text-align: center; bottom: 0px; font-size: 0px; line-height: 0px; padding: 0 0 5px 0; }
    #share_icons li { display: inline-block; float: none; padding: 0 0 0 0px; background: none; width: 50px; height: 50px; }
    *+HTML BODY #share_icons li { display: inline; }
    #share_icons li a { display: block; width: 50px; height: 50px; }

    div.dp-calendar table tr td { font-size: 30px; height: 60px; background-size: 40px 40px; }
    div.dp-calendar table tr td span { margin: 20px 0 0 0; }

    div.partners ul li a { display: inline-block; position: relative; }
    div.partners ul li img.color { display: none; display: inline-block; }
    div.partners ul li img.gray { display: none; display: inline-block; position: absolute; top: 0px; left: 0px; }
    div.partners ul li.hover img.color { display: inline-block; }
    div.partners ul li.hover img.gray { display: none; }

}

@media screen and (max-width: 540px) {
    div.motto_box { height: 400px; }
    div.dp-calendar table tr th span.large { display: none; }
    div.dp-calendar table tr th span.medium { display: block; }
    div.dp-calendar table tr th span.small { display: none; }
    span.txt-phone { display: inline-block; width: 65px; overflow: hidden; vertical-align: top; }
    span.txt-desktop { display: none; }
}

@media screen and (max-width: 475px) {
      .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
}
    div.motto_box { height: 450px; }
    header .company_menu_toggle { display: block; margin: 0px; padding: 0px; background: url(/images/web2015/css/toogle-menu-line.png) center center no-repeat; position: absolute; top: 1px; left: 10px; width: 48px; height: 48px; border: 0px none; }
    
    header ul#company_menu { display: none; position: absolute; top: 60px; background: #00763d; width: 100%; z-index: 999;  margin: 0; left: 0px;  }
    header ul#company_menu li { width: 100%; clear: both; text-align: center; }
    header ul#company_menu li:first-child { width: 100%; }
    #bg_body_sp header #company_menu li:first-child,
    #bg_body_hp header #company_menu li:first-child { width: 100%; }
    
    header ul#company_menu li.hide { display: block; }
     span.txt-phone { display: none; }
    
}

@media screen and (max-width: 450px) {
      .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
}
    ul#company_menu li.hide { display: none; }
    
    div.dp-calendar table tr td span { margin: 15px 0 0 0; }
    div.dp-calendar table tr td.ts-akcia span { margin: 0px 0 0 0; }
    div.dp-calendar table tr td.ts-akcia span.ts-2,
    div.dp-calendar table tr td.ts-akcia span.ts-4,
    div.dp-calendar table tr td.ts-akcia span.ts-6,
    div.dp-calendar table tr td.ts-akcia span.ts-8,
    div.dp-calendar table tr td.ts-akcia span.ts-10,
    div.dp-calendar table tr td.ts-akcia span.ts-12,
    div.dp-calendar table tr td.ts-akcia span.ts-14,
    div.dp-calendar table tr td.ts-akcia span.ts-16,
    div.dp-calendar table tr td.ts-akcia span.ts-20,
    div.dp-calendar table tr td.ts-akcia span.ts-22 { margin: 9px 0 0 -5px; position: absolute; background: #666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

    
}

@media screen and (max-width: 435px) {
      .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
}
    div.motto_box { height: 475px; }
    div.dp-calendar table tr td { font-size: 24px; letter-spacing: -2px; text-indent: -4px; }
}

@media screen and (max-width: 380px) {
  .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
    }
    div.motto_box { height: 550px; }
    div#kalendarPlace div.dp-nav-prev { left: 0px; }
    div#kalendarPlace div.dp-nav-next { right: 0px; left: inherit; }
    div#kalendarPlace h2 { width: 240px; left: 50%; margin: 0 0 0 -120px; }
    span.txt-phone { display: none; }
}

@media screen and (max-width: 365px) {
      .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
}
    div.motto_box { height: 625px; }
     span#countdown { display: none; }
     header #login_menu { right: 140px; }
}

@media screen and (max-width: 347px) {
      .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
}
    div.motto_box { height: 660px; }
}

@media screen and (max-width: 322px) {
      .cd-panel-header h1 {
    font-weight: bold;
    color: #fff;
    padding-left: 10%;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
}
    div.motto_box { width: 320px !important; }
}

@media screen and (max-width: 575px), screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
    div.index_box.ucitel_box .box span.box_icon { background: url(/images/web2015/css/bg-ucitel-phone@2.png) 0 0 no-repeat; background-size: 56px 80px; }
    div.index_box.student_box .box span.box_icon { background: url(/images/web2015/css/bg-student-phone@2.png) 0 0 no-repeat; background-size: 25px 80px; }
    div.index_box.verejnost_box .box span.box_icon { background: url(/images/web2015/css/bg-partner-phone@2.png) 0 0 no-repeat; background-size: 29px 80px; }
    
    header .logo h1 span { background: url(/images/web2015/css/jaslovensko-junior-achievement-logo.png) 0 0 no-repeat; background-size: 240px; }
    header .logo a span { background: url(/images/web2015/css/jaslovensko-junior-achievement-logo.png) 0 0 no-repeat; background-size: 240px; }

    header .company_menu_toggle { background: url(/images/web2015/css/toogle-menu-line@2.png) center center no-repeat; background-size: 30px 26px; }

    button.top_menu_toggle { background: url(/images/web2015/css/bg-top-menu-toggle@2.png) center top no-repeat; background-size: 45px 80px; }
    button.top_menu_toggle.open { background: url(/images/web2015/css/bg-top-menu-toggle@2.png) center bottom no-repeat; background-size: 45px 80px; }
}