/* CSS Document */
.text-primary{ color: var(--primary-color)!important;}
.text-secondary{ color: var(--accent-color)!important;}

.main-menu ul ul {
	background-color:#FFF;
	-webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.34); 
	box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.34);
	width: 275px;
}
.main-menu ul ul li.nav-item .nav-link {
	color: var(--primary-color);
}
.main-menu ul li.nav-item .nav-link{
	text-transform: uppercase;
	font-size: 15px;
}
.main-menu ul ul li.nav-item .nav-link {
	text-transform: none!important;
}
.main-menu ul li.nav-item .nav-link {
	padding: 15px 14px;
}
.main-menu ul ul li.nav-item .nav-link:hover, .main-menu ul ul li.nav-item .nav-link:focus{
	color: var(--accent-color);
}

.sidebar-cta-contact-item .icon-box img{ max-width: 20px;  }
.sidebar-cta-contact-item .icon-box { margin-right: 11px;}

.service-catagery-list ul li a::before {content: "\f061";   font-family:var(--fa-family-classic) }

.our-work-list ul li::before {
  content: '\f058';
  font-family:var(--fa-family-classic) 
}
.service-item-content h3 {
	text-transform: none!important
}

.footer-links ul li { 
	margin-bottom: 6px;
}

.contact-form-box .form-control {
	border: 1px solid #EEE;
	padding: 7px 20px;  
}


p{ margin-bottom: 0}

h2 { font-size: 1.5rem;}
h3 { font-size: 1.2rem;}



@media only screen and (max-width: 991px){
	
	h2 { font-size: 1.4rem;}
	h3{ font-size: 1.1rem;}
	
}

@media only screen and (max-width: 767px){
	
	h2 { font-size: 1.3rem;}
	h3 { font-size: 1.0rem;}
	
	.topbar-contact-info ul li { font-size: 10px}
}

@media only screen and (max-width: 575px){
	
	.navbar-brand img {max-height: 60px;}
}