@media only screen and  (max-width: 767px) {

.ccm-layout-column {float: none !important; width: 100%}
.ccm-layout-column-spacing {margin: 0 }

.jl_magic_tabs_divider {position:relative; float:left;}

table {display:block;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;

    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
    }
       ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    } 
}

.primary-header--fixed-nav .daob_flagi{position:relative; top:-60px; left:-90px;width:100px;}
.primary-header--resized .daob_flagi{position:relative; top:-47px; left:-90px;width:100px;}
.mobile{display:none;}

@media (max-width:1024px){
    .primary-header--fixed-nav .daob_flagi{position:absolute; top:20px; left:45%;width:150px;}
.primary-header--resized .daob_flagi{position:absolute; top:20px; left:45%;width:150px;}
.owl-carousel {display:none!important; margin-top:140px;}
#partnerzy .owl-carousel {display:block!important; margin:0px;}
#partnerzy .owl-carousel img{height:110px!important}
.mobile{display:block!important; margin-top:100px !important;}
.oddal  {margin-top:150px !important;}
} 

.section-title h2 {
  position: relative;
  margin-bottom: 45px;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
}
.section-title h2::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    background: #ff5e14;
    bottom: -25px;
    margin-left: -30px;
}
.section-title.service-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}
.blog-area {
    background: #F8F9FA;
    min-height: 100vh;
}
.blog-wrapper {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    margin-top: 30px;
    margin-bottom:30px;
   
}
.home-blog-wrapper{
  transition: .3s;
}
.blog-wrapper.home-blog-wrapper:hover {
  box-shadow: 10px 20px 30px rgba(0,0,0,.12);
}
.blog-thumb {
  margin-bottom: 20px;
}
.blog-thumb img{   
   
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;}
    
.blog-title {
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  margin: 10px 0 15px;
  padding: 0;
  text-align: left;
}
.blog-content.home-blog h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.home-blog  {
  margin-bottom: 10px;
  text-align:center;
  color:#333;
}
.link-box.home-blog-link a {
  margin-bottom: 10px;
  text-align:center;
  font-size: 14px;
  color: #ff5e14;
}
.blog-title a {
  color: #222;
}
.link-box a {
  color: #555;
}
.link-box a:hover {
  color: #ff5e14;
}
.blog-title a:hover {
  color: #ff5e14;
}
.meta-info ul li {
  color: #9e9e9e;
  display: inline-block;
  font-size: 11px;
  padding: 0 12px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
.embed-responsive {
  margin-bottom: 20px;
}
.meta-info ul li:first-child{padding-left:0}
.meta-info ul li a{color:#ff5e14}
.meta-info ul li a:hover{color:#444}
.meta-info ul li::before {
  border: 1px solid #999;
  border-radius: 5px;
  content: "";
  height: 5px;
  left: -4px;
  position: absolute;
  top: 6px;
  width: 5px;
}
.meta-info ul li:first-child:before{display:none}
.blog-thumb img {
  width: 150px !important;
}
.link-box a {
  font-weight: 600;
}


.rog{position: fixed; top:122px; right:0px; background-color:#333; padding:70px 20px 70px 10px; font-size:20px; font-weight:800; z-index:1111; min-height:150px;width:40px; text-align:center !important;}
@media only screen and  (max-width: 767px) {.rog{position: fixed; top:122px; right:0px; 
background-color:#333; padding:20px 5px; z-index:1111; max-width:100px;}