/* 320px (iPhone) */
@media screen and (max-width:320px) {
	.page{min-width: 320px;}
	.logo{width: 90%;  background: url(../images/logo.png) left center  no-repeat; height: 90px;}
	.wrapper{width:100%; margin-left: auto; margin-right: auto;}

	header{padding-left: 10px; padding-right: 10px;}
	.container-fluid, #hero, .mobile-menu {display: block;}
	.header-box {display: none;}
	


}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.page{min-width: 480px;}
	.logo-mob{width: 90%; background: url(../images/logo.png) 10px center  no-repeat; height: 90px;}
	.wrapper{width:100%; margin-left: auto; margin-right: auto;}

	header{padding-left: 10px; padding-right: 10px;}
	.container-fluid, #hero, .mobile-menu {display: block;}
	.header-box {display: none;}

	
	

}
/* xGA iPad */
@media screen and (min-width:768px) and (max-width:991px) {
	.page{min-width: 769px;}
	.logo-mob{width: 90%; background: url(../images/logo.png) 10px center  no-repeat; height: 90px;}
	.wrapper{width:100%; margin-left: auto; margin-right: auto;}

	header{padding-left: 10px; padding-right: 10px;}
	.container-fluid, #hero, .mobile-menu {display: block;}
	.header-box {display: none;}
	

	
}
/* 1024px (Small Desktop, Netbook) */
@media screen and (max-width:1024px) {
	.container-fluid, #hero, .mobile-menu {display: none;}

}

/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.container-fluid, #hero, .mobile-menu {display: none;}
}

/* 1680px (Small Desktop, Netbook) */
@media screen and (max-width:1680px) {
	.container-fluid, #hero, .mobile-menu {display: none;}
}
/* 1920px (Small Desktop, Netbook) */
@media screen and (max-width:1920px) {
	.container-fluid, #hero, .mobile-menu {display: none;}
}
/* Bootstrap 991px Breakpoint to 480px */
@media screen and (min-width:320px) and (max-width:991px) {
	.page{min-width: 320px;}
	.logo-mob{width: 90%; background: url(../images/logo.png) 10px center  no-repeat; height: 90px;}
	.wrapper{width:100%; padding-bottom: 145px; margin-left: auto; margin-right: auto;}

	header{padding-left: 0px; padding-right: 0px;}
	.container-fluid, #hero, .mobile-menu {display: block;}
	.header-box {display: none;}
	.img-slide1, .img-slide2{
		height: 355px;
		background-position: 0px -100px;
		
	}
	#home{
		height: auto !important;
		
	}
	.icon-ecommerce{
		margin-top: 20px;
	}
	.slide{
		
	height: 350px !important;
		margin-bottom: 0px;
		
	}
	.box-content{
		margin-top:50px; 
		width: 90%;
	}
	.box-content-vn{
		margin-top:0px; 
		width: 90%;
	}
	.box-content-vn h2{
		padding-bottom: 20px;
	}
	

	.text-slide{
	font-size: 30px;
	font-family: 'Conv_euphemia',Tahoma;
	color: #fff;	
	position: relative;
	top:150px;
	font-weight: bold;
	width: 90%;
	margin-right:auto;
	margin-left: auto; 
}
.text-slide1{
	font-size: 30px;
	font-family: 'Conv_euphemia', Tahoma;
	color: #fff;
	font-weight: bold;
	position: relative;
	top:80px;
	width: 90%;
	margin-right:auto;
	margin-left: auto; 
}
.text-slide2{
	font-size: 30px;
	font-family: 'Conv_euphemia', Tahoma;
	color: #fff;
	position: relative;
	top:0px;
	width: 90%;
	margin-right:auto;
	margin-left: auto; 
}
.text-slide3{
	font-size: 30px;
	font-family: 'Conv_euphemia', Tahoma;
	color: #fff;
	position: relative;
	top:-50px;
	width: 90%;
	margin-right:auto;
	margin-left: auto; 
}
.text-slide4{
	font-size: 30px;
	font-family: 'Conv_euphemia', Tahoma;
	color: #fff;
	position: relative;
	top:-100px;
	width: 90%;
	margin-right:auto;
	margin-left: auto; 
}
.text-sl3{
	font-size: 60px;
}
.text-slide p, .text-slide1 p, .text-slide2 p, .text-slide3 p, .text-slide4 p{
	font-weight: normal;
	width: 80%;
	display: none;
}

