/*
Title:   Custom Css File
Author:  http://themeforest.net/user/hogash // Marius Hogas
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
I WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.query_rule {color:#000;}

.phone {
    color: #e6e6cc;
    font-size: 36px;
    margin-right: 10px;
    margin-top: 10px;
}
@media (min-width: 401px) {
	.phone2{
		display:none;
	}
}
@media (min-width: 319px) and (max-width: 400px) {
	.phone2{
		display:block;
	}
	.phone2 p{
		font-size:24px;
		text-align:center;
		color: #e6e6cc;
	}
	#logo img {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
	}
	#logo {
    float: none;
    margin: 0;
}
select {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}
nav#main_menu {
    float: none;
}
nav#main_menu {
    margin: 10px 0px 0 0 !important;
}
}
.cities {margin-left:0;
	list-style-type: none;
	font-size:13px;
	font-weight:normal;
}
.cities:after {
	content: ' ';
	display: block;
	clear: both;
	margin-bottom: 2em;
}
.cities li {
	width: 20%;
	float: left;
	padding: 8px;
	box-sizing: border-box;
	background:#fff;
		border-top:1px solid orange;
		border-bottom:1px solid orange;
}
/* for 20% li */
@media only screen and (min-width:1200px) {
	.cities li:nth-child(10n - 4),
	.cities li:nth-child(10n - 3),
	.cities li:nth-child(10n - 2),
	.cities li:nth-child(10n - 1),
	.cities li:nth-child(10n) {
		background: none!important;
		border:none!important;
	}
}
@media screen and (max-width:1199px) {
	.wrapper {
		width: 960px;
	}
	.cities li {
		width: 25%;
	}
}
/* for 25% li */
@media screen and (min-width:992px) and (max-width:1199px) {
	.cities li:nth-child(8n - 3),
	.cities li:nth-child(8n - 2),
	.cities li:nth-child(8n - 1),
	.cities li:nth-child(8n) {
		background: none!important;
		border:none!important;	}
}
@media screen and (max-width:991px) {
	.wrapper {
		width: 740px;
	}
	.cities li {
		width: 33.333%;
	}
}
/* for 33.333% li */
@media screen and (min-width:768px) and (max-width:991px) {
	.cities li:nth-child(6n - 2),
	.cities li:nth-child(6n - 1),
	.cities li:nth-child(6n) {
		background: none!important;
		border:none!important;	}
}
@media only screen and (max-width: 767px) {
	.wrapper {
		width: 100%;
	}
	.cities li {
		width: 50%;
	}
}
/* for 50% li */
@media screen and (min-width:601px) and (max-width:767px) {
	.cities li:nth-child(4n - 1),
	.cities li:nth-child(4n) {
		background: none!important;
		border:none!important;	}
}
@media only screen and (max-width: 600px) {
	.cities li {
		width: 100%;
	}
}
/* for 100% li */
@media screen and (max-width:600px) {
	.cities li:nth-child(2n) {
		background: none!important;
		border:none!important;	}
}
.yellowdivider {display:block;width:100%;height:10px;background:#cccc0c;margin-bottom:30px;}