
@media screen and (max-width:991px){
    #banner{margin-top:70px;}
    .navbar{min-height:70px; background-color: #007ab8;}
    #nav .navbar-toggle{ margin-top:16px; position: absolute; left: 50%; margin-left: -20px;}
    .navbar-collapse,.navbar-default{border:0; box-shadow:none;}
    #nav .navbar-nav{  margin-top: 0; width: 100%; padding-left:30px;}
    #nav .navbar-nav > li{width: 16.6667%; text-align: center; height:70px;}
    .navbar-default .navbar-nav > li > a{color:#fff; line-height:40px; font-size:18px;}

}

@media screen and (min-width:768px){
    .span-sm-2{ width:20%; text-align:center;}
    .txt{position:absolute;}
    .txt1,.txt2{padding:15px 15px 43px;background:url(../images/txt01.png)no-repeat center center/cover; line-height:28px;}
    .txt3,.txt4{padding:24px 15px 10px; background:url(../images/txt03.png)no-repeat center center/cover;}

    .txt1{top:155px; left:45px;}
    .txt2{top:177px; right:213px;background:url(../images/txt02.png)no-repeat center center/cover;}
    .txt3{bottom:20px; left:310px;}
    .txt4{bottom:0px; right:72px;}
}
@media screen and (max-width:767px){
    .navbar-collapse{margin-top:70px;}
    #nav .navbar-nav{ width: 100%;}
    #nav .navbar-nav > li{width:100%;}
    .lead{margin-top:0;}
    .lead h3{
        font-size:20px;
        margin:0;
        line-height:36px;
        text-align:center;
    }
    .container h1{ width:100%; font-size:24px;}
    .container h1 span{ font-size:26px;}
    #adv .col-sm-4{
        width:60%;
        margin:0 auto;
    }
    .container h1{ font-size:22px;}
    .container h1 span{ font-size:24px;}
}

@media screen and (min-width:992px) and (max-width:1199px){
    .txt1{top:132px; left:3px;}
    .txt2{top:155px; right:145px;}
    .txt3{bottom:-2px; left:243px;}
    .txt4{bottom:0; right:17px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    #why img{margin:280px auto 180px;}
    .txt1{top:137px; left:13px;}
    .txt2{top:160px; right:85px;}
    .txt3{bottom:6px; left:186px;}
    .txt4{bottom:-16px; right:17px;}
}
@media screen and (max-width:450px){
    #epc h1{ font-size:18px;}
    #epc h1 span{ font-size:20px;}
    #why h1{ font-size:20px;}
    #why h1 span{ font-size:22px;}
    #adv .col-sm-4{ width:90% }
    #materials .span-sm-2{ padding:0 3px;}
}