body .search.results .toolbar.toolbar-products{
	position: relative !important;
}

body .search.results .item span.product-image-container{
	width: 300px !important;
	height: 250px!important;
}

body .search.results .block .item a:link,a:visited{
	color:white;
	text-decoration:none;
}

body .search.results .block .item a:hover{
	color:#F1C400;
	text-decoration: underline;
}

body #card-info a, a:visited{
	color:white;
}

body #card-info a:hover {
	color: #F1C400;
	text-decoration: underline;
}

body #edit-info a, a:visited {
    font-size: 14px !important;
    color: white !important;
    border: 1px solid white !important;
    border-radius: 5px !important;
    padding: 5px 20px !important;
}

body #edit-info a:hover {
    font-size: 14px !important;
    color: #F1C400 !important;
    border: 1px solid #F1C400 !important;
    border-radius: 5px !important;
    padding: 5px 20px !important;
}

body #add-new-address:hover{
	border:1px solid #F1C400;
	color:#F1C400;
}

body #add-new-address:hover span{
	color:#F1C400;
}

body #set-to-default-billing:hover{
	border:1px solid #F1C400;
	color:#F1C400;
}

body #set-to-shipping-billing:hover{
	border:1px solid #F1C400;
	color:#F1C400;
}

body .customer-info edit-action

body .order-history-point-header a, a:visited{
	color:white;
}

body .order-history-point-header a:hover {
	color: #F1C400;
	text-decoration: underline;
}

body .order-history-point a, a:visited{
	color:white;
}

body .order-history-point a:hover {
	color: #F1C400;
	text-decoration: underline;
}

body #address-info a, a:visited{
	color:white;
}

body #address-info a:hover {
	color: #F1C400;
	text-decoration: underline;
}

body .order-point-thead span {
    font-family: 'Prachason'!important;
}

body .info-content table {
	font-family: 'Prachason'!important;
	background: #4d4d4d;
	border-radius: 5px;
	margin-top:10px;
}

body .info-content table > thead > tr > th, table > tbody > tr > th,body .info-content  table > tfoot > tr > th,body .info-content  table > thead > tr > td,body .info-content  table > tbody > tr > td,body .info-content  table > tfoot > tr > td{
	padding: 14px 40px;
}

body .info-content tr[role=rowz]{
	border-bottom: 0px solid white;
}

body .info-content tr td a {
	font-family: 'Prachason'!important;
	color: white;
	text-decoration: underline;
}

body .info-content tr td a:hover {
	font-family: 'Prachason'!important;
	color: #F1C400;
	text-decoration: underline;
}

body .info-content tr td a:visited {
	font-family: 'Prachason'!important;
	text-decoration: underline;
}

body .order-history-info-content table {
	font-family: 'Prachason'!important;
	background: #4d4d4d;
	border-radius: 5px;
	margin-top:10px;
}

body .order-history-info-content table > thead > tr > th,body .order-history-info-content  table > tbody > tr > th,body .order-history-info-content  table > tfoot > tr > th,body .order-history-info-content  table > thead > tr > td,body .order-history-info-content  table > tbody > tr > td,body .order-history-info-content  table > tfoot > tr > td{
	padding: 14px 40px;
}

body .order-history-info-content tr[role=rowz]{
	border-bottom: 0px solid white;
}

body .order-history-info-content tr td a {
	font-family: 'Prachason'!important;
	color: white;
	text-decoration: underline;
}

body .order-history-info-content tr td a:hover {
	font-family: 'Prachason'!important;
	color: #F1C400;
	text-decoration: underline;
}

body .order-history-info-content tr td a:visited {
	font-family: 'Prachason'!important;
	text-decoration: underline;
}

body .order-history-point-content table {
	font-family: 'Prachason'!important;
	background: #4d4d4d;
	border-radius: 5px;
	margin-top:10px;
}

body .order-history-point-content table > thead > tr > th,body .order-history-point-content  table > tbody > tr > th,body .order-history-point-content  table > tfoot > tr > th,body .order-history-point-content  table > thead > tr > td,body .order-history-point-content  table > tbody > tr > td,body .order-history-point-content  table > tfoot > tr > td{
	padding: 14px 40px;
}

body .order-history-point-content tr[role=rowz]{
	border-bottom: 0px solid white;
}

body .order-history-point-content tr td a {
	font-family: 'Prachason'!important;
	text-decoration: underline;
}

body .order-history-point-content tr td a:hover {
	font-family: 'Prachason'!important;
	color: #F1C400;
	text-decoration: underline;
}

body .order-history-point-content tr td a:visited {
	font-family: 'Prachason'!important;
	color: #F1C400;
	text-decoration: underline;
}

body .order-history-content table {
	font-family: 'Prachason'!important;
	background: #4d4d4d;
	border-radius: 5px;
	margin-top:10px;
}

body .order-history-content table > thead > tr > th,body .order-history-content  table > tbody > tr > th,body .order-history-content  table > tfoot > tr > th,body .order-history-content  table > thead > tr > td,body .order-history-content  table > tbody > tr > td,body .order-history-content  table > tfoot > tr > td{
	padding: 14px 20px;
}

