.btn:hover, .btn:focus, .btn:active, .btn.active{ color: #fff !important;}
.hhm-pagePage-sect a.btn:hover{ color: #fff !important;}
.hhm-pagePage-sect{ padding: 40px 0;}
/* BRANCH */
.hhm-branchPage-sect .branch-heading{ margin-bottom: 15px;}
.hhm-branchPage-sect .search-wrap > form{position: relative; z-index: 10; margin-bottom: 10px;}
.hhm-branchPage-sect .hsect{ margin-bottom: 10px !important;}
/* BRANCH_RESULT*/
.branch--result{ margin-bottom: 20px;}
/* PROMOTION*/
.hhm_promotionDetail_section .sright > .clearfix{ padding-bottom: 15px; }
/* NEWS */
.blog-item .inner-wrap .info-wrap p{ line-height: normal;}
/* THANKS*/
div.main[data-page="thanksyou"] .thanks-box{ margin-bottom: 100px;}
/*SIGNIN*/
.hhm-loginPage-sect .login_wrap .btn{
	letter-spacing: 0;
	font-weight: normal;
	font-size: 13px;
}
/*REGIATER*/
div.main[data-page="register"] .seperator::before,
div.main[data-page="register"] .seperator::after, 
div.main[data-page="register"] .separator::before, 
div.main[data-page="register"] .separator::after{ border-bottom: 3px solid #ff8844;}

#header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before{ display: none;}


@media (max-width: 991px){
	.promotion-item .inner-wrap .img-wrap img{ width: 100%; height: auto !important;}
	.promotion-item .inner-wrap{ max-height: initial;}
	
	#header #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a:hover{ color: #fff !important; }
}
/*iPad*/
@media (max-width: 768px){
	.container{ width: 768px;}
	#header #header-wrap{ padding: 0;}
	#mainCategory-trigger
	#super--header .topbar-contact{ text-align: right;}
	#super--header .topbar-contact li.contact-list img{width: 20px; margin-right: 10px;}
	#super--header .topbar-contact li.contact-list{ text-align: left;}
	#mainCategory-trigger .toggle > span{line-height: 50px;}
	#header:not(.header-sticky) #mainMenu nav > ul > li > a{ padding-left: 15px;}

	#mainCategory-trigger{width: 100%; left: -30px; padding-left: 30px;}
	body.mainCategory-open #header--categories{width: 100%; padding-right: 45px;}

	.hhm-content-sect .hsect, 
	.hhm-content-sect .product_search{
		display: inline-block;
		clear: none;
		width: 50%;
		float: right;
	}
	.hhm-content-sect .hsect{ float: left;}

	.hhm-serv-sect .item{
		clear: none !important;
		text-align: center;
		width: 25% !important; 
		padding: 0;
	} 
	.hhm-serv-sect .content p{ padding: 0; font-size: 12px;}
	#footer .footer-content{ padding-top: 40px; padding-bottom: 20px;}
	.foot-3{ padding-left: 30px;}
	.hhm-productPage-sect .widget-shop{ margin-top: 0;}
	.foot-adds ul li i{ display: none;}
	.foot-adds .list-icon li{ margin-left: 0;}
	.product .product-description{ padding-left: 15px; padding-right: 15px;}
	.heading-fancy.text-center h4{ padding: 0; width: 70%;}
	.x-socail-shared{ float: left; padding: 0; text-align: left;}
	.foot-link, .foot-contact, .foot-adds{
		width: 33.333333333%;
		float: left;
		display: inline-block;
		clear: none !important;
	}
	#footer .foot-1 ul{ margin-bottom: 20px;}
	#super--header .topbar-contact ul{ float: right;}
	.hhm-aboutPage-sect,
	.hhm-promotionPage-sect{ padding: 10px 0;}
	.hhm-aboutPage-sect .part-1{ margin-bottom: 15px;}
	.detail img{ width: 100%;}
	/* NEWS */
	.blog-item .inner-wrap .img-wrap{max-height: 150px; overflow: hidden;}
	.blog-item .inner-wrap .img-wrap img{ width: 100%; height: auto;}
	/* PAGE */
	div.main[data-page="page"] .hhm-pagePage-sect .info-wrap{ font-size: 14px;}
	div.main[data-page="page"] .hhm-pagePage-sect a.btn{ 
		background: none;
		border: none;
		padding: 0;
		padding-right: 10px;
		position: relative;
		font-weight: normal;
		color: #1f39a2;
		font-size: 12px;
	}
	div.main[data-page="page"] .hhm-pagePage-sect a.btn:after{
		content: "\f101";
		font-family: fontawesome;
		font-size: 12px;
		position: absolute;
		top: 0;
		right: 0;
	}
	div.main[data-page="page"] .hhm-pagePage-sect a.btn:hover{ color: #ff8844 !important;}
	/* JOB APPLY */
	.hhm-jobPage-sect .sleft{ background: none;}
	.hhm-jobPage-sect .job-item{ margin-left: 15px;}
	.hhm-jobPage-sect .job-item .alink{ margin: 0; padding: 0;}
	.hurry-wanning:after{ background-size: 25px;}
	/* BRANCH */
	.hhm-branchPage-sect .branch-content-wrap{ padding-bottom: 0;}
	.hhm-branchPage-sect .sub-heading{ bottom: 0; margin-bottom: 20px; position: initial;}
	.hhm-branchPage-sect .branch-region .htitle{ 
		font-size: 16px;
		background: #efefef;
		padding: 4px 10px;
		margin-bottom: 10px;
	}
	/* CONTACT */
	.hhm-contactPage-sect .sright{padding-top: 20px;} 
	/*THANKS*/
	div.main[data-page="thanksyou"] .thanks-box{ margin-bottom: 20px;}
	/*SIGNIN*/
	.hhm-loginPage-sect .login_wrap{width: 50% !important; margin: 0 auto;}


}
@media (max-width: 736px){
	#super--header .sright{ position: absolute;
		right: 0;
		top: 0;
		border-radius: 0;
		background-color: #ff8844;
		width: 100%;
	}
	#super--header .sright .contact-list{ display: block !important; width: 100%; padding-right: 5px;}
	#super--header > .container{ padding-top: 35px;}
	#super--header .sright .social-icons{ display: none; }
	.hhm-content-sect .hsect, .hhm-content-sect .product_search{width: 100%;}
	.search-wrap > form, #custom-search-form .search-query, #custom-search-form .input-append{ width: 100%;}
	.hhm-serv-sect .item{ width: 50% !important;}
	#super--header .topbar-contact{float: right;width: 50%;}
	#super--header .topbar-contact li.contact-list .info p{ font-size: 12px;}
	#super--header .topbar-contact li.contact-list .info a{ font-size: 14px;}
	body.mainCategory-open #header--categories .mycategories{
		height: auto;
		display: inline-block;
		width: 100%;
	}
	/* NEWS */
	.blog-item .inner-wrap{ max-height: inherit;}
	.blog-item .inner-wrap .img-wrap, .blog-item .inner-wrap .info-wrap{ width: 100%;}
	.blog-item .inner-wrap .img-wrap{max-height: initial;}
	/* PAGE */
	.hhm-pagePage-sect .page-item{ width: 50% !important; float: left; display: inline-block; clear: none;}
	/* JOB APPLY*/
	.hhm-jobPage-sect .job-item h5{ font-size: 14px;}
	.hhm-jobPage-sect .wrp-email, .hhm-jobPage-sect .wrp-phone{ width: 100% !important;}
	.hhm-jobPage-sect .sright{ background: none; border-top: 1px dashed #e3e3e3; padding-top: 20px;}
	/* Thankyou*/
	div.main[data-page="thanksyou"] .heading{ margin-bottom: 20px;}
	div.main[data-page="thanksyou"] .heading.section-title > h2{ font-size: 28px; line-height: 40px;}
	/*SIGNIN*/
	.hhm-loginPage-sect .login_wrap{width: 100% !important; margin: 0 auto;}
	.hhm-loginPage-sect .login_wrap .checkbox{ margin-top: 0; }
}

@media (max-width: 436px){
	#super--header .sright{ position: absolute;
		right: 0;
		top: 0;
		border-radius: 0;
		background-color: #ff8844;
		width: 100%;
	}
	#super--header .sright .contact-list{ display: block !important; width: 100%; padding-right: 5px;}
	#super--header > .container{ padding-top: 35px;}
	#super--header .sright .social-icons{ display: none; }

	.hhm-content-sect .hsect, .hhm-content-sect .product_search{width: 100%;}
	.search-wrap > form, #custom-search-form .search-query, #custom-search-form .input-append{ width: 100%;}

	.hhm-serv-sect .item{ width: 50% !important;}

	#super--header .sleft{ float: none; text-align: center; margin: 0 auto;}
	.foot-link, .foot-contact, .foot-adds{ width: 100%;}
	.x-socail-shared{ float: left;}
	/* BRANCH */
	.hhm-branchPage-sect{ padding: 10px 0;}

}
/*iphone6Plus*/
@media (max-width: 414px) {}
/*iphone6*/
@media (max-width: 375px) {}
/*iphone5*/
@media (max-width: 320px) {}