@import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=latin,latin-ext);

@media screen and (min-width: 768px) and (max-width: 1010px) {
  #site {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 979px) {

.latestMagTextInfoContainer {
  display: none;
}
  .main_menu ul.menu > li ul {
    display: block;
  }

  .footer_menu ul.menu {
    margin: 10px 0;
    float: none;
  }

  .footer_menu ul.menu li {
    list-style: none outside none;
    position: relative;
    border-right: medium none;
    float: none;
  }

  .footer_menu ul.menu li a {
    background-color: #FAFAFA;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 4px 9px;
    position: relative;
  }

  .footer_menu ul.menu li:first-child a {
    border-top: 1px solid #e6e6e6;
  }

  .footer_menu ul.menu li a:hover {
    background-color: #0088cc;
    text-shadow: 0 1px 0 transparent;
  }
}

@media screen and (max-width: 1024px) {
 
  .main_menu ul.menu li.lastChild ul li.parent span.arrow {
    background: url("../images/arrow.png") no-repeat scroll 0 bottom transparent;
    height: 15px;
    position: absolute;
    top: 9px;
    width: 20px;
  }

  .main_menu ul.menu li.lastChild ul li.parent ul {
    left: inherit;
    right: 100%;
    top: -2px;
  }
}


@media screen and (min-width: 768px) and (max-width: 979px) {
  .main_menu ul.menu > li > a {
    font-size: 10px;
    padding: 8px 8px;
  }

  #reklama-header {
    overflow: hidden;
  }

  .main_menu ul.menu li a.home-hp {
    text-indent: -10000px;
    background: url('../images/home_icon.png') no-repeat center 9px;
    width: 20px;
    padding: 10px;
    height: 15px;
    display: block;
  }

  .main_menu ul.menu li a.home-hp:hover,
.main_menu ul.menu li.active a.home-hp {
    text-indent: -10000px;
    background: url('../images/home_icon_a.png') no-repeat center 9px;
    width: 20px;
    padding: 10px;
    height: 15px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  h3.userItemTitle {
  line-height: 17px;
}
  #footer {
    margin: 15px 0 0 0;
  }
    .crosspromo {
    display: none;
  }
  .moduletable.inlineSearch div form input[name="searchword"] {
    display: block;
  }

  .moduletable.inlineSearch {
    display: block;
  }

  .moduletable.inlineSearch div form input[type="submit"] {
    background: url('../images/lupa.png') no-repeat;
    display: block;
    text-indent: -1000px;
    cursor: pointer;
    width: 18px;
    height: 15px;
    border: 0;
    position: absolute;
    top: 13px;
    left: 206px;
  }

  #reklama-header {
    display: none;
  }

  .sidebarTopmargin {
    display: none;
  }

  #logo,
  .copyrights p {
    text-align: center;
  }

  form#adminForm {
    max-width: 767px;
    overflow-x: auto;
  }

  .image {
    float: left;
    width: 46%;
    text-align: right;
  }

  .main_menu ul.menu > li ul {
    display: block;
  }

  .main_menu ul.menu {
    float: none;
    margin: 10px 0 0;
  }

  .main_menu ul.menu li {
    float: none;
    position: relative;
    list-style: none;
  }

  .main_menu ul.menu > li > a {
    font-size: 10px;
    padding: 7px 9px;
  }

  .main_menu ul.menu li a {
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    width: 100%;
  }

  .main_menu ul.menu > li > a {
    border-bottom: 2px solid transparent;
  }

  .main_menu ul.menu > li > a:hover {
    border-bottom: 2px solid transparent;
    margin: 0;
/*    padding: 7px 17px;*/;
  }

  .main_menu ul.menu li {
    border-top: 1px solid #E6E6E6;
  }

  .main_menu ul.menu > li.active > a {
    background-color: transparent;
    border-bottom: medium none;
    box-shadow: none;
    color: #000000;
  }

  .main_menu ul.menu > li.active > a:hover {
    background-color: transparent;
    border-bottom: medium none;
    box-shadow: 0 0 0 transparent;
  }

  .main_menu ul.menu > li a {
    display: block;
  }

  .main_menu ul.menu > li.parent span.arrow {
    background: url("../images/arrow.png") no-repeat scroll 0 7px transparent;
    height: 20px;
    right: -5px;
    display: none;
    position: absolute;
    width: 20px;
  }

  .main_menu ul.menu li ul li.parent span.arrow {
    background: url("../images/arrow.png") no-repeat scroll 0 center transparent;
    height: 15px;
    position: absolute;
    display: none;
    top: 7px;
    width: 30px;
  }

  .main_menu ul.menu li.parent ul,
  .main_menu ul.menu li ul li.parent ul {
    background: none repeat scroll 0 0 transparent;
    border-left: medium none;
    border-top: medium none;
    box-shadow: 0 0 0 transparent;
    float: none;
    position: relative;
    width: 100%;
  }

  .main_menu ul.menu li.parent ul {
    left: 0;
    top: 0;
  }

  .main_menu ul.menu li ul li.parent ul {
    left: 0 !important;
    top: 0 !important;
  }

  .main_menu ul.menu li.parent ul li {
    border-bottom: medium none;
    box-shadow: 0 0 0 transparent;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .main_menu ul.menu li.parent ul li.lastChild {
    border-bottom: none;
  }

  .main_menu ul.menu li ul li.parent ul > li > a {
    padding: 7px 10px 7px 30px;
  }

  .main_menu ul.menu li ul li.parent ul > li > a:hover {
    padding: 7px 10px 7px 35px;
  }

  .main_menu ul.menu li.parent ul li a:hover {
    padding: 7px 10px 7px 20px;
  }

  .main_menu ul.menu li.parent ul li a {
    float: none;
    margin: 0 15px 0 0;
    padding: 7px 10px 7px 15px;
    text-indent: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  h3.userItemTitle {
  line-height: 26px;
}
  .itemBody.magazine .itemImageBlock {
  width: 50%;
  display: inline-block;
}
  .moduletable.inlineSearch, .moduletable.inlineSearch div form input[type="submit"], .moduletable.inlineSearch div form input[type="submit"] {
    display: none;
  }

  .sidebarTopmargin {
    height: 28px;
    display: block;
    width: 100%;
  }

  #globalContent.HP div div.sidebar-right .sidebarTopmargin {
    display: none;
  }

  .main_menu {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    clear: both;
  }
  .main_menu.fixedMenu .navbar .nav {
   margin: 0;
  }
   .main_menu.fixedMenu .navbar {
   box-shadow:0 0 9px #ccc;
  }
  
  .main_menu.fixedMenu {
    position:fixed;
    top:0;
    background: white;
    z-index: 99999;
     width: 100%;
  max-width: 978px;
  border-right: 1px solid #e0e0e0;
  }
}