body .order-history-content tr[role=rowz]{
	border-bottom: 0px solid white;
}

body .order-history-content tr td a, a:visited {
	font-family: 'Prachason'!important;
	color: white;
	text-decoration: underline;
}

body .order-history-content tr td a:hover {
	font-family: 'Prachason'!important;
	color: #F1C400;
	text-decoration: underline;
}

body .box-content{
	font-family: 'Prachason'!important;
}

body .card-img{
	display:none;
}

.pagi-active{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #F1C400;
}

.pagi-normal{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

body .field.password.current.required{
	width:100% !important;
}

body #current-password{
	width: 50% !important;
}

body #imgCurrentPass{
	margin-top:-33px;
	margin-left:450px;
}

body .field.new.password.required{
	width:100% !important;
}

body #password{
	width: 50% !important;
}

body #imgNewPass{
	margin-top:-33px;
	margin-left:450px;
}

body .field.confirmation.password.required{
	width:100% !important;
}

body #password-confirmation{
	width: 50% !important;
}

body #imgConfirmPass{
	margin-top:-33px;
	margin-left:450px;
}

body.account.sales-order-history .order-products-manu-button{
	width: 65% !important;
	padding-left: 3% !important;
}

body.account.sales-order-history #button-change-product{
	margin: 0 0px !important;
}

body.account.sales-order-history #button-view-order{
	width: 147px !important;
}

.mpblog-post-view .post-view-image{
	margin-bottom: 40px;
}

.mp-info{
	color: white;
	border: 1px solid white;
	padding: 5px;
	margin-right: 10px;
}

.mp-info:hover{
	color: #F1C400;
	border: 1px solid #F1C400;
	padding: 5px;
	margin-right: 10px;
}

.mp-info:active{
	color: #F1C400;
	border: 1px solid #F1C400;
	padding: 5px;
	margin-right: 10px;
}

