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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.apps-div-marg{
	margin-top: 121px;
}
.apps-div{
	/* background-image:url(/images/appStore.png); */
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
    top: 0;
    display:none;
}
.halo-app-word{
	font-weight: 100;
	color: #5f6273;
}
.apps-download-word{
	margin: 10px;
	font-weight: 100;
	color: #5f6273;
}
.app-donwload-button{
	float: right;
    position: relative;
    bottom: 25px;
}

/* @media (max-width: 768px) {
	#header {
		top: 67px;
    }
    #homeLayout{
        padding-top:67px
    }
} */
@media screen and (max-width: 480px){
	#header{
		top: 67px;
		/* top:0; */
    }
    .apps-div{
        display: inline;
    }
    #homeLayout{
        padding-top:67px
    }
}

@media (max-width: 767px) { /* col-xs */
	

	.bottomnavbar {
		overflow: hidden;
		background-color: #e1465b;
		position: fixed !important;
		bottom: 0;
		width: 100%;
		display: flex !important;
		margin:auto;
		z-index:99;
	  }
	  
	  .bottomInnernavbar {
		overflow: hidden;
		background-color: #e1465b;
		
		width: 25%;
	  }
	  
	  .bottomnavbar a {
		
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 15px 5px 15px 5px;
		text-decoration: none;
		font-size: 14px;
	  }
	  
	  .bottomnavbar a:hover {
		background: #ddd;
		color: black;
	  }

	  body{
		margin-bottom: 30px;
	  }
	  .header-logo{
		height:50px !important;
	  }


}