@charset "utf-8";

/* CSS Document */



@media all and (max-width: 1220px) {

	header {

		width:100%;

	}

	/* Menu */

	nav {

	  width:100% !important;

	}

	nav ul {

	  font-size:0px;

	  padding:0 0.5% 0 0.5% !important;

	}

	nav ul li {

	  padding:10px 0 10px 0;

	}

	.menu ul li a {

		padding:10px 13px 10px 13px;

	}

	.menu ul li a:hover {

		padding:10px 13px 10px 13px;

	}

	/* Menu */

	/* Search Bar */

	#searchbar {

		width: 98%;

		height: 40px;

		margin:0 1% 20px 1%;

		border-radius:0 0 5px 5px;

	}

	 #searchtyptxt {

		padding:0 1% 0 1%;

		width:90%;

	} 

	/* Search Bar */

	.content-wrapper {

    	width:100%;

	}

	.marketprod-wrapper {

		width:98%;

		margin-left:1%;

		margin-right:1%;

	}

	.normalprod-wrapper {

		width:100%;

	}

	.col-1-2 {

    	width:99%;

		padding:0 0.5% 0 0.5%;

	}

	.col-1-2 .col-1 {

    	width:64%;

    	margin:0 0.5% 0 0.5%;

	}

	.col-1-2 .col-2 {

		width:34%;

		margin:0 0.5% 0 0.5%;

		height:auto;

	}

	/* Home Franchise News */

	.full-col {

    	width:99%;

		padding:30px 0.5% 0 0.5%;

	}

	.full-colsupp {

		width:99%;

		padding:30px 0.5% 0 0.5%;

	}

	.hmkewihsme {

		width:99%;

		padding:40px 0.5% 10px 0.5%;

	}

	.homeshfran {

		width:99%;

		padding:10px 0.5% 30px 0.5%;

	}

	.honeline {

    	width:66%;

		padding:0 0 25px 1%;

	}

	.viewallnews {

    	width:32%;

		padding-right:1%;

	}

	.shcontlop {

    	width:23.8%;

    	margin:0 0.5% 0 0.5%;

	}

	.hcovrank {

		width:76%;

		padding:30px 1% 20px 1%;

		margin:0 1% 0 1%;

	}

	.hhshfran {

    	width:23.8%;

    	margin:0 0.5% 0 0.5%;

	}

	.hshowlotionpl-wh {

    	width:23.5% !important;

		margin:0 0.5% 0 0.5% !important;

	}

	.col4banner {

    	width:23.8%;

		margin:0 0.5% 0 0.5%;

		text-align:center;

	}

	.col1banner {

    	width:23.8%;

    	margin:10px 0.5% 0 0.5%;

	}

	.col4banner1 img {

		max-width:100%;

		height:auto;

	}

	.col4banner2 img {

    	width:100%;

		height:auto;

	}

	.newloadd {

		width:73%;

		padding:20px 2.5% 20px 2.5%;

		margin:10px 0.5% 0 0.5%;

	}

	/* Home Franchise News */

	/* Home Top Franchise */

	.hometopfran {

    	width:23.8%;

    	margin:0 0.5% 0 0.5%;

	}

	.minithreecol {

    	width:74%;

	}

	.revcontlist img {

		max-width:70%;

	}

	.dispranklist img {

		max-width:70%;

	}

	.hdrtopfran {

	    padding:30px 5% 30px 5%;

		line-height:28px;

	}

	.shcontlop-wh {

    	width:auto;

    	margin:0 2% 0 2%;

	}

	.hintfrans {

    	padding:30px 0 30px 1%;

    	width:64%;

	}

	.viewallintfrans {

    	width:34%;

    	margin:35px 0 0 1%;

	}

	/* Home Top Franchise */

	/* Home Franchise Category */

	.homecategory {

    	width:99%;

    	margin:10px 0.5% 20px 0.5%;

	}

	.homecat1 {

    	width:49%;

    	margin:0 0.5% 0 0.5%;

	}

	.homecat2 {

    	width:24%;

    	margin:0.5% 0.5% 0 0.5%;

	}

	.homecat3 {

    	width:24%;

    	margin:0.5% 0.5% 0 0.5%;

	}

	.padhomecat {

    	margin:1% 0 0 0;

	}

	/* Home Franchise Category */

	/* Home New Franchise */

	.homenewfrans {

    	width:99%;

		padding:10px 0.5% 10px 0.5%;

	}

	.honeline {

    	width:66%;

		padding:0 0 25px 1%;

	}

	.viewallnews {

    	width:32%;

		padding-right:1%;

	}

	.hnewfrans {

		width:66%;

    	padding:0 0 30px 1%;

	}

	.viewallfransnews {

		width:32%;

		padding-right:1%;

	}

	.hnewslop-wh {

		width:18.8%;

		margin:0 0.5% 0 0.5%;

	}

	.shownewsbann {

		width:18.8%;

		margin:0 0.5% 0 0.5%;

	}

	.newsfransbanner {

		width:100%;

		margin:0;

	}

	.showhomrakbann {

		width:18.8%;

		margin:0 0.5% 0 0.5%;

	}

	.hosirkbnnr {

		width:100%;

		margin:0;

	}

	.newsfransbanner img {

		width:100%;

		height:auto;

		margin:0;

	}

	/* Home New Franchise */

	/* Home Knowledge */

	.fullknow {

		width:99%;

		padding:40px 0.5% 10px 0.5%;

	}

	.hfranknow {

		width:66%;

    	padding:0 0 30px 1%;

	}

	.viewallfranknow {

		width:32%;

		padding-right:1%;

	}

	/* Home Knowledge */

	/* Home Horo */

	.fullhoro {

		width:99%;

		padding:40px 0.5% 40px 0.5%;

	}

	.hnewslop-bl {

		width:18.8%;

		margin:0 0.5% 0 0.5%;

	}

	/* Home Horo */

	/* Footer */

	.footer-wrapper {

		width:99%;

		padding:40px 0.5% 0 0.5%;

	}

	.footcol {

		width:19%;

		margin:0 0.5% 0 0.5%;

	}

	/* Franchise List */

	.listrecfrans-wh {

		width:auto;

	}

	.hedlistfrans {

		padding:5px 0 30px 1%;

		width:66%;

	}

	.addfranslistbutt {

		width:30%;

		float:left;

		padding:10px 2% 10px 0;

	}

	.shlistfrans-wh {

		width:31%;

		margin:10px 1% 10px 1%;

	}

	.shlistlocaton-wh {

		width:31%;

		margin:10px 1% 10px 1%;

	}

	.shfrannewknow-wh {

		width:31%;

		margin:10px 1% 10px 1%;

	}

	.col4bannerinside {

    	width:23.8%;

    	margin:0 0.5% 0 0.5%;

	}

	.col4bannerinside1 img {

    	width:100%;

		height:auto;

	}

	/* Franchise List */

	/* Franchise Recommended */

	.mainrecfrans {

		width:auto;

	}

	/* Franchise Recommended */

	/* Franchise Detail */

	.frannamedetail {

		width:100%;

		float:left;

	}

	.frandetail2col {

		width:98%;

		padding:0 1% 0 1%;

	}

	/*

	.francolone {

		width:66%;

		padding:0 0.5% 0 0.5%;

	}

	.francoltwo {

		width:32%;

		padding:0 0.5% 0 0.5%;

	}

	*/

	.francolone {

		width:70%;

		padding:0 0.5% 0 0.5%;

	}

	.francoltwo {

		width:28%;

		padding:0 0.5% 0 0.5%;

	}

	.searchcolone {

		width:66%;

		padding:0 0.5% 0 0.5%;

	}

	.searchcoltwo {

		width:32%;

		padding:0 0.5% 0 0.5%;

	}

	.shorecfrans-wh {

		width:18%;

		margin:20px 1% 0 1%;

	}

	.shoreclotio-wh {

		width:18%;

		margin:20px 1% 0 1%;

	}

	.leftdetablue {

		width:86%;

		padding:15px 7% 15px 7%;

		margin:0 0 20px 0;

	}

	.leftdetagray {

		width:86% !important;

		padding:35px 7% 25px 7%;

	}

	.leftdetagray.fixed{

		width:26.5% !important;

		padding:35px 2% 25px 2%;

	}

	.leftrank {

		width:100%;

		float:left;

		border-radius:3px;

		padding:0;

	}

	.leftrank.fixed {

		width:27.5% !important;

		position:fixed;

		top:20px;

		z-index:999;

	}

	/* Franchise Detail */

	/* Interview */

	.colinterview-1-2 {

		width:99%;

		margin:0 0.5% 20px 0.5%;

	}

	.colinterview-1-2 .intcol-1 {

		width:67%;

	}

	.colinterview-1-2 .intcol-2 {

		width:32%;

		margin:0 0.5% 0 0.5%;

		height:auto;

	}

	.colinterview-1-2 .eventcol-2 {

		width:32%;

		float:left;

		margin:0 0.5% 0 0.5%;

	}

	.topinterview {

		width:48%;

		margin:0 1% 0 1%;

	}

	.topnewsknow {

		width:48%;

		margin:0 1% 0 1%;

	}

	/* Interview */

	.hobrknews {

		width:100%;

		margin:0;

	}

	.covdearea {

		width:98%;

		margin:0 1% 20px 1%;

	}

	.hlomarplace {

		margin:30px 1% 20px 1% !important;

		display:inline-block;

	}

	.hlomarplace .honeline {

		padding-bottom:20px;

	}

	.full-wrap-toppro {

		width:98%;

		margin:25px 1% 0 1%;

	}

	.promleft {

		box-sizing: border-box;

		width:50%;

		float:left;

		background-image:url(../images/promotion.jpg);

		background-position:center center;

		background-size:cover;

		border-radius:5px 0 0 5px;

	}

	.promleft img {

		display:none;

	}

	ul.storedetail {

		margin:15px 0 0 0;

		padding:0;

	}

	ul.storedetail li {

		width:50%;

		display:inline-block;

		font-size:16px;

		margin:0;

		padding:10px 0 10px 0;

		color:#666666;

	}

}



