.wrap{width:98%;}
.review-content{ position:absolute; top:0; right:0; width:60%; height:100%; color:#fff}
.header_fixed { width:calc(100% - 70px)}

#tml .tml-tab1>ul{ left:-350px !important;}
#tml .tml-tab1>ul ul{position:absolute; width:800px !important }

@media(max-width:980px){
	#middle .mem-log .col-3{ display:none}
	.mem-log.columns23.width70 > * > .col-2{ padding-right:0; border-right:0}
	#tml > ul > li a{font-size:12px; padding:9px 10px}
	.pic-sto-detail-dis{ width:98%}
	#tml ul ul{width:850px}
	.cam-point li{  width:45%; width:calc(50% - 10px); }
	.pic-det2 .bx-wrapper{width:98%}
}

@media(max-width:920px){
	#tml > ul > li a{ padding:9px .8vw}
	.listing figure{ float:none ; width:100%}
	.listing .list-detail{padding-left:0;; margin-top:20px}
	.listing figure img{ width:100%; height:auto}
	
	.tcl.float.three li{width:50%; width:calc(50% - 12px); margin:10px; box-sizing:border-box} 
	.tcl.float.three li:nth-child(3n+1){ margin-left:10px} 
	.tcl.float.three li:nth-child(3n+3){ margin-right:10px} 
	.tcl.float.three li:nth-child(2n+1){ margin-left:0} 
	.tcl.float.three li:nth-child(2n+2){ margin-right:0} 
	.social a,.social .social-num { text-align:center}
	.social a span{ display:none}
	.gadget-banner .columns12 >ul>.col-1, .gadget-banner .columns12>ul >.col-2{ width:100%; display:block}
.gadget-banner .columns123 > * > *{ display:table-cell}
.gadget-banner .columns123 .col-1{ padding-left:10px}
#tml .tml-tab1>ul{ left:-300px !important;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{font:25px/1.5em 'Elusive-Icons';}

.pic-sto-detail-dis+iframe{ width:90% !important;}
	
	}

@media(max-width:870px){
	.columns23.width50 > * > .col-2,header .col-2,footer .col-2,.col-3,.col-1,.top .columns12 .col-2{ width:100%; padding:0; display:block;}
	.columns23,.columns23>*, .columns23 > * > *,.columns123, .columns123>*, .columns123>*>*{ display:block}
	footer .columns23.width50 > * > .col-3{ text-align:center; padding:5px 0}
	.bottom.columns23.width50 > * > .col-2{ text-align:center; width:100%}
	
	.col-2 li{ text-align:left}
	.email{ margin-top:20px ; border-top:1px dashed #444; padding-top:20px}
	.top .columns12{ padding-top:0}
	.top{ padding:10px 0}
	#tml > ul > li a{ padding:9px .6vw; font-size:.8em}
	
	.columns23.width70 > * > .col-2{ width:60%}
	#middle>.columns23 > * > *{ display:table-cell}
	
	.columns23.width63 > * > .col-2,.columns23.width69 > * > .col-2{ width:100%; margin-bottom:10px}
	#middle img{ width:100%; height:auto}
	#middle .search_tab img{ width:auto; height:auto}
	#middle .alternative img{max-width:100%; width:auto; height:auto}
	.col-2{ padding:0}
	.columns23.width50 > * > .col-3{ padding-left:0}
	.columns12 > *, .columns23 > *, .columns123 > *, .columns123, .columns123 > * > *{ display:block}
	.columns123 .col-1, .columns123 .col-2, .columns123 .col-3{ width:100%}
	.columns123 .col-1,.columns123 .col-3{ padding:0; border:0}
	.columns123 .col-2{ padding:0; border:0; padding:20px 0}
	.columns23.width50 > * > .col-2{ padding-bottom:20px}
	footer .columns23.width50 > * > .col-2{ padding-bottom:10px}
	
	.news-list .columns23.width50 > * > .col-2,.news-list .columns23.width50 > * > .col-3 { text-align:left}
	.review-content{position:relative; width:100%;}
	.review-content>li{ height:auto; left:0; margin-bottom:2px; padding:15px;  width:100%;}
	
	.news-list .columns123 .col-1, .news-list .columns123 .col-2, .news-list .columns123 .col-3{ width:100%}
	#middle .columns123  img{ max-width:100%; height:auto; width:auto}
	.news-list .columns123 .col-3{ background:#f9f9f9; padding:10px}
	.news-list .columns123 .best-price{float:left}
	.news-list .columns123 .editor-rating{float:right; margin-top:0}
	
	.alternative .bx-wrapper .bx-prev{left :-15px; font-size:20px}
.alternative .bx-wrapper .bx-next{right:-22px; font-size:20px}

.book-form li,.book-form li:last-child{ width:100%; border-bottom:1px solid #eee}

	.tcl.float.two li{width:100%; margin:10px 0; }
.tcl.float.two li:nth-child(2n+1){ margin-left:0} 
.tcl.float.two li:nth-child(2n+2){ margin-right:0} 
.gadget-banner .columns123 .col-3{ background:none}
.gadget-banner .columns123 .best-price{ float:none}
.gadget-banner .columns123 > * > *{ display:block; }
.gadget-banner .columns123 > ul > li,.gadget-banner .columns123 .col-3{padding-left:20px; padding-right:20px}
.gadget-banner .columns123 > ul > li{ height:auto}


.tcl.float.two .num-list2 li{width:calc(50% - 10px); margin:10px; }
.tcl.float.two .num-list2 li:nth-child(2n+1){ margin-left:0} 
.tcl.float.two .num-list2 li:nth-child(2n+2){ margin-right:0}
.tcl.float.two .num-list2 li img{ width:auto !important}


.tab-box5 > ul > li {float:none;}
	.tab-box5 a{ padding:2px 6px !important; margin:5px 0 0 3px;width:98%; border:none;}
	.tab-box5 .pull{ display:inline-block; text-decoration:none; font-size:16px; text-transform:uppercase; color:#333; font-weight:bold; text-align:left;background:url("../images/mobi-icon.png") no-repeat scroll right center;margin:10px 10px 13px 0; width:95%;padding:2px}
	.tab-box5 ul { display:none; width:100%; float:right; position:absolute; right:1px; top:47px ;z-index:9999999;  background:#ddd; padding:0 0 8px 0; list-style-type:none;}
	.tab-box5 li a{ background:none; width:100%; line-height:25px; font-size:14px; text-decoration:none; color:#fff;
	 border-radius:2px; margin:0px; padding:10px 3px; display:inline-block; width:100%; box-sizing:border-box;  }
	.tab-box5 li a:hover{background-color:#fff; color:#000;}
	.header_fixed {position:static; width:auto}
	
	#tml ul ul{width:750px; }
	#tml .tml-tab1>ul{ left:-270px !important;}
	
	.columns12.p-find>ul{display:table-row}
	.columns12.p-find>ul .col-1, .columns12.p-find>ul .col-2{ display:table-cell}
	.pic-sto .inner .col-2{ width:100%; margin-bottom:10px}
	}
	 @media(max-width:800px){.columns12.p-find>ul .col-1{ display:none} .p-find.columns12 .col-2{ padding-left:0}}
@media(max-width:768px){
	.dn-768{ display:none !important}
	.nav{ min-height:65px; position:fixed; top:0; width:100%}
	.searchFull{right:5px; top:0px; z-index:999999; border-radius:2px; }
	.company{ display:inline-block; position:absolute; margin-top:-52px; width:70%; left:14%; z-index:999999}
	.company img{ width:80%}]
	.mean-container .mean-bar{top:130px; top:22.5vw;}
	.uc90{ height:auto; width:100%; text-align:center}
	#middle{ margin-top:7px}
	#middle{ padding:15px}
	#middle>.columns23.width70 > * > .col-2{ padding-right:10px}
	#middle>.columns23.width70 > * > .col-3{ padding-left:10px}
	.downarrowclass{ display:none}
	 #tml .tml-tab1>ul>li p{ display:none}
	 .cam-point li{  width:45%; width:calc(50% - 10px); }
	  header { background:none}
	 header .top{ position:relative; padding-top:80px !important }
	 .comp-device{ width:100% !important; box-sizing:border-box}
	}
	@media(max-width:740px){
	.uc90{ height:auto; width:100%}
	}

@media(max-width:720px){
	.social-num span{ display:none}
	.pic-sto-detail-dis+iframe{ height:350px !important;}
	}
@media(max-width:640px){
.bottom-link .col-2 ul{width:50%; margin-bottom:20px}
.uc90{ height:auto; width:100%}
#middle{ padding:27px 7px}

#middle>.columns23.width70 > * > .col-2{ width:100%; padding-right:0; border-right:0}
#middle>.columns23.width70 > * > .col-3{ padding-left:0; margin-top:20px}
#middle > .columns23 > * > *{ display:block}
.social-num span{ display:inline-block}
.mem-log .w40, .mem-log .w60{ width:100%; float:none}
.mem-log .social-reg{ border-right:0; border-bottom:1px solid #ccc; min-height:auto; padding:20px 0 30px}
.mem-log .social-reg:after{ right:auto;top:auto;left:46%;  bottom:-22px}
.mem-log .form-1{ padding-left:0; padding-top:40px}
.gadget-banner .columns123 .editor-rating{ float:none}
h3+div.fr{ float:none; margin-top:5px}
				.cam-point li{  width:100%;  margin-right:0; float:none; margin-top:5px; display:none}
				.cam-point li:first-child,.cam-point li:first-child+li,.cam-point li:first-child+li+li,.cam-point li:first-child+li+li+li{ display:block}
				#bx-pager{ display:none}
				.pic-sto-detail-dis+iframe{ height:330px !important;}
				

}
@media(max-width:540px){
	.company{ padding-top:10px}
	.social-num span{ display:none}
	.inner h3,.tcl.three a h3{ min-height:64px}
	.inner .caption-bg h3{ min-height:auto}
	}

@media(max-width:480px){
	.wrap{width:96%;}
	.top p{ display:none}
	.top .col-1,.top .col-2{ width:100%; display:block; text-align:center}
	.uc90{ height:auto; width:100%; text-align:center}
	#middle{ margin-top:7px}
	
	.columns23.width63 > * > .col-2,.columns23.width69 > * > .col-2{ width:100%; margin-bottom:10px}
	img{ width:100%; height:auto}
	.col-2{ padding:0}
	.columns23.width50 > * > .col-3{ padding-left:0}
	.columns12 > *, .columns23 > *, .columns123 > *, .columns123, .columns123 > * > *{ display:block}
	.columns123 .col-1, .columns123 .col-2, .columns123 .col-3{ width:100%}
	.columns123 .col-1,.columns123 .col-3{ padding:0; border:0}
	.columns123 .col-2{ padding:0; border:0; padding:20px 0}
	.columns23.width50 > * > .col-2{ padding-bottom:20px}
	
	.tcl.float.three li{width:100%; margin-left:0; margin-right:0 } 
	.tcl.float.three li:nth-child(3n+1){ margin-left:0} 
	.tcl.float.three li:nth-child(3n+3){ margin-right:0} 
	
	.caption-bg h3 .xxxlarge,.caption-bg h3,.caption-bg h1{ font-size:19.5px !important; line-height:1.3em; font-weight:bold}
	.listing .list-detail .button{ display:none}
	.bottom-link .col-2>ul,.bottom-link .col-2>ul:first-child li:first-child{ display:none}
	.bottom-link .col-2>ul:first-child{ display:inline-block; width:auto; margin-bottom:0; text-align:center}
	.bottom-link .col-2>ul:first-child li{ display:inline-block; padding:0 10px}
	
	.slider-effect .caption-bg{ position:relative;padding: 10px 0; background:none; color:#111 }
	.news-slider:hover .slider-effect .caption-bg{ padding-bottom:10px}
	.video-slider .caption-bg{ text-align:left}
	.camera-find .pmodel, .camera-find li{ width:50%; float:none}
	.camera-find li{ width:100%; float:none}
	.camera-find .pmodel+li>div{ position:absolute; left:50%; top:15px; border-bottom:0 }
	.heading2{ margin:15px 0 20px}
	.pic-sto-detail-dis+iframe{ height:auto !important;}
	.col-3 .slider-effect:hover .caption-bg{ padding-bottom:10px}
	.slider-effect .caption-bg p{ color:#777}
	.inner h3,.tcl.three a h3{ min-height:auto}
	.listing h3 a{ font-weight:bold}
	.btn_div{ width:100%; float:none; text-align:center}
	}


@media(max-width:360px){
	.bottom-link .col-2 ul{width:100%; margin-bottom:20px}
	.company{ padding-top:15px}
	}