@media (min-width: 1366px){
    /*hotline fix left & right */
	.adv-right {
		width: 132px;
		position: fixed;
		top: 100px;
		right: 7px;
		transition: all 2s ease-in;
	}
	.adv-right .support {
		background: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: solid 2px #FF6537;
		color: #d51317;
		padding: 0px 0px;
		margin: 0px 0px 0px 0px;
		overflow: hidden;
	}
	.adv-right .support h5 {
		font-size: 17px;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		text-transform: uppercase;
		background: #FF6537;
		padding: 4px 0px;
		margin: 0px 0px;
	}
	.adv-right .support .hotlineNumber {
		font-size: 14px;
		font-weight: bold;
		margin: 5px 0px 0px 0px;
		text-align: center;
			padding: 10px 0px 0px 0px;
	}
	.adv-right .support .yahooHotline {
		border: solid 1px #cccccc;
		color: #143a83;
		padding: 3px;
		font-size: 12px;
		font-weight: normal;
		padding: 10px 0px;
		margin: 5px 5px 10px 5px;
	}
	.adv-right .support .yahooHotline span.title {
		color: #143a83;
		font-weight: bold;
		font-size: 12px;
		margin: 0px 0px 0px 0px;
		display: inline-block;
	}
	.adv-right .support .hotlineNumber span {
		line-height: 20px;
		font-size: 13px;
		font-weight: bold;
		color: #d51317;
		text-align: center;
	}
	.adv-right .support .yahooHotline a {
		margin: 0px 5px 0px 0px;
	}
	.adv-right .support .yahooHotline a img {
		vertical-align: middle;
		width: 16px;
	}
	.adv-right .img_icon {
		height: 16px;
		width: 16px;
	}
	/*extention coc coc chrome*/
	#popup_extension  {
		text-align: center;
		color: #fff;
		/*text-transform: uppercase;*/
		font-size: 14px;
		padding: 5px;
		top: 100px;
		transition: all 2s ease-in;
	}

	#popup_extension  .icon_chrome {
		max-height: 40px;
	}
	#popup_extension .popup-chrome {
	  border: 2px solid #1DA1F2;
	  margin-bottom: 25px;
	  background: #fff;
	}
	#popup_extension .popup-chrome .icon_chrome {
		display: block;
		margin: 0 auto;
		/*padding: 15px 0px;*/
	}
	#popup_extension .text {
		color: #007cc2;
		font-weight: bold;
	}
	#popup_extension .coccoc .icon_coccoc{
		display: block;
		margin: 0 auto;
		/*width: 50px;*/
		padding: 15px 0px;
	}

	#popup_extension .bank_infor {
		font-size: 12px;
		color: #008ACB;
		border: 1px solid #FF6537;
		background: #fff;
	}  

	#popup_extension .bank_infor .title {
		font-size: 12px;
		text-transform: uppercase;
		background: #FF6537;
		color: #fff;
		padding: 10px;
	}

	#popup_extension .bank_infor .item{
		color: #143a83;
	}
	#popup_extension .bank_infor .txtname{
		text-transform: uppercase;
		font-weight: bold;
	}
	#popup_extension .bank_infor  .sotk {
		color: #d51317;
	}
	
	#popup_extension {
		position: fixed;
		width: 135px;
		margin: 0px 0px 0px 0px;
		bottom: 30px;
		left: 5px;
		z-index: 99;
		overflow: hidden;
	}
	#popup_extension .extension {
		text-align: center;
	}
	#popup_extension a {
		color: #fff;
	}
	#popup_extension .thumb {
		width: 80px;
		margin: 20px 0px;
	}
}
@media (min-width: 1600px){
	#popup_extension .icon_chrome {
		max-height: 60px;
	}
}
@media (max-width: 1280px){
	.adv-right, #popup_extension {
		display: none;
	}
	.slider,.carousel-inner > .item > img, 
	.carousel-inner > .item > a > img { max-height: 600px;}
}
@media (min-width: 901px) and (max-width: 1199px){
    
}
@media (min-width: 767px) and (max-width: 900px){
    .search_mask { left: unset; right: 25px }
	#home-main-menu li a {padding: 15px 5px; font-size: 17px;}
	.navbar-collapse {padding-left: 0; padding-right:0}
	.purchase_process .process-image {display: block;}
	section.purchase_process .process .module {height: 350px;}
	.right-content ul li .name {
		padding-left: 15px;
		padding-top: 10px;
	}
	.right-content ul li .thumb img {width: 100%;}
	.page-block-contents .box-thumb,
	.page-block-contents .box-thumb img,
	.page-block-contents .item_news .title {height: auto;}
	.fb_iframe_widget iframe {visibility: hidden;}
}
@media (max-width: 768px){
    .m-hide{ display: none; }
    .m-fleft{ float: left; }
    .m-fright{ float: right; }
	
	#site-top .menu ul li a { padding: 0 10px;}
    #site-header {
		background: rgb(255 255 255 / 90%);
		box-shadow: #555 0px 1px 6px
	}
	#site-header .header {height:auto}
	#site-header .header .nav-brand {padding: 0; font-size: 18px; display: inline-block;}
	#site-header .header .nav-brand img {
		height: 68px;
	}
	.purchase_process .process-image {display: block;}
	.navbar-toggle {
		padding: 6px;
		margin-top: 25px;
		border: 1px solid #00a2e8;
	}
	.navbar-toggle .icon-bar {
		background: #00a2e8;
	}
	
	#home-main-menu { 
		height: auto; position: fixed;
		top: 122px; width: 100%;
	}
	#home-main-menu .icon-home { display: none;}
	#home-main-menu ul { display: block; padding: 0; float: none !important;}
	#home-main-menu ul li {
		display: block; width: 100%;
		background: rgb(0,0,0,0.8);
		padding: 15px; margin: 0;
		border-bottom: 1px solid #555;
	}
	#home-main-menu ul li a{
		border-left: 0; border-right: 0;
		padding: 7px 0; color: white;
	}
	#home-main-menu .dropdown-menu {
		display: contents;
	}
	
	.slider, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		max-height: 400px;
	}
	
	.search_mask {
		position: relative !important;
		padding: 20px;
		background: none;
		top: unset; left: unset;
		bottom: unset; right: unset;
		transform: none;
		max-width: unset;
	}
	.search_mask .inner { 
		padding: 15px;
		position: relative !important;
		bottom: unset;
		left: unset;
		width: 100%;
		transform: none;
	}
	.search_mask h1.search-title { 
		padding-bottom: 10px; margin: 0;
		font-size: 22px;
		line-height: 1.5;
		color: black;
	}
	#search_ext { width: 100%; height: auto; margin-bottom: 15px;}
	#search_ext #search_cbo {
		padding: 0 5px; 
		height: 45px; width: 160px;
		text-transform: none;
	}
	#search_ext #search_btn { width: 80px; height: 45px; line-height: 45px; font-size: 13px;}
	#search_ext #search_key { 
		width: calc(100% - 170px); 
		font-size: 13px; 
		padding: 0 5px; 
		height: 45px;
	}
	.search_mask .search-intro {
		padding-bottom: 15px;
		font-size: 16px;
		line-height: 1.5;
		color: black;
	}
	.extension {
		display: block;
	}
	.extension .coccoc, .extension .chrome {
		margin: auto; margin-bottom: 10px; display: inline-block;
	}
	.popup-chrome, .popup-coccoc { 
		width: 50%; margin:0; line-height: 1;
		text-align: left;
	}
	.popup-chrome .icon_chome, .popup-coccoc .icon_chome {
		margin: 7px 5px 5px 8px;
	}
	.popup-chrome a, .popup-coccoc a {
		display: inline-flex; 
	}
	.popup-chrome a span, .popup-coccoc a span{
		padding: 6px; line-height: 1.2;
	}
	.search_mask .download { margin-top: 0;}

	#site-body { margin-top: 124px;}
	#site-body section { padding: 20px 0; }
	#site-body section .main-title, .listbill h1.main-title {
		font-size: 24px; margin: 0; padding:10px 0;
	}
	.listbill h1.main-title::after, #site-body section .main-title::after {
		margin-top: 10px;
	}
	.services .item .service-image {
		height: auto;
	}
	section.purchase_process .process .module {
		width: 100%; height: auto;
	}
	section.download {
		min-height: auto;
		background-size: contain;
		background: none;
	}
	section.download img { max-width: 45%;}
	.customer_comment .avatar img {border-radius: 0;}
	.customer_comment .content {
		height: 168px; overflow: hidden;
	}
	#site-footer .main-title { padding: 20px 0;}
	#support #sms, #support #call {
		background: #dd4b38;
	}
	#site-footer .copyright { margin-bottom: 30px; }
	.right-content ul li .name {
		padding-left: 15px;
		padding-top: 10px;
	}
	.right-content ul li .thumb img {width: 100%;}
	.banner-detail { height: 120px; }
	.register {padding: 20px 0;}
	.register .main-title { font-size: 22px; margin: 0}
	.register .form-control { margin-bottom: 10px }
	
	.page-block-contents .box-thumb,
	.page-block-contents .box-thumb img,
	.page-block-contents .item_news .title {height: auto;}
	
	.fb_iframe_widget iframe {visibility: hidden;}
	
	#tablefixbottom {height:auto; line-height:unset;}
}
@media (max-width: 450px){
	.slider, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		max-height: 200px;
	}
	.scroll-down {display: none}
	#home-main-menu {padding: 0}
	#back-top {	bottom: 50px; right: 15px;}
	#tablefixbottom .box {padding: 0 5px; font-size: 15px;}
}
@media (max-width: 375px){
    
}
@media (max-width: 320px){
	#home-main-menu ul li {padding: 5px 15px;}
	.search_mask {padding: 15px;}
	.search_mask .search-title {padding-bottom: 10px; font-size:20px; text-align: center;}
	#site-body section .main-title, .listbill h1.main-title,
	.contact_info .main-title, .contact_com .main-title	{ font-size:20px}
	section.purchase_process .process .module {padding:0}
}