/**************************/
/*       Ipad css         */
/**************************/


/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  article h2 {
    font-size: 40px;
    text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff;
  }
  .wrapper {
    width:1024px;
    margin: 0 auto;
    text-align: left;
  }
  .gutter { padding: 0 25px; }
  
  #ip_nav { display: none; }
  #header-container {
    margin-top: 95px;
    background-image: url(../images/branding/ledo-stage-m.jpg);
    background-repeat: no-repeat;
    margin-bottom: 40px;
    background-size: 1024px 550px;
    height: 550px;  
  }

  #nav_main_alt { display: none; }
  #nav_main {
    display: block;
    background: #479bd1;
    position: fixed;
    top: 0;
    z-index: 100;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    
    padding-bottom: 20px;
    background-image: url(../images/nav/border-tile.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.7);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.7);
    -ms-box-shadow:0 0 10px rgba(0,0,0,0.7);
    -o-box-shadow:0 0 10px rgba(0,0,0,0.7);
    box-shadow:0 0 10px rgba(0,0,0,0.7);
  }
  #nav_main a {
    float: left;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    border: 3px solid #f60709;
    border-radius:10px;
    padding: 25px 25px;
    margin-left: 10px;
  }
  #nav_main li#ledo_brand a {  padding: 7px 30px 6px 30px; }
  #nav_main li#ledo_brand a span {
    float: left;
    text-indent: -9999em;
    background: url(../images/branding/brand-ledo.png) no-repeat 0 0;
    width: 96px;
    height: 64px;
  }

  #steps_prizes li#njofra {
    float: left;
    text-indent: -9999em;
    background: url(../images/primary/promo-njofra.png) no-repeat 0 0;
    width: 263px;
    height: 264px;
    margin-left: 20px;
    margin-right: 20px;
  }
  #steps_prizes li#gool {
    float: left;
    text-indent: -9999em;
    background: url(../images/primary/promo-gool.png) no-repeat 0 0;
    width: 386px;
    height: 336px;
  }
  #steps_prizes li#snjeguljica {
    float: left;
    text-indent: -9999em;
    background: url(../images/primary/promo-snjeguljica.png) no-repeat 0 0;
    width: 265px;
    height: 266px;
  }
  #steps_prizes  img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: 75%;
    left: 0;
  }
  #steps_prizes_desc {
    top: -75px;
    padding:25px 0 45px 0;
    margin-bottom: -160px;
    background: url(../images/primary/curvy-lines.png) no-repeat top center;
  }
  #steps_prizes_desc li {
    float: left;
    font-family: arial;
    font-size: 18px;
    background-color: #fff;
    border: 4px solid #2384c2;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    color: #2384c2;
    padding: 10px 0;
  }
  #steps_prizes_desc li.one {
    background-image: url(../images/primary/ico-one.gif);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    margin-right: 75px;
    position: relative;
    padding-right: 140px;
  }
  #steps_prizes_desc li.two {
    background-image: url(../images/primary/ico-two.gif);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    margin-top: 50px;
  }
  #steps_prizes_desc li.three {
    background-image: url(../images/primary/ico-three.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    float: right;
    margin-top: 25px;
    padding: 15px 0;
  }
  .note_c {
    font-size: 16px;
    line-height: 20px;
    margin: 66px 0 25px 0;
  }
  #prizes_list { font-size: 16px;}
  .prizes_get_wrap .semi_bold {
    font-size: 16px;
    margin: 25px 0 10px 0;
  }