@media all and (max-width: 1100px) {

	nav ul {

	  	padding:0 !important;

	}

	.wrapper-menu {

		border-bottom:solid#e5e5e5 1px;

	}

	.menu {

		margin:22px 0 0 0;

	}

	.disp-nav {

		width:100%;

		border-bottom:0px;

	}

	.hdrleft {

		width:25%;

	}

	.hdrright {

		width:75%;

		text-align:right;

	}

	.hdrsearch {

		position:absolute;

		line-height:auto;

		padding:0;

		top:58px;

		right:18px;

	}

	.hdrsocial {

		position:absolute;

		top:58px;

		right:25px;

		border-right:0px;

		line-height:auto;

	}

	.hdrsocial ul li {

		display:inline;

		padding:10px 7px 10px 3px;

	}

	.hdraddfran p {

		padding:0 20px 0 15px;

		border-right:0px;

	}

	.dipcalcont .colleft {

		display:none;

	}

	.dipcalcont .colright {

		box-sizing: border-box;

		width:100%;

		float:left;

	}

	.dipcalcont .colright .rightcontent {

		box-sizing: border-box;

		width:100%;

		padding:30px 30px 30px 30px;

	}

}



@media all and (max-width: 1000px) {

	.topbanner {

		width:98%;

		text-align:center;

		margin:25px 1% 0 1%;

		display:inline-block;

	}

	.topbanner img {

		width:100%;

		height:auto;

	}

	.midbanner {

		width:98%;

		text-align:center;

		margin:25px 1% 10px 1%;

		display:inline-block;

	}

	.midbanner img {

		width:100%;

		height:auto;

	}

	.conformarea {

		width:98%;

		margin:0 1% 0 1%;

		padding:40px 20px 40px 20px;

	}

	.conaddrarea {

		width:98%;

		margin:0 1% 0 1%;

	}

	ul.storedetail {

		margin:25px 0 0 0;

		padding:0;

	}

	ul.storedetail li {

		width:100%;

		display:inline-block;

		font-size:16px;

		margin:0;

		padding:10px 0 10px 0;

		color:#666666;

	}

	.locoff-hdr-inside-left .loclogo {

		width:9%;

		margin:0 1% 0 0;

	}

	.locoff-hdr-inside-left .loctinfo {

		width:90%;

	}

	.locoff-hdr-inside-left .loctinfo  ul {

		display:none;

	}

	.loctednamewpak {

		margin:0;

	}

	.locoff-hdr-inside-left .loctinfo  h1 {

		width:100%;

		font-size:22px;

		line-height:30px;

		margin:0;

	}

	.bordshwcust {

		width:100%;

		display:block;

		margin:4px 0 0 0;

	}

	.locoff-hdr-inside-right .btrentloc a {

		color:#FFFFFF;

	}

	.hdrflrplan .hdrrecleft {

		width:100%;

		display:inline-block;

		text-align:center;

	}

	.hdrflrplan .hdrrecright {

		width:100%;

		float:right;

		text-align:center;

	}

	.hdrflrplan .hdrrecright a {

		width:auto;

		padding:10px 0 0 0;

	}

	.tabcont .maintab li {

		margin:0 5px 10px 5px;

	}

	.categolist .catgolistimg img {

		max-width:60%;

		height:auto;

	}

	.normalprodarea .normalprodlist {

		width:23%;

		margin:10px 1% 10px 1%;

	}

}



@media all and (max-width: 900px) {

	.bskncontainer {

		display: inline-block;

	}

	.grid-cell-1 {

		width:98%;

		float:left;

		margin:1%;

	}

	.grid-cell-2 {

		width:48%;

		float:left;

		margin:1%;

	}

	.grid-cell-3 {

		width:48%;

		float:left;

		margin:1%;

	}

	.grid-cell-4 {

		width:48%;

		float:left;

		margin:1%;

	}

	.grid-cell-5 {

		width:48%;

		float:left;

		margin:1%;

	}

	.bsknhilgt .bsknhilarea .knobizhdr ul li {

		width:100%;

		text-align:center;

	}

	.bsknhilgt .bsknhilarea .knobizhdr ul li:last-child {

		text-align:center;

		margin:20px 0 10px 0;

	}

	.tpbnhilit .coleft {

		width:48%;

		margin:0 1% 0 1%;

	}

	.tpbnhilit .coleft .cenbox {

		display: inline-block;

	}

	.tpbnhilit .coleft .cenbox .imgbox {

		width:100%;

		float:left;

	}

	.tpbnhilit .coleft .cenbox .disptxtbox {

		width:100%;

		float:left;

	}

	.allnwkndge {

		text-align:center;

	}

}



