
@media only screen and (max-width:1200px)  
{
.header { height:auto}
.logo  { margin-bottom:15px;}
.logo img{ max-width:130px; height:auto}
.navigation { padding-top:61px;}
.nav li { font-size:15px;}
.location { font-size:13px;}
.email { font-size:13px;}
.phone { font-size:13px;}
.features-left { width:49%}
.welcome h1, .features-left h2 { font-size:22px;}
.box2-left { width:250px; float:none; display:block; margin:auto}
.box2-right { width:100%; padding-top:20px;}
.speciality li { font-size:15px; padding-bottom:20px;}
.view-more { display:table; margin:auto; margin-top:12px;}
.box2-right h3 { font-size:16px;}
.box2 { min-height:470px;}
}

@media only screen and (max-width:980px)  
{
.logo img { max-width:118px;}
.nav { display:none}
.navigation { padding-top:1px;}
.navigation > a {display:block; top:60px;}
.top-right1 { display:none}
.mtop { display:block}
.logo { display:table; margin:auto; float:none; margin-top:10px;}
.welcome h1, .features-left h2 { font-size:20px;}
.speciality li { font-size:14px; padding-bottom:18px;}
.box2-right h3 { font-size:15px;}
.box2-right p { font-size:13px; line-height:20px}
.welcome p { font-size:14px;}
.footer  { height:auto; padding-top:15px; padding-bottom:15px}
.copy { padding-top:0}
.fsocial { padding-top:4px}

}
@media only screen and (max-width:760px)  
{ 
.content .container { padding-top:25px;}
.welcome h1, .features-left h2 { font-size:18px; padding-bottom:10px;}
.welcome p { font-size:13px; line-height:21px;}
.features-left { width:100%}
.box2 { min-height:inherit}
.features-right { margin-top:25px;}
.copy { float:none; text-align:center; font-size:13px; line-height:22px;}
.fsocial { float:none; display:table; margin:auto}
.fsocial li { margin-left:2px; margin-right:2px; margin-top:10px;}
.box2-right p { font-size:12px;}
}

@media only screen and (max-width:550px)  
{
.copy { font-size:12px;}

}

@media only screen and (max-width:479px)  
{ 

}