.orb-box
{
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	top:-35px;
	width: 90%;
	position: relative;
	z-index: 101;
	margin-right: auto;
	margin-left: auto;
}
.footer{
	min-width: 90% !important;
	width:100% !important;	
	padding-left: 15%;
	padding-right: 15%;
}
.content-footer{
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	
	
}
.text-follow{
	padding-right: 20px;
	
	font-size: 18px;
}
.social-btn{
	font-size: 40px;
	margin-right:20px;
	

}
.footer-box{
	width: 90% !important;
}
.menu-footer {
	display: none;
}

.ul-box{
	height: 350px !important;
}



/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style-type:none; padding:0; margin:0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; width: 367px; margin-left: auto; margin-right: auto; height: 207px; }
.flex-pauseplay span {text-transform: capitalize;}
.flexslider-container { position:absolute; left:0px; right: 0px; top:23px; margin-left: auto; margin-right: auto; width: 90%; height: 207px; }

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background:rgba(255,255,255, 0);  position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	
	zoom: 1;
	position:absolute; 
	left:0px; 
	width: 100%; 
	top:320px;
	
	text-transform:uppercase;
	color:#212121;

}
.flex-caption p {margin:0; text-align:center; font-size:14px; font-family: Arial, sans-serif; text-transform: none; display: block; width: 100%; margin-top: 30px;}
.flex-caption h1{text-align:center;  font-size:24px; font-weight:900;line-height:1.2em;font-family: 'Conv_ebrimabd',  sans-serif; width: 100%; margin:0; text-transform: none;}
.flex-caption h2{ text-align:center; font-size:40px;font-weight:900; line-height:1.2em;font-family: 'Conv_ebrimabd', sans-serif; width: 100%; padding:0; margin:-15px 0 0 0;}
.flex-caption h3{text-align:center; font-size:22px;font-weight:900; color:#cdcdcd; line-height:1.2em;font-family: 'Conv_ebrimabd', sans-serif; width: 100%; padding:0; padding-top:3px; margin:0;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li {list-style-type:none; padding:0; margin:0;}
.flex-direction-nav li a {
	width: 50px; 
	height: 70px; 
	margin: -13px 0 0; 
	display: block; 
	background: url(../images/bg_direction_nav.png) 0px 0px no-repeat; 
	position: absolute; top: 50%; 
	cursor: pointer; 
	text-indent: -999em;}


.flex-direction-nav li .next {background-position: -52px 0; right: 0px;  display: none;}
.flex-direction-nav li .prev {left: 0px;   display: none;}
.flex-direction-nav li .next:hover {background-position: -52px -70px; right: 0px;}
.flex-direction-nav li .prev:hover {left: 0px; background-position: 0px -70px;}
.flex-direction-nav li .disabled {opacity: 0.3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 90%; position: absolute; bottom: -78px; left: 0px; overflow: hidden;}
.flex-control-nav li {margin: 0 0 0 5px; display: block; width: 12px; height: 12px; zoom: 1; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 12px; height: 12px; display: block; background: url(../images/pagination.png) -17px 0 no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 0;}
.flex-control-nav li a.active {background-position: 0 0; cursor: default;}




/* Slider
---------------------------------------- */
#slider-wrapper {
	margin: 24px auto 20px;
	top: 50px;
	width:90%; 
	position:relative; 

	background:url(../images/bg-slider.png) center 0px no-repeat; overflow:hidden;
	height:520px;
	
	}
.flexslider-holder {
	width:380px;
	height:240px;

	margin:25px 0px 0px 72px;
	
	
	}
.zag-form{
	font-size: 20px;
	font-family: Arial,Tahoma;
	color: #343434;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 15px;
}


.form-box {
	
	width: 100%;
	min-height: 130px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #f4f4f4;
	background-color: #fafafa;
	
	padding: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.label-box-form{	
	margin-bottom: 25px;
	height: 40px;
	width:100%;
	
}
.label-box-text{
	margin-bottom:25px;
	height: 10px;
	width:100%;
}

#applyusform .label #imageField {

	width: 100%;
	height: 50px;
	border-radius:2px;
	display: block;
	margin: 0 auto;
	margin-top:10px; 
	text-align: center;
	color: #fff;
	border: 0px;
	box-shadow: 0px 0px 0px rgba(79,94,118, 0.5);
	border-bottom: 3px solid #59aab2;
	font-size: 14px;
	font-family: Arial, Sans-Serif;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	background: #78d4dd; /* Old browsers */
	

}

