/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width:479px){
	section#carousel{
		/*padding-top:100px;*/
	}
}
@media (min-width:480px){
	.navbar-brand img{
		max-width:40px; 
		max-height:40px;    
		/*position: absolute;
		top: 8px;*/
	}
	section#team figure .team-member-position {		
		font-size: 0.8rem;
	}
	#footer #map-container{
	
	}	
	.carousel-item{
	    height: 75vh;
	}
	
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.abs{ 
		position: absolute !important;
		left: 50% !important;
		transform: translate(-50%) !important;
		top: -8px !important;
	}
	
	/*.navbar{
		padding:.5rem 1rem;
	}*/
	nav.navbar a{
		/* Animation */
		padding: 20px 0px !important;
	}
	nav.navbar.shrink a{
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
	.navbar-brand img{
		max-width:100px;
		max-height:100px;
		position: relative;
	}
	.navbar li.nav-item{
		border:0;
		
	}
	.navbar li.nav-item a{position:relative;overflow:hidden;}
	.navbar li.nav-item a:before{
		content: "";
		position: absolute;
		z-index: 4;
		left: 50%;
		right: 50%;
		bottom: 12%;
		background: #10d09e;
		height: 2px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.navbar li.nav-item a:hover:before,
	.navbar li.nav-item.active a:before{
		left:0;
		right:0;
	}
	.carousel-item{
	    height: 100vh;
	}
	section#welcome{padding-top:120px !important;}
	section#carousel .welcome_text h1{
		font-size:2.0rem;
	}
	section#carousel .welcome_text h3{font-size:1.9rem;}
	
	section.calltoaction .cta-block .text span{
		padding:20px 45px 20px 0;	
	}	
	section.calltoaction .cta-block .order_btn:before{
		display:block;
	}
	#portfolio #pofo-list li{
		width:100%;
		margin:0 25px;
		display:inline;
	}
	#footer{
		padding-top:0;
	}	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	section#carousel .welcome_text h1{
		font-size:3rem;
	}
	section.calltoaction .cta-block .text span{
		letter-spacing:0.6rem;
	}
	.cta-block .order_btn{
		padding-left:25px;	
	}
	.form_wrapper{
		width:50%;
		background:#fff;
	}
	.form_wrapper:after{
		content: '';
		position: absolute;
		border-right: 1px solid #dedede;
		top: -1px;
		left: 24%;
		transform: skew(-25deg);
		width: 100%;
		height: 100.5%;
		border-top: 1px solid #dedede;
		background:#fff;
		z-index:-1;
	}
	#footer #map-container{
		position:absolute !important;
		height:100% !important;
		width:160% !important;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	.form_wrapper:after{
		content: '';
		position: absolute;
		left: 20%;
		width: 100%;
	}
}
/* iphone landscape and iphone x landscape */
@media only screen and (orientation:landscape) and (device-width:667px){
    .btnscroll{
		display:none;
	}
}
/* iphone X  portait*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (orientation: portrait) {
	
}
/* iphone X  landscape*/
@media only screen and (device-width : 812px) and (device-height : 375px) and (orientation: landscape) {
	.navbar-brand img{max-width: 60px;max-height: 60px;left: 20px;}
}