*{
	margin: 0px;
	padding: 0px;
}

body{}
section {padding:10px;}
.navbar{ 
	border-radius: 0px!important;
	margin-bottom: 0px!important;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }

.mainbannner{
	height: 700px;
    text-transform: capitalize;
}

.home{
	background-image: url("/compressed-web-images/RealEstate/realestate1.jpg");
	background-position: 20px -21px;
}

.port{
	background-image: url("/compressed-web-images/Portraits/portrait11.jpg");
	background-position: 0px -11px;

}
.estate{
	background-image: url("/compressed-web-images/RealEstate/realestate6.jpg");
	background-position: -42px -211px;
}

.design{
	background-image: url("/compressed-web-images/Design/design5.png");
	background-position: -42px -211px;
}
.white{
	color: white;
}
.ada img{
	margin: 80px;
}
.threeiscompany img {
	object-position: center top;
}

.contact{
/* 	background-image: url("/assets/img/realestateHome.jpg"); */
background:white;
	height: 700px;
	background-position: 0px -11px;
    text-transform: capitalize;
}

.innner-main{
	text-align: center;
}

.innner-main.null-rem#a.sbtnDark {
	margin: 20px 120px;
}

.innner-main-port{
	text-align: center;
	clip-path: circle(200px at center);
}
 .me{width:90%;position: relative; left: -15px;}
 
.map {width:100%;float:left;padding:8px 0px;}

.map:nth-child(2){margin-left:5px;}

.hide {display:none;}

.null-rem{
	z-index: 3;
    position: relative;
    top: -230px;
    }
    
.box-shadow {
	filter: drop-shadow(0px 0px 0px #666);
    transition: all 500ms ease-in-out;
    transform: scale3d(1, 1, 1);
}
 
 .lefty {
	 text-align: left;
 }
 .center-text{
	 text-align: center;
 }
.box-shadow:hover{
    transform: rotate3d(1, 2, 1, 330deg);
    filter: drop-shadow(0px 15px 46px #666) ;
    }  
/*--------------------------------------------------------------------
	Layout
--------------------------------------------------------------------*/    
.row{    
	margin-right: 0px;
    margin-left: 0px;
    }
    
.null-pad{text-indent: -99999px;padding-top:35px; padding-bottom:35px;}
.pad1{padding-top:75px;padding-bottom:75px;}
.pad2{	padding-top:100px;padding-bottom:100px;}
.pad3{	padding-top:150px;padding-bottom:150px;}

.sbtn {
	display: block;
	width: 170px;
	text-align: center;
	background: #fff;
	color:#000;
	padding: 8px 16px;
	text-decoration: none;
	border: 1.5px solid #000;
	border-radius: 5px;
	transition: all 500ms ease-in-out;
	}

.sbtn:hover, .sbtn:focus{/* mouse pointer haver div */
	background: #000;
	color:#fff;
	border: 1.5px solid #fff;
	cursor: pointer;
	}
	
	
	
.sbtnDark {
	margin: 20px 80px;
	padding: 12px 16px;
	display: inline-block;
	width: 170px;
	text-align: center;
	background: #222;
	color:#fff;
	text-decoration: none!important;
	text-transform: capitalize;
	border: 1.5px solid #222;
	border-radius: 5px;
	transition: all 300ms ease-in-out;
	}

.sbtnDark:hover, .sbtnDark:focus  {/* mouse pointer haver div */
	background: #fff;
	color:#000;
	border: 1.5px solid #fff;
	cursor: pointer;
	}
	
	
	
	

.sbtnDark:active, .sbtn:active { /* you have been there before */
	background: #8c57c5;
	border: 1.5px solid #8c57c5;
	}

/* you have been there before */	
/*
	.button:link {  
	background: red;
	color:#fff;
	border: 1.5px solid #fff;
	}
*/


img.makeup{
height: 220px;
	
}
	
	input[type="submit"] {
    background: black;
    color: #fff;
    padding: 9px 18px;
    border-radius: 5px;
}

	input[type="submit"]:hover {
	background: #333;
    color: #fff;
    padding: 9px 18px;
    }
	/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
 /* Add your Moible Styles here */

.mainbannner{
	height: 380px;
    text-transform: capitalize;
}

/* <div class="null-pad2"> hides all versions of null-pad  */
[class^="null-pad"]{display: none;}

.txtblack {
	padding-bottom: 0px;
	color: black;	
}

.home{
	background-image: url("/compressed-web-images/RealEstate/realestate1.jpg");
	background-position: -495px -50px;
	height: 540px;
	
}

.port{
	background-image: none;
	background-position: 0px -11px;

}
.estate{
	background-image: none;
	background-position: -42px -211px;
}

.design{
	background-image: none;
	background-position: -42px -211px;
}
  

.sbtnDark {
clear:both;
margin:10px;
	}
.mobile {
    grid-column: span 2;
    grid-row: span 2;    
    margin: 17px;
}

.mobile-design {
    grid-column: span 1;
    grid-row: span 1;    

}
.f{    position: relative;
    top: -2px;
    height: 212px;}

.me{width:100%;position: relative; left: 0px;}

} /* end of mobile styles */