@media only screen and (max-width: 1650px) {
    .navbar-primary .navbar-nav>li>a {
        padding: 10px 25px;
    }
}
@media only screen and (max-width: 1400px) {
    .navbar-primary {
        margin-top: 30px;
    }
    .navbar-primary .navbar-nav>li>a {
        padding: 10px 15px;
    }
    .section-two {
        padding: 80px 0;
    }
    .section-three {padding-bottom: 50px;}
    .featured-gallery {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 1200px) {
    h2 {
        font-size: 50px;
    }
    .navbar-primary .navbar-nav>li>a {
        font-size: 12px;
        padding: 5px 10px;
    }
    .slide-text {top: 40%;}
    .slide-text h2 {font-size: 90px;}
}
@media only screen and (max-width: 991px) {
    h2 {
        font-size: 40px;
    }
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
    .slide-text {top: 30%;}
    .slide-text h2 {font-size: 80px;}
    .section-one .img-responsive {
        margin-bottom: 30px;
    }
    .section-two h3 {font-size: 35px;}
    .testimonial-slide h2 {margin-bottom: 40px;}
    .testimonial-content {font-size: 22px;width: 80%;}
    .contact {width: 550px;}
    .about-bottom {
        background-size: cover;
        background-position: 100% 0;
        padding-top: 100px;
    }
}
@media only screen and (min-width: 768px) {
    .navbar-primary .navbar-nav li:hover .dropdown-menu {display: block;}
}
@media only screen and (max-width: 767px) {
    h1 {font-size: 50px;}
    h2 {font-size: 35px;}
    .navbar-primary {
        position: absolute;
        width: 300px;
        right: 0;
    }
    .navbar-primary .navbar-nav {
        float: none;
        margin: 0;
        background-color: #432D22;
    }
    .navbar-primary .navbar-nav li {
        display: block;border-bottom: 1px solid #6d5346;
    }
    .navbar-primary .navbar-nav>li>a {font-size: 15px;line-height: 30px;}
    .navbar-primary .navbar-nav>li .dropdown-menu>li>a {
        font-size: 13px;
        color: #FFF;
        line-height: 25px;
    }
    .slide-text h2 {
        font-size: 50px;
    }
    .section-three {
        padding-bottom: 0;
    }
    .featured-gallery .btn {
        float: none !important;
        margin-top: 20px;
    }
    .contact {width: 100%;}
    .box-content {font-size: 15px;}
    .scroll {margin-top: -70px;}
    .scroll .fa {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 15px;
    }
    .scroll p {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 480px) {
    .header {
        position: relative;
        background-color: #402A20;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .slide-text {top: 45%;}
    .slide-text h2 {
        font-size: 32px;
    }
    .contact {padding: 0;}
    .contact h1 {
        font-size: 60px;
    }
    .scroll {
        margin-top: -120px;
    }
}