#applyusform .label #imageField:hover {
	outline: none;	
	box-shadow: 0px 0px 0px rgba(79,94,118, 0.4);
	border-top:3px solid #f3675f; 
	border-bottom:0px solid #f3675f; 
	line-height: 0px;
	background: #ff6e66; /* Old browsers */
	
}

.form-box span{
	font-size: 14px;
	font-family: Arial, Tahoma;	
	color: #696969;
	height: 5px;
	display: block;
}
.form-box input{
	width: 100%;
	height:20px;
	float: left;
	padding: 20px;	
	font-size: 16px;
	font-family: Arial, Tahoma;	
	color: #000;
	border:solid 1px #e7e7e7;
	box-shadow: 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 3px #f0f0f0;
}
.form-box input:focus, .form-box textarea:focus {
	outline:none;
	border:solid 1px #90ade0;
	box-shadow:inset 0px 1px 4px #a6bfeb;
}


.form-box input:focus, .form-box textarea:focus {
	outline:none;
	border:solid 2px #78d4dd;
	box-shadow:inset 0px 1px 4px #c2eef2;
	width: 100%;
}

.labal-form{
	display: block;
	float: left;
}


.box-customers{
	width: 90%;
	min-height: 600px;
	padding-bottom: 100px;
	padding-top: 20px;
	margin-left:auto;
	margin-right: auto;	
	background: url(../images/bg-customers-left-mob.png) left 0px  no-repeat, url(../images/bg-customers-right-mob.png) right 0px  no-repeat;
	
}
.fast-payment, .online-support, .virtual-box, .technical-support{
	width: 50%;
	font-size: 14px;
	margin-top:60px; 
}



/*form support*/
.form-box-sp {
	
	width: 90%;
	min-height: 130px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #f4f4f4;
	background-color: #fafafa;
	
	padding: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.label-box-form-sp{	
	margin-bottom: 15px;
	height: 32px;
	width:100%; 
}
.label-box-text-sp{
	margin-bottom: 15px;
	height: 10px;
	width:100%;
}

.label-sp{
	margin-top: 40px;
}

#applyusform-sp .label-sp #imageField-sp {

	width: 100%;
	height: 40px;
	border-radius:2px;
	display: block;
	margin: 0 auto;
	margin-top:20px; 
	text-align: center;
	color: #fff;
	border: 0px;
	box-shadow: 0px 0px 0px rgba(79,94,118, 0.5);
	border-bottom: 3px solid #59aab2;
	font-size: 14px;
	font-family: Arial, Sans-Serif;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #78d4dd; /* Old browsers */
	

}

#applyusform-sp .label-sp #imageField-sp:hover {
	outline: none;	

	box-shadow: 0px 0px 0px rgba(79,94,118, 0.4);
	border-top:3px solid #f3675f; 
	border-bottom:0px solid #f3675f; 
	line-height: 0px;
	background: #ff6e66; /* Old browsers */
	
}

.form-box-sp span{
	font-size: 14px;
	font-family: Arial, Tahoma;	
	color: #696969;
	height: 5px;
	display: block;
}
.form-box-sp input{
	width: 100%;
	height:15px;
	float: left;
	padding: 15px;	
	font-size: 14px;
	font-family: Arial, Tahoma;	
	color: #000;
	border:solid 1px #e7e7e7;
	box-shadow: 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 3px #f0f0f0;
}
.form-box-sp input:focus, .form-box-sp textarea:focus {
	outline:none;
	border:solid 2px #78d4dd;
	box-shadow:inset 0px 1px 4px #c2eef2;
	width: 400px;
}


.labal-form-sp{
	display: block;
	float: left;
}

.form-box-sp textarea{
	width: 100%;
	float: left;
	height: 100px;
	
	margin-bottom: 5px;
	padding: 15px;
	font-size: 14px;
	font-family: Arial, Tahoma;	
	color: #000;
	border:solid 1px #e7e7e7;
	box-shadow: 0px 1px 0px #fff;
	resize:none;
	box-shadow: inset 0px 1px 3px #f0f0f0;
}

input:focus:required:invalid, textarea:focus:required:invalid {
outline:none;
border:solid 1px #ffb049;
box-shadow:inset 0 1px 3px 0 #ffd092;
}

.form-box-sp input:required:valid, .form-box-sp input:required:valid {
background-color:#fff;
}
/*
end form
*/



}