#tabs a {padding:7px 25px 15px;}
#tabs li:hover a {color:#404041;}

.dl-menuwrapper {
	float:none;
    position: absolute;
	text-align: right;
	max-width: 270px;
}
.dl-menuwrapper li a {padding: 15px 30px 15px 30px;}
.dl-menuwrapper li.dl-back::after, .dl-menuwrapper li > a:not(:only-child)::after {line-height: 52px;}
.dl-menuwrapper {display:none;}

#logoWrapper div {max-width: 100%;}
#logoWrapper a {
    max-width: 100%;
	background-size: contain !important;
}
.container {margin:0 auto;}
.loginlink1 {margin:0 8px; padding-left: 10px;}
#sideBarSocial {padding-bottom:10px;}
#mainPageVideo iframe {width: 100%;}
#layout {min-width: 320px;}
#legenda {float:right;margin-top: 5px;}

#ActivityMap .gridViewMenu {float:right;}
#map {width: 100%; height: 500px; position:relative;}
.activityNumbers .numbers span:last-child {margin-right: 0;}

#activitySummary .top li:last-child {margin-right: 0;}
#activitySummary .top li:last-child a.tab {padding-right: 0;}
#activitySummary .top a.tab {
    font-size: 13pt !important;
    padding: 0 25px 15px 0;
}
.topinfo {display:block;}
.ui-tabs .ui-tabs-nav {padding-left:0;padding-right:0}
.contentBox ul, .contentBox ol, .list ul, .list ol {margin: 17px 0;padding: 0 15px;/*padding: 0 40px;*/}
.contentBox ol li, .list ol li {list-style: outside decimal;}
.contentBox ul li, .list ul li {list-style: outside disc;}
.aanmeldform {/*Imargin-top:30px;*/ margin-top: 0; margin-bottom: 30px; color:#404041;}
#createAccountWrapper .aanmeldform, #profileWrapper .aanmeldform {margin-top:0;}
.aanmeldform input, .aanmeldform textarea, .aanmeldform select {width:100%;}
.aanmeldform .row {margin-bottom:5px;}
.aanmeldform select {padding-left: 1px;}
.aanmeldform option {height:30px;}
a.toolTip img {vertical-align: inherit;margin-top: 0 !important;position: absolute;}
.inl {display: inline;display: inline-block;}
#pageView p{margin: 15px 0;}
#pageView .topinfo p{margin: 0;}
#pageView .info p {margin: 0;}
#map{height:410px;}
.bigarea{height:500px;}
.errorbox, .successbox {
    border-radius: 3px;
    clear: both;
    display: none;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
}
.errorbox {
    background-color: #f1d5d5;
    border: 1px solid #c00;
    color: #000;
}
.successbox {
    background-color: #d5f1d5;
    border: 1px solid #007100;
    color: #000;
}
.errorbox p, .successbox p {
    margin: 0 !important;
}
.errorbox p {
    color: #000;
}
.successbox p {
    color: #000;
}
.statistics .col-sm-6 {}.statistics .col-sm-6:first-child {padding-right: 6px;}
.statistics .col-sm-6:last-child {padding-left: 6px;}
	table {display: block;
    height: auto !important;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 20px;}
.uifix3 {
	display: inline-block;
    margin-right: 4px;
    padding-top: 2px;
	width: auto;
}
#ProfileBalance .pagePart {margin: 15px 0;}

.uifix5 {float: right; margin-top: 30px;}
.ui-tabs .ui-tabs-nav li:last-child {margin-right: 0;}	
#activityFollowing .ui-tabs .ui-tabs-nav li:last-child a.tab {padding-right: 0;}
#ActivityDetailsEditUpdates .newButton {margin-bottom:20px;}
.adminPage .button.box.greenButton {margin-right:10px;}
/*.adminPage .ui-widget select {margin-right:10px;}*/

.roundSelector {margin-left: 6px;}
.gridViewMenu select {width: auto;}
#ActivityOverview .gridViewMenu select {max-width: 100%; width: 100%; /*130px;*/}
#pageView h2, #pageView h3 {padding-bottom: 10px;}
.uifix6 {text-align:right;}
#AdministrationSiteReport #searchBlock input {float:none;}
#AdministrationSiteReport #searchBlock {padding-bottom: 10px;}
.donationFormTable {display:inline;}
#RequiredResourcesCanNotDonate table select {display:block;}
#contentMenu li h3, #contentMenu li span {padding-right: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 1px;padding:0;}
.ui-tabs .ui-tabs-nav li {top:0;}

.chequelink {		
	display:none;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	position: absolute;
	right: 26px;
	top: 16px;
}
.chequelink a {
	
	font-size: 14pt;
	padding: 5px 10px;
	color: #808080;
	display: block;
}
.chequelink a:hover {
	color: #000;
}


.breadcrumbs {
    padding-bottom: 20px;
	display:none;
}
.breadcrumbs > li {
    display: inline-block;
}
.breadcrumbs > li:first-child {
    font-size: 16pt;
}
.breadcrumbs > li:first-child span.bctext {
    font-size: 11pt;
}
.breadcrumbs > li:first-child::after {
    /*content: "";*/
}
.breadcrumbs > li::after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 11pt;
    font-weight: 900;
    margin: 0 10px;
}
.breadcrumbs > li:last-child::after {
    content: "";
}
.submenu {margin-bottom:20px;}
.dl-menuwrapper {z-index: 999;}

