@media (max-width:1020px) and (min-width:775px) {
	.wrapper{
		width: 80%;
	}

	body {
        background-image: url('/images/berlin-port.jpg');
		background-position:center 0px;
		background-repeat:no-repeat;
		background-size:100% auto;
		background-attachment: fixed;
		
    }
	
	#contactBoxContent li{
		display:inline-block;
	}
	#navBar ul li a {
		margin-right: 15px;
		margin-left: 15px;
		display:inline-block;
	}
	
	#navBar ul.navElements{
		width:auto;
	}
	#linkedinNav, #facebookNav{
		display:none;
	}
	
	#homeNav, #servicesNav, #listingsNav, #teamNav, #contactNav{
		display:inline-block;
	}
}



@media (max-width:1020px) and (min-width:775px) {

body {
        
    }
	
	h2{
		font-size:30px;
	}
	
	.wrapper{
		width: 90%;
		padding-right:20px;
		padding-left:20px;
	}

	#flagBanner{
		left:0px;
		height:65px;
		padding:5px 0px;
		width:100%;
		position:relative;
	}
	#sbrealtyLogo{
		height: 40px;
		width:auto;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	.slides{
		xmargin-top:50px;
	}
	
	.slides li img{
		background-size:cover; 
		height:auto;
	}
	
	#bannerPhoto{
		top:0px;
		position:relative;
	}
	
	#bannerPhotoWrapper{
		width:200px;
	}

	#bannerPhotoWrapper h1{
		font-size: 20px;
		padding-top: 5px;
	}
	
	#callNowBelow{ display:block; text-align:center;}
	
	h2#skilledProfessionals{
		font-size:12px;
		width:auto;
	}
	h2#commercialRealEstate{
		font-size:12px;
		width:auto;
	}
	
	#mainSlider .flex-direction-nav a{
		width:18px;
		top:33%; 
	}

	.teamDescBlock{
		width:auto;
		margin-bottom:30px;
		margin-top:0px; 
	}
	
	.teamImgBlock img{
		margin-right:auto;
		margin-left:auto;
		display:block;
	}
	
	.teamImgBlock h3 {
		margin-bottom:0px;
	}
	
	#contactBoxBorder{
		width:auto;
	}
	
	#contactBoxContent{
		margin:0px;
	}
	
	#contactBoxContent li{
		xdisplay:inline-block;
		width:auto; 
	}
	

	
	#agents, #partners  {
		margin-right:0px;
		width:auto;
		width:600px;
	}
	
	#virtualCardAgents, #virtualCard{
		width: 600px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	
	#contact{
		height:auto;
	}
	#contact{
		background:url('../images/backgrounds/open-space-sm.jpg');
		background-size:cover;
		padding-top:100px; 
	}

	#questionBox{
		margin-left:auto;
		margin-right:auto;
		display:block;
		width:600px;
	}

	#questionBox input{
		width:210px; 
	}
	
	
	#listingsGal{
		padding:0px;
	}
	
	#navBar{
		position:relative;
	}
	#navBar ul.navElements{
		width:auto;
		display: inline-block;
	}
	
	#homeNav, #servicesNav, #listingsNav, #teamNav, #contactNav{
		display:none;
	}
	p{
		margin-top:0px;
		padding-top:0px;
	}
	
	#contactLI{
		margin-left:auto;
		margin-right:auto;
		position:relative;
		display:block; 
	}
	
	#contactBoxContent li{
		display:block;
	}

}


@media (max-width:775px) and (min-width:600px) {

	#navBar ul li a {
		margin-right: 10px;
		margin-left: 10px;
	}
	
	#navBar ul.navElements{
		width:auto;
	}
	#linkedinNav, #facebookNav{
		display:none;
	}
	
	
	#homeNav, #servicesNav, #listingsNav, #teamNav, #contactNav{
		display:inline-block;
	}
	
	#navBar ul.navElements {
		position: relative;
		top: 15px;
		left: 15px;
		display: inline-block;
	}

}