.note_d {
  left: 0;
}
  .note_a,
  .note_b {
    width: 505px;
    left: 0;
  }
  .note_a h3 { font-size: 20px;}
  .note_a p {
    font-size: 16px;
    line-height: 20px;
  }
  .note_b p {
    font-size: 20px;
    line-height: 20px;
  }
  #dobitnici .note_a {
    margin-top: 10px;
  }
  div#ledomedo_decor {
    background-size: 388px 426px;
    background-position: right top;
    right:0;
    top: 100px;
    z-index: 0;
    width: 388px;
    height: 426px;
  }
  .winners {
    background-position: right 20px;
  }
  .winners li,
  .rules p {
    font-size: 14px;
    line-height: 20px;
  }
  /*div.video {display: none;}*/
  div.video #holder {
    background-size: 100% 100%;
  }
  
  div.video #video_decor {
    position: absolute;
    right: 30px;
    bottom: 0;
    text-indent: -9999em;
    background: url(../images/primary/bg-video-decor.png) no-repeat 0 0;
    width: 314px;
    height: 506px;
  }
  div.video #holder {
    position: relative;
    left: 40px;
    background: url(../images/primary/bg-ipad.png) no-repeat 0 0;
    width: 803px;
    height: 526px;
    margin-top: 30px;
  }
  h2#video_title {
    margin-top: 50px;
    margin-left: 30px;
  }
  .video #holder #mob_anchor {
  display: none;
  margin-left: 5px;
}
  

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  #ip_nav{
      display: none;
  }
  #header-container {
    background-image: url(../images/branding/ledo-stage-m.jpg);
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-bottom: 35px;
    background-size: 768px auto;
    height: 413px;
  }
  article h2 {
    font-size: 40px;
    text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff;
  }
  .wrapper {
    width:768px;
    margin: 0 auto;
    text-align: left;
  }
  .gutter {
    padding: 0 25px;
  }
  #nav_main {
    display: none;
  }
  #nav_main_alt {
    display: block;
    position: fixed;
    top: 0;
    padding-bottom: 20px;
    background-color: #479bd1;
    background-image: url(../images/nav/border-tile.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.7);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.7);
    -ms-box-shadow:0 0 10px rgba(0,0,0,0.7);
    -o-box-shadow:0 0 10px rgba(0,0,0,0.7);
    box-shadow:0 0 10px rgba(0,0,0,0.7);
  }
  #nav_main_alt a {
    font-size: 16px;
    padding: 10px 20px;
  }
  
  #nav_main_alt li#ledo_brand a {
    float: left;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius:10px;
    padding: 6px 20px 5px 20px;
    margin-left: 10px;
  }
  #nav_main_alt li#ledo_brand a span {
    float: left;
    text-indent: -9999em;
    background: url(../images/branding/brand-ledo-small.png) no-repeat 0 0;
    width: 48px;
    height: 28px;
  }
  #steps_prizes li#njofra {
    background: url(../images/primary/promo-njofra-small.png) no-repeat 0 0;
    width: 163px;
    height: 164px;
    margin-top: 50px;
    margin-right: 45px;
  }
  #steps_prizes li#gool {
    background: url(../images/primary/promo-gool-small.png) no-repeat 0 0;
    width: 286px;
    height: 249px;
  }
  #steps_prizes li#snjeguljica {
    background: url(../images/primary/promo-snjeguljica-small.png) no-repeat 0 0;
    width: 165px;
    height: 166px;
    margin-top: 50px;
    margin-left: 45px;
  }
  #steps_prizes  img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: 75%;
    left: 0;
  }
  #steps_prizes_desc {
    top: 0;
    padding:25px 0 45px 0;
    margin-bottom: -65px;
    background: url(../images/primary/curvy-lines.png) no-repeat top center;
  }
  #steps_prizes_desc li {
    font-size: 14px;
    padding: 10px 0;
  }
  #steps_prizes_desc li img {
    display: none;
  }
  #steps_prizes_desc li.one {
    background-image: url(../images/primary/ico-one.gif);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    margin-right: 100px;
    position: relative;
    padding-right: 15px;
  }
  #steps_prizes_desc li.two {
    background-image: url(../images/primary/ico-two.gif);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    margin-top: 50px;
  }
  #steps_prizes_desc li.three {
    background-image: url(../images/primary/ico-three.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    float: right;
    margin-top: 25px;
    padding: 15px 0;
  }
  #steps_prizes_desc li em {
    font-size: 14px;
    line-height: 18px;
  }
  .note_c {
    font-size: 16px;
    line-height: 20px;
    margin: 66px 0 25px 0;
  }
  .note_d {
  left: 0;
}
  #prizes_list { font-size: 16px;}
  .prizes_get_wrap .semi_bold {
    font-size: 16px;
    margin: 10px 0 10px 0;
  }
  .note_a,
  .note_b {
    width: 505px;
    left: 0;
  
  }
  .note_a {
    margin-top:30px; 
  }
  .note_a h3 { font-size: 20px;}
  .note_a p {
    font-size: 16px;
    line-height: 20px;
  }
  .note_b p {
    font-size: 20px;
    line-height: 20px;
  }
  div#ledomedo_decor {
    background-size: 100% 100%;
    background-position: right top;
    right:0;
    
    z-index: 0;
  }
  .winners li,
  .rules p {
    font-size: 14px;
    line-height: 20px;
  }
  /*div.video {display: none;}*/
  div.video #video_decor {
    display: none;
    /*
    position: absolute;
    right: 30px;
    bottom: 0;
    text-indent: -9999em;
    background: url(../images/primary/bg-video-decor.png) no-repeat 0 0;
    width: 314px;
    height: 506px;
    */
  }
  div.video #holder #yt_em {
    top:64px;
    left: 66px;
  }
  div.video #holder #yt_em img {
    width: 568px;
    height: 341px;
  }
  div.video #holder {
    position: relative;
    background: url(../images/primary/bg-ipad.png) no-repeat 0 0;
    width: 665px;
    height: 459px;
    background-size: 700px 459px;
    margin-top: 50px;
    left: 35px;
    padding-right: 35px;
    margin-right: -35px;
  }
  h2#video_title {
    margin-top: 50px;
    margin-left: 30px;
  }
  
  .video #holder #mob_anchor {
  display: none;
  margin-left: 5px;
}

}