@media only screen and (min-width: 1600px) {
	#frontPage {min-height: 450px;}
        #map{height:765px;}
}

/*
@media only screen and (max-width: 1599px) {
	#contentMenu li h3 a, #contentMenu li span a {
		border: 1px solid #ccc;
		display: block;
		padding: 8px 10px;
	}
}
*/

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	#tabs a {padding:7px 22px 15px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {padding-left:10px;padding-right:10px}
	.row {margin-left: -10px;margin-right: -10px;}
	#mainPageVideo iframe {height: 272px;}
	.loginlink1 {margin:0; display: block; clear: both; padding-left: 0;}	
	#frontPage .info p {font-size: 10.9pt;}
	.gridViewMenu select {max-width:none;}
	#profileActivatedChequesWrapper .gridViewMenu select, #administrationUserOverviewWrapper .gridViewMenu select {width: auto;}
        #reportsOverviewContainer div.activityReport .info .image {height: 140px;}
	#reportsOverviewContainer div.activityReport {height: 306px; max-width: 400px;}
        #newsOverviewContainer #newsContainer .news {height: 100%;}
        #reportsOverviewContainer div.activityReport .titleBanner {bottom: inherit; top: 52px;}
	#frontPage {min-height: 450px;}
	#ActivityOverview .gridViewMenu select {max-width: none;width: 100%;}
        #MainPage .activityReport div.info, #MainPage .news div.info {height:335px;}
        .DonationOptionHolder {width: 86px;}
        .FinJusOverviewTitle {font-size: 80%;}
}

