@media only screen and (max-width: 951px) {
    .embeddedYoutube {  margin-left: 0; margin-top: 0; margin-bottom: 0;}
     .filter-button{ margin-left: -20px;}
}

@media only screen and (min-width: 851px) and (max-width: 950px) {
    .embeddedYoutube { width: 180px;}
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
    .embeddedYoutube {  width: 160px; }
}

@media only screen and (min-width: 660px) and (max-width: 767px) {
    .embeddedYoutube { width: 600px;}
}

@media only screen and (min-width: 559px) and (max-width: 659px) {
    .embeddedYoutube {   width: 500px;  }
}

@media only screen and (min-width: 459px) and (max-width: 558px) {
    .embeddedYoutube {   width: 400px;  }
}

@media only screen and (max-width: 458px) {
    .embeddedYoutube {  width: 300px; }
}


@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .banner-caption { padding: 10px 5%;height:100%;}
    .banner-caption h2 { font-size: 28px;    padding-bottom: 10px;}
    .banner-caption p{ font-size: 12px;padding-bottom: 25px;}
   
    .banner-right ul { padding-right: 5%;}
    .banner-block .flex-control-nav {    bottom: 10px;}
    .banner-right .single-block-inner{ height:100%;   min-height: 271px;    padding: 0 6px 3px;}
    .banner-right .btitel {height:auto !important; min-height:0 !important;}
    /*.single-block-inner span {    line-height: 11px;font-size: 10px;   bottom: 10px;}*/
    .single-block.story-item {max-height: 240px;}
    .single-block h2 {    font-size: 22px;   line-height: 22px;    padding: 5px 0 6px;}
    .single-block p {    font-size: 12px;    margin-bottom: 5px;}
    
    .single-block-inner {  min-height: 190px;    padding: 0 5px 10px;}
    .single-block {  margin: 10px 0 0;}
    .content-section ul li ul li {  background-size: 13px auto;   font-size: 12px; line-height: 13px; padding: 0 0 5px 18px;}
    .single-image-outer {    height: 185px;    /*margin-bottom: 10px;*/}
    .icon-outer {    height: 121px;}
    .meroon-color .single-block-inner h2 span, .maroon-color .single-block-inner h2 span{   font-size: 22px; }
    
    .filter-block h2 {    padding-bottom: 20px; font-size: 22px  !important;    line-height: 25px;}
    .single-block-inner span.top-link {    left: 6px;    }

    li.isotop-item.mapItem {width: 25%; min-width: 170px;}
   
   
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
   
    #VirtualLibraryDiv .filter-content-block .content-section ul li {  margin: 0%;   width: 100%;}
    #VirtualLibraryDiv .filter-content-block { padding-left:0;   width: 100%;}
    #VirtualLibraryDiv .filter-block { margin: 0 ;padding:0; width: 100%;}
    #VirtualLibraryDiv .filter-block h2 { padding-left:3%; font-size: 18px; line-height: 30px; float: left;   border-bottom: 0 !important;    padding-bottom: 0px;}
    #VirtualLibraryDiv #filter-container .single-block-inner {padding-top: 10px;padding-left:0; padding-right:0; min-height: 0;}
    #VirtualLibraryDiv .filter-link-inside{display: none;padding-bottom: 15px;}
    #VirtualLibraryDiv #filter-container .single-block h2{width: 80%; text-align: left;font-size: 23px;line-height: 24px; padding: 0;}
    #VirtualLibraryDiv #filter-container .single-block-inner span.top-link{display: none;}
    #VirtualLibraryDiv #filter-container .single-block-top-link {    padding-bottom: 0;}
    #VirtualLibraryDiv #filter-container .single-block-inner span{    display: none;}
    #VirtualLibraryDiv #filter-container .single-block {margin-top:0; width: 96%; margin-left: 2%;margin-right: 2%;background: none; /*border-bottom: 3px solid #00a984;*/}
    #VirtualLibraryDiv #filter-container .red-color{border-bottom: 3px solid rgb(244, 52, 69);}
    #VirtualLibraryDiv #filter-container.content-section a{margin-top: 2px;}
    #VirtualLibraryDiv .filter-link-inside h6 {  padding-top: 20px;}
    #VirtualLibraryDiv #filter-container .single-block .project-head{position:relative;}
    #VirtualLibraryDiv #filter-container .single-block p{text-align: left; margin-bottom: 0; }
    #VirtualLibraryDiv #about-block .filter-block h2,#cvf-block .filter-block h2, #activity-block .filter-block h2 {font-size: 25px; margin: 0 2% 20px; text-align: left; width: 96%;}
    #VirtualLibraryDiv .filter-mob-hide{display: none;}
    #VirtualLibraryDiv .filter-mob-show{display: block;}
    #VirtualLibraryDiv .request-page #filter-container .single-block {margin-top:0; width: 96%; margin-left: 2%;margin-right: 2%; background: #f4f4f5;border-bottom:0;}
    #VirtualLibraryDiv .request-page #filter-container .single-block .project-head:after {    content: "";    position: inherit;}
    #VirtualLibraryDiv .request-page #filter-container .single-block p {    display: block;}
    #VirtualLibraryDiv .request-page #filter-container .single-block h2 {  padding: 5px 0 6px;  text-align: center;    width: 100%;}
    #VirtualLibraryDiv .request-page #filters{padding-top: 20px;}
    #VirtualLibraryDiv .filter-region {    padding-top: 0;}
    #VirtualLibraryDiv .filter-block-green-color {width: 99%; float: left;}
    #VirtualLibraryDiv .filter-block-red-color {width: 99%; float: left;}
    #VirtualLibraryDiv .filter-block-meroon-color {width: 99%; float: left;}
    #VirtualLibraryDiv .filter-block-ash-color {width: 99%; float: left;}

    #libraryImageDivId { margin-left: 30px}
    #librarySmallImageDivId { display: none}
    #libraryImageDivId { display:block}

    #libraryTabletInfoWorkingLink {display:inline-block !important;}
    #libraryTabletInfoNoWorkingLink {display:none !important;}
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    #libraryImageDivId { margin-left: 10px !important}
}

