/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */

.logo {position: relative; z-index: 1000;}
  .navbar-nav > li {
    margin-left: 10px;
  }
  .navbar-brand {padding-top: 18px;}
  .menu {float: right; position: relative; z-index: 4000; top: 0; margin-top: -56px;}
  .subtitle {float: none; margin-top: 82px; position: relative; left: 0; z-index: 3000; padding-left: 28px!important; font-size: 22px; line-height: 140%; padding-top: 0;}
.homeimg {width: 51%;}
.homecol {padding: 33px 10px 20px 20px; width: 47%; font-size: 19px;}
a.tlacitko {margin-top: 34px;}
.homecol h1 {font-size: 43px; margin-bottom: 25px;}

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  ul.social_icons li{
    margin-right: 0;
  }

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }
  .navbar-brand {padding-top: 18px; padding-bottom: 33px;}
  .nav {width: 100%;}
  .nav>li {width: 20%; text-align: center;}
.nav>li>a {height: auto; padding: 10px 0; width: 140px;}
  .itemContainer {width: 31.3%; margin-right: 2%;}
  .subtitle {padding-top: 25px;}
  .homeimg {width: 48%; margin: 50px 0 30px 0;}
.homecol {padding: 52px 10px 20px 20px; width: 51%; font-size: 19px; line-height: 150%; font-size: 16px;}
a.tlacitko {margin-top: 25px;}
.homecol h1 {font-size: 30px; margin-bottom: 15px;}


}

/* xs */
@media (max-width: 767px) {
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }


  .navbar-nav > li {
    padding-bottom: 0;
  }



  .nav-tabs > li.active > a:after{
    display: none;
  }
  .navbar-brand {padding-top: 18px; padding-bottom: 16px; font-size: 50px;}

   .subtitle {padding-top: 25px;}
  .homeimg {width: 48%; margin: 36px 0 30px 0;}
.homecol {padding: 38px 10px 20px 30px; width: 51%; font-size: 19px; line-height: 150%; font-size: 16px;}
a.tlacitko {margin-top: 25px; line-height: 55px;}
.homecol h1 {font-size: 30px; margin-bottom: 15px;}

.navbar-collapse.in {overflow-y: visible!important;}
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;  }
	.navbar-collapse li {height: 30px;}
	.navbar-collapse li a {float: none; height: auto; padding: 10px; background: #4a8ec8; color: #fff;}
	.navbar-collapse li a:hover {color: #000;}

.icon-bar {background-color: #fff;}

  .itemContainer {width: 48%; margin-right: 1%; margin-left: 1%;}
.navbar-toggle {background: #4a8ec8; color: #fff; margin-top: 5px; z-index: 6000;}
#header {height:110px;}
div.itemExtraFields {border: 0; margin-left: 0px;}

}

@media (max-width: 767px) {
 .subtitle {padding-top: 25px; font-size:22px;}
a.tlacitko {margin-top: 25px; line-height: 45px;}
  .homeimg {width: 48%; margin: 32px 0 30px 0;}
.catItemView, div.tagItemView {min-height: 490px;}

}

@media (max-width: 635px) {
 .subtitle {padding-top: 12px; font-size:22px;}
a.tlacitko {margin-top: 25px; line-height: 45px;}
  .homeimg {width: 48%; margin: 32px 0 30px 0;}
.catItemView, div.tagItemView {min-height: 470px;}

}

@media (max-width: 588px) {
	  .navbar-brand {font-size: 45px;}
a.tlacitko {margin-top: 15px; line-height: 35px;}
.items-leading .pull-right img {width: 96%; margin: 0 2% 20px 2%; padding: 0; float: none!important;}
}

@media (max-width: 540px) {
	 .subtitle {padding-top: 12px; padding-bottom: 10px; font-size:22px; text-align: center;}
	.navbar-brand {font-size: 45px; padding-top: 22px; padding-bottom: 0px; text-align: center!important; line-height: 100%!important; float: none!important; width: 100%; font-weight: 200;}
	.logo a {text-align: center!important; float: none!important; width: 100%;}
a.tlacitko {margin: 15px 10% 20px 10%; line-height: 35px; text-align: center; width: 80%; padding: 0;}
.col-xs-7, .col-xs-5, .col-xs-6, .col-xs-12, .socialshare {width: 100%!important; float: none!important;}
  .homeimg {width: 90%; margin: 45px 5% 15px 5%;}
.homecol {padding: 0; width: 100%; font-size: 19px; line-height: 150%; font-size: 16px;}
.top-bar {padding-top: 10px; text-align: center;}
.homecol h1 {font-weight: 300!important; text-align: center;}
.socialshare {margin: 0; padding: 10px 5px; text-align: center;}
.catItemView, div.tagItemView {min-height: 410px;}

}


/* XS Portrait */
@media (max-width: 480px) {

    .itemContainer {width: 100%; margin: 0;}
	#header {height: 160px;}

}