@media only screen and (max-width: 767px) {
    
    .top-section-1{padding-top: 110px;}
	
	.navbar-light .navbar-collapse {
		background:#fff !important;
	}
	
	.navbar-light .navbar-nav .nav-link {
		color:#000 !important;
		line-height:35px;
	}
	header .item img {
		margin-top:-23px;
	}
	
	header .item .cover .header-content h1 {
		font-size:35px;
	}
	
	.product-categories {
		text-align:center;
	}
	
	.footer {
		padding: 50px 0px;
	}
	
	/* .top-section { */
		/* padding-top:58px; */
	/* } */
	/* .top-section h1 { */
		/* height:110px; */
	/* } */
	.mockup-img {
		display:none;
	}
	
	.order3 .header-btn3 {
		display:block;
	}
	
	.work .work-text p {
		width:100%;
		text-align:center;
	}
	
	.service-text p {
		width:100%;
	}
	
	.industry-text p {
		width:100%;
	}
	
	.navbar-brand .logo {
		width:170px;
	}
	.head-section h2 {
		font-size:2rem;
	}
	
	.sub-heading-1:after {
		right:15%;
	}
	
	.sub-heading-1:before {
		left:15%;
	}
	
	  .product-view {
    /* background: #fff; */
    height: auto;
    overflow: hidden;
    float: none;
    width: 100%;
}

.product-view li {
	display:inline-block;
	    margin-bottom: 18px;
}

.product-view .product-cirlce-img img {
	width:100%;
	padding-left:0;
}
.product-view .left {
    width: 100%;
    float: left;
    text-align: right;
    padding-top: 34px;
}
.left li:first-child {
    position: relative;
    left: 0;
}

.left li:nth-child(2) {
    position: relative;
    left: 0;
    top: 0px;
}

.left li:nth-child(3) {
    position: relative;
    left: 0;
    top: 0px;
}

.left li:nth-child(4) {
    position: relative;
    left: 0;
    top: 0px;
}
.left li:last-child {
    position: relative;
    left: 0;
    top: 0px;
}

.product-view .product-cirlce-img {
    width: 100%;
    text-align: center;
    float: left;
}

.product-view .right {
    width: 100%;
    float: left;
    text-align: left;
    padding-top: 34px;
}

.right li:first-child {
    position: relative;
    left: 0px;
}

.right li:nth-child(2) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:nth-child(3) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:nth-child(4) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:last-child {
    position: relative;
   left: 0px;
    top: 0px;
}
}

@media only screen and (max-width: 768px) {
	.work .work-text p {
		width:100%;
	}
	
	.navbar {
		display:block;
	}
	
	.navbar-light .navbar-nav .nav-link {
		padding:0 3px !important;
		margin-left: -17px !important;
	}
	
	.section-box-eleven figure {
		bottom:-100%;
	}
	
	 .connect .dropdown-menu  {
		left:-124px;
	}
	
	.start-header.scroll-on {
		
		padding:10px;
	}
	
		  .product-view {
    /* background: #fff; */
    height: auto;
    overflow: hidden;
    float: none;
    width: 100%;
}

.product-view li {
	display:table;
	    margin-bottom: 18px;
}

.product-view .product-cirlce-img img {
	width:100%;
	padding-left:0;
}
.product-view .left {
    width: 100%;
    float: left;
    text-align: right;
    padding-top: 34px;
}
.left li:first-child {
    position: relative;
    left: 0px;
}

.left li:nth-child(2) {
    position: relative;
    left: 0px;
    top: 0px;
}

.left li:nth-child(3) {
    position: relative;
    left: 0px;
    top: 0px;
}

.left li:nth-child(4) {
    position: relative;
    left: 0px;
    top: 0px;
}

.left li:last-child {
    position: relative;
   left: 0px;
    top: 0px;
}

.product-view .product-cirlce-img {
    width: 100%;
    text-align: center;
    float: left;
}

.product-view .right {
    width: 100%;
    float: left;
    text-align: left;
    padding-top: 34px;
}

.right li:first-child {
    position: relative;
    left: 0px;
}

.right li:nth-child(2) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:nth-child(3) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:nth-child(4) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:last-child {
    position: relative;
   left: 0px;
    top: 0px;
}
}