@media screen and (min-width:320px) and (max-width:480px) {
.dateb{margin:0px;  font-size: 14px;}
.logo{text-align:center;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-color: #000;
width: 100%;}
.navbar-default .navbar-toggle{border-color:#000;}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.navbar-brand > img{display:none;}
h1{font-size: 28px;}
.greybox{margin: 0 0 20px 0;}


}


@media scren and (min-width:375px) and (max-width:667px) {

.dateb{margin:0px; font-size: 14px;}
.logo{text-align:center;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-color: #000;
width: 100%;}
.navbar-default .navbar-toggle{border-color:#000;}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.navbar-brand > img{display:none;}
h1{font-size: 28px;}
.greybox{margin: 0 0 20px 0;}



}



@media screen and (min-width:414px) and (max-width:736px) {
.dateb{margin:0px;}
.logo{text-align:center;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-color: #000;
width: 100%;}
.navbar-default .navbar-toggle{border-color:#000;}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.navbar-brand > img{display:none;}
h1{font-size: 28px;}
.greybox{margin: 0 0 20px 0;}



}


@media screen and (min-width:768px) and (max-width:1024px) {
.navbar-brand > img{display:none;}
.nav > li > a{ padding: 10px 14px;}
.btn-primary{font-size: 14px;}




}


img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
border:0px!important;
}
.ie6 img {
width:100%;
}