@media screen and (max-width: 1024px) {
 #header .header-content {
 /*width: 90%;*/
 /*padding: 30px 0;*/
}
 #header.fixed a {
 color: #fcf1f1;;
}
 .nav-toggle {
 display: block;
}

 .navigation {
 position: fixed;
 background-color: black;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 45%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 1px;
}
 .navigation a {
 display: block;
 font-size: 18px;
 margin: 0;
 text-align: center;
 padding: 17px 0;
 color: #fff;
}
 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
 .flex-control-nav {
 bottom: 4px;
}
}
@media screen and (max-width: 768px) { 


.slider-banner h3{
    color: #FFF;
    font-size: 12px;
    text-shadow: 2px 1px 1px #000000;
    font-weight:bolder;  
}

#header.fixed a {
    color: #fff;
}
#header .logo{
	 color: #000;
     width: 157px;
     margin-top: -74px;
}
.nav-pills{
    margin-left: 0;
    font-size: 10px;
    text-transform: uppercase;
    
}
 .banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 font-size: 42px;
}
 .banner-text p {
 font-size: 18px;
}
 .flexslider {
 padding-bottom: 80px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 50px;
}
}
@media screen and (max-width: 640px) {
 .banner-text {
 padding-top: 57%;
}
 .testimonials p {
 font-size: 12px;
}
 .nav-toggle span{
color: black;
}
.banner {
    /*position:relative;*/
    width:100%;
    overflow:hidden;
    padding-top: 100px;
     /*height: 750px; */
}
.footer .pass {
    margin-top: 20;
    color: #fff;
     padding-left: 0px; 
}
@media screen and (max-width: 480px) {
 .banner-text {
 padding-top: 45%;
}
 .nav-toggle span{
color: black;
}
 .banner-text h1 {
 font-size: 32px;
}
 .testimonials p {
 font-size: 12px;
}
@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
 .nav-toggle span{
color: black;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
}