@media only screen and (max-width : 1961px)  {
    .awards-header.fullwidth-background, .about-header.fullwidth-background, .gaz-header.fullwidth-background, .home-header.fullwidth-background, .news-ec-header.fullwidth-background, #partner-header .fullwidth-background, .press-header.fullwidth-background, .change-header.fullwidth-background, .prad-header.fullwidth-background, #carrier-header .fullwidth-background, .bok-header.fullwidth-background, .kontakt-header.fullwidth-background, #csr-header .fullwidth-background, #awards-header .fullwidth-background {
        background-position: center bottom !important;
        height: 650px !important;
        margin-top: 80px !important;
    }
    .h1-container {
        height: 650px !important;
    }
    #whois .only-home {
        padding-top: 400px;
    }
    #saveMoney {
        height: 1200px;
    }
    .banner-span,
    #header .item .carousel-caption h1 {
        left: 20px;
    }
}
@media only screen and (max-width : 1820px)  {
    .awards-header.fullwidth-background, .about-header.fullwidth-background, .gaz-header.fullwidth-background, .home-header.fullwidth-background, .news-ec-header.fullwidth-background, #partner-header .fullwidth-background, .press-header.fullwidth-background, .change-header.fullwidth-background, .prad-header.fullwidth-background, #carrier-header .fullwidth-background, .bok-header.fullwidth-background, .kontakt-header.fullwidth-background, #csr-header .fullwidth-background, #awards-header .fullwidth-background {
        background-position: center bottom !important;
        height: 620px !important;
    }
    .h1-container {
        height: 620px !important;
    }
}