@media all and (max-width: 820px) {

	.col-1-2 .col-1 {

    	width:59%;

    	margin:0 0.5% 0 0.5%;

	}

	.col-1-2 .col-2 {

		width:39%;

		margin:0 0.5% 0 0.5%;

		height:auto;

	}

	.homevdo-txt {

		display:none;

	}

	.intcol-2 p.homevdo-txt {

		display:block;

		font-family: 'Pridi', serif;

		color:#FFFFFF;

		padding:15px;

		font-size:16px;

		line-height:24px;

	}

	.homemainhline {

		margin:-5px 0 0 0;

		padding:0 0 10px 10px;

	}

	.shcontlop {

    	width:48.5%;

    	margin:15px 0.5% 0 0.5%;

	}

	/*

	.shlistfrans-wh {

		width:47.5%;

		margin:10px 1% 10px 1%;

	}

	*/

	.hcovrank {

		width:97.5%;

		padding:30px 0 10px 0.7%;

		margin:0 1% 0 1%;

	}

	.showhomrakbann {

		width:98%;

		margin:0 1% 0 1%;

		text-align:center;

	}

	.hosirkbnnr ul li {

		width:50%;

		display:inline;

		padding:30px 0 20px 0;

		margin:0;

		float:left;

	}

	.home-vid-left {

		width:98%;

		padding:0;

		margin:0 1% 0 1%;

	}

	.homhivdo {

		width:96%;

		margin:0 2% 0 2%;

	}

	.home-vid-right {

		width:100%;

		float:left;

		padding:0 1% 0 1%;

	}

	.home-levid-list {

		width:46%;

		padding:3% 2% 0 2%;

		float:left;

	}

	.home-levid-list .shpic {

		position: static;

	}

	.home-levid-list .shpic img {

		width:100%;

		height:auto;

		border-radius:5px 5px 0 0;

	}

	.home-levid-list .shpic .shinfo {

		position:static;

		padding:10px;

		background-color: rgba(0, 0, 0, 0);

		border-radius:0 0 5px 5px;

	}

	.main-vid-left {

		width:100%;

		padding:0;

	}

	.main-vid-right {

		width:100%;

		padding:0;

	}

	.main-levid-list {

		width:48%;

		padding:1% 1% 0 1%;

		float:left;

	}

	.maifodleft {

		width:98%;

		margin:0 1% 0 1%;

	}

	.maifodright {

		width:100%;

		float:left;

		padding:2% 0 10px 0;

	}

	.hilmidfod {

		width:48%;

		padding:0 0 0 0;

		margin:0 1% 0 1%;

		float:left;

	}

	.mainhivdo {

		width:98%;

		margin:0 1% 0 1%;

	}

	.full-bg-main-location .shranknum {

		float:left;

	}

	.full-bg-main-location .shranknum img {

		width:100%;

		height:auto;

		border-radius:5px 5px 0 0;

	}

	.full-bg-main-location .shranknum .shpic {

		overflow: hidden;

		/* position: static; */

	}

	/*

	.full-bg-main-location .shranknum .shpic .shinfo {

		position:static;

	}

	*/

	.full-bg-main-location .shranknum .shpic .shinfo .shnurk {

		display:none;

	}

	.full-bg-main-location .shranknum .shpic .shinfo .shnaclip {

		margin-top:-5px;

		width:100%;

		color:#FFFFFF;

		background-color:#333333;

		border-radius:0 0 5px 5px;

	}

	.full-bg-main-food .shranknum, .full-ranknum .shranknum {

		float:left;

	}

	.full-bg-main-food .shranknum img, .full-ranknum .shranknum img {

		width:100%;

		height:auto;

		border-radius:5px 5px 0 0;

	}

	.full-bg-main-food .shranknum .shpic, .full-ranknum .shranknum .shpic {

		overflow: hidden;

		position: static;

	}

	.full-bg-main-food .shranknum .shpic .shinfo, .full-ranknum .shranknum .shpic .shinfo {

		position:static;

	}

	.full-bg-main-food .shranknum .shpic .shinfo .shnurk, .full-ranknum .shranknum .shpic .shinfo .shnurk {

		display:none;

	}

	.full-bg-main-food .shranknum .shpic .shinfo .shnaclip, .full-ranknum .shranknum .shpic .shinfo .shnaclip {

		margin-top:-5px;

		width:100%;

		color:#FFFFFF;

		background-color:#333333;

		border-radius:0 0 5px 5px;

	}

	.homefoodarea .hfaleft {

		width:100%;

		padding:0;

		margin:15px 0 0 0;

	}

	.homefoodarea .hfaright {

		width:100%;

		float:left;

		margin:0;

	}

	.homefoodarea .hfaleft .hilifood {

		width:100%;

		padding:0 2% 0 2%;

	}

	.homefoodarea .hfaright .hilifood {

		width:50%;

		padding:2% 2% 2% 2%;

	}

	.homefoodarea .hfaright .hilifood .shpic {

		overflow: hidden;

		position: static;

	}

	.homefoodarea .hfaright .hilifood .shpic img {

		width:100%;

		height:auto;

		border-radius:5px 5px 0 0;

	}

	.homefoodarea .hfaright .hilifood .shpic .shinfo {

		margin-top:-5px;

		position:static;

		width:100%;

		padding:10px 15px 10px 15px;

		background-color: rgba(255, 255, 255, 1);

		color:#000000;

	}

	.hhshfran {

    	width:48.5%;

    	margin:20px 0.5% 0 0.5%;

	}

	.hdrdfrans {

		padding:0 0 10px 1%;

	}

	.hshowlotionpl-wh {

    	width:48.5% !important;

    	margin:15px 0.5% 0 0.5% !important;

	}

	.col4banner {

    	width:48.5%;

    	margin:15px 0.5% 0 0.5%;

	}

	.col1banner {

    	width:98%;

    	margin:15px 1% 0 1%;

	}

	.col1banner .col4banner1 img {

		width:275px;

		height:auto;

	}

	.newloadd {

		width:98%;

		padding:20px 5% 20px 5%;

		margin:10px 1% 0 1%;

	}

	.honeline {

    	width:66%;

		padding:0 0 25px 1%;

	}

	.hnewslop-wh {

		width:32%;

		margin:15px 0.5% 0 0.5%;

	}

	.shownewsbann {

		width:32%;

		margin:15px 0.5% 0 0.5%;

	}

	.hnewfrans {

		width:66%;

    	padding:0 0 10px 1%;

	}

	.hfranknow {

		width:66%;

    	padding:0 0 20px 1%;

	}

	.hnewslop-bl {

		width:32%;

		margin:15px 0.5% 0 0.5%;

	}

	.hometopfran {

    	width:99%;

    	margin:0 0.5% 0 0.5%;

	}

	.minithreecol {

    	width:100%;

	}

	.revcontlist img {

		max-width:100%;

	}

	.dispranklist img {

		max-width:100%;

	}

	.hdrshrbut {

		width:98%;

		padding:25px 1% 0 1%;

	}

	.share-buttons {

		width:96%;

		padding:5px 1% 15px 1%;

		float:left;

	}

	.fradtshcte {

		width: 98%;

		margin: 0 1% 0 1%;

		float: left;

		color: #666666;

	}

	.inshdwconfm {

		width:100%;

		padding:0 0 10px 0;

	}

	.viewallintfrans {

    	width:33%;

    	margin:35px 0.5% 0 0.5%;

	}

	.hometopfran ul {

		padding:0 0 20px 0;

		float:left;

	}

	.hometopfran ul li {

		width:46%;

		float:left;

		display:inline;

		border-top:solid#CCCCCC 1px;

		padding:10px 2% 10px 2%;

		font-family:'Sarabun', sans-serif;

		font-size:16px;

		line-height:26px;

	}

	.topbanner {

		display:none;

	}

	.topsmallbanner {

		display:block;

		width:98%;

		text-align:center;

		margin:15px 1% 0 1%;

	}

	.topsmallbanner img {

		width:100%;

		height:auto;

	}

	.sumcartaber {

		width:100% !important;

		padding:0 1% 10px 1%;

	}

	.cusbuinfo {

		width:98% !important;

		float:left;

		margin:10px 1% 0 1% !important;

	}

	.checform-info {

		width:90% !important;

		margin:50px auto;

	}

	.cartarea h2 {

		padding:30px 2% 30px 2% !important;

	}

	.midbanner {

		display:none;

	}

	.midsmallbanner {

		width:98%;

		text-align:center;

		margin:25px 1% 10px 1%;

		display:inline-block;

	}

	.midsmallbanner img {

		width:100%;

		height:auto;

	}

	.hittopallarea {

		padding:0 1% 0 1%;

	}

	.hittopleft .shoconlfet {

		padding:0 1% 0 0;

	}

	.col4bannerinside {

		width:98%;

		margin:0 1% 0 1%;

		float:left;

		text-align:center;

	}

	.detailbanner {

		margin:40px 0 0 0;

	}

	.hdrintrenkn {

		text-align:left;

	}

	.col4bannerinside1 img {

		width:275px;

		height:auto;

		margin:15px 0 0 0;

	}

	.singeimg {

		display:none;

	}

	.francolone {

		width:98%;

		padding:0 1% 0 1%;

	}

	.francoltwo {

		width:98%;

		padding:30px 1% 0 1%;

	}

	.concolleft {

		width:98%;

		padding:0 1% 0 1%;

		margin:0 1% 0 1%;

	}

	.concolright {

		width:98%;

		padding:0 1% 0 1%;

		margin:0 1% 0 1%;

	}

	.inshdrpad {

		width:98% !important;

		padding-left:1%;

		padding-right:1%;

	}

	.searchcolone {

		width:98%;

		padding:0 1% 0 1%;

	}

	.searchcoltwo {

		width:98%;

		padding:30px 1% 0 1%;

	}

	.detailnewsknow {

		width:100%;

		margin:10px 0 0 0;

	}

	.hdrintrenkn {

		padding:20px 0 10px 1%;

	}

	.shdetanekno {

		width:48%;

		margin:10px 1% 10px 1%;

		float:left;

	}

	.shdetanekno p {

		width:96%;

		font-family: 'Sarabun', sans-serif;

		margin:7px 2% 10px 2%;

		float:left;

		font-size:16px;

		line-height:24px;

		text-align:left;

	}

	.shorecfransban {

		width:98%;

		margin:20px 1% 0 1%;

		text-align:center;

	}

	.shorecfransban img {

		width:200px;

		height:auto;

		border-radius:4px;

	}

	.shorecfrans-wh {

		width:23%;

		margin:20px 1% 0 1%;

	}

	.shoreclotio-wh {

		width:23%;

		margin:20px 1% 0 1%;

	}

	.detailrecfran {

		margin:20px 0 20px 0;

	}

	.butintfranply {

		display:block;

		position:fixed;

		bottom:40px;

		right:15px;

		z-index:99;

		background-image: linear-gradient(to right, #2e3192 , #11aef8);

		padding:7px 15px 7px 15px;

		font-family:'Sarabun', sans-serif;

		border-radius:3px;

		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

	}

	.butintfranply a {

		color:#FFFFFF;

	}

	.detailrightbanner {

		width:49%;

		text-align:center;

		margin:40px 0.5% 0 0.5%;

		float:left;

	}

	.detailrightbanner img {

		max-width:100%;

		height:auto;

		border-radius:5px;

	}

	.searchfrdropdown {

		width: 300px;

		display: inline-block;

		text-align: left;

		margin:0 5px 15px 5px;

	}

	.buttsesubmit {

		width:100%;

		display: block;

		text-align: center;

		font-size:16px;

		margin:0 5px 0 5px;

	}

	.buttsesubmit button {

		padding:11px 80px 11px 80px;

	}

	.full-wrap-toppro {

		width:98%;

		margin:25px 1% 0 1%;

	}

	.promleft {

		display:none;

	}

	.promright {

		box-sizing: border-box;

		width:100%;

		float:left;

		background-image:url(../images/bg-promo-top.png);

		background-position:left top;

		background-repeat:repeat-x;

		background-color:#be1e2d;

		padding:20px;

		border-radius:0 0 5px 5px;

	}

	.promright h1 {

		margin:60px 0 0 0;

	}

	.prom-box {

		box-sizing:border-box;

		width:100%;

		margin:50px auto;

	}

	.gotosmeform {

		display:block;

		width:100%;

		display:inline-block;

		margin:10px 0 0 0;

		padding:0;

	}

	.bizlirak ul li .shinfo p {

		font-size:18px;

		line-height:30px;

	}

	.bizlirak .investstart {

		font-size:18px !important;

		line-height:30px;

		color:#666666 !important;

	}

	.h-get-item-area {

		padding:10px 0 0 0;

	}

	.h-get-item-left {

		width:100%;

	}

	.h-get-item-left ul li {

		width:50%;

		padding:0 1% 0 1%;

	}

	.h-get-item-right {

		width:98%;

		margin:30px 1% 10px 1%;

	}

	.h-get-item-right ul li {

		font-size:18px;

		line-height:26px;

	}

	.h-get-item-right ul li p {

		padding:30px;

	}

	.viewallbottm {

		display:block;

		width:100%;

		box-sizing:border-box;

		display:inline-block;

		font-family:'Kanit', sans-serif;

		text-align:center;

		margin:40px 0 20px 0;

	}

	.viewallbottm a {

		background:#FFFFFF;

		padding:10px 30px 10px 30px;

		border-radius:30px;

		font-size:16px;

	}

	.hdr-h-geitem {

		width:100% !important;

	}

	.hideviwall {

		display:none;

	}

	.frnapplymob {

		display:block;

		width:98%;

		display:inline-block;

		box-sizing:border-box;

		margin:0 1% 20px 1%;

		padding:0;

		text-align:center;

	}

	.frnapplymob a {

		display:inline-block;

		background:#d72839;

		color:#FFFFFF;

		border-radius:5px;

		padding:10px 40px 10px 40px;

		font-family:'Kanit', sans-serif;

		font-size:18px;

		line-height:26px;

	}

	.insloclogarea .colright p {

		font-size:24px;

		line-height:34px;

		margin:0 0 5px 0;

	}

	.insloclogarea .colright span {

		display:inline-block;

		color:#FFFFFF;

		margin:5px 0 0 0;

	}

	.searchlocate {

		margin:0 5px 20px 5px;

	}

	.lsnwknlist {

		width:31.33%;

		margin:1%;

	}

	.proddetailarea {

		padding:10px;

	}

	.proddetleft {

		width:100%;

	}

	.proddetright {

		width:100%;

		box-sizing:border-box;

		float:left;

		padding:30px 10px 30px 10px;

	}

	.insdprodquot a {

		padding:7px 60px 7px 60px;

	}

	.insqutfrmlist {

		width:100%;

	}

	.inshdrquttn {

		padding:20px;

	}

	.insqutfrmareafull {

		padding:0 0 20px 0;

	}

	.insviwallprod .colleft {

		width:50%;

	}

	.insviwallprod .colright {

		width:50%;

	}

	.reccomprodlist {

		width:48%;

		margin:10px 1% 10px 1%;

	}

	.normalprodarea .normalprodlist {

		width:48%;

		margin:10px 1% 10px 1%;

	}

}



@media all and (max-width: 800px) {

	.hdrleft {

		width:25%;

	}

	.hdrright {

		width:75%;

		text-align:right;

	}

	.ntfdleft {

		box-sizing: border-box;

		width:100%;

		display:inline-block;

		padding:70px 2% 0 2%;

	}

	.ntfdright {

		box-sizing: border-box;

		width:100%;

		float:right;

		padding:70px 2% 0 2%;

	}

	.hdrdashboard {

		box-sizing: border-box;

		padding:0;

	}

	.hdrdashboard ul li {

		box-sizing: border-box;

		font-size:16px;

		width:100%;

		float:left;

		box-sizing: border-box;

		padding:30px 20px 20px 20px;

		border-bottom:solid#CCCCCC 1px;

		border-right:0px;

	}

	.hdrdashboard ul li:last-child {

		border-right:none;

		border-bottom:none;

	}

	.locoff-hdr-inside-left .loclogo {

		display:none;

	}

	.locoff-hdr-inside-left .loctinfo {

		width:100%;

	}

	.locoff-hdr-inside-right {

		width:30%;

		padding:10px;

		background:none;

	}

	.locoff-hdr-inside-right .btrentloc {

		background:none;

	}

	.locoff-hdr-inside-left {

		width:70%;

	}

	.locoff-hdr-inside-left .loclogo {

		width:9%;

		margin:0 1% 0 0;

	}

	.locoff-hdr-inside-left .loctinfo {

		width:90%;

	}

	.loctednamewpak {

		margin:0;

	}

	.bordshwcust {

		width:100%;

		display:block;

		margin:4px 0 4px 0;

	}

	.locoff-hdr-inside-right .btrentloc a {

		width:90%;

		font-size:18px;

		display:inline-block;

		border-radius:5px;

		padding:5px 5px 5px 5px;

		color:#FFFFFF;

		/* background:#d72839; */

		margin:2px 0 0 0;

	}

	.full-bg-main-location .shranknum {

		width:100%;

		float:left;

		padding:0 2% 20px 2%;

	}

	.full-bg-main-location .shranknum img {

		width:100%;

		height:auto;

		border-radius:5px;

	}

	.full-bg-main-location .shranknum .shpic {

		overflow: hidden;

		position: relative;

	}

	.full-bg-main-location .shranknum .shpic .shinfo {

		position:absolute;

	}

	.full-bg-main-location .shranknum .shpic .shinfo .shnurk {

		display:inline-block;

	}

	.full-bg-main-location .shranknum .shpic .shinfo .shnaclip {

		margin-top:0;

		width:90%;

		color:#FFFFFF;

		background-color:transparent !important;

		border-radius:0 0 5px 5px;

	}

	.full-bg-main-location .shranknum .shloctxt .locaname {

		font-size:24px;

		line-height:34px;

	}

	.full-bg-main-location .shranknum .shloctxt .locaprce {

		font-size:16px;

		padding:5px 15px 5px 15px;

		line-height:26px;

		margin:10px 0 0 0;

	}

	.holoctlst {

		width:50%;

		padding:1%;

	}

}



@media all and (max-width: 700px) {

	.dpiconqa {

		width:7%;

	}

	.dpqusttxt {

		width:93%;

	}

	.dpiconans {

		width:7%;

	}

	.shsteplist {

		width:50%;

	}

	.shsteplist .numstep {

		width:20%;

	}

	.shsteplist .descstep {

		width:80%;

	}

	.bizwrterlist {

		align-items:stretch;

	}

	.pagewriter .colleft {

		width:19%;

		padding:0 1% 0 0;

	}

	.pagewriter .colleft img {

		max-width:100%;

	}

	.pagewriter .colright {

		width:80%;

	}

}



@media all and (max-width: 650px) {

	/*

	.hdrleft {

		width:100%;

	}

	*/

	.hdraltop {

		width:100%;

		text-align:center;

	}

	.hdrapply {

		width:50%;

		line-height:24px;

		float:left;

		text-align:center;

	}

	.hdrapply p {

		padding:5px 2% 5px 2%;

	}

	.remobord p {

		border-right:0px !important;

	}

	.hdraddfran {

		width:30%;

		line-height:24px;

		float:left;

		position:absolute;

		top:24px;

		right:2%;

	}

	.hdraddfran p {

		padding:3px 0 3px 0;

		background-color:#FFFFFF;

		border-radius:5px;

		border:solid#999999 1px;

	}

	.hdraddfran p:hover {

		padding:3px 0 3px 0;

		background-color:#175677;

		border-radius:5px;

		border:solid#175677 1px;

	}

	.hdraddfran p i {

		display:none;

	}

	.hdraddfran p a {

		color:#333333;

	}

	.hdraddfran p:hover a {

		color:#FFFFFF;

	}

	/*

	.hdrsearch {

		position:absolute;

		line-height:auto;

		padding:0;

		top:80px;

		right:18px;

	}

	.hdrsocial {

		position:absolute;

		top:80px;

		right:25px;

		border-right:0px;

		line-height:auto;

	}

	*/

	.hdrmemberinfo {

		float:right;

	}

	.ddmemcont {

		display: none;

		position: absolute;

		background-color: #FFFFFF;

		min-width: 180px;

		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

		z-index: 9999;

		border:solid#eeeeee 1px;

		right:10px;

	}

	.ddmbbtn {

		border-right:0px !important;

		line-height:24px;

		padding:5px 20px 5px 15px;

		margin:20px 0 1px 0;

	}

	/*

	.spinner-master {

		position: relative;

		margin: 8px 15px -20px 15px;

		height: 20px;

		width:30px;

		float: left;

	}

	*/

	.main-levid-list {

		width:98%;

		padding:0;

		margin:10px 1% 10px 1%;

	}

	.hilmidfod {

		width:98%;

		padding:0 0 0 0;

		margin:0 1% 4% 1%;

		float:left;

	}

	.mainhivdo {

		width:98%;

		margin:0 1% 0 1%;

	}

	/*

	.full-bg-main-food .shranknum img, .full-ranknum .shranknum img {

		width:100%;

		height:auto;

		border-radius:5px;

	}

	.full-bg-main-food .shranknum .shpic, .full-ranknum .shranknum .shpic {

		overflow: hidden;

		position: relative;

	}

	.full-bg-main-food .shranknum .shpic .shinfo, .full-ranknum .shranknum .shpic .shinfo {

		position:absolute;

		background-color: rgba(0, 0, 0, 0.7) !important;

	}

	.full-bg-main-food .shranknum .shpic .shinfo .shnurk, .full-ranknum .shranknum .shpic .shinfo .shnurk {

		display:inline-block;

	}

	.full-bg-main-food .shranknum .shpic .shinfo .shnaclip, .full-ranknum .shranknum .shpic .shinfo .shnaclip {

		margin-top:0;

		width:90%;

		color:#FFFFFF;

		background-color:transparent !important;

		border-radius:0 0 5px 5px;

	}

	*/

	.smemmarea .hdrsmeney {

		width:96%;

		margin:15px 2% 0 2%;

	}

	.smemmarea .shosmmara {

		margin:30px 0 0 0;

	}

	.smmmesarea .smmdipstxt {

		width:70%;

	}

	.smmmesarea .smmdipsimg {

		width:30%;

	}

	.smmmesarea .smmdipsimg img {

		max-width:85% !important;

	}

	.smemmarea .shosmmara .ssmmcotent {

		box-sizing: border-box;

		width:100%;

		margin:0;

		float:left;

		font-family: 'Sarabun', sans-serif;

	}

	.smmmesarea .smmdipsimg img {

		max-width:85%;

	}

	.shlistfrans-wh {

		width:47.5%;

		margin:10px 1% 10px 1%;

	}

	.shlistlocaton-wh {

		width:47.5%;

		margin:10px 1% 10px 1%;

	}

	.hittopallarea {

		padding:0 1% 0 1%;

	}

	.hittopleft {

		width:100%;

		padding:0;

	}

	.hittopleft .shoconlfet {

		padding:0 1% 0 1%;

	}

	.hittopright {

		box-sizing: border-box;

		width:100%;

		padding:0;

		float:right;

	}

	.hittoplist {

		box-sizing: border-box;

		width:50%;

		padding:2% 1% 2% 1%;

		float:left;

	}

	.shfrannewknow-wh {

		width:47.5%;

		margin:10px 1% 10px 1%;

	}

	.hedlistfrans {

		width:96%;

		padding:0 2% 0 2%;		

	}

	.addfranslistbutt {

		width:98%;

		padding:10px 0 10px 0;

		margin:15px 1% 30px 1%;

	}

	.txtfidfran {

		display:block;

		margin:0 0 15px 0;

		font-size:18px;

	}

	.franlistmark ul li {

		width:96%;

		display:block;

		padding:7px 2% 0 2%;

	}

	.colinterview-1-2 {

		margin:0 0.5% 10px 0.5%;

	}

	.colinterview-1-2 .intcol-1 {

		width:100%;

	}

	.hdrevent {

		font-family:'Sarabun', sans-serif;

		background-image: linear-gradient(to right, #080a66 , #00ccff);

		width:90%;

		color:#FFFFFF;

		padding:15px 5% 15px 5%;

		font-weight:normal;

		border-radius:5px 5px 0 0;

	}

	.colinterview-1-2 .intcol-2 {

		width:99%;

		margin:20px 0.5% 0 0.5%;

		height:auto;

	}

	.colinterview-1-2 .eventcol-2 {

		width:96% !important;

		float:left;

		margin:20px 2% 0 2% !important;

	}

	.bx-wrapper .bx-caption {

		position:absolute;

		bottom: 0;

		left: 0;

		background: #000000;

		background: rgba(80, 80, 80, 0.75) !important;

		width: 100%;

		border-radius:0;

	  }

	.topinterview {

		width:49%;

		margin:0 0.5% 0 0.5%;

	}

	.topnewsknow {

		width:49%;

		margin:0 0.5% 0 0.5%;

	}

	.padtopinterv {

		padding:10px 0 0 0;

	}

	.lsnwknlist {

		width:48%;

		margin:1%;

	}

}



@media all and (max-width: 620px) {

	.hnewslop-wh {

		width:31.8%;

		margin:15px 0.5% 0 0.5%;

	}

	.hnewslop-bl {

		width:31.8%;

		margin:15px 0.5% 0 0.5%;

	}

}



@media all and (max-width: 600px) {

	.col-1-2 {

		margin:10px 0 0 0;

	}

	.col-1-2 .col-1 {

    	width:98%;

    	margin:0 1% 0 1%;

	}

	.col-1-2 .col-2 {

		width:98%;

		margin:10px 1% 0 1%;

		height:auto;

	}

	.shcontlop {

    	width:98%;

    	margin:15px 1% 0 1%;

	}

	.hcovrank {

		width:98%;

		padding:30px 1% 10px 1%;

	}

	.hsrnklist {

		width:96%;

		margin:0 2% 30px 2%;

	}

	.hshrakarea .hoerkremk {

		padding:0 2% 0 2%;

		width:96%;

	}

	.hhshfran {

    	width:98%;

    	margin:15px 1% 0 1%;

	}

	.hshowlotionpl-wh {

    	width:98% !important;

    	margin:15px 1% 0 1% !important;

	}

	.col4banner {

    	width:98%;

    	margin:15px 1% 0 1%;

	}

	.col4banner1 {

		text-align:center;

	}

	.col4banner1 img {

		width:275px !important;

		height:auto;

	}

	.col4banner2 img {

		max-width:100%;

		height:auto;

		text-align:center;

	}

	.homecategory {

    	width:98%;

    	margin:10px 1% 20px 1%;

	}

	.homecat1 {

    	width:99%;

    	margin:0 0.5% 0 0.5%;

	}

	.homecat2 {

    	width:49%;

    	margin:0.5% 0.5% 0 0.5%;

	}

	.homecat3 {

    	width:49%;

    	margin:0.5% 0.5% 0 0.5%;

	}

	.padhomecat {

    	margin:2% 0 0 0;

	}

	.full-col {

    	width:96%;

		padding:30px 2% 0 2%;

	}

	.full-colsupp {

    	width:96%;

		padding:40px 2% 20px 2%;

	}

	.hmkewihsme {

		width:96%;

		padding:40px 2% 10px 2%;

	}

	.hmpmkewsme {

		width:100%;

		margin:0;

	}

	.hmpmkewsme ul li {

		padding:25px 5px 25px 5px;

	}

	.smemmarea .shosmmara .ssmmcotent ul li {

		padding:30px 10px 30px 10px;

	}

	.hometopfran ul {

		padding:0 0 20px 0;

		float:left;

	}

	.hometopfran ul li {

		width:90%;

		float:left;

		display:block;

		padding:8px 5% 8px 5%;

	}

	.hnewslop-wh {

		width:48%;

		margin:15px 1% 0 1%;

		box-sizing: border-box;

	}

	.shownewsbann {

		width:98%;

		margin:15px 1% 0 1%;

	}

	.newsfransbanner {

		text-align:center;

	}

	.newsfransbanner img {

		width:200px;

		height:auto;

		margin:0;

	}

	.hnewfrans {

		width:66%;

    	padding:0 0 10px 1%;

	}

	.hfranknow {

		width:66%;

    	padding:0 0 20px 1%;

	}

	.hnewslop-bl {

		width:48%;

		margin:15px 1% 0 1%;

		box-sizing: border-box;

	}

	.footer-wrapper {

		width:98%;

		padding:20px 1% 0 1%;

	}

	.footcol {

		width:45%;

		margin:20px 2% 0 2%;

	}

	.shorecfrans-wh {

		width:46%;

		margin:20px 2% 0 2%;

	}

	.shoreclotio-wh {

		width:46%;

		margin:20px 2% 0 2%;

	}

	.coverfrinfo .friinvest {

		width:100%;

		box-sizing: border-box;

		padding:15px 5% 15px 5%;

		border-right:0px;

		border-bottom:solid#CCCCCC 1px;

		text-align:left;

	}

	.coverfrinfo .timeforback {

		width:100%;

		box-sizing: border-box;

		float:left;

		padding:15px 5% 15px 5%;

		border-right:0px;

		border-bottom:solid#CCCCCC 1px;

		text-align:left;

	}

	.coverfrinfo .frabranch {

		box-sizing: border-box;

		width:100%;

		padding:15px 5% 15px 5%;

		text-align:left;

	}

	.shotopicfrdt {

		padding:0;

	}

	.shotopicback {

		padding:0;

	}

	.shotopicbranch {

		padding:0;

	}

	.detailrecfran .rehdrdet {

		margin:0 0 10px 2%;

	}

	.colinterview-1-2 .intcol-1 {

		width:100%;

	}

	.colinterview-1-2 .intcol-2 {

		width:98%;

		margin:0 1% 0 1%;

		height:auto;

	}

	.colinterview-1-2 .eventcol-2 {

		width:98% !important;

		float:left;

		margin:0 1% 0 1% !important;

	}

	.topinterview {

		width:98%;

		margin:0 1% 20px 1%;

	}

	.topnewsknow {

		width:98%;

		margin:0 1% 20px 1%;

	}

	.padtopinterv {

		padding:10px 0 0 0;

	}

	.frndetalloction {

		margin:0;        

		/* background-color:#fbfbfb; */

	}

	.frndetalloction .frntionlist {

		width:100%;

		padding:15px 10px 10px 10px;

		margin:20px 0 0 0;

	}

	.shprodlit {

		float: left;

		box-sizing: border-box;

		width: 48%;

		margin: 1%;

		border: solid#e6e6e6 1px;

		border-radius: 3px;

	}

	.prodonelayo .picprod {

		width:100%;

		padding:0;

	}

	.prodonelayo .picprod img {

		border-radius:3px 3px 0 0;

	}

	.prodonelayo .depdtil {

		box-sizing: border-box;

		width:100%;

		padding:20px 10px 20px 0;

		float:left;

		border-radius:3px 0 0 3px;

	}

	.prodonelayo .depdtil {

		text-align:center;

	}

	.prodonelayo .depdtil p {

		text-align:center;

	}

	.prodonelayo .depdtil .dispalprice {

		float:none;

		display:inline-block;

	}

	.prodonelayo .depdtil .dispaltail {

		padding:0 10px 0 10px;

		text-align:left;

	}

	.detailgally {

		width:48%;

		margin:1% 1% 1% 1%;

	}

	.hdrgally {

		padding:0 0 15px 1%;

	}



	/* Increase Font Size For Mobile */

	.shcontxt p {

		font-size:22px;

		line-height:32px;

	}

	.shcontxt span {

		font-size:18px;

		line-height:30px;

	}

	.hometopfran ul li {

		font-size:18px;

		line-height:30px;

	}

	.hdrtopfran {

		font-size:22px;

		line-height:32px;

	}

	.shcontlop-wh .shcontxt p {

		font-size:22px;

		line-height:32px;

	}

	.shcontlop-wh .shocate {

		font-size:18px;

		line-height:30px;

	}

	.shlistfrans-wh .shcontxt p {

		font-size:22px !important;

		line-height:32px !important;

	}

	.hshowlotionpl-wh .shcontxt p {

		font-size:22px;

		line-height:32px;

	}

	.hshowlotionpl-wh span.loaddr {

		font-size:18px;

		line-height:30px;

	}

	.hnewslop-wh .shcontxt p {

		font-size:20px;

		line-height:30px;

	}

	.hnewslop-wh .shocate {

		font-size:18px;

		line-height:30px;

	}

	.fullknow .hnewslop-wh a {

		font-size:20px;

		line-height:30px;

	}

	.fullhoro .hnewslop-bl a {

		font-size:20px;

		line-height:30px;

	}

	.footcol ul li {

		font-size:16px;

		line-height:26px;

	}

	.footcol span {

		font-size:16px;

		line-height:26px;

	}

	.footcol span a {

		font-size:16px;

		line-height:26px;

	}

	.detailcontxt {

		font-size:18px;

		line-height:30px;

	}

	.shdetanekno p {

		font-size:18px;

		line-height:30px;

	}

	.shorecfrans-wh .shcontxt p {

		font-size:20px;

		line-height:30px;

	}

	.disnamtail .shbizdesc {

		font-size:18px;

		line-height:30px;

	}

	.hfraninfo span {

		font-size:18px;

		line-height:30px;

	}

	.topnewsknow span.detailstxt {

		font-size:18px;

		line-height:30px;

	}

	.topinterview span.detailstxt {

		font-size:18px;

		line-height:30px;

	}

	.dispranktxt p {

		font-size:18px;

		line-height:30px;

	}

	.dispranktxt span {

		font-size:18px;

		line-height:30px;

	}

	.bizlirak ul li .shinfo p {

		font-size:20px;

		line-height:32px;

	}

	.homerktxt ul li {

		font-size:18px;

		line-height:30px;

	}

	.homerktxt .shonum {

		width: 32px;

	}

	.hsrnklist .shpic .shinfo p {

		font-size: 20px;

		line-height: 30px;

	}

	.inshcateg ul li {

		font-size:16px;

		line-height:26px;

	}

	.inshcateg ul li a {

		margin:5px 5px 0 5px;

		padding:3px 10px 5px 10px;

	}

	.hmpmkewsme p {

		font-size:20px;

		line-height:32px;

	}

	.hmpmkewsme span {

		font-size:16px;

		line-height:26px;

	}

	.ssmmmain p {

		font-size:20px;

		line-height:32px;

	}

	.ssmmmain span {

		font-size:16px;

		line-height:26px;

	}

	.smemmarea .shosmmara .ssmmcotent p {

		font-weight:normal;

		font-size:20px;

		line-height:32px;

	}

	.smemmarea .shosmmara .ssmmcotent span {

		font-size:16px;

		line-height:26px;

	}

	.ranktofraninfo {

		font-size:18px;

		line-height:30px;

	}

	.hfaright .hilifood .shpic .shinfo p {

		font-size:18px !important;

		line-height:30px !important;

	}

	.revconttxt p {

		font-size:18px;

		line-height:30px;

	}

	.revconttxt h2 {

		font-size: 26px;

		line-height: 38px;

	}

	.refirstpargra {

		font-size:18px;

		line-height:30px;

	}

	.relastpargra {

		font-size:18px;

		line-height:30px;

		padding: 20px;

	}

	.revcontofran {

		font-size:18px;

		line-height:30px;

	}

	.revcontofran a {

		float:left;

		text-align:center;

	}

	.inswriter .colright p {

		font-size: 20px;

		line-height: 32px;

	}

	.inswriter .colright span {

		font-size: 16px;

		line-height: 28px;

	}

	.dispranktxt h2 {

		font-size: 26px;

		line-height: 38px;

	}

	/* Increase Font Size For Mobile */

	.inswriter .colleft {

		width:25%;

		padding:0 0 0 0;

	}

	.inswriter .colleft img {

		max-width:100%;

	}

	.inswriter .colright {

		width:75%;

	}

	.ffyeararea .colleft .ffydesc {

		font-size: 16px;

		line-height: 26px;

	}

	.ffyeararea .colright .ffydesc {

		font-size: 16px;

		line-height: 26px;

	}

	.main-vid-left .shbizname {

		font-size: 20px !important;

		line-height: 32px !important;

	}

	.main-levid-list .shpic .shinfo p {

		font-size: 20px;

		line-height: 32px;

	}

	.main-levid-list .shpic .shinfo span {

		font-size: 14px;

		padding: 0 8px 0 8px;

	}

	.shranknum .shpic .shinfo .shnaclip {

		font-size: 20px;

		line-height: 32px;

	}

	.hilifdname {

		margin: 0 !important;

		font-size: 20px !important;

		line-height: 32px !important;

	}

	.hilmidfod .shpic .shinfo p {

		font-size: 20px;

		line-height: 32px;

	}

	.hilmidfod .shpic .shinfo span {

		font-size: 14px;

		padding: 0 8px 0 8px;

	}

	.shmetaber table {

		border: 0;

	}

	.shmetaber table thead {

		border: none;

		clip: rect(0 0 0 0);

		height: 1px;

		margin: -1px;

		overflow: hidden;

		padding: 0;

		position: absolute;

		width: 1px;

	}

	.shmetaber table tr:nth-child(odd) {

		background-color: #FFFFFF !important;

	}

	.shmetaber table tr {

		border-bottom: 3px solid #ddd;

		display: block;

		margin-bottom: 30px;

		word-wrap:break-word;

	}		

	.shmetaber table td {

		border-bottom: 1px solid #ddd;

		display: block;

		font-size: 16px;

		line-height:26px;

		text-align: right;

	}

	.shmetaber table td::before {

		/*

		* aria-label has no advantage, it won't be read inside a table

		content: attr(aria-label);

		*/

		content: attr(data-label);

		float: left;

		font-weight: normal;

	}

	.shmetaber table td:last-child {

		border-bottom: 0;

	}

	.dhreviewall {

		margin:10px 0 0 0;

	}

	.secodstatlist {

		width:48%;

		margin:0 1% 15px 1%;

	}

	.dpbannelist .bacolleft {

		width:100%;

		padding:0 0 10px 0;

		margin:0 0 10px 0;

		border-bottom:solid#666666 1px;

		border-right:0px;

	}

	.dpbannelist .bacolleft p {

		text-align:center !important;

	}

	.dpbannelist .bacolright {

		width:100%;

		float:left;

	}

	.dpbannelist .bacolright .shobaimp {

		width:50%;

	}

	.dpbannelist .bacolright .shobacick {

		width:50%;

	}

	.frdy-left {

		width:100%;

	}

	.frdy-right {

		width:100%;

		margin:0;

		padding:25px;

	}

	.frdy-left img {

		border-radius:5px 5px 0 0;

	}

	ul.storedetail {

		margin:25px 0 0 0;

		padding:0;

	}

	ul.storedetail li {

		width:100%;

		display:inline-block;

		font-size: 18px;

		line-height: 30px;

		margin:0;

		padding:10px 0 10px 0;

		color:#666666;

	}

	.h-get-item-left ul li {

		width:100%;

		padding:40px 1% 0 1%;

	}

	.h-get-item-left ul li:first-child {

		width:100%;

		padding:0 1% 0 1%;

	}

	.h-get-item-right {

		width:98%;

		margin:40px 1% 10px 1%;

	}

	.insloclogarea .colright p {

		font-size:20px;

		line-height:30px;

		margin:0;

	}

	.insloclogarea .colright span {

		display:inline-block;

		color:#FFFFFF;

		margin:5px 0 0 0;

		font-size:14px;

	}

	.categolist .catgolistimg img {

		max-width:80%;

		height:auto;

	}

	.shpacklist2 {

		width:98%;

		margin:15px 1% 15px 1%;

	}

	.shpacklist3 {

		width:98%;

		margin:15px 1% 15px 1%;

	}

	.shpacklist4 {

		width:98%;

		margin:15px 1% 15px 1%;

	}

	.lsnwknlist {

		width:96%;

		margin:2%;

	}

	.grid-cell-1 {

		width:96%;

		margin:1% 2% 1% 2%;

	}

	.grid-cell-2 {

		width:96%;

		margin:1% 2% 1% 2%;

	}

	.grid-cell-3 {

		width:96%;

		margin:1% 2% 1% 2%;

	}

	.grid-cell-4 {

		width:96%;

		margin:1% 2% 1% 2%;

	}

	.grid-cell-5 {

		width:96%;

		margin:1% 2% 1% 2%;

	}

	.tpbnhilit .coleft {

		width:96%;

		margin:2%;

	}

	.knwgeblk .shpic .shinfo .shkndhlne ul {

		margin:10px 0 5px 0;

	}

	.knwgeblk .shpic .shinfo .shkndhlne ul li {

		font-size:16px;

	}

	.knwgeblk .shpic .shinfo .shkndhlne ul li span {

		font-size:14px;

		line-height:24px;

		margin:0;

	}

	.knwgeblk .shpic .shinfo .shkndhlne .hdlknoledgsml {

		font-size:22px;

		line-height:30px;

	}

	.tpbnhilit .coleft .cenbox .disptxtbox ul li {

		font-size:16px;

	}

	.tpbnhilit .coleft .cenbox .disptxtbox ul li span {

		font-size:14px !important;

		line-height:24px !important;

		margin:0 !important;

	}

	.lsnwktopic ul li {

		font-size:16px;

	}

	.lsnwktopic ul li span {

		font-size:14px !important;

		line-height:24px !important;

		margin:0 !important;

	}

	.bizwriterarea {

		text-align:center;

	}

	.bizwrterlist {

		width:50%;

		display:inline-block;

		padding:10px 20px 10px 20px;

	}

	.bizwrterlist .wriimg {

		width:100%;

		margin:0;

	}

	.bizwrterlist .writinfo {

		width:100%;

		margin:10px 0 0 0;

	}

	.holoctlst {

		width:100%;

		padding:2% 1% 2% 1%;

	}

}



@media all and (max-width: 560px) {

	.dpiconqa {

		width:10%;

	}

	.dpqusttxt {

		width:90%;

	}

	.dpiconans {

		width:10%;

	}

}



@media all and (max-width: 550px) {

	.ffyear {

		margin: 10px 0 0 0;

	}

	.ffyeararea .colleft {

		width: 100%;

		border-radius: 5px 5px 0 0;

	}

	.ffyeararea .colright {

		width:100%;

		float:left;

		border-radius:0 0 5px 5px;

	}

	.shlistfrans-wh {

		width:97%;

		margin:10px 1.2% 10px 1.2%;

	}

	.shlistlocaton-wh {

		width:97%;

		margin:10px 1.2% 10px 1.2%;

	}

	.extincmain .extpic {

		width:100%;

		padding:0 1% 0 1%;

	}

	.extincmain .extinfo {

		width:100%;

		padding:25px 2% 10px 2%;

		float:left;

	}

	.extincmain .extinfo p {

		font-size:20px;

		line-height:28px;

	}

	.extincmain .extinfo span {

		font-size:18px;

		line-height:26px;

	}

	.extincmain .extinfo span.dispsmetype {

		font-size:16px;

		line-height:24px;

	}

	.hittopallarea {

		padding:0 1% 0 1%;

	}

	.hittopleft {

		width:100%;

		padding:0 0 1% 0;

	}

	.hittopleft .shoconlfet {

		padding:0 0 1% 0;

	}

	.hittopright {

		box-sizing: border-box;

		width:100%;

		padding:0;

		float:right;

	}

	.hittoplist {

		box-sizing: border-box;

		width:100%;

		padding:3% 0 3% 0;

		float:left;

	}

	.shfrannewknow-wh {

		width:97%;

		margin:10px 1.2% 10px 1.2%;

	}

	.shlistfrans-wh .recpic .moreinfo {

		width:25%;

		background-color:#666666;

		padding:1px 0 1px 1px;

		border-radius:5px 0 0 5px;

		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

	}

	.shlistfrans-wh img {

		padding:0 0 0 0;

	}

	.shlistlocaton-wh .recpic .moreinfo {

		padding:12px 15px 12px 15px;

	}

}



@media all and (max-width: 540px) {

	.inshdrdashb {

		width: 96%;

		padding: 24px 2% 0 2%;

		float: left;

	}

	.inshdrdasdate {

		width: 100%;

		float: left;

		text-align: right;

		padding: 15px 0 0 0;

	}

	.dashcaledar {

		width: 98%;

    	float: left;

    	padding: 10px 0 10px 0;

    	margin: 0 1% 0 1%;

	}

	.inshdrdashb .inshdwconfm {

		text-align:center !important;

	}

	.frnbuz {

		width:100%;

		margin:20px 0 0 0;

		text-align:center;

	}

	.select2-container {

		width:98% !important;

	}

	.select2-container--default .select2-selection--single {

		text-align:center !important;

	}

	.shsteplist {

		width:100%;

	}

	.shsteplist .numstep {

		width:15%;

	}

	.shsteplist .descstep {

		width:85%;

	}

	.locoff-hdr-inside-left {

		width:100%;

		padding:10px 0 5px 0;

	}

	.locoff-hdr-inside-left .loctinfo {

		width:100%;

	}

	.locoff-hdr-inside-right {

		width:100%;

		padding:5px 0 15px 0;

		background:none !important;

	}

	.locoff-hdr-inside-left {

		width:100%;

	}

	.locoff-hdr-inside-left .loctinfo h1 {

		width:100%;

		text-align:center;

	}

	.bordshwcust {

		display:none;

	}

	.locoff-hdr-inside-right .btrentloc a {

		width:200px;

		font-size:18px;

		display:inline-block;

		border-radius:5px;

		padding:5px 5px 5px 5px;

		color:#FFFFFF;

		background:#d72839;

		margin:0;

	}

	.categolist .catgolistimg img {

		max-width:100%;

		height:auto;

	}

	.loccategories {

		width:100%;

		margin:10px 0 0 0;

		box-sizing:border-box;

		border:none;

		border-top:none;

		display:inline-block;

		background:none;

	}

	.loccategories ul.colthree li {

		width:48%;

		display:inline;

		float:left;

		font-size:16px;

		margin:1%;

		padding:20px;

		text-align:center;

		border:solid #e6e5e6 1px;

		box-sizing:border-box;

		border-radius:5px;

		background:#FFFFFF;

	}

	.loccategories ul.colthree li:first-child {

		border:solid #e6e5e6 1px;

	}

	.locoff-hdr {

		display: block;

		align-items:center;

	}

	.locoff-hdr-inside-right {

		display: block;

		align-items:center;

	}

	.locoff-hdr-inside-left .loctinfo h1 {

		width: 100%;

		font-size: 22px;

		line-height: 30px;

		margin: 0 0 5px 0;

	}

	.locoff-hdr-inside-right .btrentloc a {

		width: 100%;

		border-radius: 0px;

		padding:10px 0 10px 0;

	}

	.insviwallprod .colleft {

		width:100%;

		text-align:center;

	}

	.insviwallprod .colright {

		width:100%;

		text-align:center;

		margin:20px 0 10px 0;

	}

	.insviwallprod .colright a {

		padding:7px 40px 7px 40px;

	}

	.insviwallprod .colright a:hover {

		padding:7px 40px 7px 40px;

	}

	.insqutfrmarea {

		width:100%;

		padding:0 0 20px 0;

	}

	.insqutfullne {

		padding:0;

	}

	.insqutchk {

		padding:0 0 20px 20px;

	}

	.insqutbutton {

		padding:0 0 40px 0;

		text-align:center;

	}

	.insdprodquot {

		text-align:center;

	}

}



@media all and (max-width: 500px) {

	.advhpbox ul li {

		display:block;

		padding:10px 0 10px 0;

	}

	.advhpbox ul li a.addfriend {

		width:80%;

	}

	.advhpbox ul li a.summform {

		width:80%;

	}

	.pagewriter .colleft {

		width:29%;

		padding:0 1% 0 0;

	}

	.pagewriter .colleft img {

		max-width:100%;

	}

	.pagewriter .colright {

		width:70%;

	}

	.full-bg-main-location .shranknum .shloctxt .locaname {

		font-size:18px;

		line-height:26px;

	}

	.full-bg-main-location .shranknum .shloctxt .locaprce {

		font-size:12px;

		padding:0 10px 0 10px;

		line-height:22px;

		margin:7px 0 0 0;

	}

}



@media all and (max-width: 460px) {

	ul.addfriendfbln li {

		width:100% !important;

		box-sizing:border-box;

    	display:inline-block;

    	padding:10px 0 10px 0;

    	margin:0;

	}

	.promoarea a.addtkfb {

		width:94%;

		display:inline-block;

    	padding:10px 0 10px 0;

		margin:0 3% 0 3%;

	}

	.promoarea a.addtkline {

		width:94%;

		display:inline-block;

    	padding:10px 0 10px 0;

		margin:0 3% 0 3%;

	}



	.nexprepage ul {

		margin:70px 0 0 0;

	}

	.nexprepage ul li {

		width:100%;

		text-align:center;

		font-size:16px;

		padding:20px 0 20px 0;

		float:right !important;

	}

	.nexprepage ul li:first-child {

		text-align:center;

	}

	.nexprepage ul li:last-child {

		margin:-130px 0 0 0;

	}

	.nexprepage ul li a {

		background:#d72839;

		color:#FFFFFF;

		border-radius:5px;

		padding:7px 50px 7px 50px;

		font-size:20px;

	}

	.nexprepage ul li:first-child a {

		font-size:16px;

	}

}



@media all and (max-width: 450px) {

	.hdraddfran {

		width:40%;

		line-height:24px;

		float:left;

		position:absolute;

		top:24px;

		right:2%;

	}

	.honeline {

    	width:60%;

		padding:0 0 25px 1%;

	}

	.viewallnews {

    	width:38%;

		padding-right:1%;

	}

}



@media all and (max-width: 380px) {

	.shsteplist .numstep {

		width:20%;

	}

	.shsteplist .descstep {

		width:80%;

	}

	.dpiconqa {

		width:14%;

	}

	.dpqusttxt {

		width:86%;

	}

	.dpiconans {

		width:14%;

	}

	.reccomprodlist {

		width:96%;

		margin:10px 2% 10px 2%;

	}

	.normalprodarea .normalprodlist {

		width:96%;

		margin:10px 1% 10px 1%;

	}

}



@media all and (max-width: 350px) {

	.honeline {

    	width:96%;

		padding:0 2% 15px 2% !important;

		display:inline-block;

	}

	.viewallnews {

    	width:96%;

		padding:0 2% 25px 2%;

		float:left !important;

		text-align:left;

	}

}



@media all and (max-width: 340px) {

	.hdrleft img {

		width:130px;

		height:auto;

	}

	.hdraddfran {

		width:45%;

		line-height:24px;

		float:left;

		position:absolute;

		top:17px;

		right:2%;

	}

}



@media all and (max-width: 300px) {

	.dpiconqa {

		width:18%;

	}

	.dpqusttxt {

		width:82%;

	}

	.dpiconans {

		width:18%;

	}

}