@media screen and (max-width: 1024px) {
 #header .header-content {
 width: 90%;
 padding: 40px 0;
}
 #header.fixed a {
 color: #000;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #000;
 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: 20px;
}
 .navigation a {
 display: block;
 font-size: 25px;
 margin: 0;
 text-align: center;
}
 .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: 20px;
}
}
@media screen and (max-width: 768px) {
#header .header-content{ padding:5px 0px;}	
.navigation,.nav-toggle{ display:none;}
.banner-text h1{font-size:24px;}
.banner-text h3{ font-size:15px;}
.banner-text {padding-top:18% !important;}
.banner{ min-height:230px;}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color:#656565;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar{background-color:#fff;}
.filter-content{padding:20% 0 0 0; background-color: rgba(0,0,0,1);}
.filter-box {
    overflow: auto;
    max-height:300px;
}
.nav > li { border-bottom: 1px solid #eee;}
.nav > li:last-child{border-bottom:0px solid #eee;}
.refrence, .details{ position:static;}
.details{ padding:15px;}
.nano{ height:auto;}
.nano > .nano-content{ position:relative;}
.nano-pane{ display:none;}
#btn-close-modal{ position:absolute; top:0px; right:15px; background-color:#fff; color:#000; margin-top:8px;}
 .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: 35%;
}
 .testimonials p {
 font-size: 12px;
}
@media screen and (max-width: 480px) {
 .banner-text {
 padding-top: 45%;
}
 .banner-text h1 {
 font-size: 32px;
}
 .testimonials p {
 font-size: 12px;
}
@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
}