@media only screen and (max-width : 1720px)  {
    .awards-header.fullwidth-background, .about-header.fullwidth-background, .gaz-header.fullwidth-background, .home-header.fullwidth-background, .news-ec-header.fullwidth-background, #partner-header .fullwidth-background, .press-header.fullwidth-background, .change-header.fullwidth-background, .prad-header.fullwidth-background, #carrier-header .fullwidth-background, .bok-header.fullwidth-background, .kontakt-header.fullwidth-background, #csr-header .fullwidth-background, #awards-header .fullwidth-background {
        background-position: center bottom !important;
        height: 580px !important;
    }
    .h1-container {
        height: 580px !important;
    }
}
@media only screen and (max-width : 1620px)  {
    .awards-header.fullwidth-background, .about-header.fullwidth-background, .gaz-header.fullwidth-background, .home-header.fullwidth-background, .news-ec-header.fullwidth-background, #partner-header .fullwidth-background, .press-header.fullwidth-background, .change-header.fullwidth-background, .prad-header.fullwidth-background, #carrier-header .fullwidth-background, .bok-header.fullwidth-background, .kontakt-header.fullwidth-background, #csr-header .fullwidth-background, #awards-header .fullwidth-background {
        background-position: center bottom !important;
        height: 550px !important;
    }
    .h1-container {
        height: 550px !important;
    }
}
@media only screen and (max-width : 1520px)  {
    .awards-header.fullwidth-background, .about-header.fullwidth-background, .gaz-header.fullwidth-background, .home-header.fullwidth-background, .news-ec-header.fullwidth-background, #partner-header .fullwidth-background, .press-header.fullwidth-background, .change-header.fullwidth-background, .prad-header.fullwidth-background, #carrier-header .fullwidth-background, .bok-header.fullwidth-background, .kontakt-header.fullwidth-background, #csr-header .fullwidth-background, #awards-header .fullwidth-background {
        background-position: center bottom !important;
        height: 500px !important;
    }
    .h1-container {
        height: 500px !important;
    }
}
@media only screen and (max-width : 1500px)  {
    #invoice,
    #news-foto {
        background-position: center bottom;
    }
}
@media only screen and (max-width : 1420px)  {
    .awards-header.fullwidth-background, .about-header.fullwidth-background, .gaz-header.fullwidth-background, .home-header.fullwidth-background, .news-ec-header.fullwidth-background, #partner-header .fullwidth-background, .press-header.fullwidth-background, .change-header.fullwidth-background, .prad-header.fullwidth-background, #carrier-header .fullwidth-background, .bok-header.fullwidth-background, .kontakt-header.fullwidth-background, #csr-header .fullwidth-background, #awards-header .fullwidth-background {
        background-position: center bottom !important;
        height: 450px !important;
    }
    .h1-container {
        height: 450px !important;
    }
}
@media only screen and (max-width : 1367px)  {
    #saveMoney {
        height: 1050px;
        background-size: contain;
    }
    #whois  {
        background-size: 100%;
        background-position: center -210px;
    }
    #whois .only-home {
        padding-top: 300px;
    }
    .padding-none {
        padding: 0;
    }

    #header .item .carousel-caption h1 {
        left: 15px;
    }
}
@media only screen and (max-width : 1300px)  {
    .home #header .navbar-brand {
        background: url('../images/logo_small.png') no-repeat center left;
        padding-left: 100px;
    }
    #faq .col-1229px-relative {
        min-height: 180px;
    }
    #logo {
        display: none;
    }
    .banner-span {
        left: 30px;
    }
    .h1-container h1 {
        left: 30px;
    }
    #header #navbar {
        padding: 0 30px 0 0;
    }
    #header .search-place {
        right: 30px;
    }
    /*#infopress,
    #news,
    #dladomu,
    #faq,
    #news-foto,
    #prad,
    #press,
    #invoice {
        padding-bottom: 50px;
    }*/
    #footer .col-md-2 {
       margin: 0 30px 35px 0;
    }
    #footer .col-md-10 {
        width: 80%;
    }
    #header .item .carousel-caption h1,
    #logo {
        left: 30px;
    }
}
@media only screen and (max-width : 1200px)  {
    #docModule .links {
        margin: 0;
        width: 100%;
    }
    #docModule .links ul {
        padding: 0;
    }
    #news .news-row .link {
        bottom: -15px;
    }
    #news {
        background-position: center bottom;
    }
}
@media only screen and (max-width : 1155px)  {
    .home #header .navbar-brand,
    #header .navbar-brand {
        padding-left: 50px;
    }
    #header .logo-sign img {
        display: none;
    }
    #ebok {
        background-size: 35%;
    }
}
@media only screen and (min-width: 1024px) {
    .sub-menu.desktop-visible { max-height: 200px;}
    .sub-menu.mobile-visible { max-height: 0;}
}
@media only screen and (max-width : 1023px)  {
    #navbar ul li .sub-menu {
        display: block;
        max-height: 0px;
        min-height: 0px;
        padding-left: 50px;
        position: relative;
        box-shadow: none;
        top: auto;
        left: auto;
        transform: inherit;
        width: 100%;
    }
    /*#header .sub-menu-open .sub-menu {
        max-height: 0px;
    }*/
    #header .sub-menu-open .sub-menu.open {
        max-height: 300px;
    }
    #navbar ul li:hover ul {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-align: left;
    }

    .home #content .text {
        width: 100%;
    }
    #header .nav li a.menu-hamburger {
        display: none;
    }
    .sub-menu.mobile-visible {
        max-height: 200px;
    }
    .sub-menu.desktop-visible {
        max-height: 0;
    }

    #header .nav .separator {
        display: none;
    }
    #header .nav li a.red {
        margin-left: 0;
    }
    #header .navbar {
        position: absolute;
    }
    .navbar-toggle {
        margin-top: 9px;
        margin-right: 0;
        margin-bottom: 0;
    }
    .h1-container h1 {
        left: 30px;
    }
    /*old*/
    .navbar-nav .open .dropdown-menu  {
        position:  static;
         float:  none;
         width:  auto;
         margin-top:  0;
         background-color:  transparent;
         border:  0;
         -webkit-box-shadow:  none;
         box-shadow:  none;
    }

    .navbar-nav .open .dropdown-menu > li > a  {
        line-height:  20px;
     }

    .navbar-nav .open .dropdown-menu > li > a, 
    .navbar-nav .open .dropdown-menu .dropdown-header  {
        padding:  5px 15px 5px 25px;
    }

    .dropdown-menu > li > a  {
        display:  block;
        padding:  3px 20px;
        clear:  both;
        font-weight:  normal;
        line-height:  1.42857143;
        color:  #333;
        white-space:  nowrap;
    }

    .navbar-header  {
        float:  none;
    }

    .navbar-toggle  {
        display:  block;
    }

    .navbar-collapse  {
        border-top:  1px solid transparent;
        box-shadow:  inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse  {
        display:  none!important;
    }

    .navbar-nav  {
        float:  none!important;
         /*margin:  7.5px -15px;
        */ margin:  7.5px 50px 7.5px -15px;
    }

    .navbar-nav>li  {
        float:  none;
    }

    .navbar-nav>li>a  {
        padding-top:  10px;
        padding-bottom:  10px;
    }

    .navbar-text  {
        float:  none;
        margin:  15px 0;
    }


    #header .menu-drop-down  {
        display:  none;
    }

    #header .sub-menu  {
        position:  relative;
         opacity:  1;
         top:  0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in  {
        display:  block!important;
    }

    .collapsing  {
        overflow:  hidden!important;
    }

    #header #navbar  {
        left:  5%;
    }
    
    .navbar-nav .open .dropdown-menu  {
        position:  static;
        float:  none;
        width:  auto;
        margin-top:  0;
        background-color:  transparent;
        border:  0;
        -webkit-box-shadow:  none;
        box-shadow:  none;
    }

    .navbar-nav .open .dropdown-menu > li > a  {
        line-height:  20px;
     }

    .navbar-nav .open .dropdown-menu > li > a, 
    .navbar-nav .open .dropdown-menu .dropdown-header  {
        padding:  5px 15px 5px 25px;
    }

    .dropdown-menu > li > a  {
        display:  block;
        padding:  3px 20px;
        clear:  both;
        font-weight:  normal;
        line-height:  1.42857143;
        color:  #333;
        white-space:  nowrap;
    }

    .navbar-header  {
        float:  none;
    }

    .navbar-toggle  {
        display:  block;
    }

    .navbar-collapse  {
        border-top:  1px solid transparent;
        box-shadow:  inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse  {
        display:  none!important;
    }

    .navbar-nav  {
        float:  none!important;
         /*margin:  7.5px -15px;
        */ margin:  7.5px 50px 7.5px -15px;
    }

    .navbar-nav>li  {
        float:  none;
    }

    .navbar-nav>li>a  {
        padding-top:  10px;
        padding-bottom:  10px;
    }

    .navbar-text  {
        float:  none;
        margin:  15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in  {
        display:  block!important;
    }

    .collapsing  {
        overflow:  hidden!important;
    }

    .fullwidth-background  {
        background-position:  center;
    }

    #header .menu-drop-down  {
        opacity:  0;
        background:  none;
        z-index: 0;
    }

    #header #navbar  {
        position: absolute;
         margin-top: 0;
         width:  100%;
         left:  0%;
         z-index:  1;
         background-color:  #fff;
    }

    #header .sub-menu  {
        text-align:  left;
         margin-top:  0px;
    }
    #header .sub-menu:hover {
        display: block;
    }
    #header .search-place  {
        right:  55px;
    }


    .navbar-default .navbar-toggle  {
        border:  0;
        background:  none;
    }

    .show-animation  {
        opacity:  1;
    }


    /*#header .item .carousel-caption h1  {
        color:  #fff;
         margin-left:  0px;
         margin-bottom:  -40px;
         background:  url('../images/arrow_red.png') left 0px top 270px no-repeat;
    }*/

    #content .troska img  {
        width:  350px;
    }

    #content .oszczedzaj-cala-dobe img  {
        width:  350px;
    }

    #content .columns p  {
        margin-top:  0px;
         padding-top:  70px;
    }

    #content .bg-color  {
        height:  450px;
    }

    #content .space  {
        margin-top:  0px;
    }

    #content .title  {
        font-size:  2.1em;
    }

    #content .text  {
        width:  750px;
    }

    #content .orange-fullwidth  {
        height:  500px;
    }

    #content .bg-img.darkgrey  {
        padding-top:  100px;
    }

    #content .bg-img.darkblue  {
        background:  #006AB0 url('../images/oszczedzaj_cala_dobe.png') right bottom no-repeat;
         background-size:  300px 300px;
    }

    #content .bg-img.lightblue  {
        background:  #52CAEF url('../images/kompleksowe_uslugi.png') left bottom no-repeat;
          background-size:  250px 250px;
    }

    #content .bg-img span  {
        font-size:  50px;
    }

     
    #awards .text, 
    #concessions .text, 
    #partner .text, 
    #offer .text, 
    #join-us .text, 
    #press .text, 
    #carrier-more .text, 
    #bok-quality .text, 
    #gaz .text, 
    #dladomu .text, 
    #prad .text, 
    #home .text, 
    #ebok .text, 
    #ebok2 .text, 
    #faq .text, 
    #kontakt-form .text
    #kontakt-departments .text, 
    #faq .text, 
    #faq-qlist .text  {
        margin-top:  50px;
        margin-left:  10%;
         margin-right:  10%;
     }

    #partner-why .text  {
        padding-top: 70px;
         margin-left:  10%;
         margin-right:  10%;
    }

    #partner-why .why li  {
        height:  135px;
         margin-left:  5%;
         margin-right:  5%;
         padding-right:  31px;
    }

    #kodeks .text, 
    #carrier-team .text  {
        margin-left:  10%;
         margin-right:  10%;
     }

    #kodeks  {
        background: #006AB0;
    }

    #kodeks .download  {
        background: url('../images/notes_icon_white.png') top 70px center no-repeat;
    }

    #concessions .download  {
        padding:  75px;
         padding-left:  15%;
         padding-right:  15%;
    }


    #press .logotypes .row div  {
        padding-bottom:  100px;
    }

    #carrier-more .amego początku kierowaliśmy się  dobrem naszych Klientów,  dlatego też stale pracujemy i udoskonaloffers .row div  {
        padding-left:  5px;
         padding-right:  5px;
    }

    .troska img, 
    .oszczedzaj-cala-dobe img, 
    .kompleksowe-uslugi img, 
    .ebok img  {
        display:  none;
    }


    .contact-fullwidth .col-2 .title  {
        opacity:  .7;
         z-index:  1;
         background:  #fff;
         padding:  20px;
    }


    #offer  {
        background:  #F1F3F2;
    }

    #offer-send  {
        background:  #F1F3F2;
    }


    #ebok2 .ebok-list-action > li  {
        background:  url('../images/arrow_grey.png') right 21px top 21px no-repeat;
         background-size:  30px auto;
    }

    #join-us,  #work-join-us  {
        padding-bottom:  1px;
    }

    #mail-send input[type=text].fullwidth,  
    #mail-send textarea.fullwidth  {
        margin-left:  0px;
    }

    #mail-send .foot-form input  {
        margin-left:  2%;
    }

    #footer .menu  {
        margin: 0;

    }

    #footer .menu li  {
         text-align:  center;
    }

    #footer .menu li a  {
        padding-right:  20px;
    }
}
@media only screen and (max-width : 991px)  {
    #kontakt-form {
        background-size: contain;
    }
    #press,
    #whois .only-home {
        padding-bottom: 50px;
    }
    #whois {
        padding-top: 10px;
    }
    #press,
    #bok-quality .icons,
    #dladomu .container {
        padding-top: 0;
    }
    #docModule {
        background-size: contain;
        background-position: center bottom;
    }
    #news-awards {
        padding-top: 0;
        padding-bottom: 50px;
    }
    #kontakt {
        padding-top: 100px;
        padding-bottom: 0;
    }

    #faq .text {
        margin-top: 0;
    }
    #faq .arrow-red-link {
        position: relative;
        left: 0;
    }
    #faq {
        margin-top: 0;
    }
    #bok-quality .col-md-3-mod .col-md-3,
    #gaz .col-md-3-mod .col-md-3 {
        margin-left: 0;
    }
    #infopress .modules .title {
        padding: 10% 20% 0 20%;
    }
    #infopress .text {
        margin: 5% 0px 50px 25px;
    }
    .home #content {
        text-align: center;
    }
    #awards {
        padding-bottom: 50px;
    }
    #docModule .links {
        margin: 1em auto;
    }
    #docModule .h2-container {
        margin-bottom: 15px;
    }
    .section-padding-top {
        padding-top: 5em;
    }
    #whois {
        height: auto;
    }
    #content .col-md-3-mod .col-md-3 {
        width: 100%;
        min-height: auto;
    }
    #content .col-md-3-mod .col-md-3 .link {
        position: relative;
    }
    #about h1, #awards h1, #news-awards h1, #concessions h1, #partner h1, #offer h1, #join-us h1, #work-join-us h1, #press h1, h2, #carrier-more h1, #bok-quality h1, #gaz h1, #dladomu h1, #prad h1, #home h1, #ebok h1, #ebok2 h1, #faq h1, #kontakt-form h1, #kontakt-departments h1, #faq h1, #faq-qlist h1 {
        margin-top: 1em;
    }
    .link {
        background-position: center top;
    }
    #dladomu,
    #faq,
    #prad {
        background-position: center bottom;
    }
    #header .navbar-nav {
        margin-top: 10px;
    }
    #faq-qlist {
        padding-top: 100px;
    }
    #gaz img {
        padding: 2em;
    }
    #gaz .icons .col-md-4 p {
        padding-bottom: 0;
    }
    #content img {
        width: 15%;
        height: auto !important;
        padding: 0;
    }
    .mobile-padding-none,
    #infopress .modules {
        padding: 0;
    }
    #infopress .grey-background,
    #infopress .infopress-bg {
        margin: 0;
    }
    #content .title {
        padding-top: 20px;
    }
    #content .text {
        height: auto;
        padding-bottom: 0;
    }
    #content .link {
        background-position: center;
    }
    #content img {
        height: 200px;
    }
    #content .text {
        width: 100%;
    }
    .mobile-ib-container {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
    .mobile-ib-container .col-md-3{
        margin: 4em auto;
    }
    #faq .title {
        margin-left: 10%;
    }
    #faq .row {
        display: inline-block;
        vertical-align: top;
        max-width: 49%;
    }
    .col-md-3-mod .col-md-3 {
        margin: 2em auto;
    }
    #gaz .link,
    #dladomu .link {
        margin-top: 30px;
    }
    #dladomu img {
        padding: 0;
    }
    #dladomu .icons p,
    #bok-quality .icons p {
        padding-top: 20px;
    }
    #dladomu .icons .text {
        width: 100%;
        margin: 0;
    }
    #prad .text {
        margin-top: 0;
    }
    .col-md-4{
        margin-top: 2em;
    }
    .el-chng-icons {
        display: none;
    }
    #invoice .chng-icons .col-md-3 {
        background-position: 65%;
    }
    #whois {
        margin-bottom: 0;
    }
    #whois .only-home {
        padding-top: 0;
    }
    #whois .col-880px .col-md-5 {
        margin-left: 0;
        margin-top: 2em;
    }
    #footer .menu li  {
        float:  none;
        text-align:  center;
        display: inline-block;
    }
    .mm-display-table .col-md-10 {
        text-align: center;
    }
    .mm-display-table {
        display: table;
    }
    .mm-display-table .col-md-2 {
        display: table-header-group;
    }
    .mm-display-table .col-md-10 {
        display: table-footer-group;
    }
    #footer .logotypes {
        display: inline-block;
        vertical-align: baseline;
        margin: 0 0 0 40px!important;
    }
    #footer .col-md-2 a:first-child img{
        margin: 0 !important;
    }
    #footer .law-information {
        max-width: 100%;
        margin-top: 4em;
        margin-right: 15px;
    }
}
@media only screen and (max-width : 767px)  {
    #news .article-img {
        background-size: cover;
    }
    .link {
        height: 35px;
        bottom: 0;
    }
    #faq .col-md-4 .text {
        margin-top: 0;
    }
    #news .article-img {
        width: 100%;
        margin: 0 auto 1em auto;
    }
    #news .news-row .link {
        position: relative;
        text-align: left;
        display: inline-block;
        left: 0;
    }
    #news-foto {
        background-size: contain;
    }
    .col-news-height {
        height: auto;
    }
    #news-foto .col-md-4 img {
        width: 85%;
        margin: 0 auto;
    }
    #news-awards,
    #awards {
        padding-bottom: 0;
    }
    #awards .owl-prev {
        left: 0;
    }
    #awards .owl-next {
        right: 0;
    }
    .home #content .text {
        width: 100%;
    }
    .section-padding-top {
        padding-top: 85px;
    }
    #press .logotypes {
        margin: 70px auto 150px;
    }
    .ec-icon  {
        margin-left:  43%;
    }

    .fullwidth-background  {
        background-position:  center;
    }

    #header .menu-drop-down  {
        opacity:  0;
        background:  none;
    }

    #header #navbar  {
        position: absolute;
         margin-top: 0;
         width:  100%;
         left:  0%;
         z-index:  1;
         background-color:  #fff;
    }

    #header .sub-menu  {
        text-align:  left;
         margin-top:  0px;
         margin-left:  30px;
    }

    #header .search-place  {
        right:  55px;
    }

    #about-header .fullwidth-background h1, 
    .news-ec-header.fullwidth-background h1, 
    #partner-header h1, 
