@media only screen and (min-width: 1921px) {
    
}

@media only screen and (min-width: 1001px) {
    .grid-product .col:nth-child(4n+2) { top: 57px; }
    .grid-product .col:nth-child(4n+3) { top: 93px; }
    .grid-product .col:nth-child(4n+4) { top: 53px; }
    .featured-content.mobile { 
        display: none; 
    }
    header.centered_logo .q_logo a {
        height: 145px !important;
        margin-left: -115px;
    }
}

@media only screen and (min-width: 769px) {
    
}

@media only screen and (min-width: 769px) and (max-width:1000px) {
    .grid-product .col:nth-child(3n+2) { top: 57px; }
    .grid-product .col:nth-child(3n+3) { top: 93px; } 
}

@media only screen and (min-width: 601px) and (max-width:1000px) {
    .hide-on-tablet {
        display: none;
    }
    .grid-category .item {
        width: 40%;
    }
    .related-posts .four_columns>.column1, .related-posts .four_columns>.column2, .related-posts .four_columns>.column3, .related-posts .four_columns>.column4 {
        width: 50%;
    }
    .related-posts .four_columns .column_inner {
        padding: 0 15px 15px 0;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .grid-product .col:nth-child(even) { top: 57px; }
}


@media only screen and (min-width: 351px) and (max-width:600px) {
    .footer_top .four_columns .column1,
    .footer_top .four_columns .column2 {
        width: 50%;
    }
}

@media only screen and (max-width: 1200px) {
    .featured-content .container_inner {
        width: 100%;
    }
}

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

@media only screen and (max-width: 1000px) {
    nav.mobile_menu ul.sub-menu,
    #top-stripe, .tag-galaxy, .tag-order,
    .featured-content.desktop { 
        display: none; 
    }
    header,
    header.centered_logo .logo_wrapper {
        height: 96px !important;
    }
    /* header.sticky_mobile {
        outline: 10px dotted #f4ead7;
        outline-offset: -2px;
    } */
    .header_bottom {
        background-color: transparent !important;
    }
    .header_bottom .container_inner {
        width: 100%;
    }
    body.qode_header_in_grid .header_bottom {
        padding: 0 15px;
    }
    .logo_wrapper, .q_logo a {
        left: 0;
    }
    .submenu {
        position: fixed;
        top: 0px;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #fef9e9;
    }
    .submenu .submenu__close {
        display: block;
    }
    .submenu .container_inner,
    .section-placeorder .container_inner {
        width: 100%;
    }
    .submenu div[data-elementor-type="container"],
    .section-placeorder .wpcf7 {
        margin: 20px;
    }
    .submenu .menu-best-sellers ul li {
        display: inline-block;
		font-size: 16px;
        padding: 5px 17px;
        background-color: #f8deb1;
		border-radius: 30px;
		margin-bottom: 7px;
		margin-right: 7px;
    }
    .submenu .menu-best-sellers ul li::before {
        display: none;
    }
    .grid-product {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .form-order input[type=text], .form-order input[type=email], .form-order input[type=tel], .form-subscribe input[type=email] {
        font-size: 16px;
    }
    .page-template-single-category .hero-pane .column1 h2,
    .page-template-single-category .hero-pane .column1 p {
        margin-left: 0;
    }
    .page-template-single-category .hero-pane .column1 h2 {
        font-size: 48px;
        line-height: 48px;
    }
    .blog-feed-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }
    .blog-feed .entry-post .img-holder {
        width: 43%
    }
    .ribbon-bar {
        margin-top: 25px;
    }
    .page-id-159 header,
    .page-id-168 header {
        background-color: #fef9e9;
    }
}

@media only screen and (max-width: 900px) {
    #seeking_animation_container {
        display: none;
    }
}

@media only screen and (max-width: 783px) {
   
}

