.banner
	{
		width:100%;
		background-image:url("../images/solutions.jpg");
		background-position:center center;
		background-size:cover;
		top: 0;
		left: 0;
		opacity:1;
	}
.carousel
	{
		width:100%;
		padding:440px 20px 0 150px;
		box-sizing:border-box;
	}
.carousel-inner
	{
		position:relative;
		max-width:100%;
		height:60px;
		overflow:hidden;
	}
.item1,.item2,.item3
	{
		height:170px !important;
		width: 100%;
		position: absolute;
		z-index: 0;
		text-align:center; 
	}
.head-fadein
	{
		font-size:35px;
		padding:0 12px;
		margin-bottom:0;
		color:#ffffff;
		font-family:'K2D', sans-serif;
	}
.text-fadein
	{
		font-size:20px;
		line-height:20px;
		color:#ffffff;
		font-weight:lighter;
		font-family:'K2D', sans-serif;
	}
.item1 
	{
		animation:fadeInUp 9000 swing  infinite;
		-webkit-animation:fadeInUp 9000 swing  infinite;
	}
.item2 
	{
		animation:fadeInUp2 9000 swing infinite;
		-webkit-animation:fadeInUp2 9000 swing infinite;
	}
.item3 
	{
		animation:fadeInUp3 9000 swing infinite;
		-webkit-animation:fadeInUp3 9000 swing  infinite;
	}
@keyframes fadeInUp
	{
	  0%   {opacity:1;transform:none;}
	  33% { opacity: 0;transform: translate3d(0, 100%, 0);}
	  66% { opacity: 0;transform: translate3d(0, 100%, 0); }
	  100% { opacity: 1;transform:none;}
	}
@keyframes fadeInUp2
	{
	  0%   {opacity:0;transform: translate3d(0, 100%, 0);}
	  33% { opacity: 1;transform:none;}
	  66% { opacity: 0;transform: translate3d(0, 100%, 0);}
	  100% { opacity: 0;transform: translate3d(0, 100%, 0);}
	}
@keyframes fadeInUp3
	{
		0%   {opacity:0;transform: translate3d(0, 100%, 0);}
		33% { opacity: 0;transform: translate3d(0, 100%, 0);}
		66% { opacity: 1;transform:none;}
		100% { opacity: 0;transform: translate3d(0, 100%, 0);}
	}
.soln-categories
	{
		display:flex;
	}
.solutions
	{
		width:32%;
		float:left;
		border:1px solid #ccc;
		text-align:center;
		margin:6px;
		box-sizing:border-box;
	}
.km-button1 ,.km-button2 ,.km-button3
	{
		background-color: #000;
		width: 100px;
		height: 30px;
		color: #ffffff;
		left:120px;
		margin-bottom:5px;
		bottom:5px;
		cursor:pointer;
		border-radius:6px;
	}
.km-button1 ,.km-button3
	{
		margin-top:27px;
	}
.industries img
	{
		margin-bottom:20px;
	}
.industries-details	
	{
		text-align:justify;
		padding:10px;
		box-sizing:border-box;
	}
#myBtn 
	{
		display: block;
		width:120px;
		height:60px;
		position: fixed;
		margin-top: 90px; 
		margin-left: 620px;
		z-index: 99;
		font-size: 18px;
 		border: none;
		outline: none; 
		color: white;
		cursor: pointer;
		padding: 15px;
		background-color:transparent;
		background-image:url("../images/scroll_down.png");
		background-position:center;	
	}

@media screen and (min-width: 320px) and (max-width: 480px){
html
	{
		max-width:480px;
	}
body
	{
		max-width:480px;
		line-height:1.5; 
		font-family: 'K2D', sans-serif;
		margin:0 auto;
	}
.nav-header
	{
		max-width:480px;
		width:100%;
		height: auto !important;
		display:flex;
	}
.toggle
	{
		display:block;
		position:absolute;
		right:30px;
	}
.site-nav
	{
		width:100%;
		display:none!important;
		margin:0;
	}
.show.site-nav a
	{
		text-align:center;
		display:block;
	}
.show
	{
		display:block!important;  
		background-color: #4e4e4e;
		width: 100%;
	}
.banner
	{
		max-width:480px;
		max-height:200px;
	}
.background
	{
		max-width:480px;
		max-height:200px;
	}
.carousel
	{
		max-width:100%;
		padding:80px 20px 0 20px!important;
		box-sizing:border-box;
	}
.carousel-inner
	{
		height:60px;
	}
.item1,.item2,.item3
	{
		height:100px!important;
	}
.head-fadein 
	{
		font-size:22px;
	}
.text-fadein 
	{
		font-size:14px;
	}
#mybtn
	{
		display:none;
	}
footer
	{
		max-width:480px;
	}

.container
	{
		max-width:400px;
	}
.soln-categories
	{
		display:block;
	}
.solutions
	{
		max-width:400px;
		width:97%;
		display:block;
		float:none;
		min-height:auto;
	}
.km-button1 ,.km-button3
	{
		margin-top:0px;	
	}
}
@media screen and (min-width: 481px) and  (max-width: 767px){
html
	{
		max-width:767px;
	}
body
	{
		max-width:767px;
		line-height:1.5; 
		font-family: 'K2D', sans-serif;
		margin:0 auto;
	}	
.nav-header
	{
		max-width:100%;
		height:  auto !important;
		display:flex;
	}
.toggle
	{
		display:block;
		position:absolute;
		right:30px;
	}
.site-nav
	{
		width:100%;
		display:none!important;
		background-color: #4e4e4e;
		margin:0!important;
	}
.show.site-nav a
	{
		text-align:center;
		display: block;
	}
.show
	{
		display:block!important; 
	}
.banner
	{
		max-width:767px;
		max-height:300px;
	}
.background
	{
		max-width:767px;
		max-height:300px;
	}
.carousel
	{
		max-width:100%;
		padding:140px 20px 0 20px!important;
		box-sizing:border-box;
	}
#mybtn
	{
		display:none;
	}
.solutions
	{
		max-width:767px;
		width:100%;
		min-height:auto;
	}
footer
	{
		max-width:767px;
	}	
}