/* ==== media screen queries ==== */
/* ==== XS ==== */
@media(max-width: 767px){
  body { background: none; }
  .text_2 { font-size: 12pt; }
  .top-140 { margin-top: 0px; }
  .border_5 { border: 0;}
  .border_right {border-right: none;  }
  .br_hidden { display: none}
  .float_to_right { float: right;}
  .carousel { margin-top: 0px; max-height: 444px; overflow-y: hidden; }
  /* Background */
  .bg_bottom { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #001ca8), color-stop(1.00, #2476ff));
                background: -webkit-linear-gradient(#001ca8, #2476ff);
                background: -moz-linear-gradient(#001ca8, #2476ff);
                background: -o-linear-gradient(#001ca8, #2476ff);
                background: -ms-linear-gradient(#001ca8, #2476ff);
                background: linear-gradient(#001ca8, #2476ff);
              }
  /* ==== Logo ==== */
  .brand.logo img { width: 65%; }
  .flag { position: absolute; top: 27px; left: 180px; }
  .flag img { width: 80%}
  /* ==== Menu Nav ==== */
  li span.separator { display: none; }
  nav.navbar { width: 100%; margin-left: 0; }
  .navbar .navbar-nav  {display: inline-block; width: 100%; height: auto; float: none;}
  .navbar-toggle {  margin: 3px ; padding: 0; width: 35px; height: 35px; background: #ad530d; }
  .navbar-toggle .icon-bar {width: 30px; height: 5px; margin: 0 2px; padding: 0; left: 0; background: #cd7e21; border-radius: 10px; }
  .navbar-collapse {width: 100%; position: absolute; background: orange;  box-shadow: 0px 4px 30px 10px rgba(0, 0, 0, 0.8); z-index: 1}
  .navbar-nav > li  { margin-left: 40px; }
  .navbar-nav > li > a {display: inline-block; margin: 0; font-family: "Open Sans Italic"; }
  .navbar-nav > li > a:hover { width:100%; max-height: 45px; margin: 0;  border-left: 4px solid blue; background: none; border-top: none;  }
  /* SlideShow  Indicators, Captions */
  .carousel-caption { padding-bottom: 15px; }
  .carousel-indicators li { width: 10px; height: 10px; }
  /* Vertical align content */
  .vertical-align { display: block ;  align-items: center; }
  .margin_left_150 { margin: 0 }

  /* Title */
  h1.main_title { font-size: 16pt; font-family: Georgia, "Times New Roman", Times, serif; color: #333;  text-shadow: 3px 2px 8px #eee;  margin: 0px 0 30px 0; }
  h3.sub_title { font-size: 14pt; margin-top: 10px;}
  p.content_text { font-size: 12pt; padding: 5px 5px;}


  .li_text_effects_1 { font-size: 12pt; color: #222; text-shadow: none; }
  ul li span.fa.fa-circle { margin-right: 5px; font-size: 10pt; text-shadow: none;}
  /* signature */
  .signature { display: flex; background-image: url('../img/bg/right_down_bg.png'); background-repeat: no-repeat; height: 144px; background-position: center bottom; background-size: 100% 90% }
  .signature p {  font-size: 14pt; color: #353535;   margin-top: 0px; margin-right: 0px; }
  /* Footer */
  .footer_info_text { text-align: center;}
  .footer_address { display: none; }

  /* O firme */
  .margin_bottom_40 { margin-bottom: 100px; }
  /* Ponuka */
  /* Autopark */
  .autopark.margin_top_50 { margin-top: 0px; }
  .autopark.margin_bottom_100 { margin-bottom: 40px; }
  /* Kontakt */
  .contact_left, .contact_right { font-size: 10pt; }
  .contact_right { border-right: none;  }
}

/* ==== SM ==== */
@media (min-width: 768px) and (max-width: 991px) {
  .text_2 { font-size: 12pt; }
  .top-140 { margin-top: -140px; }
  /* Left and Right background image */
  .left_bg { padding-top: 390px; background-size: cover; }
  .right_bg { padding-top: 390px; background-size: cover ; }

  /* ==== Logo ==== */
  .brand.logo img { width: 65%; margin-top: 45px; }
  .flag { position: absolute; top: 73px; left: 180px; }
  .flag img { width: 80% }
  /* SlideShow  Indicators, Captions */
  .carousel-caption { padding-bottom: 35px; }
  /* Background */
  .wave_bg_slideshow { top: 30px; background-size: contain; }

  /* Title */
  h1.main_title { font-size: 26pt; margin: -40px 0 0 0; }
  h2.title { position: relative; padding: 35px 0 0 20px; }
  h3.sub_title { font-size: 20pt; margin-top: 10px; }

  .li_text_effects_1 { font-size: 14pt; color: #222;  }
  ul li span.fa.fa-circle { margin-right: 5px; font-size: 10pt; text-shadow: none;}
  .margin_left_150 { margin-left: 0 }

  /* signature */
  .signature p { font-size: 18pt; margin-top: 150px; margin-right: 50px; }
  /* Autopark */
  .autopark.margin_bottom_100 { margin-bottom: 60px; }
  /* Kontakt */
  .contact_left { border-right: none; }
}

/* ==== MD ==== */
@media (min-width: 992px) and (max-width: 1199px) {
  div#bs-example-navbar-collapse-1.collapse.navbar-collapse { max-width: 950px; }
  .wave_bg_slideshow { top: 35px; background-size: contain; }
  /* Left and Right background image */
  .left_bg { padding-top: 530px; background-size: cover; }
  .right_bg { padding-top: 520px; background-size: cover ; }
  .carousel-caption { padding-bottom: 55px; }
  .carousel-indicators { bottom: 5px; }

  /* signature */
  .signature p { font-size: 18pt; margin-top: 120px; margin-right: 50px; }

  /* Autopark */
  .autopark.margin_bottom_100 { margin-bottom: 80px; }
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  span i.soc_text { display: none;  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .col-xs-6.footer_info_text { width: 60%; padding-left: 10px; padding-right: 10px; }
  .col-xs-6.social_network { width: 40%; /*padding-left: 10px; padding-right: 10px;*/ }
  span i.soc_text { display: none; font-size: 12px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  .brand.logo img { width: 70%; }
  .flag { position: absolute; top: 22px; left: 150px; }
}