#mainImg{
    width:600px;
    height:auto;
    position: relative;
    right: 0px;
    left: 0px;
    margin: 0 auto;    
}

img{cursor: pointer}

#top_section{}

#top_section h1{
    font-size: 20px;
    color: #ed3839;
    margin-bottom: 20px;
}

#top_section p{
    font-size: 14px;
    color: #635c5c;
    margin-bottom: 20px;
    
}

#top_section h2{
    font-size: 15px;
    margin: 0;
    color: #0c0f4d;
    margin-bottom: 10px;
    margin-top: 10px;
}

#middle_section{background:#fafafa;}

#middle_section h1{
    font-size: 20px;
    color: #ed3839;
    margin-bottom: 20px;
}

#middle_section p{
    font-size: 14px;
    color: #635c5c;
    margin-bottom: 20px;
    
}

#middle_section h2{
    font-size: 15px;
    margin: 0;
    color: #0c0f4d;
    margin-bottom: 10px;
    margin-top: 10px;
}



.margintop34{margin-top: 34px;}
.margintop25{margin-top: 25px;}

.latest_news{
    font-size: 14px;
    color: #635c5c;
    margin-bottom: 10px!important;
}

#article1 img{margin-top: 10px;}
#article2 img{margin-top: 10px;}

.latest_video{margin-top: 10px;}

.left15{}

.read_more{
    color: #0c0f4d;
    font-weight: bold;
}

.read_more:hover{
    cursor: pointer;
    color: #ed3839;
    font-weight: bold;
}

@media (min-width:301px) and (max-width:728px) {
    .left15{padding-left: 32px;}
    
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0c0f4d;
    color: #ffffff;
    font-weight: bold;
    height: 50px;
    width: 100%;
    }
    
    .navbar-nav>li {
        padding-left: 10px;
    }
    
    .top-bar {
      background: #3c3c3c;
      border-bottom: 1px solid #3c3c3c;
    }
    
    #mainImg {
        width: auto;
        height: auto;
    }
}