/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {
		
		body .search.results .item span.product-image-container{
			width: 300px !important;
			height: auto !important;
		}
		body .toolbar.toolbar-products .field.limiter{
			margin-top: -40px;
		}
		
		body .search.results .item.product.product-item{
			display: inline-block;
		}
		
		body h1.page-title{
			margin-top: 25px;
		}

		/* Force table to not be like tables anymore */
		body .info-content tr[role=rowz]{
			border-bottom: 0px solid white;
		}
		
		body .info-content table,body .info-content  thead,body .info-content  tbody,body .info-content  th,body .info-content  td,body .info-content  tr {
			display: block;
			background: #4d4d4d;
			font-family: 'Prachason'!important;
			border-radius: 5px;
			margin-top:10px;
		}
		
		body .order-history-info-content tr[role=rowz]{
			border-bottom: 0px solid white;
		}
		
		body .order-history-point-content tr[role=rowz]{
			border-bottom: 0px solid white;
		}
		
		body .order-history-point-content table,body .order-history-point-content  thead,body .order-history-point-content  tbody,body .order-history-point-content  th,body .order-history-point-content  td,body .order-history-point-content  tr {
			display: block;
			background: #4d4d4d;
			font-family: 'Prachason'!important;
			border-radius: 5px;
			margin-top:10px;
		}
		
		body .order-history-content tr[role=rowz]{
			border-bottom: 0px solid white;
		}
		
		body .order-history-content table,body .order-history-content  thead,body .order-history-content  tbody,body .order-history-content  th,body .order-history-content  td,body .order-history-content  tr {
			display: block;
			background: #4d4d4d;
			font-family: 'Prachason'!important;
			border-radius: 5px;
			margin-top:10px;
		}
		
		body .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before{
			color:white !important;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		body .info-content thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		body .info-content tr[role=rowz] {
		  margin: 0px 20px 1rem 20px;
		  border-bottom: 1px solid white;
		  border-radius: 0px;
		}
		
		body .order-history-info-content thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		body .order-history-info-content tr[role=rowz] {
		  margin: 0px 20px 1rem 20px;
		  border-bottom: 1px solid white;
		  border-radius: 0px;
		}
		
		body .order-history-point-content thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		body .order-history-point-content tr[role=rowz] {
		  margin: 0px 20px 1rem 20px;
		  border-bottom: 1px solid white;
		  border-radius: 0px;
		}
		
		body .order-history-content thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		body .order-history-content tr[role=rowz] {
		  margin: 0px 20px 1rem 20px;
		  border-bottom: 1px solid white;
		  border-radius: 0px;
		}
		
		/*body .order-history-point-content tr[role=rowz]:last-child {
		  border-bottom: 0px solid white;
		}*/
		body .info-content td {
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding-left: 50%;
		}

		body .info-content td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 40px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		
		body .order-history-info-content td {
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding-left: 50%;
		}

		body .order-history-info-content td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 40px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
    
		body .order-history-point-content td {
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding-left: 50%;
		}

		body .order-history-point-content td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 40px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		
		body .order-history-content td {
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding-left: 50%;
		}

		body .order-history-content td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 40px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		
		body .box.box-information .box-content .customer-info .header{
			height:25px;
		}
		
		body .box.box-information .box-content .customer-info .content{
			height:50px;
		}
		
		body .block-dashboard-addresses .block-content > .box{
			width:100% !important;
		}
		
		body .card-point{
			display:none !important;
		}
		
		body .card-point-data{
			margin-top:75px !important;
			width:100% !important;
			height:284px !important;
			border-radius:5px;
		}
		
		body .card-img{
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top:-100px;
			margin-bottom:10px;"
		}
		
		body .field.password.current.required{
			width:100% !important;
		}
		
		body #current-password{
			width: 80% !important;
		}
		
		body #imgCurrentPass{
			margin-top:-33px;
			margin-left:370px;
		}
		
		body .field.new.password.required{
			width:100% !important;
		}

		body #password{
			width: 80% !important;
		}
		
		body #imgNewPass{
			margin-top:-33px;
			margin-left:370px;
		}
		
		body .field.confirmation.password.required{
			width:100% !important;
		}

		body #password-confirmation{
			width: 80% !important;
		}
		
		body #imgConfirmPass{
			margin-top:-33px;
			margin-left:370px;
		}
		
		body .customer-account-edit .column.main .form-edit-account .fieldset .field:not(.choice), .customer-account-edit .column.main .form-edit-account .fieldset-fullname .field:not(.choice) {
			width: 100% !important;
		}
		
		body.account.sales-order-history .order-products-cargo-tracking-all{
			padding: 0px 0px !important;
			margin-top: 40px !important;
		}

		body.account.sales-order-history .order-products-cargo-tracking-no-1-img img, .order-products-cargo-tracking-no-2-img img, .order-products-cargo-tracking-no-3-img img, .order-products-cargo-tracking-no-4-img img, .order-products-cargo-tracking-no-4-4-img img, .order-products-cargo-tracking-no-5-img img{
			padding-top: 14px !important;
			margin-left: 20px !important
		}
		
		body.account.sales-order-history #button-view-order{
			margin-top: 10px;
			width: 147px !important;
		}
		
		body .table-wrapper{
			border-top: 0px !important;
			border-bottom: 0px !important;
		}
		
		body .block-dashboard-info-top{
			margin-left:10px;
			margin-right:10px;
		}
		
		body .customer-card-point-top{
			margin-left:10px;
			margin-right:10px;
		}
		
		body .customer-card-point{
			margin-left:10px;
			margin-right:10px;
			width: 95%;
		}
		
		body .order-history-point{
			margin-left:10px;
			margin-right:10px;
		}
		
		body .address-info{
			margin-left:10px;
			margin-right:10px;
		}
		
		body .box.box-billing-address{
			margin-left:10px;
			margin-right:10px;
		}

		body .box.box-shipping-address{
			margin-left:10px;
			margin-right:10px;
		}
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		body .info-content td:nth-of-type(1):before { content: "Name"; }
		body .info-content td:nth-of-type(2):before { content: "Email"; }
		body .info-content td:nth-of-type(3):before { content: "Password"; }
		body .info-content td:nth-of-type(4):before { content: ""; }
		
		body .order-history-info-content td:nth-of-type(1):before { content: "รายการสั่งซื้อ #"; }
		body .order-history-info-content td:nth-of-type(2):before { content: "วันที่สั่งซื้อ"; }
		body .order-history-info-content td:nth-of-type(3):before { content: "ราคารวม"; }
		body .order-history-info-content td:nth-of-type(4):before { content: "สถานะ"; }
		body .order-history-info-content td:nth-of-type(5):before { content: "คำสั่งซื้อ"; }
		
		body .order-history-point-content td:nth-of-type(1):before { content: "เลขที่สั่งซื้อ"; }
		body .order-history-point-content td:nth-of-type(2):before { content: "วันที่สั่งซื้อ"; }
		body .order-history-point-content td:nth-of-type(3):before { content: "ราคา"; }
		body .order-history-point-content td:nth-of-type(4):before { content: "คะแนน"; }
		
		body .order-history-content td:nth-of-type(1):before { content: "รายการสั่งซื้อ"; }
		body .order-history-content td:nth-of-type(2):before { content: "วันที่"; }
		body .order-history-content td:nth-of-type(3):before { content: "ยอดสั่งซื้อรวม"; }
		body .order-history-content td:nth-of-type(4):before { content: "สถานะ"; }
		body .order-history-content td:nth-of-type(5):before { content: "เลขติดตามพัสดุ"; }
		body .order-history-content td:nth-of-type(6):before { content: "การกระทำ"; }
	}
	

	@media only screen and (device-width: 768px), print{
		body .nav-toggle {
			display: block;
		}
		body .header.content .panel.wrapper .header-custom-block .header-custom-right{
			float: right;
			margin-right: 40px;
			margin-top: -14px;
		}
		body .header.content .panel.wrapper .header-custom-block .header-custom-right .custom-header-top-search{
			margin-left: 70%;
			margin-right: 10px;
		}
		body .header.content .panel.wrapper .header-custom-block .header-custom-right .minicart-wrapper{
			border:0px solid;
		}
		body .header.content .panel.wrapper .header-custom-block .header-custom-right .block-minicart{
			width: 60% !important;
		}
	}