@media screen and (min-width: 480px) {

    .twitterGplusContainer {
    display: inline-block;
    margin: 0;
  }
  .slick-slider {
    margin: 0 0 30px 0;
  }
}



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

  #k2Container.latestMagazine > div.mainItemBody > div.itemBody > div.span12 > div > div.span6.latestMagazine {
    width: 54%;
  }

  #k2Container.latestMagazine > div.mainItemBody > div.itemBody > div.span12 > div > div.span6 {
    width: 46%;
  }

  .span6.latestMagRelatedPic {
    max-height: }
  #site {
    border: none;
  }

  .yearHolder .span12 .row-fluid .span4 {
    width: 31%;
    display: inline-block;
  }

  .row-fluid .span9 {
    max-width: 100%;
  }

  .articlePreview.rightSide {
    max-width: 475px;
  }

  #k2Container.itemView .mainItemBody, #k2Container.itemListView {
    padding: 0;
  }

  #site {
    margin: 0 auto;
    max-width: 980px;
    background: #fff;
  }

  .itemBackToTop {
    display: none;
  }
}

@media screen and (min-width:300px) and (max-width: 380px) {
   .slick-prev, .slick-next {
    margin-top: -25px;
  }
  .slick-dots li {
    top: -7px;
  }
 .itemFacebookButtonLike, .itemTwitterButtonTweet, .itemGooglePlusOneButton {
  margin-left: 0;
 }
}

