@media screen and (max-width: 1024px) {
    body {
        background: url(/themes/Bend/css/../images/bg1024.jpg) 0 0 repeat-x #f3f3f3;
    }

    #header, .pageContainer {
        width: 96%;
        padding: 0 2%;
    }

    .logo {
        float: none;
        margin-top: 50px;
        margin-bottom: 0;
    }

    .logo h1 {
        text-align: center;
    }

    nav {
        min-height: 0;
        margin-top: 70px;
        margin-left: 0;
        padding: 0;
        border: none;
        float: none;
    }

    .nav {
        width: auto;
    }

    nav li {
        position: relative;
        width: 20%;
        float: left;
        text-align: center;
    }

    nav li a {
        text-align: center;
    }

    nav li .dropDownStyle {
        padding: 0;
        width: auto;
        left: 0;
        top: 100%;
        bottom: auto;
        width: 100%;
        float: none;
    }

    nav li .dropDownStyle li {
        float: none;
        width: auto;
        bottom: auto;
    }

    .dropDownStyle li a {
        text-align: center;
    }

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

    nav .nav li .dropdownSecondLevel {
        top: 0;
        left: -100%;
        right: 0;
    }

    .dropdownSecondLevel > ul {
        padding-right: 20px;
    }

    .dropDownStyle .dropdownToggle a {
        width: 80%;
        padding-left: 20%;
    }

    .spanMenuDropdown, .spanMenuDropdown.spanJos {
        background: url(/themes/Bend/css/../images/arrow1.png) right 4px no-repeat;
        cursor: pointer;
    }

    .spanMenuDropdown.active, .spanMenuDropdown.spanJos.active {
        background-image: url(/themes/Bend/css/../images/arrow2.png);
    }

    .dropDownStyle .spanMenuDropdown {
        width: 20%;
        right: auto;
        margin: 0;
        background: url(/themes/Bend/css/../images/arrow.png) 0 6px no-repeat;
    }

    .dropDownStyle .spanMenuDropdown.active {
        background-image: url(/themes/Bend/css/../images/arrow0.png);
    }

    nav li.moreMenuItem > a:hover {
        color: white;
    }

    .spanJos {
        margin: 0;
    }

    #header .social {
        display: none;
    }

    .home #zone_0 {
        width: 26%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .home #zone_1 {
        width: 70%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
    }

    .home #zone_2 {
        width: 70%;
        margin-top: 0;
    }

    .home #zone_3 {
        width: 50%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .home #zone_3 img, .home #zone_3 iframe {
        width: 50%;
    }

    .home #zone_4 {
        width: 16%;
    }

    .home #zone_4 .gb5, .home #zone_4 .gb5:first-child {
        width: 100%;
        margin: 0;
    }

    .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 20px 30px;
    }

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

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

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

    .google_map {
        margin: 0 20px 20px;
        width: auto;
    }

    .productItem.pi4 {
        width: 20.9%;
    }
}

@media screen and (max-width: 768px) {
    body {
        background: url(/themes/Bend/css/../images/bg768.jpg) 0 0 repeat-x #f3f3f3;
    }

    #header {
        height: 250px;
    }

    .pageContainer {
        margin-top: 0;
    }

    #zone_0, .Contact2 #zone_1 {
        float: left;
        margin-top: 10px;
    }

    .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/Bend/css/../images/menu.png) !important;
        background-position: center;
        background-repeat: no-repeat;
    }

    .nav-span {
        float: right;
    }

    .logo, nav {
        margin-top: 40px;
    }

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

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

    nav li a {
        text-align: center;
        width: 100%;
        float: none;
        padding: 10px 0;
        background-color: black;
        border-bottom: 1px solid #111;
    }

    nav li .dropDownStyle {
        float: none;
        position: relative;

    }

    nav .nav li .dropdownSecondLevel {
        left: 0;
    }

    .dropDownStyle li a {
        width: 100%;
        margin: 0;
    }

    .spanMenuDropdown {
        height: 38px;
    }

    .dropDownStyle .spanMenuDropdown, .spanMenuDropdown, .spanMenuDropdown.spanJos {
        background: url(/themes/Bend/css/../images/arrow1.png) center 14px no-repeat;
        width: 50px;
        right: 0;
    }

    .dropDownStyle .spanMenuDropdown.active {
        background-image: url(/themes/Bend/css/../images/arrow2.png);
    }

    .dropDownStyle .dropdownToggle a {
        margin: 0;
        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: 0;
        padding-top: 30px;
        border: none;
    }

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

    .social img {
        height: 22px;
    }

    .home #zone_0, .home #zone_1 {
        margin-top: 10px;
    }

    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%;
    }
}

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

    body {
        background: url(/themes/Bend/css/../images/bg480.jpg) 0 0 repeat-x #f3f3f3;
    }

    .home #zone_0, .home #zone_3 {
        width: 96%;
        margin-bottom: 10px;
    }

    .home #zone_1, .home #zone_2, .home #zone_4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .home #zone_1 {
        margin-top: 0;
    }

    .home #zone_4 .gb5, .home #zone_4 .gb5:first-child {
        width: 48%;
        margin: 1%;
    }

    .home #zone_3 .bi1 {
        margin: 15px 0 30px;
    }

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

    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: 91.2%;
        margin: 2% 4%;
    }

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

    .contact-form-item-submit .button, .contact-form-attachment .button {
        width: 48%;
        padding: 6px 0;
        margin: 10px 0;
    }

    .contact-form-attachment .button {
        float: left;
    }
}