/*F

Theme Name: http://mythuat247.net

Theme URI: http://mythuat247.net

Author: http://mythuat247.net

Author URI: http://mythuat247.net

Description: Description

Version: 1.0.0

Text Domain: http://mythuat247.net

Email : inbienhoa247@gmail.com

Tags: mythuat247.net

--------------------------------------------------------------*/
/* Body font */

.woocommerce-pagination{
    clear: both;
}
ul .page-numbers{
  height: 30px;
  width: 30px;
  border: 1px solid #333;
  text-align: center;
  display: inline-block;
  line-height: 30px;
  background: #fff;
  color: #000;
}
.separator {
  display: none !important
}
.comment-respond label{
  display: block;
}
.comment-respond  input,.comment-respond  select,.comment-respond  textarea{
  width: 100%;    display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.comment-respond  input.submit,.comment-respond  input[type="checkbox"]{
  width: auto;

}
.comment-respond  input.submit{
  height: auto;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding: 7px 20px;
  text-transform: uppercase;
  background: #67635c;
  border: 0;
  margin-right: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 input.wpcf7-submit{
    width: auto !important;
    height: 40px;
    background: #009e06bf;
    text-align: center;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 0px 20px 
}

.float-icon-hotline {
	display: block;
	width: 40px;
	position: fixed;
	bottom: 68px;
	left: 17px;
	z-index: 999999
}
.float-icon-hotline ul {
	display: block;
	width: 100%;
	padding-left: 0;
	margin-bottom: 0
}
.float-icon-hotline ul li {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer
}
.float-icon-hotline ul li .fa {
	background-color: #ed1c24;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 36px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	border: 2px solid #fff
}
.float-icon-hotline ul li .fa-phone {
	background-color: #ed1c24
}
.float-icon-hotline ul li .fa-zalo {
	background: #ef0303 url(images/zalo.png) center center no-repeat
}
.float-icon-hotline ul li .fa-fb {
	background: #ef0303 url(images/messenger.png) center center no-repeat!important
}
.animated.infinite {
	animation-iteration-count: infinite
}
.tada {
	animation-name: tada
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.float-icon-hotline ul li span {
	display: inline-block;
	padding: 0;
	background-color: #ff6a00;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 20px;
	height: 40px;
	line-height: 36px;
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 0;
	width: 0;
	overflow: hidden;
	-webkit-transition: all 1s;
	transition: all 1s;
	background-color: #ff6a00;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	font-weight: 400;
	white-space: nowrap;
	opacity: 0
}

/*Hùng Edit*/


.serviceHome .title {color:#238dd4 !important}



.menuTab>ul{display: none !important}
.titleL>h1,.item-home>a{color:#ff8f03 !important;}

.addressFoot>.title ,.botLink>.title{color:#ffeb01 !important;}
.menu_mobile .icon_menu {background:#238dd4 !important}
.mmMenu {
    background: #fff !important;
 }
 .mmSearch ,.mmHotline{
    background: #238dd4 !important;
    border-bottom: 1px solid #000 !important;
 }
.mmMenu>ul>li:hover>a, .mmMenu>ul>li:hover>.m-sub>a {
    background: #238dd4 !important;
    color: #fff;
}
.mmLanguage{
	display:none !important;
}
.breadcrumb ul li {color:#e20711 !important;}
/* Hùng - Reponsive*/
@media only screen and (min-width : 320px) and (max-width:480px){
	div.logo img{
		max-width: 200%;
		height:57px !important;
	}
	.about .num{
		text-align:center !important;
	}
}
.service .img{
    border: 1px solid #c0c0c0 !important;}

@media only screen and (min-width:481px) and (max-width:991px){
	div.logo img{
		max-width: 200%;
		height:57px !important;
	}
	.newsHome .title {
    	font-size: 21px !important;
	}
}


@media only screen and ( min-width : 992px) and (max-width:1024px){
	div.logo img{
		margin-top:8px;
		max-width: 200%;
		height:60px !important;
	}
	.newsHome .title {font-size:44px !important;}
	
}



	
.mmHotline:last-child{
	display: none !important
}