.fullwidth-background h1,
    #carrier-header h1, 
    .bok-header h1, 
    .kontakt-header h1, 
    #csr-header h1  {
        font-weight:  bold;
         padding-top:  100px;
         font-size:  45px;
         color:  #fff;
    }


    .navbar-default .navbar-toggle  {
        border:  0;
        background:  none;
    }

    .show-animation  {
        opacity:  1;
    }


    /*#header .item .carousel-caption h1  {
        margin-left:  0px;
         margin-bottom:  -40px;
         background:  url('../images/arrow_red.png') left 0px top 270px no-repeat;
    }*/

    #content .troska img  {
        width:  350px;
    }

    #content .oszczedzaj-cala-dobe img  {
        width:  350px;
    }

    #content .columns p  {
        margin-top:  0px;
         padding-top:  70px;
    }

    #content .space  {
        margin-top:  0px;
    }

    #content .title  {
        font-size:  2.1em;
    }

    #content .text  {
        width:  350px;
    }

    #content .orange-fullwidth  {
        height:  650px;
    }

    #content .bg-img.darkgrey  {
        padding-top:  100px;
    }

    #content .bg-img.darkblue  {
        background:  #006AB0 url('../images/oszczedzaj_cala_dobe.png') right bottom no-repeat;
         background-size:  300px 300px;
    }

    #content .bg-img.lightblue  {
        background:  #52CAEF url('../images/kompleksowe_uslugi.png') left bottom no-repeat;
          background-size:  250px 250px;
    }

    #content .bg-img span  {
        font-size:  50px;
    }

    #content .bg-color  {
        height:  600px;
    }


    #about .text,  
    #awards .text, 
    #concessions .text, 
    #partner .text, 
    #offer .text, 
    #join-us .text, 
    #press .text, 
    #carrier-more .text, 
    #bok-quality .text, 
    #gaz .text, 
    #dladomu .text, 
    #prad .text, 
    #home .text, 
    #ebok .text, 
    #ebok2 .text, 
    #faq .text, 
    #kontakt-form .text
    #kontakt-departments .text, 
    #faq .text, 
    #faq-qlist .text  {
        margin-top:  50px;
        margin-left:  10%;
         margin-right:  10%;
     }

    #partner-why .text  {
        padding-top: 70px;
         margin-left:  10%;
         margin-right:  10%;
    }

    #partner-why .why li  {
        height:  135px;
         margin-left:  5%;
         margin-right:  5%;
         padding-right:  31px;
    }

    #kodeks .text, 
    #carrier-team .text  {
        margin-left:  10%;
         margin-right:  10%;
     }

    #kodeks  {
        background: #006AB0;
    }

    #kodeks .download  {
        background: url('../images/notes_icon_white.png') top 70px center no-repeat;
    }

    #concessions .download  {
        padding:  75px;
         padding-left:  15%;
         padding-right:  15%;
    }


    #press .logotypes .row div  {
        padding-bottom:  100px;
    }

    #carrier-more .amego początku kierowaliśmy się  dobrem naszych Klientów,  dlatego też stale pracujemy i udoskonaloffers .row div  {
        padding-left:  5px;
         padding-right:  5px;
    }

    .troska img, 
    .oszczedzaj-cala-dobe img, 
    .kompleksowe-uslugi img, 
    .ebok img  {
        display:  none;
    }


    .contact-fullwidth .col-2 .title  {
        opacity:  .7;
         z-index:  1;
         background:  #fff;
         padding:  20px;
    }


    #offer  {
        background:  #F1F3F2;
    }

    #offer-send  {
        background:  #F1F3F2;
    }

    #offer-send input[type=text],  
    #offer-send textarea, 
    #offer-send input[type=submit]  {
        width:  300px;
    }

    #ebok2 .ebok-list-action > li  {
        background:  url('../images/arrow_grey.png') right 21px top 21px no-repeat;
         background-size:  30px auto;
    }

    #join-us,  #work-join-us  {
        padding-bottom:  1px;
    }

    .logo-sign img  {
        display:  none;
    }

    /*#saveMoney  {
        background:  none;
    }*/
    #mail-send input[type=checkbox].css-checkbox + label.css-label.cb16,
    #mail-send input[type=submit] {
        position: relative;
        display: block;
        margin: 1em auto 0 auto;
        width: 200px;
        left: 0;
    }
    #mail-send input[type=text].halfwidth {
        width: 100%;
    }
    #mail-send input[type=submit] {
        margin: 0 auto;
    }

}
@media only screen and (max-width : 650px)  {
    #invoice .mobile-img {
        width: 100%;
        padding: 20px 15px;
    }
    #faq .text {
        margin-top: 10px;
    }
    #faq .row {
        max-width: 100%;
        margin: 0;
    }
    #dladomu,
    #faq,
    #docModule,
    #news-foto,
    #prad,
    #gaz,
    #news,
    #kontakt-form {
        padding-bottom: 200px;
    }
}
@media only screen and (max-width : 600px)  {
    #kontakt,
    #faq-qlist {
        padding-top: 50px;
    }
    .banner-span {
        bottom: 50px;
    }
    #header .item .carousel-caption h1 {
        font-size: 21px;
        width: 260px;
        margin-left: -130px;
        left: 50%;
        text-align: center;
        bottom: 70px;
    }
    #awards #owl-demo-awards .owl-item {
        min-height: auto;
        height: 400px;
    }
    .banner-span {
        font-size: 14px;
        transform: translate(-50%, 0);
        left: 50%;
    }
    .banner-span:after {
        vertical-align: middle;
    }
    #faq-qlist button.accordion {
        font-size: 14px;
    }
    #header .item .carousel-caption h1 {
        background-position: left 50% top 90px;
        background-size: 30%;
        min-height: 135px;
    }
    .owl-carousel .owl-wrapper-outer,
    .owl-carousel  .owl-item {
        height: 400px;
    }
    #infopress .modules .contact,
    #infopress .modules .ebok,
    #infopress .modules .about,
    .layer {
        min-height: 250px;
        height: 250px;
    }
    #infopress .infopress-bg,
    #infopress .modules .title {
        font-size: 26px;
    }
    .mobile-ib-container {
        width: 100%;
    }
    .mobile-ib-container .col-md-3{
        margin: 2em auto;
    }
    #ebok .ebok-plus {
        max-width: 100%;
        margin-left: 14%;
    }
    .h1-container h1.max-width-h1 {
        width: 280px;
    }
    #invoice .chng-icons .col-md-3 {
        background-position: 75%;
    }
    #footer .copyright,
    #footer .law-information {
        margin-top: 2em;
    }
    #footer .menu li a {
        padding: 0 10px;
    }
    #footer .menu li:first-child {
        display: block;
    }
    #footer .logotypes {
        display: block;
        margin: 2em auto !important;
    }
    #footer .col-md-2 a:first-child img {
        margin: 2em auto !important;
    }
    #footer .menu li {
        margin: 1em 0 0 0;
    }
    .section-padding-top {
        padding-top: 10px;
    }
    #header .middle-logo {
        width: 80px;
        height: auto;
        bottom: -40px;
    }
    #header .h1-container h1,
    #about-header .fullwidth-background h1,
    .news-ec-header.fullwidth-background h1,
    #partner-header h1,
    .fullwidth-background h1,
    #carrier-header h1,
    .bok-header h1,
    .kontakt-header h1,
    #csr-header h1 {
        font-size: 34px;
        line-height: 34px;
    }
    .fullwidth-background h1 {
        bottom: 40%;
        left: 50%;
        margin-left: -140px;
    }
    .awards-header.fullwidth-background, .about-header.fullwidth-background, .gaz-header.fullwidth-background, .home-header.fullwidth-background, .news-ec-header.fullwidth-background, #partner-header .fullwidth-background, .press-header.fullwidth-background, .change-header.fullwidth-background, .prad-header.fullwidth-background, #carrier-header .fullwidth-background, .bok-header.fullwidth-background, .kontakt-header.fullwidth-background, #csr-header .fullwidth-background, #awards-header .fullwidth-background,
    .fullwidth-background,
    .h1-container {
        height: 300px !important;
    }
    .h1-container {
        text-align: center;
    }
}

