@media (max-width: 986px) { 
 	header{
		 position: static;
		 background: #fff;
	}
 	.btn-contact-footer img{
 		width: 100%;
 	}
 	.whyus-img{
		width: 75%;
		height: auto;
	}
	.main-menu{
		padding: 0 !important;
	}
	.main-menu ul li a{
		padding:10px 5px;
	}
 }
@media (max-width: 767px) { 
	.main-menu .dropdown-menu{
		box-shadow: none;
		border:0;
	}
	.main-menu ul li a{
		text-shadow: none;
	}
	.main-menu li .dropdown-menu li a{
		padding: 10px 30px;
	}
 	.logo-container {
    padding: 20px 0 10px;
	}
 	.logo-container > *{

 		display: inline-block;
 	}
 	.logo-container a{
 		width: 80%;
    	padding: 8px 0;
 	}
 	.logo-container button{
 		 
 		margin:0;
 		padding: 10px;
 		text-align: center;
 		border:0px solid #111;
 	}
 	.navbar-toggle .icon-bar{
 		background: #111;
 		color: #111;
 	}
 	.search>input[type=text]{
 		width: 80%;
 	}
 	.slider-item{
 		height: 300px;
 	}
 	.slider-item img{
 		    width: 100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
 	}
 	.caption{
 		font-size: 20px;
 		line-height: 20px;
 		text-align: center;
 	}
 	.slick-prev, .slick-next{
 		height: 40px;
 		background-size: cover;
 		width: 20px;
 	}
 	#spe-menu ul li{
 		display: block;
 	}
 	.fp-part, .page-part{
	padding:30px 0 30px 0;
	}
	a.logo-link img{
		width: 100%;
	}
	.main-menu .dropdown-menu{
		position: static;
	}
	.main-menu .open>.dropdown-menu{
		float: none;
	}
	.dropdown-backdrop{
		display: none;
	}
	.news-content{
		margin-bottom: 30px;s
	}
	.whyus-item, .bod-item, .customer-category{
		margin-bottom: 40px;
	}
	.customer-item{
		text-align: justify;
	}
	.customer-item h2.company-name{
		margin:20px 0 10px;
	}
	.footer-container{
		padding-bottom: 40px;
	}
	.footer-container .address-container{
		padding:40px 0 20px; 
	}

 }