/* 
 *  Document   : Responsive
 *  Created on : 20 Nov, 2016
 * Description: Purpose of the stylesheet follows.
 */
@media screen and (max-width: 1199px) {
    /*===================Header===================*/
    h1.logo, h2.logo {
        width: 34%;
    }
    .header ul.nav li a {
        font-size: 18px;
    }
    .header ul.nav li {
        padding: 14px;
    }
    .social-media {
        font-size: 17px;
        margin-left: 0;
        height: 30px;
        width: 30px;
        margin-top: 29px; 
    }
    /*===================Home Page===================*/
    .home-section-1 h3 {
        margin: 0;
    }
    .top-section {
        padding: 60px 0 30px;
    }
    .section {
        padding: 60px 0 30px;
    }
    .post-image {
        height: 280px;
    }
    /*===================Inner Pages===================*/
    .zoom-gallery li {
        width: 24%;
    }
    /*===================Footer===================*/
    #footer-center li#text-3, #footer-right li#text-4 {
        padding-left: 70px;
    }

}
@media screen and (max-width: 991px) {
    /*===================Header===================*/
    .header {
        height: 480px;
    }
    .header ul.nav {
        margin-left: 0;
        margin-top: 0;
        padding-top: 10px;
    }
    .header ul.nav li a {
        color: #ffffff;
        font-size: 16px;
    }
    .header ul.nav li {
        padding: 10px 6px;
    }
    .social-media {
        margin-top: 14px; 
    }
    h1.logo, h2.logo {
        width: 30%;
    }
    header .banner-title, header .banner-title h1 {
        font-size: 60px;
    }
    .post-image {
        height: 250px;
    }
    .posts-listing .col-sm-4 p {
        width: 100%;
    }
    .overons-wrapper {
        margin: 0 auto;
        width: 80%;
    }
    .zoom-gallery li {
        width: 48.5%;
    }
    .page-content {
        margin: 0 auto;
        width: 90%;
    }
    footer #footer-center p img {
        padding-right: 2px;
    }
    /*===================Footer===================*/
    #footer-center li#text-3, #footer-right li#text-4 {
        padding-left: 8px;
    }
    #footer-right.col-sm-4 {
        padding-left: 35px;
    }

}

@media screen and (max-width: 767px) {
    .home-section-1 a img.alignnone {
        margin: 0 auto;
        padding: 0 3px;
        height: auto;
        width: auto;
    }
    .home-section-1 h3 {
        margin-bottom: 25px;
        margin-top: 0;
    }
    .post-image {
        height: 300px;
    }
    .posts-listing .col-sm-4 p {
        margin: 0 auto 30px;
    }
    .post-modal .modal-dialog {
        margin: 10% auto;
        max-width: 100%;
        width: 92%;
    }
    .post-big-img {
        height: 375px;
    }
    h1.logo, h2.logo {
        width: 50%;
    }
    .social-media {
        margin-top: 33px;
        position: absolute;
        right: 10px;
    }
    .header ul.nav li  {
        border-bottom: 1px solid;
        margin-right: 15px;
        margin-bottom: 0;
        padding: 0px 6px;
    }
    .header ul.nav li a{
        padding: 10px 0px; 
    }
    .header ul.nav li:hover a::after, .header ul.nav li.current-menu-item a::after {
        display: none;
    }
    .header ul.nav li:hover , .header ul.nav li.current-menu-item{
        background: #777;
    }
    .navbar-toggle {
        margin-bottom: 8px;
        margin-right: 35px;
        margin-top: 28px;
        border-color: #ffffff !important;
    }
    .navbar-collapse {
        background: rgba(0, 0, 0, 0.8);
        margin: 0 auto !important;
        position: relative;
        width: 100%;
        z-index: 999;
    }
    button.navbar-toggle span {
        background: #ffffff none repeat scroll 0 0;
    }

    .featured-image {
        display: block;
        height: 320px;
        margin: 0 auto;
        padding: 15px;
        width: 95%;
    }
    .post-list {
        display: block;
        margin-bottom: 50px;
    }
    .blogpost-content {
        display: block;
        margin: 0 auto;
        padding: 15px;
        width: 100%;
    }
    .blogpost-content p, .blogpost-content h3, .blogpost-content .btn.contact-btn {
        text-align: center;
        float: none;
    }
    .contact-wrap .wpcf7 {
        width: 100%;
    }
    .contact-wrap p {
        width: 90%;
    }
    .wpcf7-form-control.wpcf7-submit.contact-btn.btn {
        margin-top: 30px;
    }
    .textwidget .markupimage {
        width: 7%;
    }
    .zoom-gallery .overlay{
        display: none;
    }
    /*===================Footer===================*/
    footer .textwidget {
        margin-bottom: 15px;
        width: 100%;
    }
    footer .img-responsive {
        margin: 0 auto;
    }
    footer, .footer-top p {
        text-align: center;
    }
    footer li.widget h2 {
        display: inline-block;
    }
    footer #footer-center .textwidget {
        margin-top: 10px;
    }
    #footer-right img {
        margin-top: 15px;
    }
    .footer-copyright .credits {
        display: block;
        font-size: 13px;
        padding-top: 20px;
        position: relative;
        right: 0;
        top: auto;
    }

}
@media screen and (max-width: 568px) {
    h1.logo, h2.logo {
        width: 70%;
    }
    header .banner-title, header .banner-title h1 {
        font-size: 50px;
    }
    .zoom-gallery li {
        width: 100%;
        margin: 2px 0;
    }
}
@media screen and (max-width: 414px) {
    .post-image {
        height: 200px;
    }
    header .banner-title, header .banner-title h1 {
        font-size: 40px;
    }
    .section h2 {
        font-size: 25px;
    }
    .section h2::after {
        height: 30px;
        top: -2px;
    }
    .section h2::before {
        height: 20px;
        top: 4px;
    }
    .featured-image {
        height: 280px;
    }
    div[id*="g-recaptcha"]:first-of-type {
        transform: scale(0.88);
        transform-origin: 0;
    }
    .g-row {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 320px) {
    .navbar-toggle {
        margin-top: 14px;
    }
    .social-media {
        margin-top: 15px;
    }
}