@media only screen and (max-width : 480px)  {
    .chng-icons .col-xs-6 {
        width: 100%;
    }
    #content img {
        width: 30%;
    }
    #saveMoney {
        height: 730px;
    }
    #infopress .text {
        margin: 0 15px;
    }
    #infopress .infopress-bg, #infopress .modules .title {
        font-size: 18px;
        text-align: center;
    }
    #infopress .infopress-bg {
        padding: 50px 0;
        height: auto;
    }
    #header .search-place {
        width: 80%;
        right: 30px;
    }
    #header .search-place input[type=text] {
        width: 100%;
    }
    #header .search-place button {
        display: block;
        margin: 0 auto;
    }
}
@media only screen and (max-width : 400px)  {
    .banner-span {
        font-size: 12px;
    }
        .banner-span:after {
            margin-left: 25px;
        }
}
@media only screen and (max-width : 380px)  {
    #ebok .ebok-plus {
        margin-left: 0;
    }
    #invoice .text {
        padding-bottom: 25px;
    }
    #news .article-img {
        width: 100%;
        height: 200px;
    }
    .home #header .navbar-brand {
        padding-left: 50px;
    }
    #logo {
        width: 80%;
    }
    h2 {
        font-size: 25px;
        line-height: 30px;
    }
    #header .navbar-brand {
        font-size: 23px;
    }
    #press .logotypes {
        margin: 70px auto 30px;
    }
    #press .download {
        background-position: 50% bottom;
        font-size: 11px;
    }
    #bok-quality .text {
        margin: 0;
        padding: 0 15px;
    }
    #ebok .text {
        margin: 0;
    }
}
@media only screen and (max-width : 321px)  {
    #press .download {
        background-position: 35px bottom;
    }
}