@media screen and (max-width: 1044px) {
    #header, .pageContainer {
        width: 96%;
        padding: 0 2%;
    }

    nav li a {
        padding: 20px 0;
    }

    nav .dropDownStyle li a {
        width: 100%;
    }

    nav .dropdownToggle > a {
        margin-right: 0;
    }

    nav .nav li .dropdownSecondLevel {
        left: auto;
        right: 100%;
    }

    .dropDownStyle .dropdownToggle a {
        float: none;
    }

    .spanMenuDropdown, .spanMenuDropdown.spanJos {
        background: url(/themes/taksi/css/../images/arrows.png) 4px 18px no-repeat;
        cursor: pointer;
        margin-left: 0;
    }

    .spanMenuDropdown.active, .spanMenuDropdown.spanJos.active {
        background-position: 4px -82px;
    }

    .dropDownStyle .spanMenuDropdown {
        width: 20%;
        right: auto;
        margin: 0;
        background-position: -41px 21px;
    }

    .dropDownStyle .spanMenuDropdown.active {
        background-position: -41px -79px;
    }

    .spanJos {
        margin: 0;
        width: 19%;
    }

    .cnt_share {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        margin: 40px auto 0;
    }

    #footer nav {
        display: none;
    }

    #footer .social {
        margin: 0 auto;
        float: none;
        position: relative;
        right: auto;
    }

    article.bi1, article.bi4, article.bi5, article.bi7 {
        margin: 10px 0 20px;
    }

    .contact-form-item:first-child {
        margin-right: 0;
    }

    .contact-form-item {
        width: 100%;
    }

    .form .iTxt, .form .message-area {
        padding: 1%;
        width: 98%;
    }

    .modal-header .close {
        top: -55px;
        right: 0;
    }

    .productItem.pi4 {
        width: 20.9%;
    }

    .backToTop {
        right: 20px;
    }
}

@media screen and (max-width: 782px) {
    #header {
        min-height: 175px;
        margin-top: 15px;
        margin-bottom: 80px;
    }

    .logo {
        float: none;
        margin-bottom: 15px;
    }

    .logo h1 {
        text-align: center;
    }

    .lowResHref {
        display: block;
        text-indent: -9999px;
        padding: 0;
        width: 100%;
        height: 35px;
    }

    body #navigation a.lowResHref, body #navigation a.lowResHref:hover {
        background-image: url(/themes/taksi/css/../images/menu.png) !important;
        background-position: center;
        background-repeat: no-repeat;
    }

    .nav-span {
        float: right;
    }

    nav ul {
        float: none;
        clear: both;
    }

    nav li {
        display: block;
        width: 100% !important;
        padding: 0;
    }

    nav li a {
        text-align: center;
        width: 100%;
        float: none;
        padding: 15px 0;
        background-color: black;
        margin-top: 1px;
    }

    nav .dropdownToggle > a {
        width: 100%;
        float: none;
    }

    nav li .dropDownStyle {
        float: none;
        position: relative;
        padding-top: 0;

    }

    nav li .dropDownStyle > ul {
        padding: 0;
        background-color: transparent;
    }

    nav .nav li .dropdownSecondLevel {
        left: 0;
        top: auto;
        padding: 0;
        margin: 0;
    }

    .dropDownStyle li a {
        margin: 0;
        margin-top: 1px;
    }

    .spanMenuDropdown {
        height: 38px;
    }

    .dropDownStyle .spanMenuDropdown, .spanMenuDropdown, .spanMenuDropdown.spanJos {
        background: url(/themes/taksi/css/../images/arrows.png) 16px 15px no-repeat;
        width: 50px;
    }

    .spanMenuDropdown.active, .spanMenuDropdown.spanJos.active {
        background-position: 16px -85px;
    }

    .dropDownStyle .spanMenuDropdown {
        background-position: 16px 15px;
        right: 0;
    }

    .dropDownStyle .spanMenuDropdown.active {
        background-position: 16px -85px;
    }

    .dropDownStyle .dropdownToggle a {
        width: 100%;
        padding-left: 0;
    }

    .dropDownStyle .dropdownSecondLevel a {
        padding-right: 0;
    }

    .dropdownSecondLevel > ul {
        padding-right: 0;
    }

    .nav-pills {
        display: none;
    }

    .social {
        float: none;
        clear: both;
        margin-bottom: 20px;
        border: none;
    }

    .social ul {
        float: none;
        text-align: center;
    }

    .social li {
        margin: 0 3px;
    }

    article.bi2, article.bi3 {
        width: 45%;
        margin: 1.5% 0 4% 3.2%;
    }

    article.ab1 img, article.ab1 iframe, article.ab2 img, article.ab2 iframe {
        width: 40%;
    }

    .gallery_list li.gallery_box {
        width: 45%;
        margin: 1.67% 0 3.2% 3.2%;
    }

    .Contact3 #zone_1, .Contact4 #zone_1 {
        clear: both;
    }

    .productItem.pi2 {
        width: 44.88%;
    }

    .productItem.pi4 {
        width: 21.7%;
    }

    .cnt_share {
        margin-top: 20px;
    }
}

@media screen and (max-width: 500px) {
    h4 {
        text-align: left;
    }

    article.ab1 img, article.ab1 iframe, article.ab2 img, article.ab2 iframe {
        width: 50%;
        margin-right: 20px;
        float: left;
    }

    article.bi2, article.bi3 {
        margin-left: 0;
        width: 100%;
    }

    article.ab2 img, article.ab2 iframe {
        float: right;
        margin-right: 0;
        margin-left: 20px;
    }

    .form .iTxt, .form .message-area {
        padding: 4% 2%;
        width: 96%;
    }

    .productItem.pi2 {
        width: 100%;
        margin: 2% 0%;
    }

    .pi3 .itemPriceAndCurrency, .pi3 .itemDiscount {
        float: none;
        width: auto;
    }

    .productItem.pi4 {
        width: 40.8%;
        margin: 4%;
    }

    .contact-form-attachment .button {
        margin-left: 0;
        margin-right: 0;
    }

    .social li a img {
        width: 35px;
    }
}