@media only screen and (min-width: 768px) {
	.nav-box {
		display:block !important;
		height:auto !important;
		max-width:100%;
	}
}

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

	p {
		text-align: left;
		font-size: 14px;
	  }


	.text-box {
		margin: 10% 0 0 0; 
		position:absolute; 
		max-height: 320px;
	}
	.slidelist {
		margin-left: 40%;
	}
}



@media only screen and (max-width: 1024px) {
	.row {
		padding: 0 8%;
	}

	 .item animate .testimonial-item .client-row img {
		width:50%;
		margin-right: 10px;
	}

	.next-section {
		bottom: auto;
	} 

	.navbar-nav li a {
		font-size: 15px;
	}
	
	h2 {
		font-size:30px;
		line-height:38px;
		margin-bottom:10px;
		text-align: left;
		letter-spacing : -0.8px;
	}
	.slide-pagelist > li > label {
		font-size: 15px;
	}
	.slide-pagelist2 > li > label {
		font-size: 15px;
	}
	.slide-pagelist3 > li > label {
		font-size: 15px;
	}

	.slide-pagelist4 > li > label {
		font-size: 15px;
	}

	.section .section4 .slidewrap .text-box {
		margin: 0 0 0 0;
		position: absolute;
		display: inline-block;
		max-height: 320px;
	}
}


