
/*MOBILE BREAK POINTS */
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .mobilebreak{
        clear:both;
        padding-bottom: 30px;
    }

    h2.blueh2slim {
        font-size:2.4em!important;
        font-weight: 600!important;
    }

    .leftdividerline {
        border-left: none;
    }
    .tripplanner{
        margin-top:50px
    }
    .blueh2slim{
        text-align:center;
    }
    ul.pwheadlines,    ul.sta {
        padding-left: 0px;
    }
    a.Readmore {
        float:unset;
        text-align: center;
        /* width:100%;*/
    }
    .rideralerts{
        margin-top:60px;
    }
    .space30{
        height:10px;
    }
    .connect img,     .partners img, .icontray img{
        width:100%;
    }
    .icontray {
        margin-top: 340px!important;
    }
    .icontray p {
        margin-top: 10px;
        text-align: center!important;
        line-height: .9;
    }
    p.icontitles a {
        font-weight: bold;
        font-size: .9em;
    }
    .newswidget{margin-top:60px}

    .camera_caption {
        width: 100%;
        height: 50%;
    }

    .camera_caption > div {
        height: 100%;
        margin-left:0px;
    }

    .camera_caption > div p {
        font-size: 1em;
    }
    .newsHeader{font-size:1.5em;
    }
    h2.newsHeader {
        font-weight: 700;
        font-size:1.3em ;
        margin-top: 5px;
    }
    /*
    .camera_caption > div p {
        line-height: 0;
        font-size: 0;
        color: transparent;
    }
    .camera_caption > div p >a {
        font-size: 14px!important;
    } */
    .carousel-indicators {
        bottom: -75px;
    }
.spotlightcontent {
        background: rgba(255, 255, 255, 0.83);
        padding:5px
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media (max-width: 1400px) {
    html, body {
        overflow: scroll;
    }
}