@media screen and (min-width: 300px) and (max-width: 767px) {
  .infobox {
    width: 100%;
    float: none !important;
    margin: 0;
  }
 h3.catItemTitle {
  line-height: 18px;
 }
  .mod_facebook_widget_plus {
    display: none;
  }

 /* .mainCarouselSlider {
    display: none;
  }*/

  .title a, .moduleItemTitle a {
    font-size: 17px;
  }

  .sidebarResponsive .moduletable {
    max-width: 300px;
    margin: 0 auto;
    width: 95%;
  }

  .topMenu-responsive {
    display: block;
    max-width: 300px;
    margin: 0 auto;
  }

  .topMenu-responsive ul li {
    background: #75286e;
    text-align: center;
    height: 40px;
    margin: 10px 0;
  }

  .topMenu-responsive ul li a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 40px;
  }

  .topMenu-responsive ul li a:hover {
    background-color: initial;
  }

  .topMenu-responsive ul li.item-16 {
    display: none;
  }

  .sidebar-right.span3 .moduletable {
    min-width: 240px;
    max-width: 300px;
    margin: 0 auto;
    padding: 10px 0;
  }

  #k2ModuleBox125.hp .articleItem .moduleItem .image a img {
    width: 210px;
    height: auto;
    overflow: hidden;
  }

  #globalContent.HP > div #contentBox > div:nth-child(2):after {
    content: " ";
    display: block;
    height: 1px;
    margin: 10px 0;
  }

  .nav-collapse .nav > li > a:hover {
    background-color: white;
  }

  h3 > a {
    font-size: 15px;
  }
.olderIssues .title, .yearTitle {
  font-size: 19px;
}
  #k2Container.latestMagazine > div.mainItemBody > div.itemBody [class*="span"], #k2Container.latestMagazine > div.mainItemBody > div.itemBody .row-fluid [class*="span"] {
    float: left;
  }

  .subtitle, .magazineDetail, .mainCarousellider, .catItemReadMore {
    display: none;
  }

  .details {
    float: left;
    margin-left: 10px;
    max-width: 50%;
  }

  .new-footer {
    display: table;
    text-align: center;
  }

  #footer .container {
    padding: 0 20px;
  }

  #footer .container .span12 {
    border-top: #e2e2e2 solid 1px;
  }

  .new-footer div:nth-child(2) {
    display: table-footer-group;
  }

  .new-footer div img {
    float: none !important;
    padding-top: 25px;
  }
  .detailRightside {
  display: none;
}
 /* .itemBody.magazine .detailRightside {
    margin: 0;
    text-align: left;
    width: 100%;
  }*/

  .sidebar-right.span3 {
    max-width: 100%;
    padding: 0 7%;
  }

  .yearHolder .span12 .row-fluid.yearControl {
    padding-bottom: 30px;
  }

  .itemBody.magazine .itemImageBlock {
    padding: 0;
  }


  #k2Container.itemViewMagazine {
    padding: 0;
  }

  .quote {
    margin: 25px 0 15px 0;
    font-size: 20px;
  }

  div.itemHeader h2.itemTitle {
    padding-top: 20px;
  }

  div.catItemImageBlock {
    padding-left: 0;
  }

/*  #header input.button {
    display: none;
  }*/
div#search {
  display: none;
}
  input[name="searchword"] {
    display: none;
  }

  a.searchMobile {
    background: url('../images/lupa.png') no-repeat;
    display: block;
    text-indent: -1000px;
    cursor: pointer;
    width: 18px;
    height: 15px;
    border: 0;
    position: absolute;
    top: 35px;
    right: 20px;
  }

 /* #header input.button {
    top: 0;
  }*/

  .header {
    z-index: 999999;
  }

  #logo {
    margin: 0 auto;
    float: none;
    width: 155px;
    padding-top: 20px;
  }

  #logo a {
    width: 155px;
    background-size: 100%;
    top: 6px;
    position: relative;
  }

  #logo-bydleni {
    margin: 0 auto;
    float: none;
    width: 155px;
    padding-top: 20px;
  }

  #logo-bydleni a {
    width: 155px;
    background-size: 100%;
    top: 6px;
    position: relative;
  }

  #wrapper:before {
    content: " ";
    height: 1px;
    width: 100%;
    background: #cfcfcf;
    display: block;
    margin: 12px 0 15px 0;
    border-bottom: 1px #cfcfcf solid;	
    background: none;
  }

  a.btn.btn-navbar {
    position: absolute;
    top: 17px;
    left: 17px;
  }

  .navbar .btn-navbar {
    float: none;
  }

  .item-144 {
    text-align: center;
  }

  .main_menu ul.menu li a.home-hp, .main_menu ul.menu li.active a.home-hp {
    background: none;
    text-indent: 0;
    width: 100%;
    padding: 10px;
    height: 15px;
    display: block;
  }

  .main_menu ul.menu li a.home-hp:hover {
    text-indent: 0;
    background: none;
    width: 100%;
  }
