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

}
@media only screen and (max-width: 768px) {
header{
    position: absolute !important;
    /*background: #afa278;*/
}
    .site-logo a img {
        max-width: 100px;
    }
    .site-menu>span,
    .custom-nav.owl-carousel .owl-nav{
        display: none!important;
    }
    .site-menu {
        padding: 37px 25px;
    }
    .site-menu-toggle {
        width: 35px;
        height: 25px
    }
    .heading-serif, .heading, .testimonial-section .heading, .slider-section .heading, .blog-post-entry .heading {
        font-size: 30px;
    }
    .h1, h1 {
        font-size: 2rem;
    }
    .h2, h2 {
        font-size: 1.5rem;
    }
    #map {
        min-height: 400px;
    }
    .copyrights, .copyrights * {
        font-size: 13px;
    }
    .site-navbar {
        background: #afa278;
    }
    .site-navbar nav .menu li.active a {
        color: #ffffff;
    }
    .site-navbar nav .menu li a {
        font-size: 30px;
    }
    .inner-page .site-hero-inner,
    .site-hero.inner-page,
    .site-hero.inner-page.overlay:before{
        height: 100%;
        min-height: 400px;
    }
    .bg-dark.inner-page .site-hero-inner,
    .site-hero.inner-page.bg-dark{
        /*min-height: 200px;*/
        background-color: #afa278!important;

    }
    .site-hero.inner-page.bg-dark.overlay:before{
        background: transparent!important;
    }
    .site-hero-inner .heading {
        font-size: 35px;
        text-align: center;

    }

}
@media only screen and (max-width: 650px) {

}