:root{
    --price-body-bg-light:#ffffff;
    --price-body-bg-dark:#222222;

    --price-body-color-light:#222222;
    --price-body-color-dark:#dddddd;

    --price-blackwhite-color-light:#000000;
    --price-blackwhite-color-dark:#ffffff;

    --price-title-bg-light:#ffffff;    
    --price-title-bg-dark:#222222;

    --price-scrollbar-track-light:#dddddd;
    --price-scrollbar-track-dark:rgba(0,0,0,.25);

    --price-scrollbar-light:#ebebeb;
    --price-scrollbar-dark:#222222;

    --price-scrollbar-thumb-light:rgba(0,0,0,.15);
    --price-scrollbar-thumb-dark:#5d5c5c;

    --price-brandcover-dropdown-border-light:#808080;
    --price-brandcover-dropdown-border-dark:#5f5f5f;

    
    --price-brandcover-dropdown-bg-light:#ffffff;
    --price-brandcover-dropdown-bg-dark:#292929;

    --price-brandcover-dropdown-color-light:#222222;
    --price-brandcover-dropdown-color-dark:#dddddd;

    --price-brandcover-dropdown-after-light:#222222;
    --price-brandcover-dropdown-after-dark:#dddddd;

    --price-filter-invert-light:invert(0);
    --price-filter-invert-dark:invert(1);

    --price-cover-hilight-bg-light:#f5f6f9;
    --price-cover-hilight-bg-dark:#161616;
    --price-pice-search-shadow-light:0 8px 32px 0 rgb(31 38 135 / 37%);
    --price-pice-search-shadow-dark:none;

}

@media (prefers-color-scheme:dark){
    :root{
        --price-body-bg:var(--price-body-bg-dark);
        --price-body-color:var(--price-body-color-dark);
        --price-blackwhite-color:var( --price-blackwhite-color-dark);
        --price-title-bg:var(--price-title-bg-dark);
        --price-scrollbar-track:var(--price-scrollbar-track-dark);
        --price-scrollbar:var(--price-scrollbar-dark);
        --price-scrollbar-thumb:var(--price-scrollbar-thumb-dark);
        --price-brandcover-dropdown-border:var(--price-brandcover-dropdown-border-dark);
        --price-brandcover-dropdown-bg:var(--price-brandcover-dropdown-bg-dark);
        --price-brandcover-dropdown-color:var(--price-brandcover-dropdown-color-dark);
        --price-brandcover-dropdown-after:var(--price-brandcover-dropdown-after-dark);
        --price-filter-invert:var(--price-filter-invert-dark);
        --price-cover-hilight-bg:var(--price-cover-hilight-bg-dark);
        --price-pice-search-shadow:var(--price-pice-search-shadow-dark);
    }
}

@media (prefers-color-scheme:light){
    :root{
        --price-body-bg:var(--price-body-bg-light);
        --price-body-color:var(--price-body-color-light);
        --price-blackwhite-color:var( --price-blackwhite-color-light);
        --price-title-bg:var(--price-title-bg-light);
        --price-scrollbar-track:var(--price-scrollbar-track-light);
        --price-scrollbar:var(--price-scrollbar-light);
        --price-scrollbar-thumb:var(--price-scrollbar-thumb-light);
        --price-brandcover-dropdown-border:var(--price-brandcover-dropdown-border-light);
        --price-brandcover-dropdown-bg:var(--price-brandcover-dropdown-bg-light);
        --price-brandcover-dropdown-color:var(--price-brandcover-dropdown-color-light);
        --price-brandcover-dropdown-after:var(--price-brandcover-dropdown-after-light);
        --price-filter-invert:var(--price-filter-invert-light);
        --price-cover-hilight-bg:var(--price-cover-hilight-bg-light);
        --price-pice-search-shadow:var(--price-pice-search-shadow-light);
    }
}

[color-scheme="light"]{
    --price-body-bg:var(--price-body-bg-light);
    --price-body-color:var(--price-body-color-light);
    --price-blackwhite-color:var( --price-blackwhite-color-light);
    --price-title-bg:var(--price-title-bg-light);
    --price-scrollbar-track:var(--price-scrollbar-track-light);
    --price-scrollbar:var(--price-scrollbar-light);
    --price-scrollbar-thumb:var(--price-scrollbar-thumb-light);
    --price-brandcover-dropdown-border:var(--price-brandcover-dropdown-border-light);
    --price-brandcover-dropdown-bg:var(--price-brandcover-dropdown-bg-light);
    --price-brandcover-dropdown-color:var(--price-brandcover-dropdown-color-light);
    --price-brandcover-dropdown-after:var(--price-brandcover-dropdown-after-light);
    --price-filter-invert:var(--price-filter-invert-light);
    --price-cover-hilight-bg:var(--price-cover-hilight-bg-light);
    --price-pice-search-shadow:var(--price-pice-search-shadow-light);
}

[color-scheme="dark"]{
    --price-body-bg:var(--price-body-bg-dark);
    --price-body-color:var(--price-body-color-dark);
    --price-blackwhite-color:var( --price-blackwhite-color-dark);
    --price-title-bg:var(--price-title-bg-dark);
    --price-scrollbar-track:var(--price-scrollbar-track-dark);
    --price-scrollbar:var(--price-scrollbar-dark);
    --price-scrollbar-thumb:var(--price-scrollbar-thumb-dark);
    --price-brandcover-dropdown-border:var(--price-brandcover-dropdown-border-dark);
    --price-brandcover-dropdown-bg:var(--price-brandcover-dropdown-bg-dark);
    --price-brandcover-dropdown-color:var(--price-brandcover-dropdown-color-dark);
    --price-brandcover-dropdown-after:var(--price-brandcover-dropdown-after-dark);
    --price-filter-invert:var(--price-filter-invert-dark);
    --price-cover-hilight-bg:var(--price-cover-hilight-bg-dark);
    --price-pice-search-shadow:var(--price-pice-search-shadow-dark);
}

.navbar-collapse{
    flex-grow: 0;
}


.mode-switch {
    display: block !important;
}
@media (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
}

body{
    background-color: var(--price-body-bg);
    color:var(--price-body-color);
}
.brand-name h2, .brand-name h1{
    padding: 0 20px 0 0;
    display: inline-block;
    margin: 10px 0 0;
    text-align: left;
}
.brand-name h2 a, .brand-name h1 a{
    font-family: 'Roboto';
    line-height: 1;
    font-size: 30px;
    color: var(--price-blackwhite-color);
	font-weight:bold;
    visibility: hidden;
}
.brand-name h1 a{
    visibility: visible;
    color: var(--price-blackwhite-color);
}
.brand-name h2 a span,.brand-name h1 a span{
	font-size: 15px;
    font-weight: 500;
    font-family: 'Kanit';
}
.brand-name h2 a:hover, .brand-name h1 a:hover, .modelName a:hover{
	text-decoration:none;
}
.brand_logo img{
    border-radius: 8px;
}
#banner img {
    margin: 0 auto;
}
.font-kanit{font-family: "Kanit";}
.view{
    clear: both;
    overflow: hidden;
}
.view p{top:5px;margin:0 10px 0 0; } 
.view p,
.view a { 
    float: left; 
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.switchHead{
    text-align: right;
    font-family: "Kanit";
    font-weight: 500;
    font-size: 14px;
}
.switchHead a{
    line-height: 12px;
    display:inline-block;
}
.list-content{display:none;}
.table-content{display:none;}
.show{display:block !important;}

#show-list span, #show-table span{display:inline-block;color:var(--price-body-color);}
#show-list, #show-table{
    border:1px solid var(--price-body-color);
    padding:7px 12px;
}
#show-list.active, #show-table.active{
    border:1px solid #4096ee;
}
#show-list.active span, #show-table.active span{
    color:#4096ee;
}
.icon-table , .icon-list {
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 50% 50%;
    height: 25px;
    width: 25px;
    display:inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-table{
    background-image: url("../images/icon/grid.svg");
    filter:var(--price-filter-invert);
}
.icon-list {
    background-image: url("../images/icon/list.svg");
    filter:var(--price-filter-invert);
}
#show-table.active .icon-table{
    background-image: url("../images/icon/grid-on.svg");    
    filter:none;
}
#show-list.active .icon-list {
    background-image: url("../images/icon/list-on.svg");   
    filter:none; 
}
.wrapBlock{
	border:1px solid #828282;
	margin-bottom:50px;
	border-radius: 18px 18px;
	
	/*
    background: rgba( 255, 255, 255, 1.0 );
    box-shadow: 0 2px 30px 0 rgb(182 184 207 / 37%);
    backdrop-filter: blur( 4px );
	*/
}
.panel{margin-bottom:8%;}
.brandCover{
    padding: 10px 0 15px;
    /*border-bottom: 1px dotted #eeeeee;*/
    /*border-top: 2px solid #222;*/
    /*border-top: 3px solid #242424;*/
	/*background:linear-gradient(135deg, #ffffff 0%,#ffffff 30%,#f3f3f3 60%,#ededed 61%,#ffffff 100%);*/
}
.brand_item_list{
	/*padding-right:30px;*/
}
.coverBlock{
	/*border-top: 1px dashed #eeeeee;*/
    margin: 0;
    padding-bottom: 40px;
    padding-top: 40px;
	position:relative;
}
.coverBlock:before{
	content:"";
	position:absolute;
	width: 96%;
    height: 1px;
    background: #f5f5f5;
    top: 0;
    left: 2%;
}
.coverImg{
}
.coverImg a{
	display:block;
}
.modelImg{
	max-width:150px;
    max-height: 160px;
}
		
