Правка расположения элементов шапки сайта через css

[gts 0]

Привет. Что нужно сделать для того, чтобы элементы в шапке сайта были расположены в соответствии с примером? Изображение №1 то как сейчас, №2 как должно быть.

В stylesheet.css следующий код

кнопка заказать обратный звонок

call {
	background: #ea7808;
	color: #fff;
	line-height: 22px;
	font-size: 16px;
	border: 1px solid #d05700;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	padding: 10px 20px;
	margin-top: 18px;
	margin-bottom: 22px;
}
.call:hover {
	background: #E36B18;
}
.call a {
	color: #fff;

поиск товара по каталогу

#search .btn-lg:hover {
	color: #fff;
}
.dropdown-menu {
	background: #261a16;
	padding: 1px 0;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color: #ea7808;
}

кнопка "0 товаров - 0 р."

#cart {
	margin-bottom: 10px;
	width: 85%;
}
#cart > .btn {
	font-size: 21px;
	line-height: 44px;
	color: #261a16;
	font-weight: 600;
	/* font-family: Arial, sans-serif; */
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #ea7808;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}

 

Edited March 20, 2018 by gts