/*    li.item-144 > a:after {
  content: "Domu";
}*/

  div#search {
    padding-top: 12px;
  }

  .top_menu {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .twitterGplusContainer {
    display: block;
    margin-top: 7px;
  }
 .itemSocialSharingContainer {
  width: 100%;
  text-align: center;
 }
  .image {
    float: left;
    width: 40%;
  }

  #contentBox #k2ModuleBox125 .articleItem {
    border-top: 1px solid #cfcfcf;
    margin-bottom: 0;
    padding: 20px 0;
  }

  .slick-slider {
    margin: 0 0 30px 0;
  }

/*  .slick-track .mobile {
    display: block;
  }

  .slick-track .desktop {
    display: none;
  }*/

  .title a, .moduleItemTitle a {
    font-size: 14px;
    margin: 10px 0;
  }
  .moduleItemTitle, .title {
  line-height: 17px;
}
  .perex, .moduleItemPerex {
    font-size: 13px;
    line-height: 1.2em;
  }

  .category,
.moduleItemCategory,
.moduleItemAuthor,
.moduleItemReadMore,
.readmore {
    display: none;
  }
}



/* ########################################################*/
@media screen and (min-width: 768px) {
  .mod_facebook_widget_plus {
    display: block;
  }

  h2.itemTitle.responsiveItemTitle {
    display: none;
  }

  .topMenu-responsive {
    display: none;
  }

  #logo {
    margin: 0 45px 40px;
    float: left;
    padding: 0;
  }

  #logo-bydleni {
    margin: 0 45px 40px;
    float: left;
    padding: 0;
  }

  div#wrapper.container.HP {
    padding: 0;
  }

  div#globalContent.HP {
    padding: 0 85px;
  }

  a.searchMobile {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  #crosspromo-5 {
    display: none;
  }
 
  .sidebarResponsive .moduletable {
    width: 49%;
    display: inline-block;
    max-width: 300px;
  }

  .sidebarResponsive {
    max-width: 100%;
  }

  .sidebar-right.span3 .moduletable {
    width: 49% !important;
    display: inline-block;
    max-width: 300px;
    clear: both;
  }

  .sidebar-right.span3 {
    max-width: 100% !important;
  }

  .sidebar-right.span3 .moduletable .moduletable {
    width: 100% !important;
  }

  .sidebar-right.span3 .moduletable:nth-child(even) {
    float: right;
  }

  .sidebarResponsive .moduletable:nth-child(even) {
    float: right;
  }

  #globalContent.HP > div #contentBox > div:nth-child(2):after {
    content: " ";
    display: block;
    height: 1px;
    background: #e2e2e2;
    margin: 30px 0 30px 0;
  }

  #k2Container.section-10 {
    background: url('../images/kapitolovaciCLanekPagiBg2.jpg') repeat-x;
    background-position: 0 66px;
  }

  #wrapper {
    padding: 0 85px;
  }

  #k2Container > div.mainItemBody > div.itemBody > div.span12 > div > div.span6 {
    float: left;
  }

  .quote {
    margin: 45px 0 21px 0;
  }

  .span6.latestMagRelatedPic {
    height: 100%;
    overflow: hidden;
  }

  .row-fluid .span9 {
    max-width: 979px;
  }

  [class*="span"], .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 390px) {
  .itemDateCreated:before {
    display: none;
  }
}

@media screen and (max-width: 980px) {
  .sidebar-right.span3, .komentare {
  display: none;
}

  .sidebarResponsive {
    padding: 20px 0;
  }
}

@media screen and (min-width: 980px) {
   .main_menu ul.menu > li > a {
    font-size: 12px;
    padding: 7px 12px;
  }
  .carouselslider.slick-initialized.slick-slider {
    max-width: 978px;
  }
.sidebarResponsive .moduletable.socialAndVideo {
  display: none;
}
  #reklama-header {
    display: block;
  }

  .new-footer {
    max-width: 980px !important;
  }

  .new-footer div:not(:nth-child(2)) {
    max-width: 550px;
  }

  #globalContent.HP div div#contentBox {
    padding-right: 30px;
  }
/*  #k2Container.section-10 {
    background: url('../images/kapitolovaciCLanekPagiBg2.jpg') repeat-x;
        background-position: 0 66px;
}*/
  div#wrapper.container.HP {
    padding: 0;
  }

  div#globalContent.HP {
    padding: 0 20px;
  }
}
.slick-slide .desktop {
  display: block;
}
.slick-slide .mobile {
  display: none;
}
textarea:focus, input:focus{
    outline: 0;
}

*:focus {
    outline: 0;
}