/*@media screen and (max-width: 900px)*/
/*{*/
    #topMenu {
        margin-top: -14px !important;
    }
    #headerCatalog {
        display: none;
    }
#headerBanner {
    position: absolute;
    top: 0;
    right: 0;
}


#footer {
    width: 96%;
}
.footer-sw {
    height: 205px;
}
#header {
    position: relative;
}
#contentLeft {
    /*display: block;*/
    min-height: inherit;
    /*width: 100%;*/
    background: #fff;
    display: inline-block;
    width: 255px;
}
#content-wrapper {
    text-align: center;
}
#content-wrapper div.produkty, #contentRight .details-list {
    text-align: left;
 }
div.produkty {
    display: inline-block;
}
#contentRight  {
    /*width: 100%;*/
    text-align: center;
    width: 540px;
}
#contentRight div.products {
    text-align: left;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.details-list {
    width: 100%;
}
#nasza-firma, #partners-wrapper, h4, div.map {
    width: 100%;
}
.kontaktLeft {
    text-align: left;
}
.services-left {
    display: none;
}
.itemRight, .itemLeft
{
    float: none;
    /*width: 510px;*/
    width: auto;
}


#nasza-firma h2, #partners-wrapper h2, #contentRight h2 {
    margin: 18px 0px;

}
h3 {
    margin: 0px 0px 24px;
}

.map {
    position: relative;
    height: 203px;
}
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div#form-wrapper input {
    width: 240px;
}
div#form-wrapper textarea {
    width: 260px;
}
p {
    text-align: left;
}

.index-wrapper #contentLeft{
    display: block;!important;
}
.list-wrapper {
    width: auto;
}
div.address {
    background: none;
}
h4 {
    padding-left: 0;
}
div#map-wrapper, #form-wrapper {
    padding: 15px 20px 15px 20px;
}
/*}*/

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


    #mobile-menu {
        display: block;
        text-align: center;
        cursor: pointer;
    }

    .upperdd, .dropdown dt {
        width: 288px !important;
    }
    .dropdown dt a {
        width: 242px !important;
    }

    #mobile-menu span {
        display: inline-block;
        background: url('../images/menu-button.png') no-repeat top left #000;
        background-position-x: 12px;
        background-position-y: 18px;
        border-radius: 5px;
        color: #fff;
        height: 40px;
        padding-left: 64px;
        padding-top: 16px;
        padding-right: 20px;
        padding-bottom: 3px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-family: "Verdana", serif;
        font-size: 18pt;
    }
    #headerBanner, #headerCatalog, .kontaktLeft, .liSearch, #contentLeft {
        display: none;
    }
    #headerNav, #logo, #topNav, #topMenu {
        float: none;
        height: auto;
    }
    #topMenu, #topNav, #contentLeft, #headerNav, .dropdown {
        margin: 0 auto;
    }
    .dropdown {
        width: 300px;
    }
    .dropdown dt {
        width: 289px;
    }
    .dropdown dt a {
        width: 243px;
    }
    ul.headerNav {
        border: none;
    }
    #topMenu li {
        float: none;
    }
    ul.topNav li {
        border-bottom: none;
    }
    #topNav {
        width: 300px;
        height: auto;
        border: none;
        background: #fff;
    }
    #top {
        height: auto;
        background: #fff;
    }
    #content-wrapper, #logo {
        width: 100%;
    }
    #logo img {
        width: 100% !important;
        height: auto !important;
    }

    #topMenu {
        margin-top: 0;
        width: 300px;
        padding-top: 14px;
        background: none;
    }
    #headerNav,ul.headerNav  {
        width: 300px;
    }

    #topMenu ul li a, #topNav ul li a, ul.headerNav li a,.dropdown dt a {
        display: block;
        width: 239px;
        height: 36px;
        /*line-height: 26px;*/
        border-bottom: 1px solid #bb2303;
        border-right: none;
        background: url('../images/headerNav-a.png') repeat-x;
        background-size: 100% 100%;
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: Tahoma, Geneva, sans-serif;
        font-weight: bold;
        padding: 0;
        padding-left: 15px;
        line-height: 3;
    }
    #topNav ul li a, ul.topNav li  {
        height: 36px;
    }
    #topNav ul li {
        text-align: center;
    }

    #topMenu ul li a:hover, #topNav ul li a:hover,.dropdown dt a:hover, ul.headerNav li a:hover {
        padding-left: 30px;
        width: 224px;
    }
    #topMenu ul li, #topNav ul li, ul.headerNav li, .dropdown dt {
        list-style: none;
        background: url('../images/headerNav-li.jpg') no-repeat top right;
        width: 290px;
        border: none;
        border-top: 1px solid #c9caca;
        text-align: center;
        background-size: contain;
    }
    #header {
        border-top: none;
        height: auto;
        background: #fff;
    }
    #contentLeft {
        width: 100%;
    }
    div.produkty {
        width: 310px;
    }
    #products-wrapper, #contentRight {
        width: 100%;
    }
    #content-wrapper {
        padding-top: 0;
        border-top: none;
        margin-top: 7px;
    }
    #topNav, #topMenu, #header, .offer-wrapper #contentLeft {
        display: none;
    }
    .offer-wrapper {
        margin-top: 0!important;
        text-align: center;
    }
    .offer-wrapper #contentLeft {
        margin: 0 auto!important;
    }
    .index {
        margin-top: 45px;
    }
    #footer {
        width: 93%;
    }
    .contact-deco {
        display: none;
    }
    div.services {
        max-width: 475px;
        width: auto;
    }
    .cboxPhoto {
        max-width: 98%;
    }
    #cboxLoadedContent {
        max-width: 98%!important;
    }
    div.map {
        max-width: 677px;
    }
    div#map-wrapper, #form-wrapper {
        width: auto;
        float: none;
    }
    #form-wrapper table {
        margin: 0 auto;
    }
    div.address, div.other-info {
        float: none;
    }
    .company-info p {
        text-align: center;
    }
    div.contact-separator {
        margin: 0 auto;
    }

}

