/* iPad [landscape] */
@media only screen and (min-width: 780px) and (max-width: 1040px) {
	.inner-wrap {
		min-height:610px;
		padding: 20px 8px;
	}
	
	.flex-btn {
		display: block !important;
	}
	header ul {
		display: none !important;
	}
	header .logo {
		float: none;
		margin: 0 auto;
	}
}

/* iPad [portrait] */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.inner-wrap {
		min-height: 846px;
		padding: 30px 8px;
	}
}


@media screen and (min-width: 768px) and (max-width: 960px) {
	.flexpanel-active  {
		overflow: hidden;
	}
	.flex-btn {
		display: block !important;
	}
	header ul {
		display: none !important;
	}
	header .logo {
		float: none;
		margin: 0 auto;
	}

	.logo {
		width: 280px;
		height: 33px;
	}

	.inner-wrap h2 .viewmore {
		font-size: 12px;
		padding-top: 5px;
	}

	.flexpanel div.navigation ul li a {
	   	font-size: 12px;
	}
	
}
@media screen and (max-width: 768px) {
	.flex-btn {
		display: block !important;
	}
	header ul {
		display: none;
	}
	header .logo {
		float: none;
		margin: 0 auto;
	}
	.logo {
		width: 280px;
		height: 33px;
	}
	.inner-wrap {
		max-width: 1430px;
		padding: 20px 0;
		
	}
	.inner-wrap h2 .viewmore {
		font-size: 12px;
		padding-top: 5px;
	}
	.flexpanel div.navigation ul li a {
	   	font-size: 12px;
	}

}

@media only screen and (min-width: 320px) and (max-width: 568px) { 
	header .logo {
	    float: right;
	    padding-top: 24px !important; 

	}

	.logo {
		width: 230px !important;
		height: 28px !important;
	}

	.inner-wrap {
	    padding-top: 0 !important; 
	}

	.flex-btn span {
    width: 20px;
    height: 2px;
	}

}

@media only screen and (min-width: 375px) and (max-width: 667px) { 
	header .logo {
	    float: none;
	    margin: 0 !important;
	    margin-left: 30px !important;
	}

	.logo {
		width: 300px !important;
		height: 36px !important;
	}

	.inner-wrap {
	    padding-top: 10px !important; 
	}

	.flex-btn span {
    width: 20px;
    height: 2px;
	}
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
	header .logo {
	    margin-left: 20px !important;
	}
	.inner-wrap {
	    padding-top: 20px !important; 
	}
	.logo {
		width: 355px !important;
		height: 43px !important;
	}
	.navigation ul li .anchor {
		font-size: 15px;
	}
	.inner-wrap h2 .viewmore {
		float: none;
		padding-top: 10px;
	}
	.flex-btn span.one {
    top: 8px;
	}

	.flex-btn span.two {
    top: 14px;
	}

	.flex-btn span.three {
    top: 20px;
	}

	body.flexpanel-reveal.flexpanel-left .flex-btn {
    left: 0;
    top: 15px;
    margin: 10px;
    z-index: 999;
	}

	.flex-btn {
    width: 30px;
    height: 28px;
    position: absolute;
    left: -52px;
    top: 25px;
    
	}
	.flex-btn span {
    width: 20px;
    height: 2px;
	}

}