@media (max-width: 1200px) {
    .container {
        width: 970px;
    }

    .parallax > .container > div > ul > li > a > h1 {
        max-width: 72%;
    }
    /********** Menu **********/
    div.menu > ul > li > a > span {
        padding: 10px 25px;
    }
    /******************** productIn ********************/
    .scroller .items > * {
        margin: 0 6px;
    }

    .items a img {
        width: 66.5px;
    }

    .scrollable {
        height: 69px;
    }
}

@media (max-width: 992px) {
    .container {
        width: 750px;
        padding: 0 15px;
    }

    .parallax > .container > div > ul > li > a > h1 {
        max-width: 65%;
    }
    /********** Menu **********/
    .menu {
        display: none;
    }

    #menu-resize {
        display: inherit;
    }

    .fa-phone {
        float: left;
    }
    /********** Column **********/
    .column4-1, .column4-3 {
        width: 100%;
    }
    /********** Portfolio **********/
    .da-thumbs li {
        width: 50%;
    }
    /******************** Product ********************/
    .toggleCategori {
        display: block;
        margin-top: -10px;
    }

    .categori {
        display: none;
    }

    .column4-3 ul.productList {
        margin-top: 20px;
    }
    /******************** productIn ********************/
}

@media (max-width: 768px) {
    .container {
        width: 100%;
    }

    .column5-3, .column5-2 {
        width: 100%;
    }

    /*.parallax > .container > div > ul > li {
        background: none;
        border-bottom: 1px dashed;
    }*/
    .parallax > .container > div > ul > li > a > h1 {
        max-width: 60%;
    }
    /********** Parallax **********/
    .parallax > .container > div {
        width: 94%;
    }
    /********** Footer **********/
    footer > div.container > div {
        width: 100%;
        padding: 10px;
        border-bottom: 1px dotted #fff;
    }

        footer > div.container > div:last-child {
            border-bottom: 0px dotted #fff;
        }
    /******************** Product ********************/
    ul.productList > li {
        width: 50%;
    }
    /******************** productIn ********************/
    .productIn article {
        width: 100%;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }

    .gallery nav .scrollable, .scroller {
        width: 225px;
        box-sizing: content-box;
    }

        .scroller .items > * {
            margin: 0 3.8px;
        }
    /** Tab **/
    .resp-tab-content {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        background-color: #f1f1f1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-tab-active {
        margin: 0 !important;
    }

    .comment > ul > li > div:first-child > span {
        width: 100%;
    }

    .formComment > form {
        width: 100%;
    }
    /******************** News & NewsIn ********************/
    ul.news div > span {
        width: 100%;
    }
    /******************** Contact ********************/
    /*95.4.21*/
    table {
        display: block;
        overflow: auto;
        width: 100%;
        border-spacing: 0;
    }

        table tbody {
            width: 750px;
            overflow: auto;
            display: block;
        }
}

@media (max-width: 540px) {
    .socialLine .floatL {
        display: none;
    }

    .logo img {
        width: 80%;
    }
    /********** Slider **********/
    .callbacks_nav {
        height: 65px;
        width: 20px;
        background-size: 40px;
        top: 26%;
    }

        .callbacks_nav:hover {
            height: 65px;
            width: 20px;
            background-size: 40px;
            top: 26%;
        }
    /********** About **********/
    .aboutBox {
        padding: 0 30px 20px;
    }
    /********** Portfolio **********/
    .da-thumbs li {
        width: 100%;
    }
    /******************** Product ********************/
    ul.productList > li {
        width: 100%;
    }
    /******************** News & NewsIn ********************/
    ul.news div {
        width: 100%;
    }

    ul.news img {
        display: none;
    }
}