@charset "UTF-8";

@media only screen and (max-height:670px) {
    footer {
        height: 10vh;
    }
    .contact-area {
        height: 90vh;
    }
    .contact-area {
        padding-top: 40px;
    }
    .contact-area-social {
        margin-top: 40px;
    }
    .footer-copyright {
        padding: 0;
    }
    .contact-area .big-title {
        font-size: 54px;
        max-width: 100%;
    }
}

@media only screen and (max-height:500px) {
    .contact-area {
        height: auto;
        padding-bottom: 20px;
    }
    
    footer {
        height: auto;
        padding: 10px 0;
    }
}

@media only screen and (max-width:1400px) {
    .ag-item {
        height: 176px;
    }
}

@media only screen and (max-width:1199px) {
    .grid.lg-grid-3col > div {
        width: 33.33%;
    }
    .index-slider-text .text {
        width: 60%;
    }
    .header-menu {
        display: none;
    }
    .area-title .text {
        font-size: 14px;
    }
    .about-gallery-content {
        margin-top: 30px;
    }
    .ag-item {
        height: 306px;
    }
}

@media only screen and (max-width:991px) {
    .ag-item {
        height: 226px;
    }
    .grid.md-grid-2col > div {
        width: 50%;
    }
    footer {
        height: 10vh;
    }
    .contact-area {
        height: 90vh;
    }
    .contact-area {
        padding-top: 40px;
    }
    .contact-area-social {
        margin-top: 40px;
    }
    .footer-copyright {
        padding: 0;
    }
    .contact-area .big-title {
        font-size: 54px;
        max-width: 100%;
    }
    .index-slider-text .title {
        font-size: 28px;
    }
    
    .index-slider-text .text {
        font-size: 16px;
    }
    header.sticky {
        padding: 10px 0;
    }
    
    header.sticky:before {
        height: 61px;
    }
    .mobile-menu-line-one {
        max-width: 150px;
    }
    
    .mobile-menu-list a {
        font-size: 34px;
    }
    .blog-title {
        display: block;
    }
}

@media only screen and (max-width:767px) {
    .mobile-menu-line-one {
        display: none;
    }
    .ag-item {
        height: 166px;
    }
    .contact-area .big-title {
        font-size: 40px;
    }
    .index-slider {
        margin: 0;
        border-radius: 0;
    }
    .header-plus {
        margin-right: 12px;
    }
    .reviews-area.space {
        padding: 30px 0 50px;
    }
    .review-title-area .title br,
    .review-title-area .title span {
        display: none;
    }
    .review-title-area .title {
        margin-bottom: 50px;
        font-size: 32px;
        color: #5b5b5b;
    }
    .review-message {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 30px;
    }
    
    .review-quote {
        width: 32px;
        min-width: 32px;
    }
    
    .review-inner {
        padding-left: 20px;
    }
    
    .review-bottom {
        padding-top: 30px;
        display: block;
    }
    
    .review-bottom-right {
        margin-top: 15px;
    }
    
    .review-arrows {
        bottom: -4px;
    }
    .footer-copyright img {
        max-width: 250px;
    }
    .space {
        padding: 30px 0;
    }
}

@media only screen and (max-width:575px) {
    .about-gallery-content {
        display: none;
    }
    .mobile-menu-line-two:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.2);
        z-index: 0;
    }
    
    .mobile-menu-inner {
        position: relative;
        z-index: 1;
    }
    .footer-copyright {
        display: block;
        text-align: center;
    }
    .grid.xs-grid-1col > div {
        width: 100%;
    }
    .contact-area-info {
        display: block;
    }
    
    .contact-area-info:before {
        display: none;
    }
    
    .contact-area-info .contact-area-info-item {
        text-align: center !important;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .contact-area .big-title {
        font-size: 26px;
    }
    .contact-logo img {
        width: 120px;
    }
    
    .contact-area-social {margin-top: 25px;}
    
    .contact-area-info-item .title {
        font-size: 21px;
        margin-bottom: 5px;
    }
    
    .contact-area-info-item span {
        font-size: 14px;
    }
    .logo img {
        width: 100px;
        min-width: 100px;
    }
    
    .header-plus {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .header-menu-btn {
        width: 40px;
        height: 40px;
    }
    .blog-info {
        padding: 15px 15px 15px 25px;
    }
    
    .blog-info-right {
        width: 45px;
        height: 45px;
    }
    
    .blog-info-left .title {
        font-size: 17px;
    }
    
    .blog-info-left p {
        font-size: 13px;
    }
    
}