@media only screen and (max-width: 991px) {
	.bg > img {
		height: auto;
		margin-top: 20px;
	  }

	
}

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

	#header {
		position: fixed;
		top: 0;
		z-index: 6666;
		background-color: rgba(250,250,250,0.9);
		padding: 0;
		height: 62px;
		width: 100%;
	}
	#navigation button i {
		color: #444444;
	}
	.scroll-down {
		display: none;
	}

	video {
		margin:0 auto;
		height: auto;
		max-width: 100%;
		margin-top: 100px;
	}

	.bg > img {
		height: auto;
		padding: 0 1%;
	}

	.navbar-toggle {
		padding: 0;
		margin: 0 32px 0 0;
		color: #fff;
		font-size: 28px;
		position: absolute;
		right: 0;
		top: 50%;
		background:none;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display:block;
		box-shadow:none;
		border:0;
		outline: none;
		cursor:pointer;
	}

	.navbar {
		padding:8px 0;
	}
	.navbar-toggle:focus {
		outline:none;

	}
	.navbar-nav {
		margin: 0;
	}
	.collapse:not(.show) {
		display:none;
	}
	.navigation-menu > li {
		display: block;
		margin: 0;
		font-size: 15px;
		text-align: center;
	}
	.navigation-menu > li > a {
		color:#222;
		padding:15px;
		line-height:1.2;
	}
	.navbar-nav {
		overflow-y: auto;
		display:block;
		background: rgba(230, 230, 230, 0.25);
	}
	.navbar-nav li a:after {
		display:none;
	}
	.nav-box {
		position: absolute;
		left: -15px;
		right: -15px;
		border: 0;
		box-shadow: none;
		background: #fff;
		text-align:left;
		top: 100%;
		display:none;
	}

	.footer-right {
		width:100%;
		margin:15px 0 0;
		text-align:left;
	}

	.info-inner {
		margin-top: 20px;
		padding-bottom:15px;
	}
	.index-white .navbar-toggle {
		color: #242424;
	}
	.side-menu .nav-box > ul {
		padding: 70px 40px 40px;
	}
	.side-menu .navbar-nav li a {
		font-size:20px;
	}
	.social-icons {
		margin: 0 auto;
	}
	
	.about-img {
		margin-bottom:10px;
	}

	h1, h2 {
		font-size:34px;
		line-height: 44px;
		font-weight: 700;
		text-align: center;
	}
	.slide-pagelist > li > label {
		font-size: 16px;
	}

	p {
		text-align: center;
		font-size: 15px;
	  }

	.section-inner .row {
		padding : 0;
		margin: 0;
		width: 100%;
	}
	.slidewarp p {
		text-align: center;
	}
	.text-box {
		display: none;
	}
	.slidewrap {
		max-width: 100%;
		max-height: 100%;
		padding: 0 6%;
	}

	.text-box > p {
		text-align: center;
	}

	.slidewrap {
		height: 220px;
	}

	.section .section1 .slidewrap .slidelist {
		display: block; margin-left:0; padding-top: 20px; height:auto; margin-top:-10px; bottom:0;
	  }
	
	.section .section1 .slidewrap .text-box {
		margin: 0 0 0 0; position:none; display: block; width:100%; max-height: 340px; top: 10%; left: 0%;
	  }

	.section .section1 .slidewrap .text-box > h2 {
		margin: 0 auto;
		margin-top: -20px;
	  }
	
	.section .section1 .slidewrap .text-box .radio-btn {
		margin: 0 auto;
		padding-top: 20px;
	  }

	.section .section1 .slidewrap .text-box .radio-btn .slide-pagelist {
		text-align: center;
	  }

	.section .section1 .slidewrap .slidelist .slideitem > a > img {
		max-width: 480px;
		height: auto;
		
	}
	.section .section1 .slidewrap .text-box > p {
		position : none;
		max-width:100%;
		top :0; left:0; bottom:0; right:0;
		margin-top:148px;
	}	
	.slide-pagelist {
		margin : 0 20% 12px 25%;
	}


	.section2 {
		margin-top: -180px;
	}
	.section2 .slidelist2 {
		margin-top:32px;
	}
	
	.section2 .slidewrap {
		margin-top: -40px;
	}
	.section2 .slidewrap .slide-pagelist2 {
		padding-top: 4px; 
	}
	.section2 .slidewrap .slide-pagelist2{
		margin-top: -24px;
	}

	.section2 h2 {
		font-size:32px;
		font-weight: 700;
		padding-bottom: 20px;
		text-align: center; 
		margin: 0 0 20px 0;
		line-height:44px;
	}



	.section .section3 .slidewrap .text-box {
		margin: 0 0 0 0; position:none; display: block; width:100%; max-height: 340px; top: 16%; left: 0%; z-index:999;
	  }
		.section .section3 .slidewrap .text-box > p {
			position: none;
			max-width: 100%;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			padding-top: 158px;
			margin: 0 auto;
		}	 
	.section .section3 .slidewrap .slidelist3 {
		position:none;display: block; bottom: 0;  margin-left: 0; padding-top: 40px;
	}

	.section .section3 .slidewrap .text-box > h2 {
		margin: 0 auto;
	  }
	
	.section .section3 .slidewrap .text-box .radio-btn {
		margin: 0 auto;padding-top: 20px; z-index: 999; float: initial;
	  }


	.slide-pagelist3 {
		text-align: center;
	}
	

	.section .section4 .slidewrap .slidelist4 {
		position:none;display: block; bottom: 0;  margin-left: 0; padding-top: 80px; height: 800px;
	  }
	.section .section4 .slidewrap .text-box > p {
		position: none;
		max-width: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding-top: 172px;
		margin: 0 auto;
	}	
	.section .section4 .slidewrap .text-box {
		margin: 0 0 0 0; position:none; display: block; width:100%; max-height: 340px; top: 10%; left: 0%; z-index:999;
	  }

	.section .section4 .slidewrap .text-box > h2 {
		margin: 0 auto;
	  }
	
	.section .section4 .slidewrap .text-box .radio-btn {
		margin: 0 auto; padding-top: 20px; z-index: 999;
	  }

	.slide-pagelist4 {
		text-align: center;
	}

	.section-inner .row > img {
		max-width : auto
	}

	.row {
		background-color: white;
	}

	.slide07-bg {
		background-image: url("../images/Illustration-767.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		
	}

	.slide07-bg .title-block > h3 {
		font-size:32px; color: #444444; vertical-align: middle; padding-top: 40%; line-height: 46px; font-weight: 700;
	  }
	video {
		margin-top: 100px;
	}
	
	


@media only screen and (max-width: 479px) {
	video {
		margin-top:160px;
	}

	.text-box > p {
		line-height: 18px;
	}

	.slide07-bg {
		background-image: url("../images/Illustration-479.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.slidewrap {
		padding: 0 0 0 6%
	}

	.slide07-bg .title-block > h3 {
		font-size: 28px;
		color: #444444;
		vertical-align: middle;
		padding-top: 60%;
		line-height: 40px;
		font-weight: 700;
	}

	.section .section1 .slidewrap {
		margin-top: -100px;
	}

		.section .section1 .slidewrap .text-box > h2 {
			margin: 0 auto;
			font-size: 28px;
			line-height: 36px;
			font-weight: 700;
			margin-top: -20px;
		}

	.slide-pagelist > li > label {
		font-size: 15px;
		margin-bottom: 0;
	}

	.slide-pagelist {
		margin: 0 auto;
	}

	.section .section1 .slidewrap .text-box {
		margin: -2% 0 0 0;
		position: none;
		display: block;
		width: 100%;
		max-height: 340px;
		top: 10%;
		left: 0%;
	}

		.section .section1 .slidewrap .text-box > p {
			margin-top: 120px;
		}

	.section .section1 .slidewrap .slidelist {
		position: none;
		display: block;
		margin: 0 0 0 4%;
		padding: 80px 0 0 0;
	}

	.section .section1 .slidewrap > ul {
		margin-bottom: 0;
	}

	.section .section1 .slidewrap .slidelist .slideitem > a > img {
		max-width: 360px;
		height: auto;
	}


	.section2 h2 {
		font-size: 28px;
		font-weight: 700;
		padding-bottom: 32px;
		line-height: 36px;
		text-align: center;
		margin-top: -280px;
		padding-right: 6%;
	}
		
	.slide-pagelist2 > li > label {
		display: block;
		font-size: 15px;
		color: #444;
		margin: 10px 8px 4px 0;
		cursor: pointer;
	}

	.section2 .slide-pagelist2 {
		max-width: 240px;
		margin: 0 auto;
	}

	 .section2 .slidewrap .slidelist2 {
		padding: 20px 0 0 4%;
	}

	.section .section2 .slidewrap .slidelist2 .slideitem > a > img {
			max-width: 360px;
			width: 340px;
			height: auto;
		}

	.section .section3 .slidewrap .text-box > h2 {
		margin: 0 auto;
		font-size: 28px;
		line-height: 36px;
		font-weight: 700;
		margin-top: -100px;
	}

	.section .section3 .slidewrap .slidelist3 .slideitem > a > img {
		max-width: 360px;
		width: 340px;
		height: auto;
	}

	.section .section3 .slidewrap .slidelist3 {
		padding: 0;
		margin: 88px 0 0 0;
	}

	.section .section3 .slidewrap .text-box > p {
		padding: 56px 16px 0 16px;
		
	}

	.section .section3 .slidewrap .text-box {
		z-index: 999;
	}

		.section .section3 .slidewrap .text-box .radio-btn {
			padding: 8px 0 0 0;
		}

	.slide-pagelist3 {
		margin: 0;
		padding-top: 16px;
	}

		.slide-pagelist3 > li > label {
			font-size: 15px;
		}

	.section .section4 .slidewrap .text-box > h2 {
		margin: 0 auto;
		font-size: 28px;
		line-height: 36px;
		font-weight: 700;
		padding-bottom: 20px;
	}

	.section .section4 .slidewrap .text-box .radio-btn {
		padding: 8px 0 0 0;
	}

		.section .section4 .slidewrap .text-box .radio-btn .slide-pagelist4 {
			margin: 0;
		}

	.slide-pagelist4 > li > label {
		font-size: 15px;
	}

	.section .section4 .slidewrap .slidelist4 .slideitem > a > img {
		max-width: 360px;
		width: 340px;
		height: auto;
	}

	.section .section4 .slidewrap .slidelist4 {
		padding: 0;
		margin: 260px 0 0 4%;
		height: auto;
	}

	.section .section4 .slidewrap .text-box > p {
		padding: 160px 16px 0 16px;
	}

	#header {
		height:60px;
		position:fixed;
		height: auto;
		max-width: 100%;
		margin-right: 0;
		padding-right: 0;
		background-color: #444;
		}
	.logo{
		transform: scale(0.8);
		margin-left: -8px; margin-top: 0px;
		}
	.text-box > p {
			font-size: 13px;
		}
	.div .row {
		max-width: 100%;
	}
	.title-block {
		width: 100%;
	} 
	.section-inner {
		width: 100%;
	}
	.title-block {
		width: 100%;
	}
	.bg > img {
		margin-top: 40px;
		/* width:auto; max-height: 400px; */
	  }

	}

}