@media only screen and (max-width: 768px) {
    .footer_bottom_holder {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px;
    }
    .highlight-bar > span {
        font-size: 16px;
    }
    .product-box .content-holder h4 {
        font-size: 16px;
        line-height: 16px;
    }
    .blog-feed .entry-post .post-title {
        font-size: 20px;
        line-height: 28px;
    }
    .blog-feed .entry-post p {
        font-size: 14px;
        line-height: 20px;
    }
    .entry-post .post-date {
        font-size: 14px;
        line-height: 20px;
    }
    .form-order .title-en, .form-subscribe .title-en {
        font-size: 36px;
    }
    .form-order .title-th {
        font-size: 20px;
    }
    .grid-product {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .filled-button > span, .form-order input.wpcf7-form-control.wpcf7-submit {
        font-size: 14px;
        line-height: 48px;
    }
    .filled-button > svg {
        width: 27px;
    }
}

@media only screen and (max-width: 600px) {
    .hide-on-mobile, .dough-bg, .service-tabs.desktop,
    .footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom .typemark,
    .page-template-single-category .hero-pane .column2 {
        display: none;
    }
    .service-tabs.mobile,
    .page-template-single-category .mobile-cover-photo,
    .footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom .typemark {
        display: block;
    }
    .grid-category .item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .footer_bottom .social-links {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .footer_bottom .social-links nav.social-icons>a>svg {
        width: 32px;
        height: 32px;
        margin-left: 12px;
    }
    .footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom {
        text-align: left;
    }
    .footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom .typemark {
        margin-top: 27px;
    }
	.product-box.active .excerpt-trim {
		visibility: visible;
	}
	.product-box .product-info {
        background-color: #fef9e9;
	}
    .product-box .product-info-inner {
		height: 100%;
        padding: 15px;
/* 		transform: translateY(-50%); */
		z-index: 2;
    }
    .product-box .close-button {
        top: 10px;
        right: 10px;
    }
    .product-box.active {
        z-index: 99999;
    }
    .product-box.active .product-info {
        position: fixed;
        width: 320px;
		max-height: 360px;
        left: 50%;
        top: 50%;
        margin-left: -160px;
/* 		margin-top: -180px; */
		overflow-y: scroll;
        border: 1.5px solid #da2628;
		transform: translateY(-50%);
		z-index: 1;
    }
	.product-box.active:after {
		content: '';
		display: block;
		position: fixed;
		width: 100vw;
		height: 100vh;
		background-color: #f8deb1;
		opacity: 0.75;
		top: 0;
		left: 0;
	}
    .page-template-single-category .hero-pane {
        padding-top: 0px;
    }
    .page-template-single-category .hero-pane .column1 {
        padding-top: 25px;
        margin-bottom: 50px;
    }
    .blog-feed .entry-post {
        flex-direction: column;
        height: auto;
    }
    .blog-feed .entry-post .img-holder {
        width: 100%;
        height: 212px;
    }
    .blog-feed .entry-post .content-holder {
        padding-bottom: 75px;
    }
    .blog-title {
        padding-bottom: 25px;
    }
    .blog_holder.blog_single article .post_image {
        margin-bottom: 25px;
    }
    .related-posts .column1, .related-posts .column2, .related-posts .column3, .related-posts .column4 {
        margin-top: 0px;
        margin-bottom: 15px;
    } 
    .related-posts .entry-post .content-holder {
        min-height: 120px;
        padding-bottom: 60px;
    }
    .product-box.active .product-info,
    .product-box.active .excerpt-full {
        margin-right: 20px;
	}
    /* .form-order {
        background-color: #da2628;
    }
    .page-template-single-category .form-order,
    .page-template-services .form-order,
    .single-post .form-order {
        background-color: #f4ead7;
    } */
}

@media only screen and (max-width: 500px) {
    
}

@media only screen and (max-width: 480px) {
    .q_logo a,.q_logo img {
        height: 74px !important;
        margin-top: -5px;
    }
    .footer_bottom {
        line-height: 1.3;
    }   
    .grid-product {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-category .item {
        margin-left: 0;
        margin-right: 0;
    }
    .fancy-button {
        padding: 0 28px;
    }
    .fancy-button span {
        font-size: 22px;
    }
    .product-box .content-holder h4 {
        font-size: 20px;
        line-height: 18px;
    }
    .blog-content .container_inner {
        width: 100%;
    }
}

@media only screen and (max-width: 420px) {
    .featured-content .entry-post .title-en {
        font-size: 40px;
        line-height: 40px;
    }
    .featured-content .entry-post p {
        font-size: 14px;
        line-height: 20px;
    }
    .featured-content .entry-post-second {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 350px) {
    .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .elementor-container .elementor-widget-wrap>.qode_elementor_container_inner, .elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, body.boxed .carousel-inner, body.boxed .full_width .parallax_content, body.boxed .header_inner, body.boxed .wrapper_inner, body.boxed footer, div.grid_section .section_inner, div[data-element_type=container].qode_elementor_container_inner, nav.content_menu {
        width: 87.5%;
    }
    .grid-product .col {
        width: 100%;
        margin-bottom: 20px;
    } 
}