/* Media Queries
================================================== */
.container,
.views-field-field-slide-annotation .field-content,
.abible-box div
{
    position: relative;
    width: 92%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}

.views-field-field-slide-annotation .field-content
{
    max-width: 500px;
	margin: 0 auto 0 22%;
}

#top-box .container,
#menu-box .container
{
    width: 96%;
    max-width: 96%;
}

.page-node-type-program .csia-content>.container
{
    width:calc(100% - 24px);
    max-width:calc(100% - 24px);
}

/*
#slide-box .container
{
    width: 100%;
    max-width: 100%;
}
*/

#header-about-box .container
{
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width:1181px)
{
	.mobile-button
	{
		display:none;
	}
}


@media only screen and (min-width:721px)
{
	.views-field-field-slide-mobile-image
	{
		display:none;
	}
}

@media only screen and (min-width:1040px)
{
	#auth-video .views-view-responsive-grid__item 
	{
		margin-bottom: 3vh;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width:1670px)
{
	
	#block-basic-menu-menu-box>ul li,
	#block-csia-mainmenuen>ul li
	{
		margin: 0 0% 0 2%; 
	}
	
	#block-basic-menu-menu-box>ul li ,
	#block-csia-mainmenuen>ul li 
	{
		margin: 0 0% 0 1%; 
	}
	
	#block-basic-menu-menu-box>ul li>a ,
	#block-csia-mainmenuen>ul li>a
	{
		background-image:none;
		padding-right: 0px;
	}
	
}

@media only screen and (max-width:1420px)
{
	
	#block-basic-menu-menu-box, 
	#block-csia-mainmenuen 
	{
		float: left;
		max-width: 382px;
	}
	
	#block-basic-menu-menu-box>ul, 
	#block-csia-mainmenuen>ul 
	{
		white-space: normal;
	}
	
	#block-basic-menu-menu-box>ul li a, 
	#block-csia-mainmenuen>ul li a 
	{
		line-height: 25px;
	}
	
}


@media only screen and (max-width:1180px)
{
	
	#block-basic-menu-menu-box,
	#block-csia-mainmenuen
	{
		display:none;
	}
	
	#block-button-donate-now-menu-box 
	{
		float: right;
	}
	
	#block-logo-top-box 
	{
        margin-right: 0%;
        margin-left: 38px;
	}
	
	#block-views-block-all-partners-block-1 .views-row 
	{
		flex: 0 0 25%;
	}
}

@media only screen and (max-width:1100px)
{
	
	
	#block-button-donate-now-menu-box 
	{
		float: right;
	}
	
	.views-field-field-slide-annotation 
	{
		top: 3vh;
        position: relative;
	}
	
	.views-field-field-slide-annotation .field-content 
	{
        max-width: 600px;
        margin: 0 auto 0 5%;
        width: 90%;
    }
    
    #block-views-block-main-slider-block-1
    {
        background-color: #d0f3f6;
    }
	
	.views-field-field-slide-annotation .field-content h2 
	{
        font-size: 1.7rem;
	}
	
	.region-mission-box .field--name-body .mission_texts ul li,
	#block-views-block-more-news-and-analytics-block-1 .view-box-content .views-row
	{
		flex: 0 0 100%;
		padding-bottom:4vh;
		padding: 10px 0px;
	}
	
	#community-box .views-row ,
	#block-views-block-all-community-block-1 .views-row
	{
		flex: 0 0 33%;
	}
	
	#block-views-block-team-on-about-page-block-1 .view-box-content .views-row, 
	#block-views-block-all-team-block-1 .view-box-content .views-row
	{
		flex: 0 0 33.333%;
		padding: 10px 12px;
		padding-bottom:4vh;
	}
	
	.path-frontpage #main .view-box-content .views-row
	{
		flex: 0 0 50%;
		padding-bottom:4vh;
	}
	
	.region-mission-box .field--name-body .mission_numbers ul li 
	{
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.views-field-field-project-preview-image 
	{
		float: left;
		width:35%;
	}
	
	#block-views-block-main-active-projects-block-1 .views-field-fieldset, 
	.field--name-field-program-related-projects .views-field-fieldset, 
	#block-views-block-all-projects-block-1 .views-field-fieldset, 
	#block-views-block-all-projects-block-2 .views-field-fieldset, 
	#block-views-block-more-active-projects-block-1 .views-field-fieldset 
	{
		width: 60%;
		text-align: center;
	}
	
	#block-views-block-main-active-projects-block-1 .views-field-title, 
	.field--name-field-program-related-projects .views-field-title, 
	#block-views-block-all-projects-block-1 .views-field-title, 
	#block-views-block-all-projects-block-2 .views-field-title, 
	#block-views-block-more-active-projects-block-1 .views-field-title 
	{
		margin:1vh 0 4vh 0;
	}
	
	#block-views-block-main-active-projects-block-1 .view-box-content .views-row 
	{
		flex: 0 0 48%;
		margin: 0 1% 50px 1%;
	}
	
}

@media only screen and (max-width:920px)
{
	.blazy
	{
		width: 100%;
	}
	
	.field--name-field-project-preview-image 
	{
		height: 35vh;
	}
	
	.blazy .media
	{
		padding:0px 0px;
		width: 92vw;
	}

	.prog-title h1 
	{
		font-size: 1.6rem;
		padding-bottom: 0;
	}
	
	.field--name-field-program-preview-image 
	{
		height:40vh;
	}
	
	.prog-title 
	{
		top: 6vh;
	}
	
	.field--name-field-program-preview-image img 
	{
		width: 130%;
		max-width:130%;
		left: -5%;
	}
	
	.field--name-field-program-statistics ul 
	{
		justify-content: center;
	}
	
	.field--name-field-program-statistics ul li 
	{
		flex: 0 0 33%;
		padding-bottom:3vh;
	}

}

@media only screen and (max-width:840px)
{
	#block-logo-footer-box,
	#block-button-donate-now-footer-box
	{
		width: 45%;
		margin-bottom: 30px;
	}
	
	#block-social-icons-footer-box,
	#block-small-text-footer-box,
	#block-basic-menu-footer-box
	{
		width:100%;
		margin-right:0px;
		margin-bottom:30px;
	}
	
	#block-basic-menu-footer-box>ul 
	{
		width:100%;
	}
	
	#block-small-text-footer-box p 
	{
		margin: 0 0 0em 0;
		line-height: 1.4rem;
	}
	
	#block-social-icons-footer-box .field--name-body ul li 
	{
		float: left;
	}
	
	#block-copyright-footer-box 
	{
		float: left;
		width: 100%;
		margin: 0px 0 0px 0%;
		clear: both;
	}
	
	#block-views-block-all-partners-block-1 .views-row
	{
		flex: 0 0 50%;
		padding: 0 12px;
	}
	
	.field--name-field-event-preview-image 
	{
		height: 30vh;
	}
}

@media only screen and (max-width:720px)
{
	.views-field-field-slide-big-image,
	#block-small-text-top-box,
	#block-social-icons-top-box
	{
		display:none;
	}
	
	#block-csia-login h2, 
	#block-csia-menyuoblikovogozapisukoristuvacha h2
	{
		height: 35px;
	}
	
    .slick--field-article-slider--full
    {
      position: relative;
      left: 50%;
      right: 50%;
      width: 100vw;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: 100vw;
    }
	
	#block-views-block-team-on-about-page-block-1 .view-box-content .views-row, 
	#block-views-block-all-team-block-1 .view-box-content .views-row
	{
		flex: 0 0 50%;
	}
	
	#community-box .views-row 
	{
		flex: 0 0 50%;
	}
	
	.region-menu-box 
	{
		padding: 9px 0 4px 0;
	}
	
	#block-csia-languageswitcher 
	{
		margin-top:6px;
		margin-right: 4%;
	}
	
	.slide-box 
	{
		background-color:transparent;
		padding: 0 0 48px 0;
	}
	
	.views-field-field-slide-annotation .field-content .slide-box a
	{
		
		font-size: 15px;
		height: 52px;
		line-height: 54px;
		padding: 0 22px;
		border-radius: 8px;
		margin-top: 0px;
	}
		
	#block-information-activity-info-box,
	.path-frontpage #block-csia-content
	{
	    width:100%;
	}
	
	#block-information-activity-info-box
	{
		margin-top:5vh;
	}
	
	.field--name-field-program-statistics ul li 
	{
		flex: 0 0 46%;
	}
	
	#block-views-block-more-news-and-analytics-block-1 .view-box-content .views-row, 
	.field--name-field-project-related-news .view-box-content .views-row 
	{
		flex: 0 0 100%;
		padding: 0 32px 32px 32px;
		box-sizing: border-box;
	}
	
	#top-box 
	{
		padding-top: 2px;
	}
	
	#menu-box 
	{
		background-color: #fff;
	}
		
	#block-logo-top-box 
	{
		margin-right: 0%;
        margin-left: 38px;
        width: 120px;
        margin-top: 4px;
	}
	
	#slide-box .container img 
	{
		margin-top: -4%;
	}
	
	#block-button-donate-now-menu-box .field--name-body a 
	{
		font-size: 10px;
        padding: 0px 10px;
        width: auto;
		height: 42px;
		line-height: 44px;
	}
	
	#block-button-donate-now-menu-box 
	{
		margin-bottom: 6px;
		float: right;
		margin-top: -4px;
	}
	
	.act-left 
	{
		width: 100%;
		text-align: center;
	}
	
	.act-right 
	{
		width: 100%;
	}
	
	#slide-box 
	{
		max-height: 80vh;
	}
	
	#slide-box .slick-dots 
	{
		top: 72vh;
	}
	
	.path-frontpage #main .view-box-content .views-row
	{
		width:240px;
		display:inline-block;
		margin: 0 32px 0 0%;
		padding: 0 0px 0 0px;
		float: left;
	}
	
	.mobile-button 
	{
		top: 14px;
	}
	
	.mobile-button.toggle 
	{
		top: 14px;
	}
	
	#block-button-make-donation-mobile-box .field--name-body a
	{
		width: 100%;
		margin-left: 0%;
	}
		
	.mobile-button span,
	.mobile-button span:before,
	.mobile-button span:after 
	{
		background-color: #00a0ec;
	}
	
	#slide-box 
	{
		margin-top: 60px;
	}
	
	
	#glue.stickytop #menu-box
	{
		background-color: #f4fbff;
	}
	
	.page-node-9 h1, 
	.page-node-26 h1, 
	.page-node-27 h1, 
	#block-views-block-more-news-and-analytics-block-1 h4, 
	#block-news-menu h2, 
	.page-node-29 h1, 
	.page-node-28 h1, 
	.page-node-8 h1, 
	.page-node-type-event #block-csia-eventsmenu h2 
	{
		width: 100%;
		margin-bottom: 2vh;
		padding-bottom: 0;
		font-size: 1.8rem;
	}
	
	.page-node-9 #block-news-menu, 
	.page-node-26 #block-news-menu, 
	.page-node-27 #block-news-menu, 
	.page-node-8 #block-csia-eventsmenu, 
	.page-node-29 #block-csia-eventsmenu, 
	.page-node-28 #block-csia-eventsmenu, 
	.page-node-type-event #block-csia-eventsmenu>ul 
	{
		width: 100%;
		margin:0px 0 4vh 0;
	}
	
	#block-news-menu>ul, #block-csia-eventsmenu>ul 
	{
		text-align: left;
		width: 100%;
	}
	
	#block-news-menu>ul li,
	#block-csia-eventsmenu>ul li
	{
		display: inline-block;
		margin-right: 12px;
		margin-left: 0px;
	}
	
	.views-field-field-event-preview-image,
	#block-views-block-more-events-block-1 .views-field-fieldset, 
	#block-views-block-all-events-block-1 .views-field-fieldset, 
	#block-views-block-all-events-block-2 .views-field-fieldset, 
	#block-views-block-all-events-block-3 .views-field-fieldset
	{
		width: 100%;
		padding-top: 10px;
	}
	
	#block-views-block-more-events-block-1 .views-field-fieldset-1 .views-field, 
	#block-views-block-all-events-block-1 .views-field-fieldset-1 .views-field, 
	#block-views-block-all-events-block-2 .views-field-fieldset-1 .views-field, 
	#block-views-block-all-events-block-3 .views-field-fieldset-1 .views-field, 
	.evt-lock .field 
	{
		flex: 0 0 50%;
		text-align:left !important;
	}
	
	#block-news-menu>ul li a,
	#block-csia-eventsmenu>ul li a
	{
		font-family: Newfont6;
		text-transform: uppercase;
		color: #0b2557;
		box-shadow: 0px 0px 0px 2px #00a0ec;
		font-size: 15px;
		text-transform: uppercase;
		display: inline-block;
		height: 32px;
		line-height: 34px;
		padding: 0 12px;
		border-radius: 120px;
		text-decoration: none;
		text-align:center;
		transition: .3s ease-in-out;
	}
	
	.path-frontpage #block-csia-content .view-box
	{
		width:100%;
		overflow-x:scroll;
		display: block;
        float: left;
	}
	
	.path-frontpage #main .view-box-content
	{
		width:1098px;
		white-space:nowrap;
		display: block;
        float: left;
	}
	
	.path-frontpage #main .view-box-content .views-field-title
	{
		margin-bottom: 20px;
		clear: both;
		width: 100%;
		white-space: normal;
	}
	
	.path-frontpage #main .view-box-content .views-field-field-community-preview-image 
	{
		top: 0px;
	}
	
	.path-frontpage #main .view-box-content .views-field-field-community-preview-image 
	{
		left: 75%;
	}
	
	.views-field-field-slide-annotation .field-content p 
	{
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 1.4rem;
		margin-top: 11px;
	}
		
}

@media only screen and (max-width:640px)
{
	.views-field-field-project-preview-image,
	#block-views-block-main-active-projects-block-1 .views-field-fieldset, 
	.field--name-field-program-related-projects .views-field-fieldset, 
	#block-views-block-all-projects-block-1 .views-field-fieldset, 
	#block-views-block-all-projects-block-2 .views-field-fieldset, 
	#block-views-block-more-active-projects-block-1 .views-field-fieldset,
	#block-views-block-all-articles-block-1 .views-field-fieldset, 
	#block-views-block-all-articles-block-2 .views-field-fieldset, 
	#block-views-block-all-articles-block-3 .views-field-fieldset,
	#block-views-block-all-articles-block-1 .views-field-field-article-preview-image, 
	#block-views-block-all-articles-block-2 .views-field-field-article-preview-image, 
	#block-views-block-all-articles-block-3 .views-field-field-article-preview-image,
	#block-csia-views-block-vpravy-home-block-2,
	#block-csia-views-block-vpravy-home-block-3,
	#block-csia-views-block-vpravy-home-block-4,
    #block-csia-views-block-vpravy-home-block-5
	{
		width: 100%;
	}
	
	#community-box #block-csia-views-block-vpravy-home-block-1 .views-row 
	{
		flex: 0 0 100%;
		padding: 0 0px;
	}
	
	#block-csia-views-block-vpravy-home-block-2,
	#block-csia-views-block-vpravy-home-block-3,
	#block-csia-views-block-vpravy-home-block-4,
    #block-csia-views-block-vpravy-home-block-5
	{
		margin-bottom:100px;
	}
	
	.page-node-540 #content header h2
	{
		text-align:center;
	}
	
	.field--name-field-vprava-image,
	.vpravabox
	{
		float:left;
		width: 100%;
	}
 
	.field--name-field-programm-related-teachers .view-box-content 
	{
		margin: 0 -20px;
	}
	
	#block-csia-views-block-faq-block-block-1 .ui-accordion .ui-accordion-header, 
	.field--name-field-project-programm .ui-accordion-header 
	{
		border: 0px !important;
		border-radius: 120px;
		color: #2f3f53;
		padding:12px 18px 12px 24px;
		font-family: Newfont4;
		font-size: 1.2rem;
		text-align: left;
		margin-bottom: 10px;
	}
	
	#block-csia-views-block-faq-block-block-1 .ui-accordion .ui-accordion-header a, 
	.field--name-field-project-programm .ui-accordion-header a
	{
		color: #1aabbf;
	}
	
	#block-csia-views-block-faq-block-block-1 .ui-accordion .ui-accordion-header .ui-icon, 
	.field--name-field-project-programm .ui-accordion-header .ui-icon
	{
		display:none !important;
	}
	
	#block-csia-views-block-faq-block-block-1 .ui-accordion .ui-accordion-content, 
	.field--name-field-project-programm .ui-accordion-content 
	{
		padding: 0em 0em .5em 0em !important;
		border: 0;
		overflow: auto;
	}
	
	.field--name-field-programm-related-teachers .views-row 
	{
		flex: 0 0 50%;
		padding:20px;
	}
	
	.views-field-field-predstavnytstvo-main-image,
	#block-csia-views-block-predstavnytstva-block-1 .views-row .views-field-fieldset
	{
		flex: 0 0 100%;
		padding: 0 0px;
		text-align:left;
		box-sizing: border-box;
	}
	
	.views-field-field-predstavnytstvo-main-image
	{
		padding: 0 0px 24px 0px;
	}
		
	.slick-arrow::before,
	.slick-arrow::after
	{
		color: #fff;
		font-size: 2rem;
		opacity: 1 !important;
	}
	
	.proj-cbox
	{
		text-align:center;
	}
	
	.field--name-field-project-logo-and-text div, 
	.field--name-field-project-logo-and-text p 
	{
		display:block;
		margin-right: 0px;
		float: none;
		text-align:center !important;
	}
	
	.prog-title h1 
	{
		font-size: 1.6rem;
		padding-bottom: 0;
	}
	
	.field--name-field-program-preview-image 
	{
		height: 47vh;
	}
	
	.prog-title 
	{
		top: 3vh;
	}
	
	.field--name-field-program-preview-image img
	{
		width: 200%;
		max-width: 200%;
		left: -50%;
	}
	
	.field--name-field-program-related-projects header ul li 
	{
		margin: 0px 6px 32px 6px;
		display: block;
	}
	
	.field--name-field-program-related-projects header ul li a
	{
		padding:0px;
		display:block;
		text-align:center;
	}
	
	.act-right ul li a 
	{
		font-size: 1rem;
	}
	
	
	.field--name-field-project-preview-image 
	{
		height:25vh;
	}
	
	.page-node-type-project article .node__content .proj-cbox 
	{
		padding: 0 0%;
	}
	
	.youtube-container--responsive 
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	#sidebar-first
	{
		display:none !important;
	}
	
	.user-logged-in.page-node-type-video-course .csia-content .with-left-sidebar, 
	.user-logged-in.term-id-5 .csia-content .with-left-sidebar,
	.user-logged-in.term-id-7 .csia-content .with-left-sidebar,
	.page-node-type-user-cabinet-page .csia-content .with-left-sidebar, 
	.user-logged-in.path-user .csia-content .with-left-sidebar
	{
		width:92%;
		margin-left: 0px;
	}
	
	.field--name-field-event-main-title 
	{
		flex: 0 0 100%;
		padding: 0 0px 0 0;
		box-sizing: border-box;
		margin-bottom:20px;
	}
	
	.field--name-field-event-status 
	{
		flex: 0 0 100%;
		box-sizing: border-box;
		line-height: 1rem;
		text-align: left;
	}
}

@media only screen and (max-width:580px)
{
	.term-id-5 #block-csia-content .views-row .views-field-field-video-embed,
	.term-id-5 #block-csia-content .views-row .views-field-fieldset,
	.term-id-7 #block-csia-content .views-row .views-field-field-video-embed,
	.term-id-7 #block-csia-content .views-row .views-field-fieldset
	{
		width: 100%;
	}
	
	#block-views-block-main-active-projects-block-1 .view-box-content .views-row 
	{
		flex: 0 0 98%;
	}
	
	#block-about-us-about-box .field--name-body>div 
	{
		padding: 20px 0px 20px 0px;
	}
	
	#block-about-us-about-box .field--name-body>div img
	{
		width:100%;
		min-width:100%;
		height:auto;
	}
}

@media only screen and (max-width:480px)
{
	#block-button-donate-now-menu-box
	{
		display:none !important;
	}
	
	#slide-box .container
	{
		width:100%;
		max-width:100%;
	}
	
	#block-logo-footer-box, 
	#block-button-donate-now-footer-box 
	{
		width: 100%;
	}
	
	.page-node-5 .field--name-field-basic-page-txt ul li 
	{
		flex: 0 0 100%;
		padding: 0 12px;
	}
	
	more-events-block-1 .ev-timebox, 
	#block-views-block-all-events-block-1 .ev-timebox, 
	#block-views-block-all-events-block-2 .ev-timebox, 
	#block-views-block-all-events-block-3 .ev-timebox, .evt-lock 
	{
		margin-bottom: 6px;
	}
	
	h1 
	{
		margin: 3vh 0 30px 0;
		font-size: 1.6rem;
	}
	
	#block-views-block-more-events-block-1 .views-field-fieldset-1 .views-field, 
	#block-views-block-all-events-block-1 .views-field-fieldset-1 .views-field, 
	#block-views-block-all-events-block-2 .views-field-fieldset-1 .views-field, 
	#block-views-block-all-events-block-3 .views-field-fieldset-1 .views-field, 
	.evt-lock .field 
	{
		flex: 0 0 50%;
		padding: 0 0px 1px 0;
		text-align:left !important;
	}
	
	#block-views-block-team-on-about-page-block-1 .view-box-content .views-row, 
	#block-views-block-all-team-block-1 .view-box-content .views-row
	{
		flex: 0 0 100%;
		padding: 10px 12px;
		padding-bottom:4vh;
	}
	
	#community-box .views-row 
	{
        flex: 0 0 100%;
    }
	
	.page-node-7 #block-views-block-all-community-block-1 .views-row 
	{
        flex: 0 0 46%;
		padding:0 2%;
    }
	
	.field--name-field-author-photo,
	.auth-about
	{
		flex: 0 0 100%;
	}
	
	.page-node-type-author .field--name-field-author-photo img
	{
		width:110px;
		margin-bottom:20px;
	}
	
	.region-auth-video
	{
		padding-left: 0%;
		width: 90%;
	}
	
	.yrubric .field 
	{
		flex: 0 0 100%;
		padding-bottom:3vh;
	}
	
	.regform-link 
	{
     font-size: 14px;
    }
		
}