@media screen and (max-width: 1020px){



div#datebox {

    text-align: center;

}

    

.bg1 {

    padding-bottom: 15px;

}

    

    

img.logo1 {

    float: none;

    margin: 20px auto;

    display: block;

}

    

    

img.logo2 {

    float: none;

    margin:  auto;

    display: block;

}

    

    

.navbar-default .navbar-brand {

    color: #fff;

    display: block;

    font-family: j;

}

    

    

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}

    

    

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: transparent;

}

    

    



.pading-right {

    padding-left: 15px;

    padding-right: 15px;

}



.pading-left {

    padding-left: 15px;

    padding-right: 15px;

}

    

.carousel-caption p {

    width: 100%;

    text-align: center;

    padding-left: 20px;

    line-height: 31px;

}

    

    

.carousel-caption h1 {

    width: 100%;

    text-align: center;

    padding-left: 20px;

    line-height: 31px;

}

    

.footer2 p {

    text-align: center;

    font-size: 14px;

    margin-bottom: 0px;

}

    

.footer2 a {

    text-align: center;

    font-size: 14px;

}



.social {

    width: 210px;

    float: none;

    margin: 20px auto 0;

    display: block;

    clear: both;

}

    

}