/** Responsive Images & Video **/
.content img {
    display: block;
    width: auto !important;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.fl_social_icons img {
    display: inherit;
    max-width: 40px;
}
.responsive-video-embed {
    position: relative;
    display: block;
    width: auto; height: 0;
    padding: 0;
    overflow: hidden;
    margin: 0 0 1em;
}
    .responsive-video-embed iframe {
        position: absolute;
        width: 100%; height: 100%;
        top: 0; bottom: 0; left: 0; right: 0;
        margin: 0; padding: 0;
    }

/** Devereux Responsive **/
@media screen and (max-width: 980px) {
    .contentbkgd {
        width: auto !important;
    }
    .container {
        width: auto; height: auto;
        padding: 0 9px; margin: 0 auto;
    }
    .content > table:first-child, .content table.TabTable > table:first-child {
        display: block;
        width: auto !important;
    }
    .content .threeColumn,
    .content .twoColumn,
    .content .oneColumn {
        display: block;
        width: auto !important;
    }

    .mainnavcontainer > ul {
        width: 100%;
    }
        .mainnavcontainer > ul > li {
            padding: 0; margin: 0;
            width: auto !important;
        }
        .mainnavcontainer > ul > li > a {
            padding: 0 10px; margin: 0;
            font-size: 15px;
        }


    /** Slider **/
    div.slider {
        position: relative;

        display: block;
        width: auto; height: auto;
        float: none; clear: both;
    }
    div.sliderContainer,
    ul.sliderContainer {
        display: block;
        width: auto; height: 0;
        padding: 31.915% 0 0 0;
        float: none;
        clear: both;

        position: relative;
    }

    div.sliderContainer .slide, 
    ul.sliderContainer li {
        display: block;
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        width: auto !important; height: 0 !important;
        padding: 0; margin: 0;
    }
        ul.sliderContainer li img {
            display: block;
            width: 100%; height: auto;
        }

    .home-columns a.news-article {
        display: block;
        margin: 0 0 1em;
    }
    .home-columns a.news-article p {
        display: none;
    }
    
}

@media screen and (max-width: 960px) {
    .footer-content {
        width: auto;
        margin: 0 auto;
    }

    /** Vertical TD **/
    td.vertical {
        display: block;
        width: auto;
    }
    td.vertical > p,
    td.vertical > h1, td.vertical > h2,
    td.vertical > h3, td.vertical > h4,
    td.vertical > h5, td.vertical > h6 {
        margin-left: 10px; margin-right: 10px;
    }
    td.vertical > ul, td.vertical > ol {
        margin-left: 25px; margin-right: 10px;
    }
    table.responsive {
        width: 100% !important;
    }

    /* LEFT SIDE NAVIGATION */

    .content ul.nav {
        width: auto;
        height: auto;
        padding: 0 20px;
        margin: 0 0 20px;

        font-size: 15px;
        line-height: 18px;
        border: 1px solid #bcbcbc;
        background: #e8e8e8;
        overflow: hidden;
    }
    .content ul.nav li {
        border: 0 !important;
        display: block;
        width: 33%; height: auto;
        float: left;
        background: transparent;
        padding: 0; margin: 0;
    }

    .content ul.nav li a:link, .content ul.nav li a:visited {
        color: #343434;
        text-decoration: underline;
        display:block;
        padding: 6px 0; margin: 0;
        background: transparent;
    }

    .content ul.nav li a:hover, .content ul.nav li a:active, .content ul.nav li a:focus {
        background: transparent;
    }

    .content ul.nav li a.activeMenu {
        background: transparent !important;
        color: #000;
        font-weight: bold;
        text-decoration: none;
        width: auto;
    }

    .content ul.nav ul {
        display: none;
    }
    .content .global-actions {
       display: none;
    }
}
@media screen and (max-width: 767px) {
    .container {
        padding: 0;
    }
    .leftheader, .rightheader {
        width: 50%;
        overflow: visible;
    }
        .leftheader a img {
            width: 100%; height: auto;
        }
    .rightheader .phonenumber { display: none; }
    .rightheader table {
        float: right;
        width: 100%;
    }
    .topnav a.donate,
    .topnav a.contact {
        display: inline-block;
        width: auto; height: auto;
        padding: 0; margin: 0 1em 1em 0;
        float: right;
        clear: right;
        background: none;

        font-family: 'PT Serif', Georgia, serif;
        text-indent: 0;
        text-decoration: underline;
        font-style: italic;
        font-size: 14px; line-height: 18px;
        text-align: right;
        color: #776f67;
    }
    .mainnavcontainer { display: none; }
    .mobilenavcontainer { display: block; }
    .columns-wrapper.two-columns .column {
        display: block;
        width: auto;
        float: none;
        margin: 0 0 20px;
    }
    .columns-wrapper.home-columns { display: none; }
    .columns-wrapper.home-columns.mobile-columns { display: block !important; }
    .desktop-locations { display: none; }
    .mobile-locations { display: block; }

    /* LEFT SIDE NAVIGATION */

    .content ul.nav {
        padding: 0 10px;
        margin: 0 0 20px;

        border-left: 0; border-right: 0;
    }
    .content ul.nav li {
        width: 50%;
    }

    /** New Footer **/
    
        .footer-columns {
            display: block;
            width: auto;
        }
            .footer-column {
                display: block;
                width: auto;
                height: auto;
                padding: 0 0 20px;
                margin: 0 0 20px;
                border-right: 0;
                border-bottom: 1px solid #fff;
            }
        .footer .links-columns {
           display: block;
           text-align: center;
        }
            .footer .links-column {
                display: inline-block;
                text-align: center;
                padding: 0 15px;
                float: none;
                vertical-align: top;
            }
            .footer .links-column.last {
                padding: 0 15px;
            }

    .content table.audience {
        display: block;
        width: auto; height: auto;
        overflow: visible;
        text-align: center;
    }
    .content table.audience td {
        display: inline-block;
        width: auto; height: auto;
        margin: 1%;
        padding: 0;
    }
        .content table.audience td a {
            display: inline;
        }

    .floated-video {
        width: 50%;
    }

    .content .donation-form-container.responsive {
        margin: 0 !important;
        padding: 0 !important;
    }
    .content .donation-form-container.responsive div.form-row {
        margin-top: 0;
    }
}
@media screen and (max-width: 500px) {
    .content ul.nav li {
        width: 100%;
    }
    .president-photo {
        width: 33%;
    }
    .president-photo img {
        width: 100% !important; height: auto;
    }
    .floated-video {
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 480px) {
    .mobilenavcontainer .phonenumber {
        font-size: 14px;
    }	
	
	.mobilenavcontainer .phonenumber a{
		color:#ffffff;
		text-decoration:none;
    }	
    .old-school input[type=text] {
        width: 155px;
    }
    .old-school textarea {
        width: 290px;
    }
    
    .footer .tagline {
        background:none;
		text-indent:3px;
		font-style:italic;
		font-weight:600;
		text-align:center;		
    }
	
	.columns-wrapper .column-content {
		margin: 0 12px;
	}
	
	.DonationAppTable table th { font-weight: bold; }
	form table {
		border-spacing: 1px !important; /*override for menu_styles.css -- not required after launch of new site */
	}
	.DonationAppTable table td, table th {
		text-align: left;
		display: block;
		float: left;
		width: 80%;
	}
	
	.FormCaption p img {
		width:100% !important;
	}
	
	.FormCaption {
		padding:0px;
	}
	
	.FormCaption h2 {
		width:120% !important;
	}
	
	/* for responsive purpose - other p tag not responding using this class to fix */
	.pfix {
		width:84%;
	}
	
	/* Massachusset Suport page override*/
	.mafix {
		width:84%;
		display:block;
	}
	
	.mapfix {
		width:37%;
	}
	
	.mah1fix {
		width:54%;
	}
	
	#mediaplayer_wrapper {
		margin-left:-178px;
		width:71%;
	}
	
	#maemfix {
		width:62%;
		display:block;
	}
	
	p.centered {
		text-align:left;
	}
	
	.greenFont {
		padding: 0 0 0 5px;
	}
	
	h1, h2, h3, h4, h5, h6, p {
		padding: 0 0 0 5px;
	}
	
	.appArea table td {
	
	display: block;
	width: 100%;
	}
	/*
	#news_iv_ctrl  select {
		width:50%;
	}
	*/
	#ga_referral td {
		display: block;
	}
	
	#news_iv_ctrl {
		  display: block;
		  width: 80%;
		  float: left;
	}
	
	.Explicit {
		float: left;
		margin: 10px 0 10px 0;
	}
	
	#dds_search {
		margin-top: 30px;
	}
	
	.footercontainer {
		width: 100%;
	}
	
	.footer .footerCol {
		display: block;
		position: relative;
		margin: 0 auto;
		margin-left: -2%;
	}
	
	.footerCol, .lastcol h3 {
		margin-left: 19%;
	}
	
	.footer .footerCol {
		border-right: none;
	}
   
   /* 
    P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
        display:block;
    }
	*/
}