.white-title h1 {
	font-size: 35px;
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

}

/* Normal desktop :992px. */
@media (max-width: 1200px) {
.mean-menu ul li {
	margin-left: 15px;
}
}
 
/* Tablet desktop :768px. */
@media  (max-width: 991px) {
	.mean-menu ul li.current > a {
	border: none;
}
#main-menu{
display: none;
}
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav {
	width: 40%;
}
}
/* small mobile :320px. */
@media (max-width: 767px) {
.homepage-logo {
	width: 50%;
	float: left;
}
.white-title h2 {
	color: var(--button2-colur);
}
.white-title h1 {
	color: var(--button2-colur);
}
.white-info span {
	color: var(--button2-colur);
	font-weight: 500;
}
.white-info i {
	color: var(--button2-colur);
}
.white-social ul li a i {
	color: var(--button2-colur);
	font-size: 20px;
}
.white-social ul li a {
	border: 2px solid var(--button2-colur);
}
.white-social ul li a:hover {
	background: var(--bg-1);
}
.col-xs-6{
	width: 50%;
	display: inline-block;
	padding: 0px 15px;
}
.total-slide .owl-nav .owl-prev {
	 left: 0px; 
}
.total-slide .owl-nav .owl-next {
	right: 0px;
}
.about-content {
	margin-bottom: 30px;
}
.slicknav_nav {
	width: 90%;
}
.amount h2 {
	font-size: 40px;
}
.portfolio_filter ul li {
	margin-bottom: 10px;
}
.Clients-img {
	margin-bottom: 15px;
	float: none;
}
.map-content {
	height: 200px;
	padding: 32px 14px;
}
.contact-map h4 {
	font-size: 20px;
}
.contact-map h5{
	font-size: 20px;
}
.contact-map h3{
	font-size: 25px;
}
.map iframe {
	height: 200px;
}
.footer-logo{
	display: block;
	width: 100%;
}
.footer-menu ul li {
	margin-left: 16px;
	margin-bottom: 15px;
}
.canvas_open {
	float: right;
}
.hero-left img {
    margin: auto;
	position: relative;
	top: 47%;
}
.hero-right {
	position: absolute;
	top: 155px;
	left: 0;
	margin-left: 15px;
	margin-right: 15px;
}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.hero-right {
	left: 0;
	right: 0;
	text-align: center;
}

}