@media only screen and (min-width: 768px) {
    /* tablets and desktop */
	.bottom_bar_phone{
		bottom:100px;
		left:0px;
		position:fixed;
		width:100%;
		background: #3b434c;
	}
	.bottom_bar_phone .div{
		width:45%;
		height:50px;
		background: #3b434c;
		display:inline-block;
		float:left;
	}
	.bottom_bar_phone .center_div{
		width:10%;
		height:50px;
		background-color:green;
		display:inline-block;
		float:center;
	}
}

@media only screen and (max-width: 767px) {
    /* phones */
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
}