/* ================================
   Scale: 968px --> 1200px
================================ */

/* ===== CENTRAL COLUMN (3 colum ===== */
.central-column, .container-right .central-column, .container-left .central-column {
	float: left;
	display: inline-block;
	margin: 0 220px 15px 220px;
	padding: 0 21px 15px 21px;
	overflow-y: hidden;
	width: 717px !important;
}
/* ===== FULL WIDTH ===== */

.container-long .central-column {
	margin: 0;
	padding: 0 0 30px 0;
	width: 100%;
}
/* ===== 2 Cot LEFT + CENTER (Sidebar bęn trái) ===== */

.container-right .central-column {
	margin: 0 0 15px 220px;
	padding: 0 0 15px 21px;
	width: 959px !important;
}
/* ===== 2 column: CENTER + RIGHT ===== */

.container-left .central-column {
	margin: 0 220px 15px 0;
	padding: 0 21px 15px 0;
	width: 959px !important;
}
/* ===== LEFT COLUMN ===== */

.left-column {
	float: left;
	width: 219px !important;
	margin-left: -1200px !important;
}
/* ===== RIGHT COLUMN ===== */

.right-column {
	float: left;
	width: 219px !important;
	margin-left: -220px !important;
}
/* Styles for the fixed width layout */

#container {
	width: auto;
}
.helper-container {
	padding-right: 0;
}
#content, #footer {
	width: 1200px !important;
	margin: 0 auto;
}
.header-helper-container, .top-tools-helper, .content-tools-helper {
	width: 1222px !important;
	margin: 0 auto;
}
.top-tools-container {
	position: relative;
}
#header {
	background-image: none !important;
	background-color: #ebebeb !important;
}

#vne_btn_search_toggle {
        display: none; 
    }
.inline-gallery{ text-align: center;}
.inline-gallery img { display: inline-block; width:30%; margin:0 1%; height: auto; }

a[href$=".pdf"]::before {
    font-family: 'icomoon' !important;
    content: "\eadf"; 
    display: inline-block;
    margin-right: 6px;
    color: #e74c3c; 
    font-size: 1.2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.related-posts-box {
    width: 220px;
    border: 1px solid #ddd;
    padding: 0 10px 10px 10px;
    float: right;
    margin: 0 0 10px 10px; 
    background-color: #fafafa;
    border-radius: 5px;
}
.related-posts-box h3{
    color: #d30808;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* /END fixed width layout */

@media screen and (max-width: 1220px) {
	body, #footer, .content-tools-helper, .header-helper-container, .top-tools-helper {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	body, p, div {
		font-size: 16px;
		overflow-wrap: break-word;
	}
	#top_menu {
		float: none !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	#content, #container {
		max-width: 100% !important;
		margin: 0;
		box-sizing: border-box;
	}
	.left-column {
		float: left !important;
		width: 219px !important;
		margin-left: 0 !important;
		display: block !important;
		position: relative !important;
	}
	.central-column, .container-right .central-column {
		float: right !important;
		width: calc(100% - 225px) !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	.right-column {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	html {
		text-size-adjust: 100%;
	}
	.logo-image img {
		width: 28vw;
		height: auto;
                max-width: 180px;
	}
	/* ===AN THANH PHAN==== */
	.search-selectbox, .search-advanced, .select-wrap, .breadcrumbs, .left-column {
		display: none !important;
	}
	.central-column, .container-right .central-column, #content .central-column {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 2px !important;
		box-sizing: border-box !important;
	}
	/* ===== SEARCH INPUT ===== */
	/* ===== [VNE CUSTOM]: MOBILE SEARCH UI ===== */
	#vne_search_form_mobile {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		height: 30px;
		position: relative;
	}
	.vne-search-icon-only {
		display: flex !important;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		width: 40px;
		height: 40px;
		color: #bbb !important;
		font-size: 22px !important;
	}
	.search-input.vne-input-mobile {
		display: none !important;
                position: absolute;
	/*	width: 180px !important; */
		height: 30px !important;
		border-radius: 4px;
		padding: 0 10px !important;
		background: #fff !important;
                left: 50% !important;
                -webkit-transform: translateX(-50%); 
                transform: translateX(-50%);
	}
	.vne-search-open .vne-input-mobile {
		display: block !important;
	}
	.vne-search-open .vne-search-icon-only {
		display: none !important;
	}
	/* ===== (PRODUCT DETAIL) ===== */
	.product-main-info .image-border {
		float: none !important;
		width: 100% !important;
	}
	.image-border {
		float: none;
	}
	.product-main-info .product-info {
		float: none !important;
		width: 100% !important;
		padding-left: 2px;
	}
	.product-info .discount-label, .product-info .in-stock, .product-info .product-list-field, .product-info [id^="qty_update_"], .product-info .buttons-container {
		display: block;
		margin: 6px 0;
	}
	/* ===== DANH SÁCH (LISTING/HOME) ===== */
	.product-container .product-item-image {
		float: none !important;
		width: 100% !important;
		margin-bottom: 8px;
		text-align: center;
	}
	.product-container .product-info {
		float: none !important;
		width: 100% !important;
		padding-left: 0;
	}
        /* ===== TRANG SEARCH======*/
        .product-container, .product-container * {
                float: none !important;
         }

  
        .product-container {
                display: flex !important;
                flex-direction: column !important;
        }

  
        .product-container .product-item-image {
                width: 100% !important;
                order: 1;
                margin-bottom: 8px;
                text-align: center;
         }

  
        .product-container .prices-container {
               width: 100% !important;
               order: 2;
               margin-bottom: 6px;
        }
        .product-info .discount-label{
              width: 80px;
         }

 
         .product-container .in-stock,
              .product-container [id^="product_amount_update_"] {
              width: 100% !important;
              order: 3;
          }

  
         .product-container .product-descr {
              width: 100% !important;
              order: 4;
              margin-top: 6px;
          }

	/* ===== ANH BAI VIET ===== */
	.product-main-info .product-item-image {
		float: none !important;
		width: 100% !important;
		text-align: center;
		margin: 20px 0;
	}
	/* ===== FORM & TABLE ===== */
	.form-field input, .input-textarea {
		margin-left: 0 !important;
	}
	.form-field label {
		width: 100px;
	}
	table td, th {
		word-break: normal;
	}
       .inline-gallery img { width:100%; margin:0 0 12px 0; }
}
@media screen and (max-width: 480px) {
       .related-posts-box {
                width: 100%;
                padding: 10px 5px;
                box-sizing: border-box;
    
       }
}