@media only screen and (max-width: 767px) {
    .logo {
    position: absolute;
    left: 160px;
    top: 0;
}
.logo img {
    max-width: 100px;
    margin: 10px;
}
	.middle-logo {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 0;
		max-width: 80px;
		height: 80px;
		background: #fff;
		z-index: 999;
		border-radius: 0 0 50% 50%;
	}

.pt-100{
    padding-top:50px;
}
.pb-120{
  padding-bottom:60px;  
}

	.middle-logo img {
		max-width: 70px;
		margin: 0px auto;
		display: block;
		border: 5px solid #fff;
		border-radius: 50%;
	}

	.social-icons-wrapper ul li {
		display: inline-block;
		margin: 0 auto;
		padding: 0 0 0 1px;
	}

	.services {
		display: none;
	}

	#project-form {
		width: 100%;
	}

	.app-home .app-img img {
		position: relative;
		width: 100%;
		top: 20px;
		max-height: 300px;
	}

	.app-home h2 {
		text-align: left;
		line-height: 50px;
		font-size: 40px;
	}

	.main-heading-holder h2 {
		font-size: 40px;
		color: #333;
		text-align: center;
		font-weight: bold;
		padding-bottom: 50px;
	}

	.get-in-touch-caption {
		font-size: 30px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.products {
		position: relative;
		padding: 0 0 60px 0;
		background-size: cover;
		background-repeat: no-repeat;
		background: #FFF;
	}

	.inner-banner {
		min-height: 200px;
	}

	.inner-banner img {
		width: 100%;
		position: absolute;
		top: 0;
		height: 250px;
		object-fit: cover;
	}

	.inner-banner-text h1 {
		transform: rotate(0deg);
		font-size: 40px;
	}

	.blog-details {
		position: relative;
		display: block;
		padding: 15px 0 20px;
		background: #fff;
	}

}
@media only screen and (max-width: 600px) {
#ui-layer2{
    min-height:1% !important;
    position:absolute;
}
}