@media only screen and (min-width: 731px) {
    #libraryImageDivId { width: 730px !important}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .popup-section { margin: 0; width: 100%;}
    .banner-right h2 {    font-size: 24px;    line-height: 26px;    padding-bottom: 4px;}
    .banner-right-content {    font-size: 12px;    line-height: 15px;}
    .banner-right ul li a { font-size: 12px;}
    .banner-right .btitel {height:auto !important; min-height:0 !important;}
    .single-block-inner span {    bottom: 15px;    font-size: 13px;    line-height: 15px;}
    /*#about-block .content-section ul li {    width: 22%;}*/
    #about-block .black-border-color p i,  #activity-block .black-border-color p i {  font-size: 18px;    line-height: 20px;}  
    .login-block {    padding-top: 52px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-section {margin: 0 ; padding: 20px 10px 40px 30px;  width: 100%;}
    .registration-popup p{font-size: 11px; margin-bottom: 12px; }
    .fliter-box label {font-size: 12px; line-height: 13px;}
  /*  .filter-link-inside { padding-left: 2px;}  */
    .title-popup-block {padding-top: 30px; max-width: 620px;    padding-left: 0px;}
    /*.minheight { min-height:0px;}*/
    .banner-right-content { font-size: 12px; line-height: 11px;}
    .banner-right h2 {  font-size: 22px;    line-height: 18px;    padding-bottom: 7px;}
    .banner-right ul li a { font-size: 11px;}
    .banner-right .btitel {height:auto !important; min-height:0 !important;}
    .single-block-inner span {    bottom: 12px;}
    #about-block .black-border-color p i,  #activity-block .black-border-color p i {    font-size: 23px;    line-height: 25px;}
    .login-block {    padding-top: 36px;}
    .banner-right .single-block-inner span { bottom: 4px;}
    .banner-right ul li {    padding-bottom: 3px;}
    .banner-block {    width: 71%;}
    .banner-right {    width: 28%;}
    .additional-outer h6 {    background: url("../images/additional_info_arrow.jpg") no-repeat 150px center;}
    .mission-block {    padding-left: 0;}
}

@media only screen and (min-width: 768px) {
    #full-screen-unorderd-list-overview-items{ display: block; }
    #small-screen-unorderd-list-overview-items { display: none; }
    .instruments-text-forced-layout { min-height: 265px}
    .instruments-info-forced-layout { min-height: 40px}
}

@media only screen and (min-width: 641px) {
    #libraryImageDivId { display:block}
    #libraryImageDivIdPhone { display:none}
}

@media only screen and (max-width: 640px) {
    #libraryImageDivId { display:none}
    #libraryImageDivIdPhone { display:block}
   /* #GoToLibraryButton { display:none !important} */
}

@media only screen and (max-width: 435px) {
    #askBib {float: left !important}
}

@media only screen and (max-width: 1024px) {
        #FilterWordId { display: none }
}

@media only screen and (min-width: 431px) and (max-width: 525px) {
    #LibraryPromoSubscribe { font-size: 1.400em !important}
    #LibraryPromoFollowUs { font-size: 1.10em !important}
}

@media only screen and (max-width: 430px) {
    #LibraryPromoSubscribe {width: 300px !important; font-size: 1.300em !important}
    #LibraryPromoFollowUs {width: 330px !important; font-size: 1.00em !important}
    #LibraryPromoFollowUs img {margin-left: 0px}
}


@media only screen and (max-width: 767px) {

    .black-border-color { border-bottom: 3px solid #5a5b5e;}
    .ash-color { border-bottom: 3px solid #447c9b; }
    .instruments-text-forced-layout { min-height: 0px}
    .instruments-info-forced-layout { min-height: 0px}
    #full-screen-unorderd-list-overview-items{ display: none; }
    #small-screen-unorderd-list-overview-items { display: block; }
    .minheight { min-height:0px;}
    #activity-block .single-image-outer { display:none;}
    .popup-print-icon{display: none;}
    /*.share-button{ right:25px !important;    }*/
    #filtering-page .green-color {    border-bottom:0}
    /*#activity-block .green-color {    border-bottom:0}*/
    /*#about-block .meroon-color, #about-block .maroon-color {    border-bottom: 0;}*/
    .banner-section {    display: inline-block;}
    .content-section ul li { padding-left: 0px;   text-align: center;  padding-right: 0px; width: 100% !important; margin: 0;}
    .content-section ul li.double { padding-left: 0px;   text-align: center;  padding-right: 0px; width: 100%; margin: 0;}
    .single-image-outer{ height: auto; margin: 0;}
    .single-image-outer img { display: none;}
    #cvf-block .single-image-outer {display: none;}
    #newsroom-block .single-image-outer { display: none;}
     .map .navigation .single-block-inner { min-height: 0px !important;}
    .transparant-background-image { display: none;}
    .single-block-inner {padding-top:20px; min-height:inherit;  padding-bottom: 10px;}
    .single-block h2 { font-size: 28px;line-height: 28px; text-align: center;}
    .single-block-inner span { bottom: 0; position: inherit;}
    .single-block{/*border-bottom: 0;*/background: #f4f4f5;}
    .banner-block,.banner-right {display: inline-block;padding:0;    width: 100%;}
    .banner-block .slides img {display: none;}
    .banner-caption {    padding: 28px 10%;    position: inherit; top:0;min-height:200px;}
    .banner-right .single-block-inner { margin-left: 0; min-height: 0; position: inherit; width: 100%; height: inherit;}
    .banner-right .btitel {height: auto !important; min-height: 0 !important;    }
    .content-section a:hover .green-color{ border-bottom:0;}
    .content-section a:hover .meroon-color, .content-section a:hover .maroon-color{border-bottom: 0;}
    .content-section a:hover .red-color{ border-bottom: 0;}
    .content-section a:hover .ash-color{ border-bottom: 0;}
    .icon-outer {    height: auto;}
    .content-section ul li ul li{text-align: left;display: inline-block; width: auto; float: none; background: url(../images/arrow_blk.png) no-repeat left 4px;}
    .popup-left,.popup-right{width: 100%;border-right: 0;padding-right: 0;padding-left: 0;padding-bottom: 30px}
    .popup-section {   margin: 3% 8%;    padding: 20px;    width: 84%;}
    .link-outer {    padding-top: 25px;}
    .popup-right .link-outer {    padding-top: 5px;}
    .login-block {    padding-top: 20px;}
    .main-popup h6 {    padding-bottom: 20px;}
    .registration-popup h2 {    font-size: 24px;    line-height: 25px;}
    .close-button a {    background-size:  17px auto;}
    .filter-content-block .content-section ul li {  margin: 0%;   width: 100%;}
    .filter-content-block { padding-left:0;   width: 100%;}
    .filter-block { margin: 0 ;padding:0; width: 100%;}
    .filter-block h2 { padding-left:3%; font-size: 18px; line-height: 30px; float: left;   border-bottom: 0 !important;    padding-bottom: 0px;}
    
     #filter-container .single-block-inner {padding-top: 10px;padding-left:0; padding-right:0; min-height: 0;}
	 .request-back #filter-container .single-block-inner{min-height:inherit;}
     /*.mobile-filter{display: block;}*/
     .filter-link-inside{display: none;padding-bottom: 15px;}
     #filter-container .single-block h2{width: 80%; text-align: left;font-size: 23px;line-height: 24px; padding: 0;}
     #filter-container .single-block-inner span.top-link{display: none;}
     #filter-container .single-block-top-link {    padding-bottom: 0;}
     /*#filter-container .single-block p {    display: none;}*/
     #filter-container .single-block-inner span{    display: none;}
     #filter-container .single-block {margin-top:0; width: 96%; margin-left: 2%;margin-right: 2%;background: none; /*border-bottom: 3px solid #00a984;*/}
     #filter-container .red-color{border-bottom: 3px solid rgb(244, 52, 69);}
     /*#filter-container .sandal-background-color {    background: none;}*/
     #filter-container.content-section a{margin-top: 2px;}
     .filter-link-inside h6 {  padding-top: 20px;}
      #filter-container .single-block .project-head{position:relative;}
     /*#filter-container .single-block .project-head:after { color:#3a3a3c; content: "+"; font-size: 24px;margin-top: -10px; position: absolute;right: 15px;top: 50%;    font-weight: 400;}*/
     .title-popup-left img{ display: none;}
     /*.project-details{display: none; background: #fff;  z-index: 10;   float: left;    position: relative;}*/
     .mission-block { padding-left: 0 !important;    width: 100% !important;}
     #filter-container .single-block p{text-align: left; margin-bottom: 0; }
     .mission-block h3 {line-height: 15px;    font-size: 21px;}
     #about-block .black-border-color p i, #cvf-block .black-border-color p i, #activity-block .black-border-color p i {    font-size: 22px;    line-height: 24px;}
      .title-popup-left {    width: 100%;}
     .title-popup,.mission-popup { margin:0;  width: 100%; padding: 20px 0; padding-top: 46px !important; }
     .title-popup-right {    padding-left: 0;    width: 100%;}
     .title-popup-block {  margin-left: 0;     padding-left: 0;}
     .content-section .project-details  ul li{ background: none;}
     #about-block .filter-block h2,#cvf-block .filter-block h2, #activity-block .filter-block h2 {font-size: 25px; margin: 0 2% 20px; text-align: left; width: 96%;}
     .control-block{display: none;}
     #about-block .single-block{border-bottom: 3px solid #5a5b5e;}
     #about-block .single-block.ash-color{border-bottom: 3px solid #447c9b; }
     #activity-block .single-block{border-bottom: 3px solid #00a984;}
     #activity-block .single-block.ash-color{    border-bottom: 3px solid #447c9b; }
      #cvf-block .single-block{border-bottom: 3px solid #447c9b; }
     /*#about-block .filter-block {    border: 0;}*/
    
    .memberblock ul li{list-style: none;}
    .mission-block-inner{margin-top: 14px;padding-top: 9px;}
    .mission-block-inner.bottom {    margin-top: 20px;}
    .filter-mob-hide{display: none;}
    .filter-mob-show{display: block;}
    .committee-block{display: none;}    
    .request-page #filter-container .single-block {margin-top:0; width: 96%; margin-left: 2%;margin-right: 2%; background: #f4f4f5;border-bottom:0;}
    .request-page #filter-container .single-block .project-head:after {    content: "";    position: inherit;}
    .request-page #filter-container .single-block p {    display: block;}
    .request-page #filter-container .single-block h2 {  padding: 5px 0 6px;  text-align: center;    width: 100%;}
    .request-page #filters{padding-top: 20px;}
    .board-title {    margin: 20px 0;}
    .filter-region {    padding-top: 0;}
    
    #libraryTabletInfo {display:none !important;}
    #libraryPhoneInfo {display:block !important;}
    #libraryTabletInfoWorkingLink {display:inline-block !important;}
    #libraryTabletInfoNoWorkingLink {display:none !important;}
    
    .reveal-modal, dialog { left: 7%; max-width: 411px;}
    .title-popup-block h2 { font-size: 26px;   line-height: 27px;}
    .title-popup-block p { font-size: 12px;}
    .memberblock a {    left: 0;    right: 0;}
    .board-staff .board-title h2{text-align: center;}

    .transparent-background-image-container { display:none }

    .filter-block-green-color {width: 99%; float: left;}
    .filter-block-red-color {width: 99%; float: left;}
    .filter-block-meroon-color {width: 99%; float: left;}
    .filter-block-ash-color {width: 99%; float: left;}

    .registration-form, .about-form {padding: 0px !important;}
    .column, .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
    }

    a img {
    border: none;
    margin-left: 10px;
}

}

@media only screen and (max-width: 479px) { 

    #widget-cookiebar{
        width: 99% !important;
        left:5px;
        bottom:5px;
        right:5px;
    }

    #cookie-image {
        width: 55px  !important;
        height: 55px  !important;
    }

    .cookie-close {
       margin-left: 84%   !important;
    margin-bottom: 5px   !important;
}


    .banner-caption {    padding: 28px 10%;    position: inherit; top:0;min-height:320px;}
    .banner-right .btitel {height:auto !important; min-height:0 !important; margin-left: 0 !important;}
    .banner-right ul {padding:0 0 14px 0;}
    .minheight { min-height:0px;}
    #activity-block .single-image-outer { display:none;}
    #cvf-block .filter-block {height:auto !important; min-height:0 !important; }
    .popup-section {padding: 20px 10px;width:270px;margin:0 auto !important;}/*smaller width for story detail*/
    .registration-popup p{ font-size: 12px; margin-bottom: 15px;}
    .login-block { padding-top: 5px;}
    .login-block label.inline, .login-block input { padding: 2px 8px 0 0;}
    .login-block label { font-size: 11px;    line-height: 12px;}
    /*.share-button{ right:25px !important;    }*/
    .reveal-modal, dialog {left: 5%;  max-width: 320px;}
    .search-container { width: auto; max-width: inherit; margin-right: 70px; margin-top: -30px;}
    .menu nav.show {display: block; margin-top: 10px !important; }
    .flex-viewport {max-height: 250px !important;}
    .title-popup {
        margin-left: 0 !important;
        padding: 0 !important;
    }

    .field-panel {
    float: none  !important;
    width: 100%  !important;
    }

    .form-submit-border {
    width: 100%;
    }

    .form-left-div, .field-title {
    float: left !important;
    width: 100% !important;
}

    input#Subscription_OnPaper{
    float: left;
    margin-right: 10px;
}

 input#Subscription_OnMail{
    float: left;
    margin-right: 10px;
}

 label#Subscription_OnMailLabel {
    margin-left: 20px;
    margin-top: -20px;
}
 label#Subscription_OnPaperLabel {
    margin-left: 20px;
    margin-top: -20px;
}
}