@media only screen and (max-width: 1199px)
{
    #logoWrapper img
    {
        max-height: 80px;
        max-width: 200px;
    }
    .breadcrumbs
    {
            display:block;
    }
    #contentMenuWrapper {display:none;}
    .submenu {display:none;}
    .dl-menuwrapper {
            display:block;
            margin-top: -135px;
            right: 26px;
            top: inherit;
    }


    #contentArea
    {
        padding-left: 0;
        padding-right: 0;
    }

    #tabs
    {
        padding-left: 0;
    }
    .FinJusOverviewTitle {font-size: 80%;}
}
@media only screen and (min-width: 992px)
{
    .MainPageBox .titledate .title h3 a
    {
        display: inline-block;
        height: 23px;
        overflow: hidden;
        width: 100%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.refix1 {float:right;}
	.gridViewMenu select {max-width:none;}
	#profileActivatedChequesWrapper .gridViewMenu select {width: auto;}
        #reportsOverviewContainer div.activityReport .info .image {height: 140px;}
	#reportsOverviewContainer div.activityReport {height: 306px; /*max-width: 400px;*/}
        #newsOverviewContainer #newsContainer .news {height: 100%;}
        #reportsOverviewContainer div.activityReport .titleBanner {bottom: inherit; top: 52px;}
	.uifix4 {float:right;}
	#ActivityOverview .gridViewMenu select {max-width: none;width: 100%;}
        #MainPage .activityReport div.info, #MainPage .news div.info {height: 180px;}
        #mainPageVideo iframe {height: 517px;}
        .DonationOptionHolder {width: 100px;}
}

@media only screen and (min-width: 992px) and (max-width: 1599px) {
    .activity .info .description {height: 58px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.chequelink {		
            display:block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#tabs a {padding:7px 12px 15px;}
	.refix1 {float:right;}
	#pageFooter span {margin-right:20px;}
	#pageFooter span.partnerlogo5 {margin-right:0;}	
	#pageFooter img {/*height: 51px;*/}
	#searchBlock input.textInput {margin-right:2px;padding: 0 2px;}
	#searchBlock input.redButton.smallbutton {margin-left: 0;width:auto;font-size:11pt;padding: 0 6px;}
	.activityNumbers {padding: 5px 10px 5px 20px;}
	#activitySummary {padding: 5px 10px;}
	#activitySummary .top a.tab {font-size: 11pt !important;padding: 0 12px 15px 0;}
        #reportsOverviewContainer div.activityReport .info .image {height: 140px;}
	#reportsOverviewContainer div.activityReport {height: 350px; /*max-width: 360px;*/}
        #newsOverviewContainer #newsContainer .news {height: 100%;}
        #reportsOverviewContainer div.activityReport .titleBanner {bottom: inherit; top: 52px; width: 90%;}
	.uifix4 {float:right;}
	#ActivityOverview .gridViewMenu select {max-width: none;width: 100%;}
	#ActivityOverview #searchBlock .textInput {width:150px;}
	#contentMenu li {padding-right:10px;}
	#contentMenu li h3 a, #contentMenu li span a {padding: 5px 9px;font-size:12pt;}
        #mainPageVideo iframe {height: 393px;}
        #reportBox {padding-left: 30px;}
}

@media only screen and (max-width: 991px) {
        #MainPage .activityReport div.info, #MainPage .news div.info, #MainPage .activity .info .description {height: auto;}
        #legenda {clear:both; float:left; width: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 991px)
{
    #frontPage h1 {font-size: 16pt;}
    #frontPage .intro h2 {font-size: 16pt;}
}

@media only screen and (max-width: 479px)
{
    #frontPage h1 {font-size: 14pt;}
    #frontPage .intro h2 {font-size: 14pt;}
    .FinJusOverviewTitle {font-size: 70%;}
    #PaymentInfo_PayoutDate{float: inherit; margin-left: 23px; margin-top: inherit; width: 100px;}
}

@media only screen and (max-width: 767px) {
    #tabsWrapper {display:none;}
    #InloggenAccountAanmakenButtons {text-align: left;}
    .selectright .fieldLabel {line-height: 30px;}
    #ActivityOverview #searchBlockWrapper .textInput {width: calc(100% - 85px);}
    #ActivityOverview #searchBlockWrapper {width: 100%;}
    #unFollowActivityButton {float: right;}
    #followActivityButton {float: right;}
}
@media only screen and (max-width: 1199px) {
    #pageFooter {padding-left: 0; padding-right: 0; margin-left: 15px;}
}

@media only screen and (max-width: 991px)
{
    .steps
    {
        float: left;
        margin: 0 0 20px 0;
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
        .activity .info .description {min-height: 0;}
        
        .modal-SideBarActivityCreate .rightcol {border-left: none;}
	
        .spacerforlargescreen
        {
            display: none;
        }
        
	/*#dl-menu {display:block;}*/
	/*#ActivityDetailsOverview #contentMenuWrapper, #ActivityDetailsUpdates #contentMenuWrapper {display:block;}*/
	#frontPage h1 {font-size: 15pt;}
	#layout #contentNavOld {position: relative;z-index: 999;}
	#pageFooter span {margin-bottom: 10px; /*width:100%;*/}
	.gridViewMenu {margin-bottom: 10px;margin-top: 10px;}
	.gridViewMenu span {
		display: block;
		float: left;
		line-height: 30px;
		width: 88px;
	}
	#ActivityOverview .gridViewMenu select {max-width: calc(100% - 100px);}
	#searchBlock input.textInput {margin-right:0;}
	#searchBlock input.redButton.smallbutton {line-height: normal;}
	.pagePart.col-sm-6 {margin-bottom: 30px; margin-top: 40px;}
        #reportsOverviewContainer div.activityReport .info .image {height: 292px; /*width: 340px;*/}
	#reportsOverviewContainer div.activityReport {height: 500px;}
        #newsOverviewContainer #newsContainer .news {height: 100%;}
        #reportsOverviewContainer div.activityReport .titleBanner {bottom: inherit; top: 52px;}        
        #reportsOverviewContainer div.activityReport .info .textcontainer {width: 100%;}  
	#map{height:350px;}
	.bigarea{height:350px;}
	.statistics .col-sm-6 {}.statistics .col-sm-6:first-child {padding-right: 15px;}
	.statistics .col-sm-6:last-child {padding-left: 15px;}
	.uifix5 {
		float: none;
		margin-bottom: 20px !important;
		margin-top: 0;
	}
	#ActivityDetailsReport #managePhotoCollection #attachmentContainer div div {padding-top:0 !important;}
	#contentMenu li h3 a, #contentMenu li span a {padding: 4px 8px;font-size: 12pt;}
	#contentMenu li {
		padding-right: 8px;
	}
	#activityEditWrapper .col-sm-5.right {float:none;}
        #partners span img {/*height: 39px;*/}
	.dl-menuwrapper {
		right: 25px;
		margin-top: -57px;
	}
	.activity .info .title, #activityContainer h4 {height: auto;}
        #activitySocial {float: left;}
}
@media only screen and (max-width: 579px) {
	#mainPageVideo iframe {height: 298px;}
	.adminPage .tabContainer ul li a {

		font-size: 12pt;
		padding: 0 13px;
	}
        #headerLogo0 {left: 0;}
}
@media only screen and (max-width: 479px) {
	#mainPageVideo iframe {height: 241px;}
	.activityNumbers, #activitySummary {padding-left:10px;padding-right:10px;}
	.activityNumbers .numbers .blockit {display:block;}
	#activitySummary .top li.ui-state-active a.tab, #activitySummary .top a.tab, .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom:0;}
	.ui-tabs .ui-tabs-nav li {width:100%;}
	#frontPage {padding: 10px 15px;}
        #reportsOverviewContainer div.activityReport .info .image {height: 140px;}
	#reportsOverviewContainer div.activityReport {height: 350px;}
        #newsOverviewContainer #newsContainer .news {height: 100%;}
        #reportsOverviewContainer div.activityReport .titleBanner {bottom: inherit; top: 52px;}        
	#newsOverviewContainer #newsContainer .news {height: 213px;}
	#map{height:300px;}
	.bigarea{height:300px;}
	#frontPage h4 {clear:both;}
        #pageFooter span {margin-right: 0; padding-right: 10px; width: 50%;}
        #reportBox {padding-left: 20px;}
}
@media only screen and (max-width: 429px) {
	#contentMenu li {clear: both;margin:0;}
	.right.uifix2 {float:none;margin-bottom: 15px;}	
	#contentMenu li h3 a, #contentMenu li span a {

		font-size: 12pt;
		line-height: 18pt;
		padding: 2px 10px;
	}
	#contentMenu li h3, #contentMenu li span {margin-bottom:4px;}
}
@media only screen and (max-width: 379px) {
	#mainPageVideo iframe {height: 185px;}
	.activity .info .name {width: 100%;}
	.activity .info .date {width: 100%;}
	.activity .info .funded {width: 57px;}
	.activity .info .donations {width: 73px;}
	.activity .info .amountleft {width: 74px;}
	.activity .info .daysleft {width: 44px;}
	.uifix6 {text-align:left;}
	.uifix6.hasTwoIcons {width:100%;}
    .FinJusOverviewTitle {font-size: 65%;}
}

@media only screen and (min-width: 1600px) {
.activity.box {
    height: 439px;
}
}

@media only screen and (max-width: 1199px)
{
    #contentWrapper
    {
        padding-right: 15px;
    }
    #sideBarWrapper
    {
        float: left;
        padding-left: 30px;
        padding-right: 15px;
        padding-top: 20px;
        width: 50%;
    }
}
@media only screen and (max-width: 991px)
{
    #sideBarWrapper
    {
        padding-right: 30px;
        width: 100%;
    }

    .MainPageHeaderContainerInitiatieven {margin-right: 15px;}
}
@media only screen and (min-width: 1600px)
{
    .slide .imgbox.receiptimgbox
    {
        height: 705px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px)
{
    .activity.box {height: 420px;}
    #SliderContainer {padding-left: 10px; width: 100%;}
    .slide img, .slide .imgbox {height: 447px; width: 795px;}
    .slide img, .slide .imgbox.receiptimgbox {height: 564px !important; width: 400px !important;}
    .slide .slideYoutubeIframe {height: 447px; width: 795px;}   
    .slide .slideText {} 
    #mainPageActivities {display: none;}
    #mainPageActivitiesSecondary {display: block;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:nth-child(2) .activity {margin-left: 20px;}
    #mainPageActivitiesSecondary .activity.box {float: left; height: 422px; margin-right: 0; width: 385px;}
    .MainPageHeaderContainerInitiatieven {margin-right: 15px;}
    .sideBarBigButton {font-size: 12pt;}
    #map{height:822px;}
    .NewsGridItem {margin-bottom: 20px;}
}

@media only screen and (min-width: 992px)
{
    .FinJusOverviewBoxContainer
    {
        margin-top: -10px;
    }

    .FinJusOverviewBox
    {
        border: 1px solid #9d9b9b;
        padding: 5px 0 5px 0;

    }
    .FinJusOverviewBox:first-child
    {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 991px)
{
    .FinJusOverviewBoxContainer
    {
        background-color: #EBECEB;
        margin-top: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    .activity.box {height: 420px;}
    #SliderContainer {width: 100%;}
    .slide img, .slide .imgbox {height: 518px; width: 921px;}
    .slide img, .slide .imgbox.receiptimgbox {height: 564px !important; width: 400px !important;}
    .slide .slideYoutubeIframe {height: 518px; width: 921px;}   
    .slide .slideText {}
    #mainPageActivities {display: none;}
    #mainPageActivitiesSecondary {display: block; margin-left: 15px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:nth-child(2) .activity {margin-left: 31px;}
    #mainPageActivitiesSecondary .activity.box {float: left; height: 422px; margin-right: 0; width: 443px;}
    .MainPageHeaderContainerInitiatieven {margin-right: 18px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .activity.box {height: 394px;}
    #SliderContainer {width: 100%;}
    .slide img, .slide .imgbox {height: 518px; width: 700px;}
    .slide img, .slide .imgbox.receiptimgbox {width: 300px !important;}
    .slide .slideYoutubeIframe {height: 394px; width: 700px;}
    .slide .slideText {}
    #mainPageActivities {display: none;}
    #mainPageActivitiesSecondary {display: block; margin-left: 15px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:first-child .activity {display: block !important; margin-right: 6px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:last-child .activity {display: none;}
    #mainPageActivitiesSecondary .activity.box {float: left; height: 422px; margin-right: 0; width: 700px;}
    #InloggenAccountAanmakenButtons {text-align: center;}
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
    body {overflow-x: hidden;}
    .mainbody {background: #FFFFFF;}
    .activity.box {height: 424px;}
    #SliderContainer {width: 100%;}
    .slide img, .slide .imgbox {height: 253px; width: 450px;}
    .slide img, .slide .imgbox.receiptimgbox {width: 300px !important;}
    .slide .slideYoutubeIframe {height: 253px; width: 450px;}
    .slide .slideText {font-size: 12pt; line-height: 23px;}
    #mainPageActivities {display: none;}
    #mainPageActivitiesSecondary {display: block; margin-left: 15px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:first-child .activity {display: block !important; margin-right: 6px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:last-child .activity {display: none;}
    #mainPageActivitiesSecondary .activity.box {float: left; height: 422px; margin-right: 0; width: calc(100% - 15px);}
    .MainPageBox .titledate {height: 70px;}
    #activitySummary .activityContributeButton div {font-size: 14px !important;}
    .varmargin {margin-top: 75px;}
    #ButtonConfirmDonation  {margin-top: -33px;}
}

@media only screen and (min-width: 361px) and (max-width: 479px)
{
    body {overflow-x: hidden;}
    .mainbody {background: #FFFFFF;}
    .activity.box {height: 436px;}
    #SliderContainer {width: 100%;}
    .slide img, .slide .imgbox {height: 186px; width: 330px;}
    .slide img, .slide .imgbox.receiptimgbox {width: 300px !important;}
    .slide .slideYoutubeIframe {height: 186px; width: 330px;}
    .slide .slideText {font-size: 12pt; line-height: 23px;}
    #mainPageActivities {display: none;}
    #mainPageActivitiesSecondary {display: block; margin-left: 15px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:first-child .activity {display: block !important; margin-right: 6px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:last-child .activity {display: none;}
    #mainPageActivitiesSecondary .activity.box {float: left; height: 430px; margin-right: 0; width: calc(100% - 15px);}
    .MainPageBox .titledate {height: 55px;}
    #activitySummary .activityContributeButton div {font-size: 14px !important;}
    .varmargin {margin-top: 75px;}
    #ButtonConfirmDonation  {float: left; margin-top: 33px;}
}

@media only screen and (max-width: 360px)
{
    body {overflow-x: hidden;}
    .mainbody {background: #FFFFFF;}
    .activity.box {height: 468px;}
    .activity.box .info .description span.trun {display: block; height: 63px; overflow: hidden;}
    .activity .info .icons {float: right; margin-top: -133px;}
    #SliderContainer {width: 100%;}
    .slide img, .slide .imgbox {height: 186px; width: 330px;}
    .slide img, .slide .imgbox.receiptimgbox {width: 300px !important;}
    .slide .slideYoutubeIframe {height: 186px; width: 330px;}
    .slide .slideText {font-size: 12pt; line-height: 23px;}
    #mainPageActivities {display: none;}
    #mainPageActivitiesSecondary {display: block; margin-left: 15px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:first-child .activity {display: block !important; margin-right: 6px;}
    #mainPageActivitiesSecondary .ActivitiesMainPageSubContainer .boxWrapper:last-child .activity {display: none;}
    #mainPageActivitiesSecondary .activity.box {float: left; height: 469px; margin-right: 0; width: calc(100% - 15px);}
    .MainPageBox .titledate {height: 55px;}
    #activitySummary .activityContributeButton div {font-size: 14px !important;}
    .varmargin {margin-top: 75px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .activity.box
    {
        height: 437px;
    }
}

@media only screen and (max-width: 768px)
{
    .modal-SideBarActivityCreate .leftcol
    {
        min-height: 280px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .modal-SideBarActivityCreate .rightcol
    {
        border-left: none;
        min-height: 280px;
        margin-top: 40px;
        padding-bottom: 20px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 991px)
{
    .clear991 {clear: both;}
}

@media only screen and (max-width: 1199px)
{    
    .bottomLineContainer
    {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    #sideBarTranslate
    {
        display: none;
    }
}

@media only screen and (max-width: 1199px)
{    
    #header {height: 162px;}
    #logoWrapper a {height: 120px;}
}




@media only screen and (max-width: 520px)
{   
    .RequiredResourcesNumberOfItems
    {
        font-size: 85% !important;
        width: 35px;
    }
    .RequiredResourcesAmount
    {
        font-size: 85% !important;
        width: 65px;
    }
    .RequiredResourcesDescription
    {
        font-size: 85% !important;
        width: 165px;
    }
    .RequiredResourcesCanBeDonated
    {
        font-size: 85% !important;
        width: 45px;
    }
    .RemoveRequiredResourceCanNotDonate
    {
        font-size: 85% !important;
    }
}

@media only screen and (max-width: 415px)
{
    #ButtonDeleteAccount, #ButtonCancelDeleteAccount, #ButtonDeleteAccount2, #ButtonCancelDeleteAccount2, #ButtonOpenModalDeleteAccount
    {
        font-size: 75%;
    }
    
    #ButtonSubmitModalAccountConsents
    {
        font-size: 68%;
    }
}

@media only screen and (max-width: 390px)
{
    #ButtonOpenModalDeleteAccount
    {
        font-size: 68%;
    }
    
    #ButtonSubmitModalAccountConsents
    {
        font-size: 68%;
    }
    .ButtonNextPrevReceipt, #ButtonCountIndicator
    {
        font-size: 100%;
    }
}

@media only screen and (max-width: 449px)
{
    #ModalSelectedRegions li
    {
        padding-left: 2px;
    }
    .ui-autocomplete
    {
        max-width: 100%;
    }
    .ButtonNextPrevReceipt, #ButtonCountIndicator
    {
        font-size: 100%;
    }
}

@media only screen and (min-width: 450px)and (max-width: 662px)
{
    #ModalSelectRegion
    {
        left: 180px;
        position: absolute;
    }

    #ModalSelectedRegions
    {
        margin-left: 109px;
    }
    .ButtonNextPrevReceipt, #ButtonCountIndicator
    {
        font-size: 100%;
    }
}

@media only screen and (min-width: 663px)
{
    #ModalSelectRegion
    {
        float: right;
        margin-right: 192px;
    }

    #ModalSelectedRegions
    {
        margin-left: 109px;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    #SliderContainer
    {
        height: 727px;
    }
    .slText
    {
        margin-top: 593px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
    #SliderContainer
    {
        height: 596px;
    }
    .slText
    {
        font-size: 12pt;
        line-height: 23px;
        margin-top: 462px;
        padding-top: 17px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
    #SliderContainer
    {
        height: 456px;
    }
    .slText
    {
        font-size: 10pt;
        line-height: 23px;
        margin-top: 322px;
        padding-top: 7px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 479px)
{
    #SliderContainer
    {
        height: 388px;
    }
    .slText
    {
        font-size: 10pt;
        line-height: 23px;
        margin-top: 238px;
        padding-top: 7px;
        width: 80%;
    }
}

@media only screen and (max-width: 360px)
{
    #SliderContainer
    {
        height: 213px;
    }
    .slText
    {
        font-size: 10pt;
        line-height: 23px;
        margin-top: 120px;
        padding-top: 7px;
        width: 90%;
    }
}