@media only screen and (max-width: 2551px) {
    .tinynav { display: none; }
    .visible-desktop { display: block; }
    .visible-phone, .hidden-desktop { display: none; }
    #slider-wrapper #slider { width: 940px; width: 58.75rem; }
}

@media only screen and (max-width: 801px) {
    .wrapper, #widgets-container .wrapper { width: 96%; padding: 0 2%; }
    img, #scrolltop-container { max-width: 100%; }
    hr, #slider, #slider img, #telephone, .clients .icons  { width: 100%; }
    #slider { background-size: contain !important; }
    #nav { max-width: 69%; }
    #nav > li { display: inline-block; float: none; position: static; }
    #nav > li > .sub-menu { top: auto; left: auto; }
    .home .column-1-3 { float: left; width: 45%; margin: 5px 4% 0 0; }
    #content .column-1-4, #widgets-container .column-1-4, .page-id-20 #content .column-1-2 { float: left; width: 42%; margin: 5px 4% 0; }
    #content .column-1-4:nth-child(even) { clear: both; }
    .image-no-align { width: 100%; }
    #content .image-no-align a img { width: 100%; height: auto; }
    #content p { overflow: hidden; }
    #widgets-container { min-width: 1px; width: 100%; }
    #widgets-container .wrapper { padding-bottom: 3em; }
    #widgets-container .column-1-4 { width: 31%; margin: 0 2% 0 0; float: left; }
    #widgets-container .column-1-4:nth-child(odd) { clear: none; }
    #widgets-container .column-1-4:nth-child(4) { clear: left; }
    #scrolltop-container { min-width: 1px; }
    #scrolltop-right { background: url(images/scrolltop-background.png) no-repeat -90% 0; }
    #scrolltop-right p { text-align: right; width: 96%; margin-left: 0; }
    
    .page blockquote { padding: 30px 80px 60px 0; background: url(images/quote-end.png) right 86% no-repeat; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
}

@media only screen and (max-width: 569px) {
    .tinynav, .visible-phone, #nav-mobile { display: block; }
    .hidden-phone, #nav, #nav-mobile { display: none; }
    #tinynav1 { width: 70%; margin: 0 auto; height: 2.5em; }
    #mobile-buttons { width: 80%; margin: 3em auto; text-align: center; }
    #mobile-buttons a.btn-mobile { display: inline-block; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:12px;
    font-size: 0.75rem;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
    padding: 1em 2em;
    }
    #btn-mobile-call { margin-right: 2em; }
}

@media only screen and (max-width: 481px) {
    #slider { display: none; }
    h1#logo { margin: 0 auto; text-align: center; width: 100%; float: none; }
    #telephone { text-align: center; }
    #telephone img { float: none; margin-right: 0; }
    .home .column-1-3, #content .column-1-4, #widgets-container .column-1-4, #content .column-1-2, #content .column-3-4 { float: none; width: 100%; clear: both; margin: 0; padding: 0; }
    .image-hover-icon { background-position: 25% 25%; }
    .page blockquote { padding: 0 1em; }
    .page blockquote p { padding: 2em 0 1em; text-align: left; margin-bottom: 2em; }
    .page blockquote + p { clear: both; }
    .page #content p { width: 100%; }
    #content .image-no-align a img { width: auto; }
    #scrolltop { left: 20%; }
    #scrolltop-left { display: none; }
    #scrolltop-right { background: url(images/scrolltop-background.png) no-repeat 0 0; float: none; width: 100%; margin: -2px; }
    #scrolltop-right p { width: 96%; }
    #footer { overflow: hidden; }
    #footer > a { display: block; }
    #footer > a > img { float: none; display: block; }
    #footer > p { margin: 0 auto; }
    #footer #social { position: relative; left: 65%; width: 100%; float: none; }
    #footer .footer-logo { width: 80%; clear: both; margin: 0 auto; padding: 3em 0 0; text-align: center; }
    #content .image-decorations > img { height: auto; width: 98%; }
    #content .column-3-4 .comment-list { width: 100%; }
}

@media only screen and (max-width: 321px) {
    #scrolltop-right { background: url(images/scrolltop-background.png) no-repeat -100px 0; }
    #footer #social { left: 48%; }
}