/*
----------------------
Small Screens <= 600px
----------------------
*/





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

	.logo img{
		max-width: 375px;
	}


    .header-alert-bar .container{
        justify-content: space-between;
    }


	/* Subpage - General Styles */

        .main-copy p{
            font-size: 1rem;
        }

        .main-copy img[style="float: right;"] {
            float: none !important;
            margin: 0;
            margin-bottom: 1rem;
            min-width: 100%;
            height: auto;
        }


	/* Subpage - Top Section */

	.main-top{
		padding:0;
        padding-left: 2rem;
        padding-right: 2rem;
		}

		.main-top .breadcrumbs{
			display: none;
			}

		.rs_skip{
		  margin: 0 0 -10px;
			}

		.main-top h1{
			padding-bottom: 20px;
            font-size: 2.5rem;
            line-height: 2.5rem;
			}


	/* Subpage - Accordions */


	/* Subpage - Flexform */

	.csFlexFrmWrapFields input[type=text],
	.csFlexFrmWrapFields textarea,
	.csFlexFrmWrapFields select,
	.csAMtitle6FormWrap input[type=text],
	.csAMtitle6FormWrap textarea,
	.csAMtitle6FormWrap select,
	.csAMgeneralFormWrap input[type=text],
	.csAMgeneralFormWrap textarea,
	.csAMgeneralFormWrap select {
		width: 100% !important;
		}


	/* System Map */

	.system-map-your-bus h2,
	.system-map-your-bus p {
		text-align: left;
	}

	.bigMap .pnlGoogleMapAkronMetromap_canvas{
		height: 380px;
	}

	/* Board Members */

	.member {
		margin: 0 auto;
		flex: 0 1 100%;
	}

	.member-image {
		flex: 0 1 66%;
		margin-top: 5px;
		margin-right: 10px;
	}

	.member-info {
		flex: 0 1 87%;
	}

	.member-title {
		padding-bottom: 10px;
		/* font: 1.6rem/1.8rem open_sansregular, Arial, sans-serif; */

	}

	.appointee-title {
		    /* font: 1.4rem/1.6rem open_sansregular, Arial, sans-serif; */
	}


    section.hp-our-services-e-spot {
        /* padding: 1rem 1rem; */
        justify-content: center;


    }
    /* section.hp-our-services-e-spot .flex-col .col-content{
        padding: 1rem !important;
    } */



    /* team flex */

    .team-flex{
        flex-direction: column;
    }

    .team-flex .team-image{
        
        margin-bottom: 0.5rem;
        max-height: 280px;
        aspect-ratio: 4/3;
        overflow: hidden;
        }
        .team-flex .team-image img{
            transform: translateY(-12.5%);
            display: block;
        }


    .team-flex .team-copy{
        padding: 0;
    }





    table{
        empty-cells: hide;
    }

    #ctl00_mainContent_ctl01_pnlFile{
        margin-right: -2rem;
        margin-left: -2rem;
        overflow-x: scroll;
    }

    .FileManager_table{
        padding: 0 1rem
    }

    







} /* 600 */





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

	/* Footer */

	/* .fc-social{
		padding-left: 11%;
		width: 89%;
		} */

    .fb-nav a{  
        display: block;
    }


	/* Homepage - Service Alerts */

	.an-title{
		font-size: 2.8rem;
		}


	/* File Manager */

	.FileManager_table .col-edit,
    .FileManager_table .col-description,
	.FileManager_table .col-modifieddate{
		display: none;
		}

		.FileManager_table .AspNet-GridView table tbody tr td{
			border: 0;
			}


	/* RTE Image Classes */

	.image-right,
	.image-left,
	.image-block{
		display: block !important;
		float: none !important;
		margin: 0 auto 30px !important;
		}


	/* Subpage - Accordions */

    .ui-accordion .accordion-columns{
        flex-direction: column;
    }

    .ui-accordion .ui-accordion-header.ui-state-default{
        padding: 1rem 3rem 1rem 1rem;
    }
    .ui-accordion .ui-accordion-content.ui-widget-content{
        padding: 1.5rem;
    }

    .ui-accordion .accordion-columns ul{
        padding: 0 1.5rem;
    }

	/* .ui-accordion .ui-accordion-header.ui-state-default{
		padding: 16px 20px 13px 50px;
		}

		.ui-accordion .ui-accordion-header.ui-state-default .ui-accordion-header-icon {
		    left: 10px;
			}

		.ui-accordion .ui-accordion-header.ui-state-default a{
			/* font: 1.6rem/2rem montserratregular, arial, sans-serif; 
			}*/



        .home-page-hero .hero-links a:first-of-type:after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 0%;
            width: 100%;
            border-bottom: 1px solid #fff;
            display: block;
        } */


    .home-page-hero .hero-links a {
        padding: 2rem 0;
        max-width: 15rem;
        text-align: left;
    }




} /* 500 */





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

    body{
        padding-top: 127px;
    }

	/* Header */

	/* header .container::before,
	header a.fifty-year-logo {
		width: 102px;
		height: 32px;
		left: calc(2% + 150px);
		top: 12px;
	} */

	.logo img{
		max-width: 260px;
	}
    .header-alert-bar{
        padding: 0.5rem 1rem;
    }


    .header-alert-bar .container.alert-list a{
        font-size: 0.85rem;
    }

    .container.alert-list li span{
        font-size: 1rem;
    }

    .container.alert-list li span:before{
        vertical-align: 1px;
        padding-left: 0.125rem;
    }



	/* System Map */

	.page-system-map h1 span{
	    display: block;
		}

	.bigMap .pnlGoogleMapAkronMetromap_canvas{
		max-width: 90%;
		}

	.map-links{
		margin: 15px 0;
		padding: 15px 0 0;
		}

		.map-links a{
			margin: 0 0 15px;
			}


	/* Homepage - News */

	.gallery-nav{
		top: 50%;
		}

} /* 450 */



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

	/* Board Members */

	.member-image {
		width: 100%;
	}

}




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


    .header-alert-bar .container.alert-list a{
        font-size: 0.75rem;
        letter-spacing: 1px;
    }


	

} /* 374 */


@media screen and (max-width: 350px){
    .home-page-hero .route-schedules select{
        max-width: 290px;
    }

    .container.alert-list{
        padding-left: 0;
    }
}