/* Styles added after implementation */

html, body, #background,
div.TW_CP_banner,
div.TW_CP_banner img {width:100% !important;}

.mob100rest45 {
    width: 97%;
}

@media (min-width: 479px) {
    .mob100rest45 {
        width: 45%;

    }

    .slice_affinity_content_page .content_page_main .content_page_main_sidebar .content_page_main_sidebar_nav .group_nav_parent > div {
        padding-left: 10px;
    }
}

section.slice_affinity_content_page video {
	background-color:#cccccc;
}

.HideElement {display:none !important;}

section.slice_TestimonyVideos {padding:50px 10px 30px; text-align:center; background-color:white;}
section.slice_TestimonyVideos div.container {width:100%; max-width:1300px;}
section.slice_TestimonyVideos div.VideoWrapper {
	display:flex; flex-flow:row wrap; justify-content:space-around; align-items:flex-start;
}
section.slice_TestimonyVideos div.VideoWrapper > div {
  width:100%; max-width:400px; margin:0 0 20px;
}
section.slice_TestimonyVideos div.Text {font-size:20px;}

div.twukDirectory div.directory_grid div.individualLabel > table > tbody > tr > td:last-child 
{width:150px;}
div.twukDirectory div.directory_grid div.individualLabel img {
  	display:block;
	width:auto;
  	height:auto;
  	max-width:150px;
  	margin:0 auto;
}

/* make tables responsive */
@media (max-width:767px) {
  table.SingleColumnOnSmallDevice tr {
    display:flex; flex-flow:column nowrap; align-items:flex-start; justify-content:flex-start;
  }
  table.SingleColumnOnSmallDevice td {
    padding:0; 
    width:100% !important;
    text-align:left !important;
  }
  table.SingleColumnOnSmallDevice td:last-child {padding:0 0 10px; border-bottom:2px solid #bbbbbb;}
  table.SingleColumnOnSmallDevice tr:last-child td:last-child {border-bottom:none;}
  table.SingleColumnOnSmallDevice img {
    float:none !important;
    width:100% !important; max-width:300px !important; margin:30px auto 10px 0;
  }
}