@media (max-width: 730px) {
    .products {
        width: 46%;
    }
    .partnerzy, .certyfikaty
    {
        float: none;
        width: auto;
    }
    .partnerzy {
        min-height: 100px;
    }
    .partnerzy table {
        margin: 0 auto
    }
    .partnerzy table tr {

        display: inline-block;
    }
}
@media screen and (max-width: 540px)
{
    .itemRight, .itemLeft {
        width: auto;
        max-width: 510px;
    }
    #contact_us tr, #contact_us td {
        display: block;
    }
    #contact_us table {
        margin: 0 auto;
    }
    #contact_us input[type=text] {
        width: 262px!important;
    }
    #contentRight h4 {
        padding-left: 2px;

    }

}
@media (max-width: 515px)
{
    #nasza-firma {
        min-height: 210px;
    }
}

@media (max-width: 460px)
{
    #nasza-firma {
        min-height: 280px;
    }
    #contentRight h4 {
        font-size: 15pt;
        padding-left: 2px;
        background-size: 100% 100%;
    }
}

@media screen and (max-width: 390px)
{
    #contentRight h4 {
        font-size: 10pt;
    }
}

@media (max-width: 365px) {
    .products {
        width: 80%;
        margin-bottom: 20px;
        height: 205px;
    }
    #nasza-firma {
        min-height: 295px;
    }
    .itemRight, .itemLeft {
        min-height: 200px;
    }
}
@media (max-width: 355px)
{
    #contentRight h4 {
        font-size: 10pt;
    }
    .certyfikaty p {
        width: 94%;
    }
    .itemRight, .itemLeft {
        min-height: 220px;
    }
}

@media (max-width: 330px)
{
    #nasza-firma {
        min-height: 305px;
    }
}