@media (max-width:600px) and (min-width:320px) {
	body {
        
    }
	
	h2{
		font-size:30px;
	}
	
	.wrapper{
		width: 90%;
		padding-right:20px;
		padding-left:20px;
	}

	#flagBanner{
		left:0px;
		height:65px;
		padding:5px 0px;
		width:100%;
		position:relative;
	}
	#sbrealtyLogo{
		height: 40px;
		width:auto;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	.slides{
		xmargin-top:50px;
	}
	
	.slides li img{
		background-size:cover; 
		height:auto;
	}
	
	#bannerPhoto{
		top:0px;
		position:relative;
	}
	
	#bannerPhotoWrapper{
		width:200px;
	}

	#bannerPhotoWrapper h1{
		font-size: 20px;
		padding-top: 5px;
	}
	
	#callNowBelow{ display:block; text-align:center;}
	
	h2#skilledProfessionals{
		font-size:12px;
		width:auto;
	}
	h2#commercialRealEstate{
		font-size:12px;
		width:auto;
	}
	
	#mainSlider .flex-direction-nav a{
		width:18px;
		top:33%; 
	}

	.teamDescBlock{
		width:auto;
		margin-bottom:30px;
		margin-top:0px; 
	}
	
	.teamImgBlock img{
		margin-right:auto;
		margin-left:auto;
		display:block;
	}
	
	.teamImgBlock h3 {
		margin-bottom:0px;
	}
	
	#contactBoxBorder{
		width:auto;
	}
	
	#contactBoxContent{
		margin:0px;
	}
	
	#contactBoxContent li{
		xdisplay:inline-block;
		width:auto; 
	}
	

	
	#agents, #partners  {
		margin-right:0px;
		width:auto;
		width:600px;
	}
	
	#virtualCardAgents, #virtualCard{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	
	#contact{
		height:auto;
	}
	#contact{
		background:url('../images/backgrounds/open-space-sm.jpg');
		background-size:cover;
		padding-top:100px; 
	}

	#questionBox{
		margin-left:auto;
		margin-right:auto;
		display:block;
		width:auto;
	}

	#questionBox input{
		width:210px; 
	}
	
	
	#listingsGal{
		padding:0px;
	}
	
	#navBar{
		position:relative;
	}
	#navBar ul.navElements{
		width:auto;
		display: inline-block;
	}
	
	#navBar ul li a {
		margin:0px; 
	}
	
	#homeNav, #servicesNav, #listingsNav, #teamNav, #contactNav{
		display:none;
	}
	p{
		margin-top:0px;
		padding-top:0px;
	}
	
	#contactLI{
		margin-left:auto;
		margin-right:auto;
		position:relative;
		display:block; 
	}
	
	#contactBoxContent li{
		display:block;
	}
	
	.HummingbirdDemo{
		width:250px;
	}
	
}  /*media 600px*/




@media screen and (max-width: 320px) {
	body {
        
    }
	
	h2{
		font-size:30px;
	}
	
	.wrapper{
		width: 80%;
		padding-right:20px;
		padding-left:20px;
	}

	#flagBanner{
		left:0px;
		height:65px;
		padding:5px 0px;
		width:100%;
		position:relative;
	}
	#sbrealtyLogo{
		height: 40px;
		width:auto;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	.slides{
		xmargin-top:50px;
	}
	
	.slides li img{
		background-size:cover; 
		height:auto;
	}
	
	#bannerPhoto{
		top:0px;
		position:relative;
	}
	
	#bannerPhotoWrapper{
		width:200px;
	}

	#bannerPhotoWrapper h1{
		font-size: 20px;
		padding-top: 5px;
	}
	
	#callNowBelow{ display:block; text-align:center;}
	
	h2#skilledProfessionals{
		font-size:12px;
		width:auto;
	}
	h2#commercialRealEstate{
		font-size:12px;
		width:auto;
	}
	
	#mainSlider .flex-direction-nav a{
		width:18px;
		top:33%; 
	}


	.teamDescBlock{
		width:auto;
		margin-bottom:30px;
		margin-top:0px; 
	}
	
	.teamImgBlock img{
		margin-right:auto;
		margin-left:auto;
		display:block;
		width: 100%;
	}
	
	.teamImgBlock h3 {
		margin-bottom:0px;
	}
	
	#contactBoxBorder{
		width:auto;
	}
	
	#contactBoxContent{
		margin:0px;
	}
	
	#contactBoxContent li{
		display:inline-block;
		width:auto;
	}
	
	#agents, #partners  {
		margin-right:0px;
		width:auto;
		width:300px;
	}
	
	#virtualCardAgents, #virtualCard{
		width: 300px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	
	#contact{
		height:auto;
	}
	#contact{
		background:url('../images/backgrounds/open-space-sm.jpg');
		background-size:cover;
		padding-top:100px; 
	}

	#questionBox{
		margin-left:auto;
		margin-right:auto;
		display:block;
		width:300px;
	}

	#questionBox input{
		width:210px; 
	}
	
	
	#listingsGal{
		padding:0px;
	}
	
	#navBar{
		position:relative;
	}
	#navBar ul.navElements{
		width:auto;
		display: inline-block;
	}
	
	#navBar ul li a {
		margin:0px; 
	}
	
	#homeNav, #servicesNav, #listingsNav, #teamNav, #contactNav{
		display:none;
	}
	p{
		margin-top:0px;
		padding-top:0px;
	}
	
	.HummingbirdDemo{
		width:250px;
	}
	
}  /*media 320px*/