/**************************320x480 portrait****************** ********************/
@media screen and (min-width: 320px) and (max-width: 479px) {
    .HPcolumn {
        /*/*border-bottom: 1px dotted #173B8D;*/
        margin: 20px 0 0px 0;
        padding-bottom: 5px;
        text-align: center;
        border-top: 2px double #173B8D;
    }

    .tripPlanner {
        font-size: 90%;
    }

    .stage {
        background: #173B8D;
        padding: 0.5em;
        border-radius: 1.8em;
        color: #FFF;
    }

    .examptxt {
        color: #173B8D;
        font-size: 100%;
    }

    .vspace {
        min-height: 0.3em;
        clear: both;
    }

    .vspace1 {
        min-height: 0.1em;
        clear: both;
    }

    .tripPlanner form {
        margin: 0 8px;
    }

    .examptxt {
        color: #173B8D;
        font-size: 75%;
    }

    .rideralerts ul li div:nth-child(1) {
        min-height: 20px;
        margin: 5px;
    }

    #news2 #rideralerts ul li {
        min-height: 20px;
    }

    .Readmore a {
        margin-right: 1%;
    }

    .gt-input {
        font-size: 18px;
    }
}

/************************320x480 landscape and 480x800 portrait******************** */
@media screen and (min-width: 480px) and (max-width: 639px) {

    .HPcolumn {
        /*/*/
        *border-bottom: 1px dotted #173B8D;
        */*/*/ margin: 20px 0 0px 0;
        padding-bottom: 5px;
        text-align: center;
        border-top: 2px double #173B8D;
    }

    .tripPlanner {
        font-size: 1em;
    }

    .stage {
        background: #173B8D;
        padding: 0.2em;
        border-radius: .8em;
        color: #FFF;
    }

    .examptxt {
        color: #173B8D;
        font-size: 100%;
    }

    .vspace {
        min-height: 0.3em;
        clear: both;
    }

    .vspace1 {
        min-height: 0.1em;
        clear: both;
    }

    .tripPlanner form {
        margin: 0 8px;
    }

    #rideralerts ul li div:nth-child(1) {
        min-height: 20px;
        margin: 5px;
    }

    #news2 #rideralerts ul li {
        min-height: 20px;
    }

}

/************ Tablet Landscape screens **********************************************/
@media screen and (min-width: 640px) and (max-width: 799px) {
    .HPcolumn {
        /*/*border-bottom: 1px dotted #173B8D;*/
         margin: 20px 0 0px 0;
        padding-bottom: 5px;
        text-align: center;
        border-top: 2px double #173B8D;
    }

    .tripPlanner {
        font-size: 1em;
    }

    .stage {
        background: #173B8D;
        padding: 0.2em;
        border-radius: .8em;
        color: #FFF;
    }

    .examptxt {
        color: #173B8D;
        font-size: 100%;
    }

    .vspace {
        min-height: 0.3em;
        clear: both;
    }

    .vspace1 {
        min-height: 0.1em;
        clear: both;
    }

    .tripPlanner form {
        margin: 0 8px;
    }

    .rideralerts ul li div:nth-child(1) {
        min-height: 20px;
        margin: 5px;
    }

    #news2 #rideralerts ul li {
        min-height: 20px;
    }

}

/* *********************** 800x600 screens ******************************************/
@media screen and (min-width: 800px) and (max-width: 995px) {

    #CLF_ON section H1 {
        font-size: 1.4em;
    }

    #CLF_ON section H2 {
        font-size: 1.2em;
        line-height: 1.2em;
        margin-bottom: 0.2em;
    }

    .HPcolumn {
        /*/*border-bottom: 1px dotted #173B8D;*/
         margin: 20px 0 0px 0;
        padding-bottom: 5px;
        text-align: center;
        border-top: 2px double #173B8D;
    }

    #rideralerts ul li div:nth-child(1) {
        min-height: 40px;
        margin: 5px;
    }

    .ftime {
        width: 20%;
    }

    .spaced {
        font-size: 130%;
    }
}

/****************************1024x768 screens **************************************/
@media screen and (min-width: 996px) {
    .agcyProjNav {
        display: none;
    }

}

@media (max-width: 799px) {
    [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
        padding-left: 5px;
        padding-right: 5px;

    }

}

.ftime {
    width: 20%;
}