@media screen and (max-width: 1024px){

 /*/////////////////////////////////////////
    HEADER
/////////////////////////////////////////*/

 .ht-site-header {
    padding: 20px 0.5em 20px;
 }

    .ht-site-header img {
        height: 100%;
        width: auto;
    }



/*/////////////////////////////////////////
    PAGES
/////////////////////////////////////////*/

    .post-content .container {
        padding: 1em;
    }

    .post-content .container .singlepageflex .post-image {
        padding: 0px;
        padding-right: 25px;
    }

    .post-content .container .singlepageflex .page-flex-content {
        padding-top: 0;
    }
    
/*/////////////////////////////////////////
    POPUP
/////////////////////////////////////////*/

    #home-popup .the-content {
        font-size: 12px;
    }
    
    
    
/*/////////////////////////////////////////
    SPLASH
/////////////////////////////////////////*/


    #ht-home-splash-section .splashtext {
        width: 80%;
    }

        #ht-home-splash-section .splashtext h1 {
            font-size: 1.35em;
        }



/*/////////////////////////////////////////
    LINE CARD
/////////////////////////////////////////*/

#linecard .linecard-contain .linecard_right {
    justify-content: space-around;
}



/*/////////////////////////////////////////
    CONTACT US
/////////////////////////////////////////*/

    #contact .contact-contain .contact_left {
        padding: 2em 3em 2em 5em;
    }

    #contact .contact-contain .contact_right {
        padding: 2em 3em 2em 5em;
    }



/*/////////////////////////////////////////
    COUNTER
/////////////////////////////////////////*/

    #counter-section {
        padding: 1em 0;
    }

    .flexgrid {
        width: 90%;
        font-size: 12px;
    }

    .gridbox.col1 {
        min-width: 90vw;
        height: 50vw;
    }

    .gridbox.col2 {
        min-width: 44vw;
        height: 44vw;
    }

    .gridbox.col3 {
        min-width: 44vw;
        height: 44vw;
    }

    .gridbox.col4 {
        min-width: 44vw;
        height: 44vw;
    }



/*/////////////////////////////////////////
    FEATURE GRID
/////////////////////////////////////////*/

    #featuregrid .featuregrid .gridrow .gridcolumn {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        height: auto;
        min-height: 50vw;
        padding: 5vw;
    }
    
    
    
/*/////////////////////////////////////////
    FOOTER
/////////////////////////////////////////*/

#ht-top-footer .directory .foot-menu ul li {
    display: block;
    margin: .25em auto;
    padding: 0;
}

/*/////////////////////////////////////////
    WOOCOMMERCE
/////////////////////////////////////////*/

    .woocommerce .single-productpage #primary .product .product-top-container .woocommerce-product-gallery {
        width: 40%;
        min-width: 40%;
        margin-right: 40px;
    }



}