.section-hidden{
	display: none;
}

.site-toggle{
	display: none;
	text-align: right;
}

.toggle-menu{
  outline:none;
  height:50px;
  width:50px;
  background-color: transparent;
  border:none;
  padding:0;
  cursor:pointer;
  position:relative;
}

.toggle-menu .sidebar {
  position:absolute;
  left:5px;
  height:2px;
  width:40px;
  margin:auto;
  background:#333;
  transition: ease .5s;
}

.toggle-menu .one {top:12.5px;}
.toggle-menu .two {top:22.5px;}
.toggle-menu .three {top:32.5px;}

.toggle-menu .turn1 {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  top:22.5px; 
}

.toggle-menu .turn2 {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  top:22.5px;
} 
 
.site-menu--mobile{
	position: fixed;
	right: -100%;
	top: 0;
	bottom: 0;
	transition: ease .5s;
	z-index: 99;
    background-color: #fff;
    padding: 30px;
    box-shadow: -2px 2px 20px rgba(0,0,0,.15);
}

.site-menu--mobile.show{
	right: 0;
}

.menu-mobile ul{
	list-style: none;
	padding: 0;
	margin-bottom: 35px;
}

.menu-mobile li a{
    border-bottom: 1px solid #dedede;
    padding: 14px 15px 13px;
    display: block;
}

@media (min-width: 1024px) {

}

/*Tablet*/
@media (max-width: 1024px) and (min-width: 768px) {
	.site-banner{
		background-position: -6% 0;
	}
	

	section .section-header p{
		white-space: inherit;
	}
}

/*Mobile*/
@media (max-width: 767px) {
	section .section-title{
		font-size: 36px;
	}
	
	.site-banner {
	    background-position: 17% 0;
	}

	.site-banner .intro-subtitle{
		display: none;
	}

	.site-banner .intro-title{
		color: #fff;
	}

	section .section-header p{
	    white-space: inherit;
	}

	.features-wrapper{
		margin: 0; 
	}

	section .item{
		text-align: center;
	}

	.section-product .img-item{
		width: fit-content;
	    margin-left: auto;
	    margin-right: auto;
	}
	
}


/*Other*/
@media (max-width: 1024px) {
	.site-banner {
	    padding-top: 170px;
	    padding-bottom: 189px;
	}

	.site-toggle{
		display: block;
	}

	.section-mobile-version .mobile-item .box-img:before{
		display: none;
	}

	.list-homepages .home-row{
		margin-left: -15px;
		margin-right: -15px;
	}

	.list-homepages .home-row .home-col{
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 768px) {
	.site-banner .intro-desc{
		display: none;
	}

	.section-mobile-version .section-title small{
	    top: 0;
    	left: 0;
	}
}