@media only screen and (max-width: 1500px) {
    
}

@media only screen and (max-width: 1300px) {
    .days-wrapper img {width: 200px;}
    .blog-list, .blog-item {font-size: 28px; padding: 40px 50px;}
    .blog-author {font-size: 18px;}
}

@media (min-width : 992px) and (max-width : 1199px) {
    .blog-item-arrow {left: 30px; bottom: -35px; border-width: 50px 40px 0 40px;}
}

@media (min-width: 992px) {
    .log {padding: 40px 0 40px 15px;}
}

@media (min-width: 768px) {
    .navbar-inverse .dropdown-menu {background-color: #fff;}
}

@media (max-width : 991px) {
    .blog-item-arrow {left: 30px;}
    .section1 .container {padding: 200px 30px 300px;}
    .section2 .container {padding: 300px 30px;}
    .section4 .container {padding: 350px 30px;}
}

@media (min-width : 768px) and (max-width : 991px) {
    .navbar-nav {float: left;}
    .log {padding: 15px;}
    .navbar-inverse.navbar-transparent .navbar-brand {float: none; display: block; text-align: center;
                padding: 15px 0 0; margin-left: 0;}
    .navbar-inverse.navbar-transparent .navbar-brand img {margin: 0 auto;}
    .navbar-inverse .navbar-collapse {border-color: #bbb;}
    .subhead {padding-top: 190px;}
    
    .logo-wrapper {left: 40px; bottom: 60px;}
    .logo-holder img {width: 180px;}
    .blog-list, .blog-item {padding: 40px 50px;}
    .blog-item-arrow {left: 30px; bottom: -35px; border-width: 50px 40px 0 40px;}
    .blog-arrow {right: -30px; border-width: 40px 0 40px 50px;}
}

@media screen and (max-width: 767px) {
    .navbar-brand {height: 70px;}
    .navbar-brand > img {width: 200px;}
    .navbar-toggle.pull-right {margin-left: 20px}
    .log {float: right; margin-top: 30px;}
    .navbar-transparent.navbar-inverse .navbar-collapse {background-color: #fff; opacity: 0.9;}
    .navbar-inverse .navbar-collapse {border-color: #bbb;}
    .blog-wrapper {background: rgba(0,0,0,0.3);}
    .subhead {padding-top: 120px;}
    .navbar-inverse .navbar-nav .open > .dropdown-toggle, 
    .navbar-inverse .navbar-nav .open > .dropdown-toggle:hover, 
    .navbar-inverse .navbar-nav .open > .dropdown-toggle:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu {
            background-color: #fff;}
    .index-nav {background: rgba(0,0,0,0.7);}
    .index-nav-portal img {opacity: 1;}
    .scroll-btn {display: none;}
    .section1 .container {padding: 150px 30px 250px;}
    .section2 .container {padding: 250px 30px 200px;}
    .section3 {height: 600px;}
    .color-holder {padding: 300px 0 100px;}
    .section3 .container {padding: 150px 30px 0;}
    .section4 .container {padding: 250px 30px;}
    .section5 .container {padding: 200px 30px 50px;}
    section h1 {font-size: 36px;}
    section h2 {font-size: 30px;}
    body.portal .section-head {background-color: rgba(0,0,0,0.3);}
    body.blog .section-head {background: rgba(0,0,0,0.8);}
    .blog-list, .blog-item {padding: 60px 50px;}
}

@media only screen and (min-width: 501px) and (max-width: 767px) {
    .logo-wrapper {left: 20px; bottom: 60px;}
    .logo-holder img {width: 150px;}
    
}

@media screen and (max-width: 500px) {
    .section {padding: 60px 0 0;}
    .index-nav-left img, .index-nav-portal img {width: 150px; height: auto;}
    
    .logo-wrapper {left: 20px;}
    .logo-holder img {width: 130px;}
    .index-nav-right a span {font-size: 24px;}
    
    section h1 {font-size: 36px;}
    section h2 {font-size: 30px;}
    .section p {font-size: 18px; line-height: 1.4;}
    
    .blog-list, .blog-item {font-size: 24px; padding: 40px 50px;}
    .blog-author {font-size: 15px;}
    .blog-item-arrow {left: 30px; bottom: -35px; border-width: 50px 40px 0 40px;}
    .blog-arrow {right: -30px; border-width: 40px 0 40px 50px;}
}

@media screen and (max-width: 400px) {
    .index-nav-right a {padding: 16px 8px 12px;}
    .index-nav-left a, .index-nav-portal a {margin-left: 20px;}
    .index-nav-right a i.icon-user, .index-nav-right a i.icon-home {font-size: 30px;}
    .index-nav-right a i.icon-bubble {font-size: 32px;}
    .blog-list, .blog-item {font-size: 20px; padding: 30px 40px;}
    .blog-author {font-size: 16px;}
}
@media screen and (max-width: 350px) {
    .index-nav-right a span {font-size: 20px;}
}