@media(max-width:1600px) {
    .home_grids .home_logo {
        height: 200px;
    }
}

@media(max-width:1400px) {
    .logo_pat,
    .logo_txt {
        vertical-align: middle;
    }
    .page_loaded .logo_txt {
        width: 300px;
    }
    .home_grids_section .home_grids:hover .hg_cont {
        max-height: 400px;
        min-width: 400px;
    }
    .submit_icon i {
        font-size: 16px;
    }
    .submit_icon .ajax_submit_btn {
        font-size: 16px;
    }
}

@media(max-width:1024px) {
    .home_grids .hg_cont {
        opacity: 1;
        visibility: visible;
        max-height: none;
        transition: none;
    }
    .logo_pat img {
        height: 85px;
    }
    .home_grids .c_editor {
        padding-top: 30px;
    }
    .home_grids_section .home_grids:hover .hg_cont {
        max-height: none;
        min-width: auto;
        transition: none;
        -webkit-transition: none;
    }
    .home_grids_section .home_grids.active {
        flex-grow: 1;
    }
    .home_grids_section .home_grids {
        flex: auto;
        transition: none;
        -webkit-transition: none;

    }
    .home_grids {
        cursor: auto;
    }
    .home_grids .home_logo {
        height: 150px;
    }
    /* <--------------searchbox------------------> */
    .submit_icon i {
        font-size: 14px;
    }
    .submit_icon .ajax_submit_btn {
        font-size: 14px;
        padding: 15px 30px 15px 45px;
    }
    .single_blog_title {
        font-size: 16px;
    }
    .search_section_form_text {
        font-size: 16px;
    }
    .provo_con_tag {
        font-size: 16px;
    }
    .post_tags {
        font-size: 16px;
    }
    .search_section_form_text_close {
        right: 140px;
    }
    .search_section_form_text {
        padding: 15px 175px 15px 35px;
    }
    .search_section_form_text_close::before,
    .search_section_form_text_close::after {
        width: 20px;
    }
}

@media (max-width:900px) {
    .home_grids_section .hg_row {
        display: block;
    }
    .home_grids {
        height: 550px;
    }
    .page_loaded .logo_txt {
        width: 220px;
    }
    .home_grids .hgrid_details {
        left: 0;
        transform: translateY(-50%);
    }
    .home_grids .hg_cont {
        max-width: 80%;
        margin: auto;
    }
}

@media(max-width:740px) {
    .home_grids .home_logo {
        height: 120px;
    }
    .page_loaded .logo_txt {
        width: 180px;
    }
    .logo_pat img {
        height: 65px;
    }
    .page-template-intro .sticky {
        left: 30px;
        width: auto;
        right: 30px;
    }
    .page-template-intro .header .c {
        padding: 15px 20px 15px 50px;
        border-radius: 30px;
    }
    .home_grids .c_editor {
        padding-top: 20px;
    }
    /* <--------------searchbox------------------> */
    .provo_con_tag {
        width: 100%;
        font-size: 14px;
    }
    .post_tags {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    .search_output .col_20 {
        width: 100%;
    }
    .search_output .col_80 {
        width: 100%;
    }
    .single_blog_title {
        margin-top: 10px;
    }
    .submit_icon {
        right: 3px;
    }
    .submit_icon .ajax_submit_btn {
        font-size: 0px;
        padding: 20px 20px;
    }
    .submit_icon i {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .loading::before {
        top: 30%;
        left: 30%;
        transform: translate(-30%, -30%);
    }
    .search_section_form_text_close {
        right: 45px;
        top: 13px;
    }
    .search_section_form_text {
        font-size: 14px;
        padding: 10px 75px 10px 15px;
    }
    .blog_search {
        margin: 30px 20px 0 20px;
    }
    .single_blog_title {
        font-size: 14px;
    }
    .single_blog_description {
        font-size: 14px;
        max-height: 45px;
    }
    .search_result {
        font-size: 14px;
    }
    .provo_con {
        padding-top: 15px;
    }
    .search_section_form_text_close::before, .search_section_form_text_close::after {
        width: 15px;
    }
}

@media(max-width:500px) {
    .home_grids_section .home_grids:hover .hg_cont {
        max-width: none;
    }
    .home_grids .hgrid_details {
        padding: 0 30px;
    }
    .logo_el {
        position: relative;
    }
    .home_grids .hg_cont {
        max-width: none;
    }
}