@media screen and (max-width: 1044px) {
    #wrapper {
        width: 99%;
        padding: 0 0.5%;
    }

    #header {
        margin: 40px 0;
    }

    .logo {
        float: none;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .logo h1 {
        text-align: center;
    }

    nav {
        float: none;
    }

    nav li {
        margin-right: auto;
    }

    .nav {
        text-align: center;
    }

    .nav > li {
        width: 19.5%;
        margin-left: 0.1%;
        margin-right: 0;
        display: inline-block;
        float: none;
    }

    .nav > li:first-child {
        margin-left: auto;
    }

    nav li a, nav .dropDownStyle li a {
        padding: 3px 0;
    }

    nav li .dropDownStyle {
        width: 100%;
        left: auto;
        right: 0;
        margin-left: auto;
    }

    nav .dropDownStyle li a {
        width: 100%;
        text-align: center;
    }

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

    nav .dropDownStyle .dropdownToggle > a {
        float: right;
        padding-bottom: 38px;
    }

    /* CLEARFIX FOR LI */
    .dropDownStyle .dropdownToggle:before,
    .dropDownStyle .dropdownToggle:after {
        content:"";
        display:table;
    }
    .dropDownStyle .dropdownToggle:after {
        clear:both;
    }
    /* For IE 6/7 (trigger hasLayout) */
    .dropDownStyle .dropdownToggle {
        zoom:1;
    }

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

    .dropDownStyle .dropdownToggle a {
        float: none;
    }

    .spanMenuDropdown, .spanMenuDropdown.spanJos {
        background: url(/themes/selidbe/css/../images/arrows.png) center 10px no-repeat;
        cursor: pointer;
        margin-left: 0;
        top: 0;
        width: 20%;
        height: 30px;
        z-index: 3;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -ms-transition: all 0.2s;
        transition: all 0.2s;
    }

    .spanMenuDropdown:hover, .spanMenuDropdown.spanJos:hover,
    .spanMenuDropdown:active, .spanMenuDropdown.spanJos:active {
        background-position: center -20px;
    }

    .spanMenuDropdown.active, .spanMenuDropdown.spanJos.active {
        background-position: center -50px;
    }

    .spanMenuDropdown.active:hover, .spanMenuDropdown.spanJos.active:hover,
    .spanMenuDropdown.active:active, .spanMenuDropdown.spanJos.active:active {
        background-position: center -80px;
    }

    .dropDownStyle .spanMenuDropdown {
        width: 100%;
        height: 30px;
        top: auto;
        right: 0;
        margin: 0;
    }

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

    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: 0.5%;
        width: 99%;
        height: 24px;
    }

    .form .message-area {
        height: 100px;
    }

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

    .productItem.pi2 {
        width: 44.9%;
    }

    .productItem.pi4 {
        width: 20.8%;
    }

}

@media screen and (max-width: 782px) {
    body, .gallery_box {
        text-align: justify;
    }

    h2, h4 {
        text-align: center;
    }

    #header {
        margin: 30px 0 20px;
    }

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

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

    .nav-span {
        float: right;
    }

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

    .nav > li {
        padding: 0;
        margin-left: 0;
    }

    nav li {
        display: block;
        width: 100% !important;
        text-align: right;
    }

    nav li a, nav .dropDownStyle .dropdownToggle > a {
        float: none;
    }

    nav li a, nav li a:hover, nav li a.activeLink {
        border: none;
    }

    nav .dropDownStyle li a {
        color: #999;
    }

    nav .dropDownStyle li a:hover,nav .dropDownStyle li a.activeLink {
        color: #666;
    }

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

    nav li .dropDownStyle {
        float: none;
        position: relative;
        padding-top: 0;
        width: auto;
        padding: 0;
        background-color: transparent;
    }

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

    nav .dropDownStyle li a {
        width: auto;
    }

    .spanMenuDropdown, .spanMenuDropdown.spanJos, .dropDownStyle .spanMenuDropdown {
        width: 50px;
        bottom: auto;
        background-position: center 10px;
    }

    .spanMenuDropdown:hover, .spanMenuDropdown.spanJos:hover,
    .spanMenuDropdown:active, .spanMenuDropdown.spanJos:active {
        background-position: center -20px;
    }

    .spanMenuDropdown.active, .spanMenuDropdown.spanJos.active {
        background-position: center -50px;
    }

    .spanMenuDropdown.active:hover, .spanMenuDropdown.spanJos.active:hover,
    .spanMenuDropdown.active:active, .spanMenuDropdown.spanJos.active:active {
        background-position: center -80px;
    }

    nav .dropDownStyle .dropdownToggle > a {
        width: auto;
    }

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

    nav .dropDownStyle .dropdownToggle > a {
        padding-bottom: 3px;
    }

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

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

    .nav-pills {
        display: none;
    }

    .carousel-caption p {
        text-align: center;
    }

    .ab1 h2, .ab2 h2, .bi1 h2, .bi4 h2,
    .pi1 .productTitle, .pi2 .productTitle, .pi3 .productTitle {
        text-align: left;
    }

    article.bi2, article.bi3 {
        width: 48%;
        margin: 0.5%;
    }

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

    .site_content_2 .pageContainer, .site_content_3 .pageContainer,
    .product_4 .pageContainer, .home .pageContainer {
        margin-bottom: 0;
    }

    .home .ContentBoxContainer .clearfix:before,
    .site_content_2 .ContentBoxContainer .clearfix:before,
    .site_content_3 .ContentBoxContainer .clearfix:before,
    .product_4 .productsContainer .clearfix:before {
        content: '';
        display: block;
        width: 100%;
    }

    .home .ContentBoxContainer .clearfix:after,
    .site_content_2 .ContentBoxContainer .clearfix:after,
    .site_content_3 .ContentBoxContainer .clearfix:after,
    .product_4 .productsContainer .clearfix:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    .gallery_list li.gallery_box {
        width: 48.5%;
        margin: 1.5% 0.5% 2%;
    }

    .gb1 .imgLink, .gb2 .imgLink, .gb4 .imgLink {
        margin-bottom: 10px;
    }

    .gallery_list li.gb5, .gallery_list li.gb6 {
        width: 49%;
        margin: 0.5%;
    }

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

    .productItem.pi2 {
        width: 44.8%;
    }

    .pi2 .productThumb {
        width: 25%;
    }

    .productItem.pi4 {
        width: 23%;
        margin: 1% 0;
    }

    .cnt_share {
        margin-top: 0;
    }

    .cnt_fb_comment {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 500px) {
    h2, h4 {
        margin-bottom: 10px;
    }

    nav li a {
        width: auto;
    }

    .carousel-caption {
        display: none;
    }

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

    .gallery_list li.gallery_box {
        width: 100%;
        margin: 1.5% 0 2%;
    }

    .gallery_list li.gb5, .gallery_list li.gb6 {
        margin: 0.5% 0;
    }

    .form .iTxt {
        height: 30px;
    }

    .pi1 .productThumb, .pi2 .productThumb {
        width: 20%;
    }

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

    .pi3 .itemPriceAndCurrency, .pi3 .itemDiscount {
        float: none;
        width: auto;
        margin-bottom: 2%
    }

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