header nav
{
	width:100%;
}
header nav ul.nav li a, header nav ul.nav li:first-child a
{
	padding:0 20px;
}
ul.socials
{
	background:none;
	width:42.5%;
}
article section.search-side p
{
	margin-top: 0;
    width: 61%;
}
header nav .side-bg
{
	background:none;
}
article section.logo-side a img.logo
{
	margin-top:38px;
}
#our-advantages ul li
{
	width:33%;
	margin:5px 0 25px 0;
}
#our-advantages ul li:first-child
{
	width:100%;
}
#our-advantages ul li h1
{
	float:left;
	line-height:normal;
	font-size:38px;
	margin-left:4%;
}
#our-advantages ul li a
{
	float:right;
	margin-right:4%;
	margin-top:66px;
}
#our-advantages ul li p
{
	width:70%;
}
#our-advantages ul li h2
{
	font-size:22px;
}
button[name="appointment"]
{
	margin-top:82px;
}
section.side-nav
{
	width:100%;
}
ul.side-navigation li
{
	width:50%;
	float:left;
}
section.teeth-whitning, section.patient-say
{
	width:45%;
}
ul.gallery li
{
	width:40%;
	margin-top:20px;
	margin-left:9%;
}
footer nav ul.nav
{
	width:63.5%;
}
@media only screen and (max-width:670px)
{
	header nav ul.nav li a, header nav ul.nav li:first-child a
	{
		padding:0 12px;
	}
	article section.search-side p
	{
		width:72%;
	}
	ul.socials
	{
		width:48.5%;
	}
	#our-advantages ul li p
	{
		width:80%;
	}
	footer nav ul.nav
	{
		width:89%;
		margin-top:12px;
	}
	footer nav p
	{
		width:100%;
		text-align:center;
	}
	section.side-nav
	{
		margin-bottom:15px;
	}
}
@media only screen and (max-width:600px)
{
	header nav ul.nav li a, header nav ul.nav li:first-child a
	{
		padding:0 8px;
	}
	ul.socials
	{
		width:100%;
		float:left;
		background-image:url(../images/socials-bg.jpg);
		background-repeat:repeat;
	}
	ul.socials li:first-child
	{
		float:left;
		margin-left:5%;
	}
	ul.socials li:nth-child(2)
	{
		margin-left:47%;
	}
	article section.logo-side
	{
		width:75%;
		margin:0 auto;
		float:none;
	}
	article section.search-side
	{
		float:none;
		width:100%;
		float:left;
		margin-top:20px;
	}
	#search-box
	{
		margin-top:-29px;
	}
	article section.search-side p
	{
		float:left;
	}
	#our-advantages ul li h2
	{
		font-size:18px;
	}
	#text-area
	{
		width:100%;
	}
	button[name="appointment"]
	{
		margin:0;
		float:left;
		margin-left:22%;
		width:272px;
		margin-bottom:50px;
	}
	#text-area p
	{
		margin:12px 0;
	}
	section.teeth-whitning, section.patient-say
	{
		width:47%;
	}
	ul.gallery li
	{
		margin-left:6%;
	}
}
@media only screen and (max-width:550px)
{
	header nav ul.nav li a, header nav ul.nav li:first-child a
	{
		padding:0 4px;
	}
	footer nav ul.nav
	{
		width:95%;
	}
}