@media (max-width: 600px) { .site-logo { width:200px !important; height:auto; } #header .header-logo { margin:0px; } #header.header-effect-shrink .header-container { min-height:30px; } #header .header-row { max-height:66px; } 
.text-7 { font-size: 22px !important; } section.section { padding: 30px 0 !important; } .text-9 { font-size: 24px !important; } .custom-font-size-1 { font-size: 16px !important; font-weight:500 !important; } .form-home { margin-top: -20px; } 
.text-4 { font-size: 13px !important; } .text-5 { font-size: 16px !important; } .text-10 { font-size: 24px !important; } .m-t { margin-top: -48px !important; } .m-t2 { margin-top: -48px !important; }
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a { color: #333 !important; } #header .header-nav-main nav > ul > li > a { font-weight: 500 !important; } .nav-link { color: #333 !important; }
}
html .scroll-to-top { background: #0272be !important; }
/* floating */
.float{
	position:fixed;
	width:44px;
	height:44px;
	bottom:99px;
	right:15px;
	color:#fff;
	border-radius:10px;
	text-align:center;
	z-index: 999;
	background: #25D366;
}

.my-float{
	margin-top:9px;
	font-size: 25px;
	display: block;
}
.float i:hover{
	  color: #fff;
	  transform: scale(1.2);
}
a.float{
	 color: #fff;
}
.call{
	position:fixed;
	width:44px;
	height:44px;
	bottom:161px;
	right:25px;
	color:#fff;
	border-radius:10px;
	text-align:center;
	z-index: 999;
	background: #333;
}

.call-mob{
	margin-top:12px;
	font-size: 20px;
	display: block;
}
.call i:hover{
	 color: #fff;
	 transform: scale(1.2);
}
a.call {
	 color: #fff;
}

@media (min-width:1078px) { .call {display:none !important;} }

@media (max-width:580px) { 
.call, .float { width:36px; height:36px; } 
.my-float, .call-mob { margin-top:9px; font-size: 18px; }
.float { bottom:91px; right:15px; }
.call { bottom:31px; right:15px; }
}