@media screen and (max-width:1010px) {
	.footerwidget_area, .footer_widget_container, .footer {width:90%;}
	.maincontainer, .largecontainer {width:95%;}
	.container {width:90%;}
	.mainpage_title h1 {font-size:14pt;}
	.navigator {display:inline-block;}
}

@media screen and (max-width:810px) {
	.footerwidget_area, .footer_widget_container, .footer {width:90%;} 
	.maincontainer, .largecontainer {width:95%;}
	.container {width:560px;}
	.logo {width:100%;text-align:center;}
	.logo img {display:inherit;}
	.nav {float:none;direction:rtl;text-align:right;width:100%;padding:0px;margin:0px;max-width:none;}
	.nav ul {display:none;padding:5px;}
	.nav select {display:inline-block;padding:5px;width:100%;}
	.nav > a span {display:inline;}
	.contentarea, .sidebararea, .twothirdswidth {width:100%;float:left;}
	.thirdwidth, .quaterwidth {width:46%;}
	.googlemap {width:100%;}
	.navigator {display:inline-block;}
	.appointment {width:50%;font-size:11pt;padding-top:5px;}
}

@media screen and (max-width:610px) {
	h1 {font-size:1.4em;}
	h2 {font-size:1.2em;}
	.logo img {width:100%;height:auto;}
	.footerwidget_area, .footer_widget_container, .footer {width:90%;}
	.maincontainer, .largecontainer {width:95%;}
	.container {width:90%;}
	.nav {float:none;direction:rtl;text-align:right;width:100%;padding:0px;margin:0px;max-width:none;}
	.nav > select {padding:5px;}
	.nav > a span {display:inline;}
	.footer_widget_container > .widget {width:98%;}
	.halfwidth, .thirdwidth, .quaterwidth, .twothirdswidth {width:100%;padding:0px;}
	.threecolumntable, .fourcolumntable {width:100%;}
	.fullwidth img {width:60%;display:block;margin:auto;float:none;} 
	.socialmedia_buttons {display:block;float:none;height:64px;}
	ul.sbut li, ul.sbut li a>img {width:84px;height:28px;}
	.appointment {float:left;width:70%;font-size:8pt;}
	.shadoweffect {height:8px;}
	.googlemap {width:100%;}
	.navigator {display:inline-block;}
	
	.element1 .portfoliowrap .title, 
	.element2 .portfoliowrap .title {font-size:10pt !important;}
	.element1 .portfoliowrap .portfolioimage iframe,
	.element2 .portfoliowrap .portfolioimage iframe	{height:100%;width:100%;}

	.element1 .portfoliowrap .portfolioimage {overflow:hidden;position:relative;height:350px;}
	.element2 {width:96%;padding:10px 2%;}
	.element2 .portfoliowrap .portfolioimage {overflow:hidden;position:relative;height:250px;}
	.element2 .portfoliowrap .portfolioimage img, 
	.element2 .portfoliowrap .portfolioimage img a {width:100%;height:100%;}
}