.cards li {width: 25%;}
.advanced li.popular{font-size:16px;}
.slide-panel#slide-4 .slide-img,.slide-panel#slide-5 .slide-img{margin-left:0;}
#intro li p {margin-top:10px;}
.feedback{overflow:hidden;}
.feedback  span {
	font-size:20px;
	padding-right:10px;
}
.feedback  p{
	float:left;
	width:86%;
}
@media (max-width: 1023px) {
	.navbar-default .navbar-nav > li{margin-left:0;}
	.navbar-default .navbar-nav > li.login{margin-left:10px;}
	.footer p {
		text-align: left;
		padding-top:10px;
	}
	.footer ul li {margin-right:25px;}	
	.hero{
		height:auto;
	}
	.hero h2 {
		font-size:32px;
		line-height:48px;
		margin-top:6%;
		width:60%;
	}
	#home .grey-box{height:255px;}
	#home .hero{height:auto;}

	.hero .featured {
		display: block;
		/**margin: 30px auto 0;**/
	}
	.programs h4{
		font-size:16px;
		height:60px;
	}
	.cards li {width:33%;}
	.plan{margin-top:0;}	
	#intro{font-size:18px;}
	
	/**.contact-list p{font-size:20px;}**/
	.contact-list .contact-email{
		border-top:1px solid #ddd;
		border-left:none;
		padding-top:20px;
		margin-top:20px;
	}
	
	.slide-panel{margin-bottom:0;}
	.slide-panel-dark{padding-bottom:0;}
	.slide-panel h2, #plans h2{
		text-align:center;
		line-height:48px;
	}
	#slide-3 h2,#slide-5 h2,#slide-7 h2{padding-top:50px;}
	.slide-panel .slide-img{
		width:auto;
		display:block;
	}
	#slide-1 .slide-img,#slide-2 .slide-img,#slide-3 .slide-img,.slide-panel#slide-4 .slide-img,.slide-panel#slide-5 .slide-img,.slide-panel#slide-6 .slide-img,.slide-panel#slide-7 .slide-img{
		margin:0 auto 20px;
		width:auto;
	}
	.slide-panel .slide-content{
		padding:20px 0 40px;
		margin:0 auto;		
		width:540px;
		float:none;
	}	
	/*#landing h2{font-size:34px;}	
	#landing .recipients,#landing .business{height:auto;}
	#landing a{height:540px;}*/
	
	#plans .slide-panel-dark{
		margin:0 0 40px;
	}
	
}
@media (max-width: 991px) {
	.plan{height:330px;}
	.plus,.advanced{height:355px;}
	.hero .featured {
		display: block;
		margin: 30px auto 0;
	}
	#home .btn{font-size:20px;}
	#home .btn span {
		font-size: 20px;
		top:6px;
	}
	.navbar-default .navbar-nav > li > a {
		padding:0 5px;
		font-size:11px;
	}
	.navbar-default .navbar-nav > li.sign-up > a, .navbar-default .navbar-nav > li.login > a {
		padding: 0 15px;
	}
	.welcome-white {
		width:100%;
	}
}
@media (max-width: 767px) {
	body{font-size:14px;}
	.navbar-header{padding-bottom:0;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left:15px;
	}
	.navbar-toggle{
		margin-top:10px;
		border-radius:0;
	}
	.navbar-collapse{
		float:none;
		max-height:none;
	}
	.navbar-default .navbar-nav{margin-top:0;}
	.navbar-default .navbar-nav > li{
		margin-left:0;
		border-bottom:1px solid #ddd;
	}
	.navbar-default .navbar-nav > li > a {
		line-height:40px;
		padding:0 15px;
		font-size:13px;

	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > li.sign-up > a:hover,
	.navbar-default .navbar-nav > li.sign-up > a:focus,
	.navbar-default .navbar-nav > li.login > a:hover,
	.navbar-default .navbar-nav > li.login > a:focus{
		background-color:#f8f8f8;
		color: #004a8c;
	}
	.navbar-default .navbar-nav > li.sign-up > a,
	.navbar-default .navbar-nav > li.login > a{
		background-color:transparent;
		color:#000;
		padding:0 15px;
	}
	.navbar-default .navbar-nav > li.login{margin-left:0;}
	
	#home .grey-box{height:auto;}
	.programs h4{
		font-size:14px;
		height:50px;
	}	
	#contact .btn{width:100%;}	
	.contact-list{margin-top:20px;}	
	.plan,.plus,.advanced{height:auto;}
	.advanced li.popular{position:relative;}	
	#intro li p,#intro li.shorttxt p,#intro li.longtxt p{margin-top:5px;}
	.country-current {
		padding: 5px 50px 5px 25px;
	}
	/************************************ Login ***********************************/
	.apply-box {
		padding:40px 0 20px;
		font-size:16px;
		margin-top:0;
	}
	.apply-box h1{font-size:32px;}
	.create-btn{
		margin-top:20px;
		width:100%;
	}
	/*#landing{margin-top:10%;}	
	#landing a {
		height:auto;
		width:auto;
		margin-bottom:20px;
	}*/
	#landing .btn,.white-section .btn{width:100%;}
	#landing img{
		margin:40px auto 0;
		display:block;
	}
	.welcome-msg img.welcome-country{
		display:none;
	}
	.welcome-msg img.welcome-logo{
		margin:10px auto 20px;
		width:140px;
	}
	.welcome-msg .btn{
		font-size:15px;
		margin: 0 0 10px;
	}
	.welcome-msg h1{
		font-size:28px;
	}
	.welcome-msg h3{
		font-size: 18px;
		line-height:1.4;
	}
	
}
@media (max-width: 567px) {
	.btn{
        padding-left: 0;
        padding-right: 0;
        display: block;
        margin: 0 0 10px 0 !important;
	}
	.dark-btn{margin:0 0 20px 0;}
	#why .dark-btn,#how .dark-btn{margin-bottom:0;}
	.hero h1 {
		font-size: 42px;
		line-height: 50px;
		padding:80px 0 20px;
	}
	.hero h2,#support .hero h2,#plans .hero h2,#features .hero h2{
		width:100%;
		font-size:24px;
		line-height:32px;
		margin-top:12%;
	}
	#home .hero .btn-video{
		margin:15px 0 0 0;
	}
	#home .hero .btn-demo{
		margin:15px 0 0 0;
	}
	#home .hero .btn-signup{
		margin:15px 0 0 0;
	}

	
	.programs h4{height:60px;}
	#solutions table .cross,#solutions table .tick{
		background-image:none;
		padding-left:20px;
	}	
	.cards{margin:0 auto 30px;}
	.cards li{width:50%;}		
	.main{padding:30px 0;}
	.header h1{font-size:32px;}		
	#about img{
		float:none;
		margin:0 auto 10px;
		display:block;
	}	
	.slide-panel{padding:0 15px 20px;}
	.slide-panel-dark{padding:20px 15px;}
	.slide-panel h2, #plans h2{
		font-size:24px;
		line-height:30px;
		text-align:center;
		padding-bottom:20px;
	}
	/**.slide-panel .col-md-6{padding:0;}**/
	.slide-panel .slide-content {
		padding:0;
		width:100%;
	}
	#slide-3 h2, #slide-5 h2 {padding-top:30px;}
	#landing{font-size:16px;}
	#landing h1{
		font-size:32px;
		padding-bottom:20px;
	}
	#landing h1 span{font-size:18px;}
	#landing ul{margin:0 0 10px 25px;}
	#landing ul li{padding-bottom:10px;}
	#landing .btn{padding-left:20px;}

}
@media (max-width: 479px) {
	#how .hero,#support .hero{
		background-color:#2562cb;
		background-image:none;
	}
	.btn{font-size:16px;}	
	#how .btn,#home .section .btn{
		font-size:1rem;
	}
	#how .btn span,#home .section .btn span{top:8px;}
	#how .btn span{padding-left:10px;}
	.hero{padding-bottom:30px;}
	.hero h1 {
		font-size:32px;
		line-height:40px;
	}
	.hero h2{
		font-size:24px;
		line-height:32px;
		margin-top:12%;
	}
	.section {padding:30px 0;}
	.section h2 {
		font-size:24px;
		padding-bottom: 20px;
	}
	.programs h4{height:50px;}
	.programs .col-xs-3{width:50%;}
	#solutions table{font-size:12px;}
	#solutions table td,#solutions table th{padding:15px 10px;}
	#solutions table th{font-size:16px;}
	#solutions table .cross,#solutions table .tick{padding-left:10px;}
	.cards li a span{
		background-size:100%;
	}
	
	.slide-content li div,#intro li div{
		width:60px;
		height:60px;
	}
	.slide-content li div img,#intro li div img{height:50px;}
	.slide-content li h3{padding-top:5px;}
	.slide-content li h3,.slide-content li p{margin-left:75px;}
	#intro{font-size:16px;}
	#intro li p{margin:5px 0 0 75px;}
	/*#landing a{font-size:14px;}
	#landing a h2{font-size:24px;}*/
	#landing .btn{
		font-size:16px;
		padding-right:50px;
	}
	#landing .btn em{
		display:block;
		font-style:normal;
		font-size:14px;
	}
	#landing .btn span{right:15px;}
	.white-section{padding:30px 0;}
	.white-section h2{font-size:24px;}
	
		.welcome-white {padding:15px 0;}

}

@media (max-width: 400px) {
	.welcome-msg h3{padding:0 20px 20px !important;}
}

@media (max-width: 320px) {
	.welcome-white img.welcome-logo{
		margin:20px auto;
	}
	.welcome-white {
		padding:20px;
	}
	.welcome-msg {
		padding-top: 10%;
	}
	.welcome-msg h1{
		font-size:30px;
	}
	.welcome-msg h3{
		font-size:17px;
		line-height:1.3;
	}
	.welcome-msg img.welcome-logo{
		width:140px;
	}
}