@charset "UTF-8";
/* CSS Document */

/*---- For desktop, tablets, mobile larger than 768px screen size----*/
@media (max-width:480px){
body{
	padding-top:400px;
}
.service-col{
	float:none;
	padding:0;	
	margin-bottom:100px;
	
}
#main-intro h1{
	font-size:2em;
}
.sub-head{
	font-size:1.5em;
}
.sub-head-intro-travel img{
	width:60px;
}
#rc-imageselect, .g-recaptcha{ /*size for recaptcha box in contact*/
	transform:scale(0.93);
	-webkit-transform:scale(0.90);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
form .btn{
	padding:5px 20px;
}


}
@media (max-width:800px){

.small-device{
	  display:none;
}
.small-device-hidden{
	visibility:hidden;
}
#main-header{
	height:225px;
}
  
#main-navigation{
	  border:none;
} 
.social-media{
  	margin:0 auto;
	background-color:#fff;
}

.title{
	margin-bottom:75px;
}
footer .title{
	padding-top:50px;
}

#follow .featured-col{
	margin-bottom:2%;
}
#contact-form .content, #contact-form .contact{
	padding:0;
}
 
/* Responsive Navigation ------------*/

.button_container{
	position:absolute;
	top:20%;
	right:5%;
	height:25px;
	width:33px;
	cursor:pointer;
	z-index:150;
	transition:opacity .25s ease;
	-webkit-transition:opacity .25s ease;
}
.button_container:hover{
	  opacity:0.7;
	 }
.button_container.active .top{
		  transform:translateY(11px) translateX(0) rotate(45deg);
		  -webkit-transform:translateY(11px) translateX(0) rotate(45deg);
		  -ms-transform:translateY(11px) translateX(0) rotate(45deg);
		  background:#000;
		}
.button_container.active .middle{
		  opacity:0;
		  background:#000;
		}
.button_container.active .bottom{
		  transform:translateY(-11px) translateX(0) rotate(-45deg);
		  -webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);
		  -ms-transform:translateY(-11px) translateX(0) rotate(-45deg);
		  background:#000;
		}

.button_container span{
	background:#CCC;
	border:none;
	height:5px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all .35s ease;
	cursor:pointer;
	
}
.button_container span:nth-of-type(2){
	  top:11px;
  }
.button_container span:nth-of-type(3){
	  top:22px
  }

.overlay{
	position:fixed;
	background:#F4F4F4;
	top:0;
	left:0;
	width:100%;
	height:0%;
	opacity:0; 
	visibility:hidden;
	transition:height .35s;
	overflow:hidden;
	z-index:149;
}
	
.overlay.open{
		opacity:0.9;
		visibility:visible;
		height:100%;
}
.overlay.open li{
			animation:fadeInRight .5s ease forwards;
			animation-delay:.35s;
}
.overlay.open li:nth-of-type(2){
				animation-delay:.4s;
			}
.overlay.open li:nth-of-type(3){
				animation-delay:.45s;
			}
.overlay.open li:nth-of-type(4){
				animation-delay:.50s;
			}
.overlay.open li:nth-of-type(5){
				animation-delay:.55s;
			}
.overlay.open li:nth-of-type(6){
				animation-delay:.60s;
			}
	
.overlay nav {
    position: relative;
    height: 70%;
    top: 50%;
	font-size:2em;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    text-align: center;
  }
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%; 
}
.overlay ul li {
      display: block;
      height: 25%;
      height: calc(100% / 6);
      min-height: 50px;
      position: relative;
      opacity: 0;
}
.overlay ul li a {
        display: block;
        position: relative;
        color:#000;
		text-transform:capitalize;
        text-decoration: none;
        overflow: hidden;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

} /*------- end of max-width:768px) -----*/

@media (min-width:481px) and (max-width:800px){
	
.sub-head-bg{
	margin:65px 0 0 0;
} 
.intro-content{
	margin:150px 0;
}

} 


@media (min-width:481px) and (max-width:1080px){
#about-facts .service-col{
	width:33.3%;
}	

.clear-left-m{
	clear:left;
}

}

/*------- end of (min-width:414px) and (max-width:800px) -----*/

@media (min-width:801px){
	
body{
	padding-top:950px;
}
.large-device{
	display:none;
}
.desktop{
	display:block;
}
#main-intro{
	height:925px;
	padding:0;
}
.intro-content{
	margin:200px 0;
}

.social-media{
  top:40px;
  left:0;
  margin:0 5%;
  width:auto;
}

.main-content h1{
	font-size:5em;
}

.content{
	max-width:100%;
	padding:6% 5%;
}
#about .content{
	padding-left:12%;
	padding-right:12%;

}
.featured-col{
	float:left;
	width:25%;
	margin-top:4%;
}

#services .service-col{
	padding:0 150px;
}

.links{
	margin:5% 0;
}
footer h3{
	font-size:1.75em;
}

/* Project Page - Style  ---------------*/

#sidebar{
	width:40%; /*340px*/
	float:left;
	margin:0;
}
#showcase{
	width:50%;
	float:right;
	margin:25px 0 0 0;
}
.sidebar-header{
	margin:5px 0 40px 0;
}
.fixed{
	position:fixed;
	top:0;
}


}
/*------- end of (min-width:414px) and (max-width:768px) -----*/



@media (min-width:1080px){
.content{
	max-width:1344px;

}
.service-col{
  width:16.6%;
  padding:0;
  margin:0 4%;
}
#services .service-col{
	padding:0;
}


/* Project Page - Style  ---------------*/

#showcase{
	width:60%;
}
.sidebar-header{
	margin:25px 0 25px 0;
}
#sidebar{
	width:300px;

}

}

@media (min-width:1440px) and (max-height:606px){
	.intro-content{
	margin:125px 0;
	}
}

@media (max-height:300px){
	body{
		padding:0;
		background-color:#fff;
	}
	#main-intro{
		position:static;
	}
	
}