@charset "utf-8";
/* CSS Document */
@media all and (max-width: 767px) and (min-width: 320px) {

.navbar {
    padding: 15px 0;
}
.navbar-toggle .icon-bar{
	background:#fff;
}
.navbar-toggle {
    margin-top: 5px;
    margin-right: 0px;
	margin-bottom:0;
    background-color: #8a73b4;
}
.navbar-collapse.in {
    padding: 0;
}
.navbar-nav > li {
    padding: 0 0 5px 0;
	font-size:14px;
}
.navbar-nav > li a{
	color:#fff;
}
.navbar-nav {
    padding: 5px 15px;
    background: #8a73b4;
    margin: 0;
}
.navbar-collapse{
	overflow-x:hidden;
}
}

@media (min-width:0px) and (max-width:480px)
{
.apple {
    text-align: center;
    width: 100 !important;
    margin:0px !important;
	}
.why{
	background:#f3f2f2;
	padding:0 0 0px 0px !important;
}
.why h2{
        color:#216b37;
	background: url(file:../images/whyline.png) repeat-x center center;
	padding: 0 272px 0 10px;
    font-family: 'Lato', sans-serif;
	font-size:20px !important;
	padding: 0 ;

}
.why a{
     color:#216b37;
     font-family: 'Amaranth', sans-serif;
	 font-size:11px;
	 border: solid 1px #216b37;
      padding: 2px 10px 2px 10px !important;
	  position:absolute;
	  background:#f3f2f2;
     right:0;
}
    Rules
    Computed
    Animations
    Fonts
element {
}
.get {
    float: left;
    width: 100%;
    margin: 0px !important;
}
.social {
    float: left;
    width: 100%;
    margin: 0px !important;
}
    Rules
    Computed
    Animations
    Fonts
element {
}
.foot2 h6 {
    font-size: 20px;
    color: #c5c5c5;
    float: left;
    width: 100%;
    margin: 0px !important;
    border-bottom: 2px #999;
}
.mainhead span {
font-family: 'Lato', sans-serif;
    font-size: 18px !important;
    color: #F00;
    text-align: center;
    font-style: inherit;
}
.mainhead h1 {
    color: #216b37;
    font-family: 'Lato', sans-serif;
    font-size: 18px !important;
    text-align: center;
}
.current h6 {
    font-size: 18px !important;
    font-family: 'Lato', sans-serif;
    width: 100%;
    text-align: center;
    color: #FFF;
}
.our span {
    font-family: Lato;
    font-size: 18px !important;
    color: #F00;
    text-align: center;
    font-style: inherit;
}
.our h6 {
    color: #216b37;
    font-size: 18px !important; 
    text-align: center;
    float: left;
    width: 100%;
}
.foot2 h6 {
    font-size: 18px !important;
    color: #c5c5c5;
    float: left;
    width: 100%;
    margin: 74px 0 0 0;
    border-bottom: 2px #999;
}
.get h6 {
    font-size: 18px !important;
    font-family: 'Lato', sans-serif;
    float: left;
    width: 100%;
    color: #c5c5c5;
    margin: 20px 0 0 0;
}
.social h6 {
    font-size: 20px !important;
    font-family: lato;
    float: left;
    width: 100%;
    color: #c5c5c5;
    margin: 20px 0 0 0;
}
.nav {
    list-style: none;
    background: cadetblue !important;
}
	.navbar-nav > li > a {
    padding-top: 0 !important;
    padding-bottom: 10px;
    line-height: 20px;
}
.apple img {
    text-align: center;
    margin: 0 0 0 19px !important;
    width: 56% !important;
}
.logo img {
    margin: -21px auto auto !important;
}
.welcome span {
    font-family: 'Lato', sans-serif;
    font-size: 21px !important;
    color: #F00;
    text-align: center;
    font-style: inherit;
}
.logo {
    margin: -33px auto auto !important;
    padding: 0;
}
}