@charset "utf-8";
/* CSS Document */

@media (min-width:992px) and (max-width:1199px) {
.stellarnav{ margin-left:15px; order:3}
.header .btn{ margin-left:auto; order:2;}
.banner{ background:#000;}
.banner .container{top:auto; left:auto; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); position:relative; padding:40px 0;}

}
	
@media (min-width:768px) and (max-width:991px) {
.stellarnav{ margin-left:15px; order:3}
.header .btn{ margin-left:auto; order:2;}
.banner{ background:#000; padding-top:90px;}
.banner .container{top:auto; left:auto; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); position:relative; padding:40px 0;}
.header{ padding:20px 0;}
.banner .container h1{ font-size:90px;}
.banner .container h3{ font-size:24px;}
.section{ padding:40px 0;}
}
	
@media only screen and (max-width:767px) {
.stellarnav{ margin-left:15px; order:3}
.header .btn{ margin-left:auto; order:2; padding:6px 12px; font-size:14px;}
.banner{ background:#000; padding-top:90px;}
.banner .container{top:auto; left:auto; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); position:relative; padding:40px 30px;}
.header, .header.fixed-header{ padding:20px 10px;}
.header .logo img{ width:180px}
.banner .container h1{ font-size:60px;}
.banner .container h3{ font-size:20px;}
.section{ padding:40px 10px;}
.w2 h2{ font-size:36px;}
.testi-scroll .quote-block .content blockquote{ font-size:16px;}
.testi-scroll .quote-block .content{ padding:70px 40px;}
.testi-scroll .quote-block .content cite{ font-size:20px;}
.testi-scroll .quote-block .content::before { top:20px; left:20px;}
.testi-scroll .quote-block .content::after { bottom:20px; right:20px;}
.footer ul li a img, .banner .container ul li a img{ height:40px; width:40px;}
}