/*	Media 768Px Start */
/*	AKA iPad/Tablets */
@media (min-width: 768px) and (max-width: 990px) {
	.as-menuwrapper { display: inline-block; }
	.main-navigation,.as-captiontitle span { display: none; }
	.as-caption { margin-top: 0px; }
	h1 { font-size: 30px; }
	.as-captiontitle { margin-bottom: 15px; }
	.as-caption a { font-size: 14px; padding: 5px 20px; }

	/* MainGrid */
	.col-md-3,.col-md-4 { display: inline-block; margin-left: -4px; float: none !important; vertical-align: top; width: 50%; }
	.as-blogs > ul > li,.as-events > ul > li,.as-causes-list > ul > li,.as-volunteer > ul > li { float: left; }

	/* SubHeader */
	.as-minheader { padding-top: 110px; }
	.as-minheader-wrap [class*="col-md-"] { width: 100%; text-align: center; }
	.as-page-title { margin-bottom: 15px; }
	.as-page-title,.as-breadcrumb { float: none; display: inline-block; width: auto; }
	.as-page-title p { display: inline; }
	.as-counter ul li { margin-bottom: 35px; }
	.as-list-view ul li figure, .event-thumb-section { width: 100%; }
	.as-list-view ul li .event-thumb-section ~ .as-event-info { padding: 0px; float: left; width: 100%; }
	.as-event-caption { padding-top: 45px; }
	.as-nextprev-post li { float: left; width: 100%; margin-bottom: 20px; }
	.as-team-wrap { padding-bottom: 20px; }
	.as-main-content { overflow: hidden; }
	#newsletters_placeholder {display: none;}
	
	/* PPK */
	.as-menuwrapper {10px 25px 10px 0px;}
	.as-menuwrapper button {background-color: #605436;}
	/* PPK */
	
		/* Úvodní stránka */
	#newsletters_placeholder {display: none;}
	.as-page-title h1 {margin-right: 0px;}
	#magnet {display: none; width: auto;}
	#right_po {position: relative; width: 90%;}
	#left_po {position: relative; width: 90%}
	.as-menuwrapper {padding: 10px 20px;}
	.as-menuwrapper button {background-color: #605436;}
	.pri_osa {height: auto;}
	#osa_1 {height: auto; width: auto;}
	#osa_2 {height: auto; width: auto;}
	#osa_3 {height: auto; width: auto;}
	#osa_4 {height: auto; width: auto;}
	.pri_osa h1 {color: #707173;}
	#vyzvy {width: 90%; display: inline;}
	#menu_vyzvy {display: none;}
	#vyzvy h2 {margin-bottom: 5px; display: inline; margin: auto; width: 35%;}
	#menu_skoleni {display: none;}
	#skoleni {margin-bottom: 5px; display: block; width: auto; padding-left: 0px;}
	#skoleni h2 {margin-bottom: 5px; display: inline; margin: auto; width: 58%;}
		
		/* Header, dropdown menu a ostatní stránky */
	.as-menuwrapper li a{padding: 10px 20px;}
	#left_content {max-width: none; display: block;}
	#postranni_panel {max-width: none; padding-top: 10px;}
	.pro-zadatele-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.pro-prijemce-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.realizovane-projekty-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.pro-hodnotitele-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.pro-media-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.as-section-right {text-align: left;}
	.as-section-right img {padding-left: 0px;}
	.vypis_program .obsah {display: block;}
	.vypis_program .sloupec_2 {display: block;}
	.vypis_program .tlacitko {margin-bottom: 10px;}
	.vypis-pro-media .popisek, .vypis-pro-hodnotitele .popisek, .vypis-pro-prijemce .popisek, .vypis_realizovane_projekty .popisek {display: block;}
	.vypis-pro-media .obrazek, .vypis-pro-hodnotitele .obrazek, .vypis-pro-prijemce .obrazek, .vypis_realizovane_projekty .obrazek {display: block; width: auto;}
	.vypis_vyzva .sloupec_2, .vypis_zakazka .sloupec_2, .vypis_skoleni .sloupec_2, .vypis_realizovane_projekty .sloupec_2 {display: block; width: auto;}
	.vypis_kontakt {width: auto; display: inline;}
	.vypis_kontakt img { height: 70px;}
}

/* Media 420Px Start */
@media (max-width: 767px) {
	/* Header */
	.as-menuwrapper { display: inline-block; }
	.main-navigation { display: none; }
	.as-absolute { position: relative; float: left; width: 100%; }
	.as-stripinfo { display: none; }
	.as-header-bar { text-align: center; }
	.as-header-bar .col-md-10 { display: inline-block; width: 100%; }
	.as-header-bar .col-md-2 { width: 100%; }
	.logo { display: inline-block; float: none; }
	/* MainBanner */
	.as-captiontitle span { display: none; }
	.as-caption { margin-top: -40px; padding-left: 40px; }
	h1 { font-size: 30px; }
	.as-captiontitle { margin-bottom: 15px; }
	.as-caption a { font-size: 14px; padding: 5px 20px; }

	/* MainGrid */
	.col-md-3,.col-md-4 { display: inline-block; margin-left: -4px; float: none !important; vertical-align: top; width: 50%; }
	/* Blog */
	.as-blogmedium-view figure,.as-services ul li.col-md-4,.as-theme-action h2 { width: 100%; }
	.as-blogmedium-view figure ~ .as-blog-info { float: left; width: 100%; padding: 25px; }
	/* SubHeader */
	.as-minheader { padding-top: 10px; }
	.as-minheader-wrap [class*="col-md-"] { width: 100%; text-align: center; }
	.as-page-title { margin-bottom: 15px; }
	.as-page-title,.as-breadcrumb { float: none; display: inline-block; width: auto; }
	.as-page-title p { display: inline; }
	.as-counter ul li { margin-bottom: 35px; }
	.as-blogs > ul > li,.as-events > ul > li,.as-volunteer > ul > li { float: left; }
	blockquote { padding: 30px 60px; }
	blockquote:after,blockquote:before { font-size: 30px; }
	.as-list-view ul li figure, .event-thumb-section { width: 100%; }
	.as-list-view ul li .event-thumb-section ~ .as-event-info { padding: 0px; float: left; width: 100%; }
	.as-nextprev-post li { float: left; width: 100%; margin-bottom: 20px; }
	.as-event-contdown h2,.countdown-period { font-size: 14px; }
	.countdown-amount,.countdown-section:before { font-size: 20px; }
	.as-cause-cell,.as-causes-list > ul > li,.as-volunteer.as-teamlist-view figure { float: left; width: 100%; }
	.as-cause-cell:nth-child(2), .as-cause-cell:nth-child(3),.as-causes-list figure,.as-detail-strip .as-causes-strip { width: 100%; }
	.as-cause-cell { border: 1px solid #dddddd; border-bottom: none; } .as-cause-cell:last-child { border-bottom: 1px solid #dddddd; }
	.as-detail-strip .as-causes-strip { margin-bottom: 15px; }
	.as-teamlist-view figure ~ .as-team-info,.as-team-thumb ~ .as-team-detail { float: left; width: 100%; padding: 20px; }
	.as-teamlist-view figure { border: none !important; }
	.as-volunteer.as-teamlist-view > ul > li,.as-donation-form ul li { width: 50%; }
	.as-team-thumb,.as-images { width: 100%; }
	.as-summary { width: 100%; padding-left: 0px; margin-bottom: 25px; }
	.as-underconstruction .countdown-section { width: 25% !important; }
	.modal-dialog,.modal-body { width: 100%; }
	.as-main-content { overflow: hidden; }
	
	/* PPK */
	
		/* Úvodní stránka */
	#newsletters_placeholder {display: none;}
	.as-page-title h1 {margin-right: 0px;}
	#magnet {display: none; width: auto;}
	#right_po {position: relative; width: 90%;}
	#left_po {position: relative; width: 90%}
	.as-menuwrapper {padding: 10px 20px;}
	.as-menuwrapper button {background-color: #605436;}
	.pri_osa {height: auto;}
	#osa_1 {height: auto; width: auto;}
	#osa_2 {height: auto; width: auto;}
	#osa_3 {height: auto; width: auto;}
	#osa_4 {height: auto; width: auto;}
	.pri_osa h1 {color: #707173;}
	#vyzvy {width: 90%; display: inline;}
	#menu_vyzvy {display: none;}
	#vyzvy h2 {margin-bottom: 5px; display: block; margin: auto; width: 35%;}
	#menu_skoleni {display: none;}
	#skoleni {margin-bottom: 5px; display: block; width: auto; padding-left: 0px;}
	#skoleni h2 {margin-bottom: 5px; display: block; margin: auto; width: 58%;}
	
		/* Header, dropdown menu a ostatní stránky */
	.as-menuwrapper li a{padding: 10px 20px;}
	#left_content {max-width: none; display: block;}
	#postranni_panel {max-width: none; padding-top: 10px;}
	.pro-zadatele-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.pro-prijemce-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.realizovane-projekty-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.pro-hodnotitele-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.pro-media-menu td {min-width: 100%; display: block; line-height: 150%; border: none;}
	.as-section-right {text-align: left;}
	.as-section-right img {padding-left: 0px;}
	.vypis_program .obsah {display: block;}
	.vypis_program .sloupec_2 {display: block;}
	.vypis_program .tlacitko {margin-bottom: 10px;}
	.vypis-pro-media .popisek, .vypis-pro-hodnotitele .popisek, .vypis-pro-prijemce .popisek, .vypis_realizovane_projekty .popisek {display: block;}
	.vypis-pro-media .obrazek, .vypis-pro-hodnotitele .obrazek, .vypis-pro-prijemce .obrazek, .vypis_realizovane_projekty .obrazek {display: block; width: auto;}
	.vypis_vyzva .sloupec_2, .vypis_zakazka .sloupec_2, .vypis_skoleni .sloupec_2, .vypis_realizovane_projekty .sloupec_2 {display: block; width: auto;}
	.vypis_kontakt {width: auto; display: inline;}
	.vypis_kontakt img { height: 70px;}
	
	/* Footer */
	.backtop-btn { left: 50%; top: -40px; }
	.as-footer .widget.newsletter_widget,.as-footer .widget { width: 100%; margin-bottom: 25px; }
}

/* Media 300Px Start */
@media (max-width: 480px) {
	.as-menuwrapper { }
	.as-donate-btn { padding: 7px 10px; }
	.as-social-media li { padding: 0px 22px 0 0; }
	/* MainBanner */
	.as-caption { margin-top: -50px; }
	h1 { font-size: 20px; }
	.as-caption a { font-size: 13px; padding: 0 15px; }
	.flex-direction-nav a { font-size: 20px; height: 40px; padding: 5px 10px 0 4px; width: 20px; }
	.flex-direction-nav .flex-next { padding: 5px 0 0 5px; }
	/* MainGrid */
	.col-md-3,.col-md-4,.col-md-6,.as-theme-action h2 { float: left; width: 100%; }
	.backtop-btn { top: -64px; }
	.as-minheader { padding-top: 10px; }
	.as-large-view .as-bloghover ul { display: none; }
	.as-form form p input[type="text"],.as-form form p.as-comment { width: 100%; }
	.as-form form p.as-comment { position: relative; top: auto; float: left; width: 100%; padding: 0px; }
	.as-form form p.as-submit { float: left; padding: 15px 0 0 0px; }
	.as-event-caption { padding-top: 20px; } .countdown-period { font-size: 11px; }
	.as-nextprev-post li h4 { font-size: 13px; }
	.as-volunteer.as-teamlist-view > ul > li,.as-donation-form ul li { width: 100%; }
}

/* Media 940Px Start */
@media screen and (min-width: 991px) and (max-width: 1054px) {
	.main-navigation > ul > li > a { padding: 25px 6px 22px; }
	.as-blogmedium-view figure { width: 184px; }
	.as-blogmedium-view figure ~ .as-blog-info { padding: 13px 20px 0 200px; }
	.as-blog-wrap { padding-bottom: 30px; }
}