/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
@media only screen and (max-width: 1205px){
	#primary-menu ul li > a{		
		padding: 39px 6px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 992px){
	.slider-caption{
		height: 170px;
	}
	.slider-caption h2{
		font-size: 30px;
	}
	.slider-caption p{
		font-size: 18px;
	}	
}

@media only screen and (max-width: 500px){
	#logo{
		float: left!important;
		height: 70px;
	}
	#logo img{
		max-width: 150px;		
	}

	.section > .testimonial .testi-content{
		min-height: auto;
	}

	.header-extras{
		display: block!important;
	}
	.header-extras img{
		max-width: 50px;
	}
	/*.home-categories .feature-box{

	}
*/	
	.sister-contacts .row:last-child{
		margin-top: 0!important;
	}
	
	.sister-contacts .social-icon{
		margin-bottom: 10px!important;
	}

	#copyrights .mb-0{
		margin-bottom: 0!important;
		text-align: center!important;
	}


	.serv_text{
		position: relative;
		top: 0;
		left: 0;
		transform:none;
		margin:20px ;
	}

	.scope-of-work .row div.col-md-6{
		padding-right: 15px!important;
    	padding-left: 15px!important;
	}

	.scope-of-work .row .portfolio-image{
		margin:20px 0;
	}

	.scope-of-work .row:not(:first-child):not(:last-child):after{
		content: '';
	    position: relative;
	    border-bottom: 0;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    height: 1px;
	    background-color: #dddddd;
	}

	.header-extras li{
		margin-left:10px!important;
		padding-left:10px!important;
		border-left: none!important;
	}
}

@media only screen and (max-width: 425px){
	#page-title.page-title-parallax h1{
		font-size:30px!important;
	}
}
@media only screen and (max-width: 392px){
	.header-extras li{
		margin-left:5px!important;
		padding-left:5px!important;
	}
}