@font-face {
    font-family: 'optimanormal';
    src: url('../fonts/optima-webfont.eot');
    src: url('../fonts/optima-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/optima-webfont.woff2') format('woff2'),
         url('../fonts/optima-webfont.woff') format('woff'),
         url('../fonts/optima-webfont.ttf') format('truetype'),
         url('../fonts/optima-webfont.svg#optimanormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'constantine';
    src: url('../fonts/constantine-webfont.eot');
    src: url('../fonts/constantine-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/constantine-webfont.woff2') format('woff2'),
         url('../fonts/constantine-webfont.woff') format('woff'),
         url('../fonts/constantine-webfont.ttf') format('truetype'),
         url('../fonts/constantine-webfont.svg#constantineregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-color:#fff; /*#f3e8e4;*/
	font-family: "optimanormal"; 	
}
.mainWrap{padding-top:196px;}
.text77{color:#777;}
.slowy{
	transition: all 3s ease; 
	-moz-transition: all 3s ease;
	-webkit-transition: all 3s ease;
	-o-transition: all 3s ease;
	-ms-transition: all 3s ease;

}
/* Non-essential demo stuff */
.hero-unit {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.media-object { width: 64px; height: 64px; padding-bottom: 30px }

.image img{width:100%;}

.homepage{position:relative; width:100%;}
.seve_text{
	position:absolute;
	top:77%;
	right:10%;
	float:right;
}
.seve_text p{
	font-size:120px;
	color:#fff;	
}
/* ==== Header Css ====== */
.layout-header {
  position: fixed;
  top:0px;
  text-align: center;
  width: 100%;
  z-index: 300;
}
.transition{
-webkit-transition: all 600ms ease 0s;
-moz-transition: all 600ms ease 0s;
-o-transition: all 600ms ease 0s;
-ms-transition: all 600ms ease 0s;
	transition: all 600ms ease 0s;
}
.layout-header.sticky{
    position: fixed;	
	top:-145px;
	transition: all 600ms ease 0s;
}
.layout-header .header-inner {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}
/* =============M E G A  M E N U==================== */
.mega-dropdown {
  position: unset !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
/* =============M E G A  M E N U==================== */

.layout-header.sticky .header-inner {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
}
.layout-header.sticky .nav > li > a:hover, 
.layout-header.sticky .nav > li > a:focus, 
.layout-header.sticky .nav > li.active > a{
	background:none;
	color:#333;
}


.layout-header .logo {
  display: inline-block;
  height: 45px;
  margin: 60px 0 40px;
}
.navbar{
  border-bottom: 1px solid #baab7e;
  margin-bottom:0;
  min-height: 49px;
  position: relative;
  display:block;
  line-height:0;
}

.navbar-nav > li > a{
	font-size:14px;
	color:#777;
	text-transform:uppercase;
	padding:14px 12px;
}
.navbar-nav > li > a:fisr-child{padding-right:0;}
.navbar-nav > li > a:last-child{padding-left:0;}

.nav > li > a:hover, 
.nav > li > a:focus, 
.nav > li.active > a,
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus{
	background:none;
	color:#000;
}
.navbar-toggle{border-color:#baab7e;}
.navbar-toggle .icon-bar{background:#baab7e;}

.navbar-nav > li > .dropdown-menu{
  background: #BBAC7E none repeat scroll 0 0;
  border:none;
  box-shadow:none;
  left: 0;
  opacity:0;  
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  list-style:none;
  padding-left:0;
  text-align:center;
  display:block;
  padding:0;
  line-height:40px;
}
.dropdown-menu > li > a{color:#777; text-transform:uppercase;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background:none; color:#000;}

.dropdown:hover .dropdown-menu {
	-webkit-transition: all 600ms ease 0s;
	-moz-transition: all 600ms ease 0s;
	-o-transition: all 600ms ease 0s;
	-ms-transition: all 600ms ease 0s;
	transition: all 400ms linear 0s; 
	opacity:1; 
	display:block;
}

.dropdown-menu { position: absolute; width: 100%; text-align: center; }
.dropdown-menu>li { display: inline-block; }
.nav > li{position:unset;}
@media (min-width: 768px) {
.seventy-nav{display:inline-block !important;}
#navbar .nav li ul li{display:inline-block}
.navbar-nav > li > .dropdown-menu{height:0;}
.dropdown:hover ul.dropdown-menu {height:40px;}
.legal-container .container{width:660px;}
.const-page .container{width:960px;}
.lsp-page .gallery img{width:100%; min-height:250px;}

}
@media (max-width: 767px) {
  div#homepagepopup {
   width: 80% !important; 
   z-index: 999;
   top: 5%;
  }
	.navbar-collapse.collapse.in{background-color:#baab7e;}
	.navbar-nav > li > .dropdown-menu{position:static; display:none; background:#ac9d6f;}
	.dropdown-menu > li > a{padding:6px;}
	.dropdown:hover .dropdown-menu {position:unset;  }
}
@media (max-width: 320px) {
.navbar-nav > li > a{padding:10px;}
}
@media (min-width:769px){.mobile-logo{display:none;}}
@media only screen and (max-width: 769px) {
	.mainWrap{padding-top:52px;}
	.header-inner .logo{
		display:none;
		float:left;
	}
	.navbar-header .mobile-logo{float:left; width:70%; margin:8px 0 0 10px;}
	.navbar-header .mobile-logo img{float:left; width:100%;}
	nav{padding:2% 0}
}
/* ====== all Page ====== */
.pagetab{padding-top:20px;}
.pagetab a{margin:0 5px;}
.intro-text{padding:60px 0;}
.intro-text h3{
	text-transform:uppercase; 
	font-family: "optimanormal",serif; 
	font-size:25px;
}
.plan-text{padding:45px 0;}
.plan-text h2{font-size:25px; text-transform:uppercase;}
.plan-text h3{
	font-size: 17px; /*25px*/
	letter-spacing: 1.5px;
	line-height: 29px;	
	margin:10px 0;
	font-family: 'Raleway', sans-serif;
}
.img-patch{width:100%; text-align:center;}

/* ====== Fade Slider ======= */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-indicators li{background-color:rgba(255,255,255,0.5); border-color:rgba(255,255,255,0.5);}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100%;}
.carousel-control.left, .carousel-control.right{background-image:none;}
.carousel-control img{ position:absolute; top:45%;}
.carousel-caption p{
	color: #ffffff;
	font-family: "optimanormal",serif;
	letter-spacing: 1.5px;
	line-height: 23px;

}
.item:nth-child(1) .carousel-caption{
	text-align:center;
	top:28%;
	left:20%;
} 
.item:nth-child(2) .carousel-caption{
	text-align:center;
	top:28%;
	left:20%;
}
.item:nth-child(3) .carousel-caption{
	text-align:right;
	top:40px;
	right:5%;
} 
.item:nth-child(4) .carousel-caption{
	text-align:center;
	top:28%;
	left:20%;
} 
 
/* ====== Fade Slider End ======= */
.footer{padding-top:20px;}
.footer-content p {
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 1.4em;
  margin-top: 3px;
}
.footer-content .logo-text{
	font-size:16px;
}
.footer-content .info a{
	padding-top:10px;
	padding-bottom:20px;
	color:#777;
	text-decoration:none;
}
.footer-content .copyright {
  color: #777777;
  font-size: 9px;
  font-style: normal;
  letter-spacing: 1px;
  padding: 15px;
  text-transform: uppercase;
  text-decoration:none;
}
/*
The Construction / LSP Page
============================
*/
.lsp-page{padding-top:45px;}
.gallery {
  color: #fff;
}
.gallery ul{
	float:left;
	padding:0;
}
.gallery h2 {
  color: #eee;
  text-align: center;
  margin-bottom: 15px;
  font-size: 4.5em;
  font-weight: 200;
  line-height: 1.65em;
  border-bottom: 1px solid #000;
  text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.76);
}
.thumbnail{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  position:relative;
  padding:0;
}

.thumbnail img {
  min-height:170px;
  border-radius:3px;
  position:relative;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.thumbnail:hover .lsp-overlay{
  opacity: 1;
  transition: all 1000ms ease 0s;
  border-radius:3px;
}
.thumbnail .lsp-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	opacity:0;
}
.thumbnail .lsp-overlay .lsp-date{
	position:absolute;
	bottom:10px;
	left:10px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
/*
The Bulding Page
============================
*/

#buldingCarousel .item:nth-child(1) .carousel-caption{
	text-align:center;
	top:40%;
	left:60%;
} 
#buldingCarousel .item:nth-child(2) .carousel-caption{
	text-align:center;
	top:40%;
	left:60%;
}
#buldingCarousel .item:nth-child(3) .carousel-caption{
	text-align:center;
	top:50%;
	right:-22%;
} 
#buldingCarousel .item .carousel-caption h1 {
  font-size: 39px;
  text-transform: uppercase;
  text-shadow: 2px 3px 2px #000;
  font-weight: bold;
}
#buldingCarousel .item .carousel-caption p{text-shadow: 2px 2px 2px #000;}

/*.mainWrap.building{
	background:#f3f3f4;
	background-image:url("../images/innner-page-bg2.jpg");
	background-size:cover;
}
.mainWrap.building .text77{color:#333;}*/
/* ===== Contact Form Page ==== */
.contact_bg{background-image:url(../images/dummy-images.jpg); width:100%; background-size:cover;} 
.contact_warp{padding:40px; margin:0 auto;}
.contact_from{
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	border: 2px solid #bbac7e;
	max-width: 660px;
	padding: 40px;
	margin:0 auto;
}
.contact_from h2{margin-top:0; margin-bottom:40px; color:#bbac7e;}
.contact_from .form-group {
  border-bottom: 2px solid #bbac7e;
  display: block;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
}
.contact_from .form-group label{
  color: #666666;
  float: left;
  font-weight: 300;
  font-size:16px;
}
.contact_from .form-group .input-container{
  display: block;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 6px;
}
.contact_form .form-group {text-align: left; }
.contact_from .form-group .input-container > input,
.contact_from .form-group .input-container > select
{
	width:100%;
	background:none;
	border:none;
	box-shadow:none;
	font-family: Helvetica,Arial,serif;
	font-size: 15px;
	font-weight: 300;
	outline: medium none;
}
.contact_from .form-group .input-col {
  float: left;
  width: 33.3%;
}
.contact_from form button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #bbac7e;
  color: #666666;
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 2px;
  margin-top: 10%;
  outline: medium none;
  padding: 3px 20px;
  text-transform: uppercase;
}
.contact_from .notes {
  font-size: 13px;
  margin-top: 10px;
}
.sales-container {
  background-color: #f3f3f4;
  color: #666666;
  letter-spacing: 2px;
  padding-bottom: 60px;
  padding-top: 60px;
}

.sales-container hr{
	border-top:1px solid #fff;
	margin-top:2%;
	width:30%;
}
.legal-container {
  background-color: #ececec;
  color: #898989;
  font-size: 10px;
  padding:5% 0;
}
.legal-container h2{color:#bbac7e; }

/* ======= Price & Availibiltiy Page =====*/
.ava_img{
	background-image:url(../images/avaiblity.jpg);
	background-position:fixed;
	background-size:
}

.header-row{
	padding:20px 0 15px 0;
}
.header-row .cell{
	font-size:14px;
	color:#baab7e;
	font-weight:bold;
}

.data-row{color:#777; margin-bottom:15px;}
.data-row:hover{
	background:#baab7e;
	color:#000;
}
.data-row .cell{
	padding:20px 0 15px 0;
	border-top:1px solid #baab7e;
	font-size:14px;
}
.data-row .cell a{
	text-decoration:none;
	color:#777;
}
@media (max-width: 767px) {
	.data-row:hover{background:none;}
	.data-row .cell.floor_plan{text-align:center;}	
	.data-row .mobile-border{border:1px solid #baab7e; margin:15px 0;}
	.data-row .mobile-border:hover{background:#baab7e; color:#000;}
	.data-row .cell:first-child{border:none;}
}

/* ======== T E A M ======= */
.reserve .plan-text{
	padding:17% 0;
}
.architect .plan-text span{
	font-size:28px;
}
.riba{padding-left:85px; padding-right:85px;}
/* ====== Neighborhood Page ======= */
.nbr-gallery{}
.nbr-inner{position:relative; width:100%; height:830px; display:block; }
.nbr-gallery .item{}
.nbr-gallery .item:nth-child(1){
		position:absolute; left:170px; top:0;
		 -webkit-animation: mymove 5s alternate; /* Chrome, Safari, Opera */ 
	    animation: mymove 5s alternate;
}
.nbr-gallery .item:nth-child(2){position:absolute; left:415px; top:0;}
.nbr-gallery .item:nth-child(3){position:absolute; left:661px; top:0;}
.nbr-gallery .item:nth-child(4){position:absolute; left:0; top:183px;}
.nbr-gallery .item:nth-child(5){position:absolute; left:338px; top:183px;}
.nbr-gallery .item:nth-child(6){position:absolute; left:499px; top:183px;}
.nbr-gallery .item:nth-child(8){position:absolute; left:744px; top:183px;}
.nbr-gallery .item:nth-child(7){position:absolute; left:338px; top:425px;}
.nbr-gallery .item:nth-child(9){position:absolute; left:174px; top:544px;}
.nbr-gallery .item:nth-child(10){position:absolute; left:499px; top:366px;}
.nbr-gallery .item:nth-child(11){position:absolute; left:744px; top:600px;}

.navbar-toggle{float:left; margin-left:15px;}

/*-- Construction  page css start here --*/
.gallery .checkout-step-title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    text-shadow: none;
	border-color:#E2E2E2;
}
.gallery .checkout-step-title a{
  color: #BBAC7E; 
  text-decoration: none;
}
.gallery .checkout-step-title a.collapsed{
    color: #777;   
}
.gallery .collapse{
     transition: 2s ease 2s;
}
.checkout-wrapper{padding-top: 40px; padding-bottom:40px; background-color: #fafbfa;}
.checkout{    background-color: #fff; font-size: 14px;}
.panel{margin-bottom: 0px;}
.checkout-step {  
    border-top: 1px solid #f2f2f2;
    color: #666;
    font-size: 14px;
    padding: 30px;
    position: relative;
    transition: 1s ease 0.5s;
}

.checkout-step-number {
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    margin-right: 26px;
    padding: 6px;
    text-align: center;
    width: 32px;
}
.checkout-step-title{ font-size: 18px;
    font-weight: 500;
    vertical-align: middle;display: inline-block; margin: 0px;
     }
 
.checout-address-step{}
.checout-address-step .form-group{margin-bottom: 18px;display: inline-block;
    width: 100%;}

.checkout-step-body{padding-top: 30px; display: inline-block; transition: 1s ease 0.5s;}

.checkout-step-active{display: block;}
.checkout-step-disabled{display: none;}

.checkout-login{}
.login-phone{display: inline-block;}
.login-phone:after {
    content: '+91 - ';
    font-size: 14px;
    left: 36px;
}
.login-phone:before {
    content: "";
    font-style: normal;
    color: #333;
    font-size: 18px;
    left: 12px;
        display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.login-phone:after, .login-phone:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.login-phone .form-control {
    padding-left: 68px;
    font-size: 14px;
    
}
.checkout-login .btn{height: 42px;     line-height: 1.8;}
 
.otp-verifaction{margin-top: 30px;}
.checkout-sidebar{background-color: #fff;
    border:1px solid #eaefe9; padding: 30px; margin-bottom: 30px;}
.checkout-sidebar-merchant-box{background-color: #fff;
    border:1px solid #eaefe9; margin-bottom: 30px;}
.checkout-total{border-bottom: 1px solid #eaefe9; padding-bottom: 10px;margin-bottom: 10px; }
.checkout-invoice{display: inline-block;
    width: 100%;}
.checout-invoice-title{    float: left; color: #30322f;}
.checout-invoice-price{    float: right; color: #30322f;}
.checkout-charges{display: inline-block;
    width: 100%;}
.checout-charges-title{float: left; }
.checout-charges-price{float: right;}
.charges-free{color: #43b02a; font-weight: 600;}
.checkout-payable{display: inline-block;
    width: 100%; color: #333;}
.checkout-payable-title{float: left; }
.checkout-payable-price{float: right;}

.checkout-cart-merchant-box{ padding: 20px;display: inline-block;width: 100%; border-bottom: 1px solid #eaefe9;
 padding-bottom: 20px; }
.checkout-cart-merchant-name{color: #30322f; float: left;}
.checkout-cart-merchant-item{ float: right; color: #30322f; }
.checkout-cart-products{}

.checkout-cart-products .checkout-charges{ padding: 10px 20px;
    color: #333;}
.checkout-cart-item{ border-bottom: 1px solid #eaefe9;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 22px 20px;
    width: 100%;}
 .checkout-item-list{}
.checkout-item-count{ float: left; }
.checkout-item-img{width: 60px; float: left;}
.checkout-item-name-box{ float: left; }
.checkout-item-title{ color: #30322f; font-size: 14px;  }
.checkout-item-unit{  }
.checkout-item-price{float: right;color: #30322f; font-size: 14px; font-weight: 600;}


.checkout-viewmore-btn{padding: 10px; text-align: center;}

.header-checkout-item{text-align: right; padding-top: 20px;}
.checkout-promise-item {
    background-repeat: no-repeat;
    background-size: 14px;
    display: inline-block;
    margin-left: 20px;
    padding-left: 24px;
    color: #30322f;
}
.checkout-promise-item i{padding-right: 10px;color: #43b02a;}
/*
* Home page pop-up
*/

div#homepagepopup {
    width: 50%;
    margin: 0 auto;
    margin-top: 40px;
    overflow: visible;
    height: 100%;
    margin-bottom: 30px;
    position: absolute;
    top: 0px;
}
#homepagepopup .home-pop-up-button {
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 9999 !important;
    background: #fff;
    padding: 5px 10px;
    opacity: 1 !important;
}
#homepagepopup .home-pop-up-button button {
    opacity: 1;
}
div#homepagepopup img {
    max-width: 100%;
}

/*-- Construction  page css end here --*/

@media (max-width:768px){
	.header-inner{height:63px;}
	.navbar-header{width:100%;}
	nav{padding:6px 0;}
	.navbar-toggle{display:block;}
	.homepage {
	  background-image: url("../images/homepage/home_render.jpg");
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  height: calc(100% - 150px);
	  position: absolute;
	  width: 100%;
	}
	.mobi-padding{padding-left:10px; padding-right:10px;}
	.homepage img {
  		display: none;
	}
	.footer {
	  padding-top: 20px;
	  width: 100%;
	}
	.footer_home{
	  bottom: 0;
	  padding-top: 20px;
	  position: absolute;
	  width: 100%;
	}
	.seventy-nav{
		background-color:rgba(186,171,126,0.7);
		float: right;
		height: calc(100% - 1px);
		left: 0;
		overflow: scroll;
		padding-top: 5px;
		position: fixed;
		top: 63px;
		transition: width 0.3s ease-out 0s;
		width: 0;
		z-index: 1000;
		width:0;
	}
	.seventy-nav.open{width:170px;}
	.seventy-nav li a{
		border-bottom: 1px dotted rgba(255, 255, 255, 0.9);
		display: block;
		font-size: 13px;
		padding: 10px 0 !important;
		position: relative;
		text-transform: uppercase;
		width:calc(100% - 20px);		
	}
	.seventy-nav .navbar-nav{margin:0; padding-left:20px;}
	.nav > li{width:100%; float:left;}
	.navbar-nav > li > a{color:#fff; text-align:left;}
	.navbar-nav > li > .dropdown-menu{opacity:1; background-color:transparent; position:static;}
	.dropdown:hover ul.dropdown-menu{height:auto;}
	#navbar .nav li ul li{display:block;}
	.dropdown-menu > li{display:block; text-align:left; padding-left:20px;}
	.dropdown-menu > li > a{color:#fff;}
	.mega-dropdown{width:100%; float:left;}
	.text77 h3 br{display:none;}
	.riba{padding:0;}
	.contact_warp{padding:40px 0 40px 0;}
	.contact_bg .container{padding:0;}

}
@media only screen and (min-width: 960px) and (max-width:980px){
	.navbar-nav > li > a:fisr-child{padding-right:0;}
	.navbar-nav > li > a:last-child{padding-left:0;}
}

@media only screen and (min-width: 641px) and (max-width:768px){
	.navbar-header .mobile-logo{margin:0 0 0 10px; }
	.navbar-header .mobile-logo img{width: 29%; margin-top: 2%; margin-left: 44%;}
}
@media only screen and (min-width: 667px) and (max-width:768px){
	.homepage{background-size:100% 95%;}
	.navbar-header .mobile-logo img{width: 29%; margin-top: 2%; margin-left: 44%;}
}
@media only screen and (min-width: 481px) and (max-width:640px){
	.navbar-header .mobile-logo{margin:0 0 0 10px;}
	.navbar-header .mobile-logo img{width: 35%; margin-top: 2.5%; margin-left: 36%;}
	.seventy-nav{height:calc(100% - 60px);}
	.mainWrap {padding-top: 64px;}	
	.homepage{background-size:100% 100%;}
}

@media only screen and (min-width: 361px) and (max-width:480px){
	.navbar-header .mobile-logo{margin:0 0 0 10px; }
	.navbar-header .mobile-logo img{width:45%; margin-left: 25%; margin-top: 3.5%;}
	.seventy-nav{height:calc(100% - 60px);}		
	.homepage{background-size:100% 100%;}	
}
@media only screen and (min-width: 375px) and (max-width:480px){
		.navbar-header .mobile-logo img{margin-top: 6.5%;}
		.homepage { background-size: 157% 100%;}
}

@media only screen and (min-width: 321px) and (max-width:360px){
	.navbar-header .mobile-logo{width:59%;}
	.navbar-header .mobile-logo img {margin-left: 20%; width: 68%; margin-top: 3%; }
	
}
@media only screen and (max-width:320px){
	.navbar-header .mobile-logo img {margin-left: 15%; width: 60%; margin-top: 2.5%; }
}