.ib {
    display: inline-block;
    vertical-align: top;
}

.clear {
    clear: both;
}

.dn {
    display: none;
}



input.invalid, textarea.invalid {
    border: 1px #ff0000 solid;
}

/*---all forms-----*/
.input-form-wrap label {
    display: block;
}

.input-form-wrap input[type='text'], .input-form-wrap  textarea, .input-form-wrap input[type='email'] {
    width: 100%;
    box-sizing: border-box;
}

.info-ajax-msg {
    display: none;
}

/*---------reviews---------*/

.add-review-form-wrap {
    width: 500px;
}
/*-------end of reviews----*/

/*----------captcha---------*/
.captcha-image {
    width: 120px;
    height: 34px;
}
.captcha-image-refresh, .captcha-image {
    display: inline-block;
}
.captcha-image-refresh {
    cursor: pointer;
    margin-left: 5px;
}
@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}

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

    .search_text {
        width: 120px;
    }

    nav .navbar-nav li, nav .navbar-nav {
        font-size: 14px;
        margin: 0 10px;
    }
    nav .navbar-nav li a {
        padding: 0 10px;
    }
    .blog-main {
        margin-bottom: 30px;
    }
}


@media all   and (max-width: 780px) {
    .logo-wrap {
        float: left;
    }
    .nav-wrap {
        width: 70% !important;
        float: right;
    }

    .top-part-wrap {
        min-height: 80px;
    }
    .loginmodalbtn {
        position: absolute;
        top: 20px;
        right: 10px;
    }

    .mobile-top {

    }
    .container {
        max-width: 98%;
    }

    .mobile {
        display: block;
    }
    .search-main-wrap {
        display: none !important;
    }
    .blog-footer {
        min-height: 300px;
        background-size: contain;
    }
    .search_text {
        line-height: 32px;
        height: 32px;
    }

    .top-hdr-logo {
        display: block;
        flex: none;
    }
    .search.btn {
        float: none;
    }
    .search_text {
        width: 50%;
    }
    .mini-excerpt {
        display: none;
    }
    .blog-main {
        margin-bottom: 30px;
    }
}

@media all   and (max-width: 560px) {

    .mini-date {
        font-size: 12px;
    }
    h2, h2.blog-post-title, h2 a {
        font-size: 18px;
    }
    nav .navbar-nav li, nav .navbar-nav {
        font-size: 12px;
        margin: 0 5px;
    }
    nav .navbar-nav li a {
        padding: 0 5px;
    }
}