.model_list_item {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0;
}
.model_list_brand{
	
}
.model_list_brand img{
    height: 50px;
    position: absolute;
    top: 0;
    left: 5px;
    width: auto;
}
.model_list_item_image {
	text-align:center;
	overflow: hidden;
}
.model_list_item_image img {
	max-width: 150px;
	max-height: 160px;
}
.model_list_item .model_list_item_badge {
	position: absolute;
	text-align: right;
	min-width: 36px;
	top: 0;
	right: 0;
	min-height: 85px;
	height: auto;
	padding: 5px 5px 0 0;
}
.model_list_item .model_list_item_badge a {
	display: block;
	width: 36px;
	height: 22px;
	margin: 0;
	text-align: right;
}
.model_list_item .model_list_item_badge .screen_size {
	border-radius: 15px 15px;
	color: #FFFFFF;
	font-size: 14px;
	height: 20px;
	line-height: 21px;
	margin: 0;
	min-width: 13px;
	padding: 2px 4px 1px;
	position: relative;
	text-align: center;
	width: auto;
	z-index: 0;
	background: none repeat scroll 0 0 #353535;
	font-family: 'Roboto';
	font-weight: 500;
}
.badge_5g{
	padding: 0 0px 1px;
	min-width: 10px;
	width: 22px;
	height: 22px;
	display: inline-block;
	background: linear-gradient(#0f54c9,#0b3377);
	background: linear-gradient(-165deg, #1BFFFF, #51baec, #0B81B9);
	background: linear-gradient(145deg,#e2d0d0,#737373);
	background: radial-gradient(#0C73B5,#041F46);
	background: #c81010;
	margin-bottom: 0;
	border-radius: 30px;
	line-height: 23px;
	position: relative;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	font-family: 'Roboto';
	font-weight: 500;
	z-index: 0;
	display: block;
	margin: 4px 0 0 10px;
}
.ReviewLink, .inStoreLink{
    background-size: 22px;
    width: 22px;
    height: 22px;
    display: block;
    margin: 4px 0 0 10px;
}
.ReviewLink{
	background-image:url(//www.siamphone.com/images/icon/icon_review.png);
}
.modelName{
    margin-bottom:40px;
}
.modelName a{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 1.75rem;
	text-decoration:none;
	color:#000;
	   
	text-decoration: none;
    padding: 5px 15px 5px 0;
    line-height: 10px;
    border-radius: 5px;
}
.opening-price, .cost-estimate{
    font-family: 'Kanit';
    font-size: 16px;
    color: #222;
}
.opening-price p, .cost-estimate p{
	margin-bottom:0;
}
.opening-price strong, .cost-estimate strong{
    color: #222;
    font-weight: 600;
    font-size: larger;
	font-family:'Roboto';
}
.cost-estimate strong{
    color: #2e8841;
}
.cost-estimate-text, .opening-price-text{
    font-family: 'Kanit';
    font-size: 16px;
    display:none;
}
.dateUpdate p{
	font-size: 12px;
    color: #787878;
    font-weight: 400;
    font-family: 'Kanit';
    margin-top: 10px;
	margin-bottom:0;
}
.dateUpdate i{
	margin-right:5px;
}
.btn-more{
    margin-top: 13px;
}
.btn-more a{
    font-family: 'Kanit';
    background:linear-gradient(-180deg, #4096ee 0%,#2a84e1 100%);
   
    color: #fff;
    width:100%;
    display: inline-block;
    padding:9px 5px 12px;
    text-align: center;
    border-radius:30px;
	font-weight:600;
	transition:all 0.3s;
	border:1px solid #4096ee;
	margin:0 auto;
}
.btn-more a:hover{
    color: #fff;
    background:linear-gradient(180deg, #2a84e1 0%,#4096ee 100%);
	border:1px solid #2a84e1;
	text-shadow:2px 2px 0 #1d76da;
	text-decoration:none;
}
.btn-clear{
	font-family: 'Kanit';
    font-size: 14px;
    border: 1px solid #6d6d6d;
    border-radius: 3px;
    margin: 0 auto;
    width: 40%;
    display: block;
    font-weight: 500;
}
.btn-clear:hover{
	color: #fff;
    background: #222;
	border: 1px solid #222;
}

.infor{
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align:super;
    margin-left: 0;
    border-radius: 30px;
    font-style: normal;
    line-height: 14px;
    font-weight: 400;
    font-family: 'Kanit';
    color: #22222200;
    background: url(//www.siamphone.com/images/icon-information.png) no-repeat;
    background-size: 12px;
	border-bottom:none;
    cursor: pointer;
	position: relative;
	display: inline-block;
}
.infor .tooltiptext {
	visibility: hidden;
	width: 194px;
	background-color: #363636;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
    right: -20px;
	/* margin-left: -60px; */
	opacity: 0;
	transition: opacity 0.3s;
    font-size: 13px;
    font-family: 'Kanit';
    font-weight: 300;
    line-height: 16px;
}
.infor .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 22px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #363636 transparent transparent transparent;
}
.infor:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.partnerList{
   padding-right: 30px;
}
.partnerItem{
	/*border: 1px solid #eee;
	border-top: 1px solid transparent;*/
	padding:5px 0;
	padding:2px 0 2px;
	
    /*border: 1px solid #eee;*/
    /*border-top: 0;*/
}
.partnerItem:hover{
	background-color:#f8f8f8;
	border-radius:8px;
}
.partnerItem:first-child{
    /*border-top: 1px solid #eee;*/
}
.partnerItem:last-child{
    /*border-bottom: 1px solid #eee;*/
}
.partnerItem .col-6 {
    padding-left: 10px;
    padding-right: 10px;
}
.partnerItem .partnerLogo{
	width:auto;
	height:35px;
}
.partnerItem .partnerLogo a{
	display: block;
    background-repeat:no-repeat;
    background-size: 70px 35px;
    background-position: left;
    width: 70px;
    height: 35px;
}
.logo-lazada{background-image: url(https://www.siamphone.com/images/partner/logo_lazada.png); }
.logo-shopee{background-image: url(https://www.siamphone.com/images/partner/logo_shopee.png); }
.logo-gearbest{background-image: url(https://www.siamphone.com/images/partner/logo_gearbest.png); }
.logo-powerbuy{background-image: url(https://www.siamphone.com/images/partner/logo_powerbuy.png); }
.logo-priceza{background-image: url(https://www.siamphone.com/images/partner/logo_priceza.png); }
.logo-sawasdee{background-image: url(https://www.siamphone.com/images/partner/logo_sawasdee.png); }
.logo-bullarmors{background-image: url(https://www.siamphone.com/images/partner/logo_bullarmors.png); }
.logo-asaki{background-image: url(https://www.siamphone.com/images/partner/logo_asaki.png); }
.logo-topvalue{background-image: url(https://www.siamphone.com/images/partner/logo_topvalue.png); }
.logo-goods{background-image: url(https://www.siamphone.com/images/partner/logo_goods.png); }
.logo-linkmobilembk{background-image: url(https://www.siamphone.com/images/partner/logo_linkmobilembk.png); }
.logo-gadgetthai{background-image: url(https://www.siamphone.com/images/partner/logo_gadgetthai.png); }
.logo-treemobile{background-image: url(https://www.siamphone.com/images/partner/logo_treemobile.png); }
.logo-yoobao{background-image: url(https://www.siamphone.com/images/partner/logo_yoobao.png); }
.logo-generation-s{background-image: url(https://www.siamphone.com/images/partner/logo_generation-s.png); }
.logo-ksmart{background-image: url(https://www.siamphone.com/images/partner/logo_ksmart.png); }
.logo-armchare{background-image: url(https://www.siamphone.com/images/partner/logo_armchare.png); }
.logo-galaxymobile{background-image: url(https://www.siamphone.com/images/partner/logo_galaxymobile.png); }
.logo-sucseed{background-image: url(https://www.siamphone.com/images/partner/logo_sucseed.png); }
.logo-mimall{background-image: url(https://www.siamphone.com/images/partner/logo_mimall.png); }
.logo-sea{background-image: url(https://www.siamphone.com/images/partner/logo_sae.png); }
.logo-shopat24{background-image: url(https://www.siamphone.com/images/partner/logo_shopat24.png); }
.logo-redmagic{background-image: url(https://www.siamphone.com/images/partner/logo_redmagic.png); }
.logo-micropack{background-image: url(https://www.siamphone.com/images/partner/logo_micropack.png); }
.logo-vickyshop{background-image: url(https://www.siamphone.com/images/partner/logo_vickyshop.png); }
.logo-pjplusmobile{background-image: url(https://www.siamphone.com/images/partner/logo_pjplusmobile.png); }
.logo-jdcentral{background-image: url(https://www.siamphone.com/images/partner/logo_jdcentral.png); }
.logo-banana{background-image: url(https://www.siamphone.com/images/partner/logo_banana.png); }
.logo-ais{background-image: url(https://www.siamphone.com/images/partner/logo_ais.png); }
.logo-lenovo{background-image: url(https://www.siamphone.com/images/partner/logo_lenovo.png); }
.logo-penguinmbk{background-image: url(https://www.siamphone.com/images/partner/logo_penguinmbk.png); }
.logo-feeltek{background-image: url(https://www.siamphone.com/images/partner/logo_feeltek.png); }
.logo-admobileshop{background-image: url(https://www.siamphone.com/images/partner/logo_admobileshop.png); }
.logo-xiaodu{background-image: url(https://www.siamphone.com/images/partner/logo_xiaodu.png); }
.logo-tgfone{background-image: url(https://www.siamphone.com/images/partner/logo_tgfone.png); }
.logo-studio7{background-image: url(https://www.siamphone.com/images/partner/logo_studio7.png); }




.partnerItem p{
	font-size:12px;
	margin-bottom:0;
}
.partnerItem .price{
    font-family: 'Kanit';
    font-weight: 500;
    color: #125EB6;
    color: #2a84e1;
    color: #303030;
    font-size: 16px;
	line-height: 34px;
}
.partnerItem:hover .price{
	color: #125EB6;
}
.partnerItem .price span{
    font-family: 'Kanit';
    font-weight: 500;
    font-size: small;
}
.partnerDetail{
	display:none;
}

.wrapper-demo {
    margin: 10px 10px 0 0;
    font-weight: 400;
    float: left;
    position: relative;
    width: 100%;
}
.wrapper-dropdown-3 {
	position: relative;
    background: #fff;
    border-left: 0;
    cursor: pointer;
    outline: none;
    font-weight: 100;
    color: #222222;
    font-family: Tahoma, Helvetica, "Microsoft Sans Serif", sans-serif;
    border: 1px solid #808080;
    float: left;
    width: 100%;
	height:43px;
    padding:2px 15px 0px;
    margin: 0;
    font-size: 17px;
    border-radius: 0;
	/*box-shadow: 0 0 10px rgb(0 0 0 / 10%);*/
}

.brandCover .wrapper-dropdown-3{
    border: 1px solid var(--price-brandcover-dropdown-border);
    background: var(--price-brandcover-dropdown-bg);
    color:var(--price-brandcover-dropdown-color);
}
.wrapper-dropdown-3:after {
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #222222 transparent;
}
.brandCover .wrapper-dropdown-3:after{
    border-color:var(--price-brandcover-dropdown-after) transparent;
}
.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
	z-index:99;
    height: auto;
    max-height: 311px;
	padding:0;
    overflow: auto;
    /* Styles */
    background: white;
    border-radius: inherit;
    border:1px solid rgb(111 111 111 / 100%);
    /*box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-3 span.showtext{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    display: list-item;
    line-height: 36px;
	font-size:18px;
    font-family: 'Kanit';
	font-weight:500;
	text-align:left;
}
.wrapper-dropdown-3 span.showtext img{
	vertical-align: middle;
    width: 20px;
    margin: 0 5px 0 0;
}
.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}
.wrapper-dropdown-3 .dropdown li {display:block;padding:0 0 10px 28px;position:relative;margin: 0;border-bottom:1px solid #eee;}
.wrapper-dropdown-3 .dropdown li:last-child {border-bottom:0 solid #eee;}
.wrapper-dropdown-3 .dropdown li a {
    display: block;
   /*  padding: 10px; */
    text-decoration: none;
    color: #333;
	font-size: 16px;
   /*  border-bottom: 1px solid #e6e8ea; */
   /*  box-shadow: inset 0 1px 0 rgba(255,255,255,1); */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wrapper-dropdown-3 .dropdown li label strong{font-size:18px;font-weight:600;}
.wrapper-dropdown-3 .dropdown li label span{
    display: inline-block;
    font-size: 12px;
    margin: 0;
    position: relative;
    left: auto;
    top: auto;
    font-family: 'Kanit';
    padding-left: 3px;
}
.wrapper-dropdown-3 .dropdown li label b{
    font-family: DBHelvethaicaXRegular;
    font-size: 19px;
    margin-left: 0;
    color: #636363;
    font-weight: 100;
}
.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius:0;
}


/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
	margin:0;
	border-radius:8px;
}
.wrapper-dropdown-3.active .dropdown ~ div.tab-content {
	overflow:visible;
}

/* No CSS3 support */
.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}

.wrapper-dropdown-3 .dropdown li label {
    display: block;
    padding: 10px 10px 0 10px; /* Same padding as the button */
    transition: all 0.3s ease-out;
	margin:0;
	font-size:17px;
	min-height:35px;
	line-height:24px;
    font-family: 'Kanit';
	cursor:pointer;
	font-weight:400;
	text-align:left;
}
.wrapper-dropdown-3 .dropdown li label.oneline{
	line-height:40px !important;
}
.checkbox input[type="checkbox"]:checked + label.oneline::after{
    top: 8px;
    right: 10px;
}
.wrapper-dropdown-3 .dropdown li:last-of-type label {
    border: none;
}
.wrapper-dropdown-3 .dropdown li input {
    position: absolute;
    display: block;
    right: auto;
    top: 50%;
    margin-top: -8px;
    left: 13px;
	border:0 solid transparent;
    -webkit-appearance: none;
}

/* Hover state */
.wrapper-dropdown-3 .dropdown li:hover {
    background-color: #f0f0f0;
}

/* Checked state */
.checkbox label::before, .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-top:5px;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::before, .radio label::before{
	right: auto;
    left: 10px;
}
.checkbox input[type="checkbox"]:checked + label::after ,.radio input[type="radio"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
	color:#fff;
	left: 10px;
    background: #358be4;
    top: 3px;
    /* content: ""; */
    width: 17px;
    height: 17px;
    border-radius:3px;
	position:absolute;
	line-height:18px;
}
.checkbox input[type="checkbox"]:checked + label::after ~ .checkbox label::before{
	border:2px solid red;
}
#brandlistfilter .checkbox input[type="checkbox"]:checked + label::after{
    top: 15px;
}

.checkbox input:checked + li.checkbox, .radio input:checked + li.radio{
    background: #f9f9f9;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.checkbox label::after, .radio label::after{
    left: 10px;
    right: auto;
    top: 8px;
	color:#c00;
}
.radio label::after{
    top: 21px;
}
.radio label::before{border-radius: 30px;}
.wrapper-dropdown-3 .dropdown li.radio label::after{
	top:11px;
}
.wrapper-dropdown-3 .dropdown li input:checked ~ label {
    color: #358be4;
	font-weight: 600;
   /*  text-decoration: line-through; */
}
.wrapper-dropdown-3 .dropdown li input:checked ~ span{
    color: #4096ee;
    /* text-decoration: line-through; */
}
.wrapper-dropdown-3 .dropdown li span{
    position: absolute;
    left: 10px;
    top: 35px;
	display:none;
}
.wrapper-dropdown-3 .dropdown li .toggleOn span{
	left:25px;
}
.wrapper-dropdown-3 .dropdown li.brand_textbox{
	padding:0;
}
.wrapper-dropdown-3 .dropdown li.brand_textbox input{
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    right: 0;
    padding: 3px 10px;
    width: 100%;
    line-height: 33px;
    font-size: 18px;
    font-family: 'Kanit';
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    background: #fff;
}
#brandScroll::-webkit-scrollbar-track, #brandScroll_e::-webkit-scrollbar-track, .dropdown::-webkit-scrollbar-track{background-color:var(--price-scrollbar-track);}
#brandScroll::-webkit-scrollbar, #brandScroll_e::-webkit-scrollbar, .dropdown::-webkit-scrollbar{width:10px;background-color:var(--price-scrollbar);}
#brandScroll::-webkit-scrollbar-thumb, #brandScroll_e::-webkit-scrollbar-thumb, .dropdown::-webkit-scrollbar-thumb{border-radius:18px;background-color:var(--price-scrollbar-thumb);}
#brandScroll{top:0;}



/* Brand List */

.recommendList p{
    font-weight: 500;
    padding: 7px 0;
    text-align: center;
    color: #272727;
    font-size: 26px;
    margin: 0;
}
.btn-list-phone{
    font-weight: 500;
    padding: 2px 25px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    background: #272727;
    font-size: 17px;
    color: #fff !important;
    border-radius: 30px;
}
.brandList{
	margin-top: 25px;
	font-family:'Kanit';
}
.recommendList{
	background: #f8f8f8;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 8px 0 0 8px;
    width:25%;
    display: block;
	height: 125px;
    float: left;
	border: 1px solid #f8f8f8;
    border-right: 0;
}
.randomBrand{
	background:#f8f8f8;
    width: 75%;
    display: block;
    float: left;
	height: 125px;
    padding:21px 15px 22px;
    border-radius: 0 8px 8px 0;
	border: 1px solid #f8f8f8;
    border-left: 0;
}
.randomBrand ul{
    padding:15px 0;
    margin: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
}
.randomBrand li{
	float:left;
	list-style-type:none;
    width:20%;
	text-align:center;
}
.randomBrand li::marker{
    color: transparent;	
}
.randomBrand li:last-child{display:none;}
.randomBrand li a{
	display:block;
}
.randomBrand li a img{
	width:110px;
	height:auto;
}
.allListBrand {margin-top: 25px;}
.allListBrand a{
	background: #f8f8f8;
    padding: 35px 0 15px;
    border-radius: 8px 8px;
    width:100%;
    display: block;
	height: 125px;
    float: left;
	border: 1px solid #f8f8f8;
    color: #272727 !important;
	font-size: 22px;
    line-height: 30px;
	font-family:'Kanit';
}


.fixed-sidebar {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  height: 700px;
  top: 10px;
  bottom: auto;
}

.jumbotron {
    padding: 2rem 2rem;
    background-color: #f8f8f8;
}
.coverPriceSearch{
	background: #f8f8f8;
    border-radius: 8px 8px;
	
	padding: 20px;
}
.priceSearch{
	background: var(--price-body-bg);
    padding-top: 15px;
    padding-bottom: 30px;
	padding-left: 30px;
    padding-right: 30px;
    border-radius: 8px 8px;
	
    box-shadow: var(--price-pice-search-shadow);
    backdrop-filter: blur( 4px );
}
.priceSearch .searchBox input[type="text"]::placeholder{
	font-weight:500;
}

.priceSearch #submit_bt{
	margin-top:20px;
    font-family: 'Kanit';
}
.priceSearch ul.tab-list{
	padding-left:0;
	margin-bottom: 0;
}
.priceSearch ul.tab-list li{
	display:inline-block;
	position:relative;
	margin-bottom: 0;
}

h4.head-filter{
	padding: 0;
    text-align: left;
    font-family: 'Kanit';
    font-weight: 600;
    font-size: 18px;
    color: #2C86E3;
    color: var(--price-body-color);
	margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 25px;
    background: url(//www.siamphone.com/images/fullstop.png) no-repeat 8px 7px;
}


/* Store */
.block-three{
    position: relative;
    overflow: hidden;
    padding: 0 0 15px 0;
	background: #fff;
    width: 100%;
    color: #000;
    float: none;
    margin: 0px 0 10px;
    padding: 0 0 20px 0;
    border-radius: 8px;
	
	/*background: rgba( 255, 255, 255, 1.0 );
    box-shadow: 0 8px 20px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px ); */
	
    /*background: linear-gradient(#fff 20% ,#f3f2f0 100%);*/
    border: 1px solid #eeeeee;
	
	background: rgba( 255, 255, 255, 1.0 );
    box-shadow: 0 2px 12px 0 rgb(182 184 207 / 37%);
    backdrop-filter: blur( 4px );
}
.block-three:last-child{margin:0;}
.block-three h3 , .priceSearch h3{
    margin:15px 0 0 0;
    min-height: 37px;
	position:relative;
}
.block-three h3 span, .priceSearch h3 span{
    padding: 10px 10px 5px 10px;
    text-align: left;
    font-family: 'Kanit';
    font-weight: 600;
    font-size: 26px;
    color: #222;
	background:#fff;
	position: relative;
	z-index:1;
}
.block-three h3:after ,.priceSearch h3:after{
	width:90%;
	height:2px;
	position:absolute;
	content:"";
	left:5%;
    top: 55%;
}
.block-three ul{padding:0;margin:0;}
.block-three ul li{
padding: 0;
    margin: 0 0 13px;
    list-style-type: none;
    width: 100%;
    float: left;
    clear: both;
    /*background: #fff;*/
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
}
.block-three ul li .image{
	width: 10%;
    float: left;
    margin-right: 3%;
    margin-top: 1%;
	
	transition:0.3s all;
	display:none;
}
.block-three ul li .image img{
    width: 100%;
    height: auto;
}
.block-three ul li .name{
    width: 100%;
    float: right;
    text-align: left;
	transition:0.3s all;
}
.block-three ul li .name a{
	display:inline-block;
	color:#222;
	font-size: 16px;
    line-height: 20px;
    padding: 0;
    font-family: 'Kanit';
    font-weight: 500;
}
.block-three ul li .btn-price a {
    padding-right: 0;
    width: 80%;
    font-size: 18px;
    line-height: 33px;
    color: #2e8841;
    font-weight: 600;
    font-family: 'Kanit';
    text-align: left;
    float: left;
}
/*
.block-three ul li:hover .name{
	width:80%;
}
.block-three ul li:hover .image{
	display:block;
}*/

/*Search Box */
.searchBox{
	margin-top:20px;
	clear:both;
}
.searchBox h4{
	padding: 0;
    text-align: left;
    font-family: 'Kanit';
    font-weight: 600;
    font-size: 18px;
    color: #2C86E3;
    color: #222;
    margin-bottom: 15px;
    padding-left: 15px;
    background: url(//www.siamphone.com/images/fullstop.png) no-repeat 0px 7px;
}
.searchBox input[type="text"]{
    width: 100%;
    padding: 10px 10px 10px 0;
    border: 1px solid #e5e5e5;
    position: relative;
    text-indent: 35px;
    font-size: 20px;
    font-weight: 500;
    background: #fff url(https://www.siamphone.com/images/magnifying2.png) no-repeat 4px 8px;
    background-size: 35px;
    font-family: 'Kanit';
    height:52px;
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
    border-radius: 3px;
    transition: width 0.3s;
}
.searchBox input[type="text"]::placeholder{
	font-weight:300;
	color:#222;
	font-size:18px;
}
.brandlistfilter{
	margin-top:0;
	float: none;
	clear:both;
}
.brandlistfilter .wrapper-dropdown-3 {
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    float: none;
    padding: 8px 15px 10px;
    min-height: 52px;
}
.brandlistfilter .wrapper-dropdown-3 span.showtext{
	font-weight:500;
}
ul.tab-list li{
	padding-bottom:0;
	border-bottom:0;
	margin-bottom: 10px;
}
ul.tab-list li:hover label{
	cursor:pointer;
}
.tab-list label{
    display: inline-block;
    margin-bottom: .5rem;
    font-family: 'Kanit';
    font-weight: 300;
	padding-left: 35px;
}

.tab-list li input[type="checkbox"] ,.tab-list li input[type="radio"]{
    position: absolute;
    display: block;
    right: auto;
    top: 50%;
    margin-top: -6px;
    left: 6px;
	
	-webkit-appearance: none;
	border:0 solid transparent;
}
.tab-list li.checkbox label::before, .tab-list li.radio label::before{
	margin-top:3px;
}
.tab-list li.checkbox label::after{
	top:13px;
}
.tab-list li.radio input[type="radio"]:checked + label::after{
    top:3px;
	border-radius:30px;
}
.tab-list li input:checked ~ label {
    color: #358be4;
	/*font-weight:500;*/
}
.category .radio label::after, .display_diagonal .radio label::after{
 	content:none; 
}
.tab-list input:checked + li.radio{
/* 	color: #fff; */
	background: #f9f9f9;
    color:#4096ee;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.tab-list input:checked + li.radio label{
	color:#4096ee;
    border: 1px solid #4096ee;
}
.tab-list input:checked + li.radio span{color:#fff;color:#4096ee;}
.clear{clear:both;}





/* sort */
.sort_by {
	background: none repeat scroll 0 0 #fff;
	clear: left;
	color: #000000;
	font-size: 18px;
    width: 100%;
	position:relative;
	float: left;
    clear: both;
    margin: 0 0 25px 0;
    /*border: 1px solid rgba(0, 0, 0, 0.05);*/
	/* border-top:0; */
    padding: 15px 10px 13px;
	font-family:'Kanit';
}
.c_left {
    float: left;
    display: inline-block;
}
.sort_by select{
	width: 160px;
    padding: 5px 5px;
    border: 1px solid #DEDEDE;
    font-size: 14px;
	margin: -10px 0 0 10px;
}
.sort_by font, .title_release font{
    position: absolute;
    right: 10px;
    top: 6px;
    font-family: DBHelvethaicaXRegular, Tahoma, "Microsoft Sans Serif", sans-serif;
    font-size: 20px;
    color: #777;
}
.sort_by_spec {
	background: none repeat scroll 0 0 #CCCCCC;
	border: 0 solid blue;
	clear: left;
	color: #000000;
	font-size: 12pt;
	height: 14px;
	margin: 10px 0 -14px 4px;
	padding: 7px 0 10px 15px;
	width: 585px;
}
.select_sort {
    font-size: 16px;
	line-height:28px;
	margin: 0;
    display:inline-block;
    float: left;
    padding: 0 20px 2px;
    border-right: 1px solid #ececec;
	position:relative;
    font-family: 'Kanit';
}
.select_sort a{
	color:#222;
	padding: 0 0 0 22px;
    text-decoration: none;
    display: inline-block;
}

.select_sort img{
	margin-left:5px;
	vertical-align: bottom;
	display:none;
}
.sortIcon{
    background-image: url(//www.siamphone.com/images/search/icon_sort_2020.png);
    background-size: 85px 34px;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 17px;
    height: 17px;
    position: absolute;
    display: inline-block;
    margin-right: 5px;
	margin-top:5px;
    left: 20px;
}
.icon-lunch{background-position:-34px 0;}
.icon-cart{background-position:-52px 0px;}
.icon-font{background-position:-17px 0px;}
.icon-price{background-position: 0 0;}
.icon-popular{background-position: -68px 0;}
.none-br{ border-right: 0 solid #131313;}
/* end sort */


/* open modal */
.ctain{float:left;position:relative;left:50%;padding-top:10px;display:none;}.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:99999;opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;transition:opacity .4s ease-in;pointer-events:none;    overflow-x: hidden;    overflow-y: auto;height: auto;}.modalDialog:target{opacity:1;pointer-events:auto}.modalDialog .ctainer{width:auto;height:auto;overflow:hidden;min-height:400px;margin:5% auto;padding:20px 30px 40px;border-radius:8px;box-shadow:0 0 10px #525252;background:#fff;font-family:sukhumvit;float:left;position:relative;left:-50%;top:-50%;min-width:800px;max-width:800px}.close{position:absolute;right:0;top:10px;background:url(https://www.siamphone.com/images/x-close.png) no-repeat;width:50px;height:30px;background-size:30px;background-position:50% 0;opacity:1.0;/* position:fixed; *//* top:-65px; */z-index:99;font-size:12px;text-shadow:none;line-height:80px;font-family:'Kanit';text-align:center;font-weight:500;}.close:hover{color:#000}.modalDialog h5{font-weight:400;font-size:33px;text-align:left;margin:10px 0;font-family:DBHelvethaicaXRegular;padding-bottom:10px;font-family: 'Kanit';font-weight: 500;}#cover{margin:0 auto;}	.block{padding: 0 14px 0;float: left;width: 100%;position: relative;border: 1px solid #EAEAEA;background:#fff;clear: both;margin: 15px 0 0 0;border-radius:15px;}.block:hover{box-shadow:0 5px 15px 0 rgb(67 70 131 / 50%);}.block h2{float: left;margin:10px 0;width: 100px;height: 60px;background-size: 100%;background-position: 50% 50%;background-repeat: no-repeat;display: flex;align-items: center;}.block .detailShop,.block h3{text-align:center;margin:0 auto}
.block h2 img{
    width: 100px;
    height: 50px;
}
.block h3{text-align:center;font-weight: 700;font-size: 20px;font-family: 'Roboto';float: left;width: 105px;padding: 10px 10px 10px 10px;text-indent: 0;margin-top:15px;color:#125eb6;display: flex;align-items: center;height: 66px;}.block p{padding:0;color:#222222;text-align:left;float:left;margin:10px 0 10px 15px;overflow: hidden;font-family: 'Kanit';font-size: 14px;line-height: 22px;font-weight: 300;width: 50%;display: flex;align-items: center;height: 66px;}.block .detailShop{background:#125eb6;color:#fff !important;padding:0 5px;height:40px;width:120px;display:block;text-align: center !important;text-decoration: none;margin:24px 0 0 0;z-index: 1;position: relative;border:1px solid #125eb6;float:right;font-family:'Kanit';font-size: 16px;font-weight: 500;line-height: 38px;border-radius:30px;}.block .detailShop:hover{background: linear-gradient(to bottom, #4ba0f7 0%,#2a84e1 100%);border:1px solid #2b85e1;}.cheap1{border:1px solid #000;}.best_price{position:absolute;right:0;top:75px}.bg_best{position: absolute;width:45px;top:-2px;left:-2px;border-radius: 15px 0 0 0;overflow: hidden;}.bg_best img{width:45px;height:auto;}

a.btn-to-spec:link, a.btn-to-spec:visited{
    color: #125eb6;
    padding: 10px 10px;
    border: 1px solid;
    display: inline-block;
    text-align: center;
    margin: 20px auto 0;
    width: 150px;
    overflow: hidden;
    font-weight: 500;
    font-family: 'Kanit';
    border-radius: 30px;
    float: right;
}
a.btn-to-spec:hover{
	background: #125eb6;
	color:#fff;
	cursor:pointer;
}
a.btn-to-spec i{margin-right: 10px;}
a.btn-to-store:link{margin-left:10px;}

.table-pricelist .block:hover{box-shadow:0 0 20px 0 rgb(107  107 107 / 50%);}
.table-pricelist td:first-child .bg_best img{width:50px;height:50px;margin:0;}
.table-pricelist .block,.table-pricelist .block .cheap1{border:0;}
.table-pricelist .bg_best{width:50px;top:0;left:0;overflow:visible;border-radius:0 0 0 0 ;}

/* footer */
.container-footer{background:#191919;}
#footer {
    width: 100%;
    margin: 10px auto 0;
}
#footer_copyright {
    padding: 0;
    width: 100%;
    font: 10px/30px Arial;
    text-transform: uppercase;
    display: inline-block;
}
#footer_copyright .siamphone_logo {
    margin: 0 10px;
    float: left;
}
#footer_copyright .siamphone_logo img {
	vertical-align:sub;
}
#footer_copyright em.copysign {
    font-size: 12px;
    float: left;
    font-family: Arial;
    margin-right: 5px;
    font-style: normal;
}
#footer_copyright p.right_reserved_text {
    float: left;
    margin: 0;
    color: #8c8c8c;
}
#footer_copyright p.social_network {
    float: right;
    margin: 0 10px;
    color: #8c8c8c;
}
#footer_copyright p.social_network a {
    margin: 0 5px;
    color: #8c8c8c;
}


/* cover-hilight */
.cover-hilight{
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 45px;
    margin-top: 60px;

	background:linear-gradient(-45deg, #a1c4fd, #ef9ebd, #8fc8dd, #75f2d4);
	/*background:linear-gradient(-45deg, #fda085, #f6d365, #fbc2eb, #a6c1ee, #fbc2eb);*/
	background-size: 400% 400%;
	animation: gradient 30s ease infinite;
	background:linear-gradient(#fff,#f3f2f0);
    background: #fbfbfd;
    background: var(--price-cover-hilight-bg);
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.title_image, .title_image_brand {
    text-align: left;
    color: #000;
    padding: 0;
    margin: 10px 0 10px;
    display: block;
    position: relative;
}
.title_image h2, .title_image h1 , .title_image_brand h1{
    font-family: 'Kanit';
    font-size: 35px;
    font-weight: 500;
    line-height: 55px;
    background-color: var(--price-title-bg);;
    padding-right: 15px;
    display: inline;
    position: relative;
    z-index: 9;
    color:  var(--price-blackwhite-color);
	/*text-shadow: 2px 2px 5px #00000047;*/
}
.title_image:after {
    content: "";
    display: block;
    height: 2px;
    background: var(--price-blackwhite-color);
    display: block;
    position: absolute;
    top: 49%;
    width: 100%;
    z-index: 8;
}
.header-widget {
    text-align: center;
    position: relative;
    margin: 10px 0 10px;
}
.header-widget:before, .header-widget-left:before {
    content: "";
    height: 2px;
    background:  var(--price-blackwhite-color);
    display: block;
    position: absolute;
    top: 53%;
    width: 100%;
    z-index: 8;
}
.header-widget h2, .header-widget-left h2 {
    font-size: 35px;
    color: #090909;
    background: var(--price-title-bg);;
    z-index: 9;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 50px;
    color:  var(--price-blackwhite-color);
	/*text-shadow: 2px 2px 5px #00000047;*/
	font-family:'Kanit';
}

.carousel-inner{
	border-radius:13px;
	border:1px solid #e8e8e8;
	background: rgba( 255, 255, 255, 1.0 );
   /* box-shadow: 0 8px 20px 0 rgba( 31, 38, 135, 0.37 );*/
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
	min-height:464px;
}
.carousel-indicators{
    bottom: 10px;
    justify-content: left;
    margin-right: 5%;
    margin-left: 5%;
    width: 30%;
}
.carousel-indicators li {
    background-color: #d8d9e2;
    height: 12px;
    width: 12px;
    border-radius: 30px;
    border-top: 0;
    border-bottom: 0;
	opacity: .4;
}
.smartphone_popular {
    background: #ffffff;
    margin-top: 30px;
	border-radius:13px;
	
	display: block;
    border-radius: 13px;
	border:1px solid #e8e8e8;
	background: rgba( 255, 255, 255, 1.0 );
   /* box-shadow: 0 8px 20px 0 rgba( 31, 38, 135, 0.37 );*/
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    min-height: 463px;
}
.smartphone_popular h4 {
	padding: 20px 15px 0;
    text-align: center;
}
.smartphone_popular h4 a {
	color:#000;
	font-family:'Kanit';
	font-weight:500;
}
.smartphone_popular ul {
    padding: 0;
    margin: 0;
}
.smartphone_popular ul li{
    list-style-type: none;
    padding-bottom: 5px;
    /*border-bottom: 1px dashed #e4e8eb;*/
    margin-right: 0;
    margin-left: 0;
    margin-top:10px;
}
.smartphone_popular ul li:first-child{
	 padding-top: 0;
}
.smartphone_popular ul li:last-child{
	 margin-bottom: 0;
    border-bottom: 0 dashed #c9c9c9;
}
.smartphone_popular ul.cd-tabs__list li, .smartphone_popular ul.cd-tabs__list li:first-child{
	padding-bottom: 0;
    padding-top: 5px;
	margin-top: 5px;
}
ul.cd-tabs__list::-webkit-scrollbar-track,.kwresult::-webkit-scrollbar-track{background-color:#F5F5FA;border-radius:18px;}
ul.cd-tabs__list::-webkit-scrollbar,.kwresult::-webkit-scrollbar{height:10px;background-color:#F5F5FA;cursor:pointer;}
ul.cd-tabs__list::-webkit-scrollbar-thumb,.kwresult::-webkit-scrollbar-thumb{border-radius:18px;background-color:#d8d9e2}

.smartphone_popular_name{
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
    line-height: 20px;
}
.smartphone_popular_name a {
    color: #222;
	text-decoration:none;
}
.smartphone_popular_name a:hover {
    color: #000;
	text-shadow: 0 0 black;
}
.smartphone_popular_name .list-view{
	line-height: 24px;
    height: 18px;
    margin: 0;
    font-weight:600;
    font-family: 'Roboto';
    font-size: 17px;
    color: #2e8841;
    display: block;
    text-align: left;
}
.smartphone_popular_name a:hover .list-view{
	text-shadow:none;
}
.list-view em {
    font-size: 13px;
    padding-right:5px;
	font-weight: 100;
}
.smartphone_popular_image{
	text-align:center;
    border-radius: 30px;
    height: 60px;
	position: relative;
}
.smartphone_popular_image img{
	width: auto;
    height: 55px;
	position: relative;
    z-index: 9;
	margin-top:5px;
}
.smartphone_popular_image:after{
    /*content: "";*/
    position: absolute;
    width: 77px;
    height: 72px;
    background: white;
    left: 8%;
    top: -6px;
    z-index: 0;
    border-radius: 100px;
}

.swiper-slide-image {
    position: relative;
    background-color: #fff;
    display: inline-flex;
    position: absolute;
    right: 0;
}

.swiper-slide-image img {
    /*max-height: 350px;*/
	max-width: 330px;
    vertical-align: bottom;
    display: block;
    margin-top: 10%;
	width:auto;
	height:auto;
}
.swiper-slide-detail{
	width: 65%;
    /* position: relative; */
    float: left;
    padding:0 0 1% 0;
	background:#fff;
}
.swiper-slide-detail h2{
    font-family: 'Roboto';
    font-weight: 400;
    text-align: left;
    margin: 4% 0 0 5%;
    line-height: 1.5;
    position: absolute;
	right:0;
}
.swiper-slide-detail h2 a{
    text-decoration: none;
	font-family: 'Roboto';
    font-weight: bold;
    font-size: 1.85rem;
	text-decoration:none;
	color:#000;
	   
	text-decoration: none;
    padding: 5px 15px 5px 0;
    line-height: 10px;
    border-radius: 5px;
}
.swiper-slide-detail h2 img{
	width:auto;
	height:40px;
}
.swiper-slide-detail .column{
    float: left;
    width: 100%;
    clear: both;
    margin:13% 0 0 5%;
    padding: 0;
    font-size: 30px;
    font-family: 'Kanit';
    font-weight: 500;
}
.swiper-slide-detail .column .modelName a{
	font-size:1.85rem;
}
.swiper-slide-detail .opening-price strong{
	font-weight:600;
}
.swiper-slide-detail .dateUpdate{
	clear: both;
    margin-left: 15px;
    float: left;
}

.partner-cover{
    float: left;
    width: 75%;
    margin: 4% 0 3% 3%;
	
    /*overflow-x: scroll;*/
    overflow-y: hidden;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height:116px;
}
.partner-cover::-webkit-scrollbar-track{background-color:#F5F5FA;border-radius:18px;}
.partner-cover::-webkit-scrollbar{height:13px;background-color:#F5F5FA;cursor:pointer;}
.partner-cover::-webkit-scrollbar-thumb{border-radius:18px;background-color:#d8d9e2}
.partner-cover .partner-cover-item{
    border-radius:0;
    text-align: center;
    width: 29%;
	width:100px;
    margin:10px 5px 10px;
    display: inline-block;
    height: 83px;
	transition:0.2s all;
	
	/*box-shadow: 2px 2px 5px rgb(51 33 33 / 24%);*/
    padding: 0 5px 0;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
	background:linear-gradient(#f5f5fb,#e4e4e4);
	border-radius:8px;
}
.partner-cover .partner-cover-item:hover{
	border-radius:8px;
	box-shadow: 0px 0px 10px rgb(51 33 33 / 40%);
}
.partner-cover .partner-cover-item a{
	font-family: 'Kanit';
    font-weight:500;
    color: #125fb6;
    font-size: 16px;
    line-height: 22px;
	transition:0.2s all;
}
.partner-cover .partner-cover-item:hover a{
	color:#0b4b94;
	font-weight:500;
	text-decoration:none;
}
.partner-cover .partner-cover-item p{
	margin:0;
	line-height:14px;
}
/*.bg-jdcentral{background:linear-gradient(#f9393c,#c71012)!important;}
.bg-lazada{background:linear-gradient(#1b5ddf,#112181)!important;}
.bg-treemobile{background:linear-gradient(#a6db1a,#53b102)!important}
.bg-sawasdee{background:linear-gradient(#92E174,#49BA24)!important}
.bg-powerbuy{background:linear-gradient(#731f98,#491e5c)!important;}
.bg-priceza{background:linear-gradient(#f9b53b,#ffa400)!important;}
.bg-shopee{background:linear-gradient(#ff6647,#ea3c18)!important}
.bg-gearbest{background:linear-gradient(#fce35a,#FFDA00)!important}
.bg-bullarmors{background:linear-gradient(#DB1C24,#BC171D)!important}
.bg-asaki{background:linear-gradient(#3646c0,#23329E)!important}
.bg-topvalue{background:linear-gradient(#ff4848,#f23030)!important}
.bg-goods{background:linear-gradient(#3c5069,#2E3D50)!important}
.bg-galaxymobile{background:linear-gradient(#f57d32,#EC1888)!important}
.bg-ais{background:linear-gradient(#BAD030,#7ba833)!important}
.bg-teephone{background:linear-gradient(#222222,#000000)!important}


.bg-jdcentral a, .bg-lazada a, .bg-treemobile a ,.bg-powerbuy a, .bg-sawasdee a, .bg-gearbest a, .bg-bullarmors a, .bg-asaki a, .bg-topvalue a, .bg-goods a{color:#ffffff !important;}*/

.cover-btn{
	clear: both;
    overflow: hidden;
    width: 43%;
    display: block;
    margin: 0 0 0 57%;
}
.btn-viewpriceall, .btn-viewspec{
	background: linear-gradient(#ececec,#d8d9e2);
	background: none;
    color:#797a84;
    font-family: 'Kanit';
    padding: 5px 0;
    border-radius:8px;
    display: block;
    text-align: center;
    margin: 10px 0 10px 55%;
    width: 45%;
    font-weight: 600;
    font-size: 14px;
	clear: both;
	border:1px solid #e6e6e6;
}
.btn-viewspec{
    width: 45%;
    margin:10px 0 15px 2%;
    position: relative;
    z-index: 9;
	clear:none;
	display:inline-block;
}
.btn-viewpriceall i, .btn-viewspec i{
	vertical-align:revert;
	margin-right:7px;
}
.swiper-slide-detail ul{
	float: left;
    font-weight: 500;
	font-size:16px;
    line-height: 30px;
    font-family: 'Kanit';
    margin-top: 10px;
    padding-left: 15px;
    margin-bottom: 0;
}
.swiper-slide-detail li{list-style-type:none;color:#222222;}
.swiper-slide-detail li span{font-weight:300;}
.swiper-slide .title{margin-top:0;position:absolute;top:0;z-index:1;width:100%}
.swiper-slide .head{position:absolute;top:0;width:600px;height:363px;background-size:auto 363px;background-repeat:no-repeat;background-position:center}
.swiper-slide .head a{color:#FFF;text-shadow:1px 1px 4px rgba(0,0,0,.8);font-family:DBHelvethaicaXRegular;font-weight:400;font-size:36px;padding:5px 20px 20px;width:560px;height:65px;display:block;line-height:40px;position:absolute;bottom:0}
/* status */
.swiper-slide-detail li.status span{font-weight:300;}
.rumored{color:#e48902;}
.coming_soon{color:#e6b905;}
.instore_inter{color:#0050b3;}
.instore_thai{color:#0d6b01;}
.discontinued, .cancelled{color:#e40202;}

.carousel-control-next, .carousel-control-prev{height:20%;top:44%;}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 30px;
    padding: 10px 10px;
    height: 30px;
}
.carousel-control-prev-icon ,.carousel-control-next-icon{
	background-color: transparent;
    background-size: 15px;
    border-radius: 3px;
}
.carousel-control-next-icon{background-image: url(https://www.siamphone.com/images/arrows2_2.png);}
.carousel-control-prev-icon{background-image: url(https://www.siamphone.com/images/arrows2_1.png);}
/* end cover-hilight */



/* table price */
.table-pricelist {margin-top: 1rem;}
.table-pricelist th:first-child{
    border-radius: 13px 0 0 13px;;
}
.table-pricelist th:last-child{
    width:15%;
    border-radius: 0 13px 13px 0;
}
.table-pricelist td:first-child {
    text-align:center;
    border-top: 1px solid transparent;
}
.table-pricelist td:first-child img{
	width:auto;
	height:59px;
}	
.table-pricelist td:nth-child(2) a{
	font-family: 'Roboto';
	font-weight: 600;
	color: #222;
    color:var(--price-blackwhite-color);
	font-size: 1.2rem;
}
.table-pricelist thead th{
	border-bottom: 1px solid #000;
	border-top: 1px solid transparent;
	font-family: 'Kanit';
	font-size: 1.25rem;
    font-weight:600;
    text-align: center;
   /* background-color: #f1f1f1;*/
}
.table-pricelist thead th:nth-child(2){text-align: left;}
table.table-pricelist td{
	/*border-top:0;*/
    border-bottom: 0;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
	border-top:0;
	border-bottom:0;
}
table.table-pricelist tr{
	position:relative;
}
table.table-pricelist tr:hover{
    /*background: #f7f7f7;*/
}
table.table-pricelist tr:before{
	/*content:"";*/
	position:absolute;
	height: 1px;
    width: 92%;
    left: 4%;
    bottom: 0;
    background: #000;
}
.table-pricelist td{
	vertical-align: middle;
}
.table-pricelist .cost-estimate ,.table-pricelist .cost-estimate strong,.table-pricelist .opening-price{
	text-align:center;
}
.cost-estimate span,.opening-price span,.block h3 span{
	font-family: 'Kanit';
	font-weight: 500;
	font-size: medium;
}
.table-pricelist .opening-price {
	/*font-weight:600;*/
}
.btn-partner{
	font-family: 'Kanit';
	border: 1px solid;
	width: 100%;
	font-weight: 500;
	border-radius: 14px;
    background:#fff;
    min-width: 90px;
    padding-left:0;
    padding-right:0;
}
.table-pricelist td.hiddenRow{
	padding:0;
	border-top: 0;
	background-color:#eee;
	border-radius:13px;
}
.table-pricelist #cover{
    padding: 15px 0 5px;
}
.table-pricelist .block{
	width: 97%;
	overflow: hidden;
    margin: 0 auto 15px;
	float:none;
	clear:none;
	
    border-radius: 8px 8px;
    box-shadow: 0 3px 10px 0 rgb(31 38 135 / 15%);
    backdrop-filter: blur( 4px );
}
.table-pricelist .block h3{
	width:20%;
	color: #125eb6;
    font-weight:600;
    font-size: 18px;
    text-align: right;
}
.table-pricelist .block h3 i{
    display:none;
}
.table-pricelist .block h2{
	width:15%;
	background-size:80px;
}
.table-pricelist .block p{
	width:42%;
}

/* end table price */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	/*body{background-color:#98da3a;}*/
	.modalDialog .ctainer{
		min-width:650px;
		/* max-width:650px; */
	}
	.block p{width:48%;}
	
}
@media screen and (max-width: 991px) {
	#banner ,#banner img{    
		width: 100%;
		height: auto;
		overflow-y: hidden;
		overflow-x: scroll;
	}
	.fixed-sidebar{
		position:relative;
		min-height: 480px;
		height: auto;
    }
    .btn-partner {
        max-width: 100px;
        position: relative;
    }
	.brand-name h2, .brand-name h1{padding:0;margin-bottom: 20px;}
	.brand-name h2 a, .brand-name h1 a{color:#000;visibility: visible;}
	#wrapper-popular{margin-top:20px; display:none;}
    .table-pricelist thead th{display:none;}
    .cost-estimate strong, .opening-price strong{padding-left:0;}
    .cost-estimate-text, .opening-price-text{font-size:small;display: block;}
	#footer_copyright .siamphone_logo, #footer_copyright p.right_reserved_text{float: none;text-align: center;}
	#footer_copyright em.copysign, #footer_copyright p.social_network{float:none;}
	#footer_copyright{text-align:center;}
	
	
	.tb-template tbody tr td:first-child, .tb-template thead tr th:first-child{width:25%!important;min-width:auto;}
   
}
@media screen and (max-width: 991px) and (orientation: landscape) {
	/* price tabs */
	.smartphone_popular{min-height:400px;padding-top:20px;padding-bottom:20px;}
	.cd-tabs{display:-ms-flexbox;display:flex}
	.cd-tabs::after{display:none}
	.cd-tabs__navigation{width:180px;-ms-flex-negative:0;flex-shrink:0;box-shadow:inset -2px 0 3px hsla(54, 42%, 64.6%, 0.06);box-shadow:inset -2px 0 3px var(--cd-color-shadow);background:#fbfbfb;border-radius:13px;}
	.cd-tabs__list{-ms-flex-direction:column;flex-direction:column}
	.cd-tabs__item{height:40px;width:180px;align-items: normal;}
	.cd-tabs__panel{padding:2em;padding:var(--space-lg)}
	.js .cd-tabs__item--selected {font-size: 18px;background-position: 5px 50%;}
	.smartphone_popular ul{width:100%;}
	.swiper-slide-image img{max-width: 280px;margin-top: 20%;}
    .title_image, .header-widget, .title_image_brand{text-align: left;}
	.title_image h2,.title_image h1, .header-widget h2, .header-widget-left h2, .title_image_brand h1{font-size:35px;}
	.slider-container {margin: 50px auto 0;}
	.rs-container{height:25px;}
    .rs-container .rs-scale span ins, .rs-container .rs-scale span::before{display:none;}
}
@media screen and (min-width: 569px) and (max-width: 767px)  {
    body{/*background-color: pink;*/}
    .title_image{text-align: center;}
    .title_image h2, .title_image h1, .title_image_brand h1{padding-left: 15px;}
    .swiper-slide-detail .column{margin:10% 0 2% 5%;}
    .carousel-inner{min-height: 400px;}
    .modelName{margin-bottom:20px;min-height:70px;}
    .swiper-slide-detail .column .modelName a{font-size:24px;}
    .swiper-slide-image img{max-width: 230px;margin-top:50px;margin-right:10px;}
    .swiper-slide-detail .cost-estimate strong, .swiper-slide-detail .opening-price strong{padding-left:10px;}
    .partner-cover{width:90%;min-height:auto;}
    .partner-cover .partner-cover-item{}
    .partner-cover-item img.logo_shop{width:75px;height:auto;}
	.cover-btn{width:60%;margin:0 0 0 40%;}
    #wrapper-popular{margin-top:30px;}
    table.table-pricelist td {padding: 0.5rem;padding-bottom: 1rem;padding-top: 1rem;}
	.wrapper-dropdown-3 .dropdown{max-height:250px;} 
    .brand-name{text-align:center;}
    .model_img{display:none;}
    .table-pricelist td:nth-child(2) a strong{font-size:1rem;}
    .opening-price, .cost-estimate{min-width: 67px;}
    .table-pricelist .cost-estimate span, .table-pricelist .opening-price span{display:none;}
    .table-pricelist .block{width:94%;}
    .table-pricelist .block h2 {width: 20%;background-size: 80px;min-height: 50px;background-position: 50% 65%;margin:0;}
    .table-pricelist .block p {width: 75%;margin-bottom: 0;font-size: 14px;line-height: 24px;}
    .table-pricelist .block h3 {width: 40%;color: #125eb6;font-weight: 600;font-size: 18px;margin-top: 0;text-align: left;}
    .table-pricelist .block h3 i {display: none;display: inline;font-size: 13px;padding-right: 5px;vertical-align: middle;}
    .block .detailShop{margin-bottom: 10px;width: 100px;height: 35px;padding: 0;line-height: 33px;}
	.brand_item_list{padding-right: 0;}
	.modalDialog .ctainer{
	    min-width: 500px;
		max-width: 94%;
		margin-left: 3%;
	}
	.block p{width:46%;}
    .switchHead span {display:none;}    
    #show-list, #show-table {width: 48%;text-align: center;}
}


@media screen and (max-width: 568px) {
	#banner ,#banner img{    
		width: 100%;
		height: auto;
		overflow-y: hidden;
		overflow-x: scroll;
	    margin-top: 1rem !important;
		margin-bottom: 0.5rem !important;
	}
	.modalDialog .ctainer{min-width:auto;}
	.title_image, .title_image_brand{text-align:center;}
    .title_image h2, .title_image h1, .title_image_brand h1{padding:0 10px;}
    .title_image h2, .title_image h1, .header-widget h2, .title_image_brand h1{font-size:32px;}
	.swiper-slide-detail{width:100%;}
	.swiper-slide-image{position:relative;display: block;}
	.swiper-slide-detail h2{top:0;}
	.swiper-slide-detail .column{width:96%;margin:10% 3% 0 3%;}
	.cover-btn{width:96%;margin:0 2% 30px;}
	.btn-viewspec{width:47%;margin:10px 1% 15px 1%;}
	.btn-viewpriceall{width:100%;margin-left:0;background: linear-gradient(#ececec,#d8d9e2);}
	.carousel-indicators{width:100%;margin:0;justify-content:center;}
	#wrapper-popular{margin-top:20px; display:none;}
	.brand_item_list{padding-right:0;}
	.coverBlock{padding-top:20px;text-align: center;}
	.model_list_item{margin-bottom:20px;}
	.modelName {margin-bottom: 30px;text-align:center;line-height:35px;min-height:70px;}
	.swiper-slide-detail .column .modelName a{font-size:1.65rem;padding:5px 0 5px 0;}
	.swiper-slide-image img{
		max-width: 210px;
	    margin: 8% auto 0;
	}
	.partner-cover{width:98%;margin: 4% 0 3% 0;min-height:auto;}
	.partner-cover .partner-cover-item{margin-bottom:5px;width: 28.5%;}
	.partner-cover .partner-cover-item a img{width:80px;height:auto;}
	
    .switchHead span {display:none;}    
    #show-list, #show-table {width: 48%;text-align: center;}
	.brand-name{text-align:center;}
	.brand_item_list,.partnerList{padding:0 15px;}
	.brand_item_list .wrapper-demo{margin:20px 5% 0;width:90%;}
	.partnerList, .btn-more{margin-top:25px;}
    .partnerItem{width:80%;margin:0 auto;}
    .slider-container{margin-top:50px;}
    .rs-container{height:15px;}
    .rs-container .rs-scale span ins, .rs-container .rs-scale span::before{display:none;}

    .table-pricelist thead th{display: none;}
    .table-pricelist tr, .table-pricelist td{display: block;}
    table.table-pricelist td{padding-bottom:0;padding-top:0.3rem;}
    .table-pricelist td:first-child {
         border-top-color:#000;
    }
    .table-pricelist td:first-child img {
        width: auto;
        height: 115px;
        margin: 20px auto;
    }
    .table-pricelist td:nth-child(2) a strong{font-size: x-large;}

    .cost-estimate strong, .opening-price strong{padding-left:10px;}
    .cost-estimate-text, .opening-price-text{display: inline-block;font-size:16px;}
    .dateUpdate p{margin-bottom: 20px;}
    .btn-partner {
        width: 70%;
        padding: 10px 0;
        margin: 20px auto;
        display: block;
        max-width: 200px;
    }
    .table-pricelist #cover{margin-bottom:25px;}
    .table-pricelist .block{width:92%;}
    .table-pricelist .block h2{width:100%;margin:10px 0 5px;}
    .table-pricelist .block h3{width:50%;}
    .table-pricelist .block h3 i{display:inline-block;font-size:15px;padding-right:5px;}
    .table-pricelist .block p{width:100%;margin-bottom:15px;line-height: 24px;}
}




@media (max-width: 568px) {
	.modalDialog .ctainer{
	    width: 90%;
		margin-left: 5%;
	}
	.modalDialog h5{font-size:1.35rem;text-align:center;}
	.block{padding-bottom: 15px;}
	.block h2{
	    background-size: 120px 60px;
		width: 100%;
	}
	.block p{
	    width: 100%;
		margin: 0 0 10px;
		text-align: center;
	}
	.block h3{margin-top: 0;}
	.block .detailShop{margin-top: 0;}
	.bg_best {
		/*top: -17px;*/
		/*left: -7px;*/
	}
	.bg_best img{
	    /*width: 100px;*/
		height: auto;
	}
}