@media only screen and (max-width: 1384px) {
    .htop .dsearch {
        margin: 10px 0 10px 0;
        max-width: 100%;
    }

    .htop .dphone {
        margin: 0;
    }


    .dright > .row > .col-lg-3 {
        width: 100%;
    }

        .dright > .row > .col-lg-3 .dhelp {
            margin: 0 0 25px 0;
            min-height: auto;
        }

    .row.nopad {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .htop .dsearch {
        margin: 10px 0 10px 0;
        max-width: 100%;
    }

    .htop .button.aorder {
        font-size: 1em;
    }

    .dforms {
        width: 90%;
    }

    .dorderprice {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    .button-up {
        display: none !important;
    }

    .fbottom .dcontrols a {
        width: 33.33333333333333% !important;
    }

    .dcarousel .dtext .dinner {
        font-size: 0.9em;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .fbottom .dphone {
        white-space: normal;
        text-align: center;
        float: none;
    }

        .fbottom .dphone a {
            display: inline-block;
            margin-left: 5px;
            margin-right: 5px;
            float: none;
        }

    .fbottom .aorder {
        float: right;
    }

    .fbottom .dlinks {
        margin-top: 20px;
        text-align: center;
    }

        .fbottom .dlinks div {
            margin-left: 20px;
            margin-right: 20px;
            text-align: center;
        }
}

@media only screen and (max-width: 992px) {
    .htop .dsearch {
        margin: 10px 0 10px 0;
        max-width: 100%;
    }

    .htop .dphone {
        text-align: left;
        margin: -3px 0 0 0;
    }

        .htop .dphone span {
            text-align: left;
        }

        .htop .dphone a {
            display: inline-block;
            float: none;
        }

    .fbottom .dcopyrights {
        margin: 0;
    }

    .dnotice {
        padding-left: 45px;
        padding-right: 45px;
    }

    .dcarousel {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    body {
        padding-top: 0;
    }

    .htop .dblue {
        position: static;
    }

    .dmenutop {
        margin: 15px 15px 0 15px;
        border-bottom: none;
    }

        .nmenutop {

        }

            .nmenutop .navbar-header {
                position: relative;
                font-size: 1.25em;
                font-weight: 700;
                color: #fefeff;
                padding: 15px 5px 16px 40px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                text-align: left;
                cursor: pointer;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                background: #1a52a0;
            }

                .nmenutop .navbar-header:before {
                    content: "";
                    display: none;
                    position: absolute;
                    left: 14px;
                    top: 23px;
                    width: 17px;
                    height: 15px;
                    background: url('img/sprite.png') -121px 0 no-repeat;
                }

                    .nmenutop .navbar-header i {
                        display: inline;
                        font-style: normal;
                    }

                    .nmenutop .navbar-header:hover,
                    .nmenutop .navbar-header:active {
                        opacity: 0.8;
                    }

                    .nmenutop .navbar-header:before {
                        display: block;
                    }

            .nmenutop .navbar-collapse {
                position: relative;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                color: #000000;
                font-size: 1.066666666666667em;
                border: 1px solid #7096c7;
                border-top: none;
                background: #ffffff;
            }

                .nmenutop .navbar-collapse:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    height: 12px;
                    width: 100%;
                    background: url('img/rblocktext.png') 0 0 repeat-x;
                }

            .nmenutop .nav {
                padding-top: 10px;
            }

                .nmenutop .navbar-header i {
                    display: block;
                }

                .nmenutop .nav > li > a {
                    padding-top: 0;
                    padding-bottom: 0;
                }

    .htop .dblue {
        text-align: center;
        padding-bottom: 10px;
    }

        .htop .dphone {
            text-align: center;
        }

            .htop .dphone span {
                text-align: center;
                padding-right: 0;
            }

            .htop .dphone a {
                display: inline-block;
                float: none;
            }

        .htop .button.aorder {
            float: none;
        }

    .dtable .dleft,
    .dtable .dright {
        display: block;
        width: auto;
        padding: 0 15px;
    }

    .dforms .dleft {
        display: none;
    }

    .dforms .dright {
        width: 100% !important;
    }

    .dbreadcrumbs {
        padding-left: 15px;
    }

    .thumbnail a > img,
    .thumbnail > img {
        width: 100%;
    }

    .dbreadcrumbs {
        height: 0;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .dmenuleft .dblock .dcaption {
        padding-left: 40px;
        text-align: left;
        cursor: pointer;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

        .dmenuleft .dblock .dcaption span {
            display: none;
        }

        .dmenuleft .dblock .dcaption i {
            display: inline;
        }

        .dmenuleft .dblock .dcaption:hover,
        .dmenuleft .dblock .dcaption:active {
            opacity: 0.8;
        }

        .dmenuleft .dblock .dcaption:before {
            display: block;
        }

        .dmenuleft .dblock .dtext {
            display: none;
        }

    .fbottom .dcontrols {
        position: static;
        margin-top: -47px;
    }

        .fbottom .dcontrols a {
            height: 47px;
            font-size: 0;
            width: 33.33333333333333% !important;
        }

            .fbottom .dcontrols a:before {
                left: 50% !important;
                margin-left: -18px;
            }

        .fbottom .dphone {
            margin-top: 0;
        }

    .fbottom .dmenu {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }

    .fbottom .aorder {
        margin-top: 20px;
        margin-bottom: 20px;
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    * {
        word-wrap: break-word;
        /*word-break: break-all;*/
    }

    .dblocktext {
        padding: 20px 10px;
    }

    .dforms .dright {
        padding: 20px !important;
    }

    .button {
        white-space: normal;
    }

    .dnotice {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .dnotice-2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dblocktext > ul,
    .dblocktext > p > ul {
        padding-left: 0;
        list-style-position: inside;
    }

    .dorderprice .dtable .dtd {
        display: block;
        width: auto;
        text-align: center;
    }

        .dorderprice .dtable .dtd .dprice {
            float: none;
            margin-left: 19px;
        }

    .dforms > .dcaption {
        font-size: 1.6em !important;
    }

    .daccardion .dtext {
        padding: 10px !important;
    }

    .jumbotron {
        padding: 10px !important;
    }

        .jumbotron .aname {
            font-size: 1em;
        }

    .tprices th {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 0.875em;
    }

    .tprices td {
        font-size: 0.9333333333333333em;
        padding: 2px !important;
    }

        .tprices tbody tr td:nth-child(2) {
            white-space: normal;
        }

    .album-name {
        word-break: break-all;
    }

    .fbottom .dlinks {
        margin-top: 0;
        text-align: center;
    }

        .fbottom .dlinks div {
            float: none;
            margin: 0;
            display: block;
            text-align: center;
        }

            .fbottom .dlinks div a {
                /*display: none;*/
            }

                .fbottom .dlinks div .avisible {
                    /*display: inline-block;
                    margin-left: 5px;
                    margin-right: 5px;*/
                }

    .dmenuleft .dblock .dcaption i {
        position: relative;
        left: 0;
        top: -2px;
        font-size: 0.8em;
    }
}

@media only screen and (max-width: 320px) {
    .daccardion .dcaption {
        padding-left: 10px !important;
    }

        .daccardion .dcaption:before {
            display: none !important;
        }

    .contacts-map-header a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dmenuleft .dblock .dcaption:before {
        top: 22px;
    }
}

/*==========  Mobile First Method  ==========*/

@media only screen and (min-width: 320px) {

}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) {
    .dmenuleft .dblock .dtext {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 1200px) {
    .dforms {
        width: 1065px;
    }
}

@media only screen and (min-width: 1384px) {
    .container {
        width: 1384px;
    }
}

/*==========  Intermediate  ==========*/

@media only screen and (min-width: 768px) and (max-width: 992px) {
    body {
        padding-top: 136px;
    }

    .nmenutop .nav > li {
        padding: 0;
    }

        .nmenutop .nav > li:first-child {
            display: none;
        }

        .nmenutop .nav > li > a {
            font-size: 0.875em
        }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .dcarousel {
        width: 653px;
        height: 348px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .htop .dphone {
        margin: -12px 10px 0 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1384px) {
    .dcarousel {
        width: 853px;
        height: 455px;
    }

    .fbottom .dlinks > div {
        margin-left: 20px;
    }

    .fbottom .aorder {
        margin-left: 40px;
    }

    .htop .dphone {
        margin-top: -12px;
    }
}