@media only screen and (max-width: 1024px) {

	/* icon menu */

#nav-icon {

  position:fixed;

  background: none;

  right: 15px; top: 75px; width: 28px; height: 15px; 

  z-index: 9999;

  cursor: pointer;

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: 0.15s cubic-bezier(.165, .84, .44, 1);

  transition: 0.15s cubic-bezier(.165, .84, .44, 1);

}



.menu-line {

  position: absolute;

  width: 100%;

  height: 4px;

  background-color: #fff;

  top: 0px;

  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

}



.menu-line1 {

  position: absolute;

  width: 100%;

  height: 4px;

  background-color: #fff;

  top: 10px;

  -webkit-transition: width 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

  transition: width 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

}



.menu-line2 {

  position: absolute;

  width: 100%;

  height: 4px;

  background-color: #fff;

  top: 20px;

  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

}



#nav-icon.open .menu-line {

  opacity: 0;

  top: 10px;

  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

}

#nav-icon.open .menu-line1 {

  opacity: 1;

  top: 10px;

  -webkit-transition: width 0s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

  transition: width 0s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

}



#nav-icon.open .menu-line2 {

  opacity: 0;	

  top: 10px;

  -webkit-transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

  transition: 0.5s  cubic-bezier(.165, .84, .44, 1), opacity 0.5s cubic-bezier(.165, .84, .44, 1);

}

/* icon menu end */

/*menu block*/

#main-menu {

  position:fixed;

  width: 100%;

  height:100%;

  background:#22252f;

  z-index: 9;

  text-align:center;

  overflow:auto;

  overflow-x: hidden;

}



.menu-init {

  opacity: 0;

  top:-100%;

    -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

  -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

  -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

  transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

}



.menu-show {

  opacity: 1;

  top:0px;

  -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

  -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

  -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

  transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;

}

nav {

	margin:0 auto;

	margin-bottom:20px;

	position:relative;

	left:30px;

	top:140px;

	z-index:999;

}



nav ul li {

	display:block;

	margin-right:15px;

	text-align:left;

	}

	nav a {

	display:block;

	padding:10px;

	line-height: 30px;

}

nav ul ul {

	position:relative;

	top: 0px;

	margin-left:15px;

}

nav ul ul li {

	background:rgba(21,23,29,0);

}

nav ul ul ul li {

	position: relative;

	top:0px; 

	left:0px;

}

nav ul ul li a{ line-height:20px; font-weight:300; font-size:11pt;}

/*menu block end*/



#owl-slider-home .item img{

    display: block;

    width:auto;

	 height:100%;

    }



.nav-bottom{ transform: translate(-50%, 94%);}

h1.home-left{font-size:34pt; }

.main-text-left{ font-size:35pt; line-height:45pt;}

.bgexpedition img{

	width:auto;

    height:100%;

	}

}



@media only screen and (max-width: 980px) {

  h1{

    font-size: 30pt;

  }

  .main-content{

    margin-top: 20%;

  }

	.tal{ display:none; }

	h1.home-left{font-size:34pt; margin:0 auto; text-align:center; }

    .main-text-left{ font-size:35pt; line-height:45pt; margin:0 auto; text-align:center;}

	.btn-home-col {margin:10px 10px auto; text-align:center; float:none;}

  .m-30px{

    margin: 0;

  }

  .sky{

    position: absolute;

    width: 100%;

    height: 100vh;

    overflow: hidden;

  }

  .bgexpedition, .overlay-home-left{

    min-height: 100vh !important;

  }

}



@media only screen and (max-width: 800px) {

  #team .team-wrapper{ width:50%; }

  .text-right{

    text-align: center;

  }

  .col-md-6.intro {

    text-align: center;

  }

}



@media(max-width:414px) {

h1{ font-size:30pt; }

h2{ font-size:26pt; }

h3{ font-size:22pt;}

p{ font-size:10pt;}

h1.home-left{font-size:30pt; margin:0 auto; text-align:center; }

.main-text-left{ font-size:28pt; line-height:45pt; margin:0 auto; text-align:center;}

#slidertext span{ font-size:20pt; }

nav {

	margin:0 auto;

	margin-bottom:20px;

	position:relative;

	left:5px;

	top:70px;

	z-index:999;

}

.brand-expedition { top:15px;left:15px; }

.brand-expedition img{ width:60%;}

.nav-bottom{ 

transform: translate(-50%, 93%);

}

.main-content{padding:20% 5% 15% 5%;margin: 0 0 20% 0;}

#team .team-wrapper{ width:80%; }

#subwrap {

width: 320px;}

#subwrap h5{ font-size:18px; margin:15px 0 20px 0;}

#subscribe input#subscribeemail {width: 220px;}

.subscribesuccess {width:auto;}

#subscribe .subscribeerror {width:auto;}

.subfooter {display:none;}

.soc-icon {display:none;}

#owl-slider-home .item img{

    display: block;

    width:auto;

	height:100%;

    }

	.owl-slidertext{ display:none}

	#totop{bottom:10px; right:10px;}

	.nav-top-block{ height:60px; }

	.pagina-num{ display:none;}

	.p-30px{ padding:5px;}

	#blog-comment{ margin:-30px;}

	.m-30px{ margin:5px;}



}



@media(max-width:360px) {

.nav-bottom{ transform: translate(-50%, 94%);}

h1.home-left{font-size:26pt; margin:0 auto; text-align:center; }

.main-text-left{ font-size:20pt; line-height:45pt; margin:0 auto; text-align:center;}

}



@media(max-width:320px) {

.nav-bottom{ transform: translate(-50%, 92%);}

.port {width: 310px;height: 229px;}

.rollover i{line-height: 229px;}

.bottom-option{bottom:-20px;}

#owl-slider-home .item img{

    display: block;

    width:auto;

	height:100%;

    }

}