@media only screen and (max-width:480px) {
  .banner { height: 230px; width: 100%; background-size: cover; background-position: right center;    /*top: 10px;*/ }
  .block-canteencorp-layout-find-resources .canteencorp-find-resources-form .js-form-wrapper { width: 90%; }
  .main-menu { width: 350px; }
  .main-menu > ul { padding: 30px 30px 0 30px; }
  .main-menu li a,
  .main-menu .acc { font-size: 18px; }
  .menu-close { padding: 30px 60px 0px 30px; }
  .main-menu .acc { padding: 15px 60px 70px 30px; }
  .main-menu .btns .info { width: 49%; }
  .top-bar { padding-left: 20px; padding-top: 0px; }
  .top-bar a.logo { display: none !important; }
  .top-bar a.mobile-logo { display: block; line-height: 50px; }
  .top-bar .search .txt { display: none; }
  .top-bar .right .btn .mobile-no-disp { display: none; }
  .top-bar .header-menu { margin-top: 15px; margin-right: 20px; }
  .top-bar .menu-icon img { padding-top: 20px; }
  .top-bar .right { display: inline-block; }
  .top-bar .btn { margin-right: 15px; }
  .top-bar .search .search-icon { margin-right: 15px; }
  .top-bar .menu-icon { background-image: url("/themes/canteencorp_main/images/combined-shape-dark.png"); }
  .top-bar .search .search-icon { background-image: url("/themes/canteencorp_main/images/search.png"); }
  .page .banner .content { width: 100%; margin-left: 0px; margin-top: 270px;    /*padding: 0 20px !important;*/ }
  .banner .content .title { color: #00a9e0; }
  .banner .content .desc { color: #414141; }
  .top-bar .search { margin-right: 10px; }
  .page .banner .content .title { font-size: 36px; padding-bottom: 20px; }
  .banner .content .sep { margin: 0; border-top: 7px solid #00a9e0; width: 200px; }
  .banner .btn.white { background-color: #84bd00; }
  .banner .btn.white a { color: #fff; }
  .banner .content .desc { font-size: 16px; line-height: 28px; padding-top: 30px; }
  .banner .content .title { line-height: 50px; }
  .block-canteencorp-layout-homepage-banner { margin-bottom: 20px; height: 530px; }
  .section { margin-bottom: 50px; width: 100%; }
  .block-inline-block2-col-grid-intro .field--name-body,
  .block-inline-block2-col-grid-intro .field--type-entity-reference-revisions { margin-bottom: 25px; width: 100%; padding: 0px 10px !important; }
  .img-text-block .content { width: 100%; padding: 30px 20px; }
  .field--items .field--item { padding-bottom: 0px; }
  .block-inline-block2-col-grid-intro .field--name-field-items .paragraph-type-col-grid-intro-item .field.field--name-field-content { width: 100%; padding: 30px 20px !important; flex: auto; }
  .block-inline-block2-col-grid-intro .field--name-field-items .paragraph-type-col-grid-intro-item { display: block; }
  .block-inline-block2-col-grid-intro .field--name-body p:first-child { width: auto; }
  .young-people.img-text-block .content { padding: 220px 20px 50px 20px; }
  .img-text-block .img-bg { width: 100%; background-position: top center; background-size: contain; height: 400px; margin-bottom: 20px; }
  .img-text-block .img { width: 90%; margin-left: 5%; margin-right: 5%; }
  .path-frontpage .young-people.img-text-block .img { margin-bottom: -85px; }
  .parents.img-text-block .img-bg { background-size: 340px 340px; height: 300px; }
  .young-people { display: flex; display: -ms-flex; flex-direction: column-reverse; }
  .block-canteencorp-layout-homepage-health .health .content .title { font-size: 20px; padding-bottom: 5px; }
  .block-canteencorp-layout-homepage-health .health .content { padding: 40px 10px 10px 10px; }
  .health .col-sm-4 { background-size: 375px 375px; width: 375px; height: 375px; margin-bottom: 15px; margin-left: auto; margin-right: auto; }
  .block-canteencorp-layout-homepage-health .health .content { height: auto; }
  .block-canteencorp-layout-homepage-health .health { height: auto; margin-bottom: 50px; }
  .block-canteencorp-layout-homepage-health { clear: both; width: 100%; border-bottom: 1px solid #e6e6e6; margin-bottom: 50px; padding-bottom: 30px; }
  .partners .sec { margin: 0px 20px 20px 20px; width: 100%; padding-bottom: 40px; }
  .partners .sec .title { font-size: 24px; }
  .block-canteencorp-layout-homepage-health .content .btn { margin-top: 180px; }
  .support .content { padding: 70px 20px 50px 20px; }
  .support .title { font-size: 32px; width: auto; margin-right: 0px; }
  .support .desc { width: auto; }
  .help-families .img1 { top: 30px; left: 0; height: 300px; width: auto; overflow: hidden; max-width: 100%; }
  .help-families .img2 { left: 40px; top: 300px; width: 80%; }
  .help-families .imgs { width: 100%; }
  .help-families .text { width: 100%; margin-top: 550px; padding: 0 20px; }
  .top-bar .logo { width: 45px; }
  .top-bar .logo img { width: 100%; max-width:30px; }
  .img-text-block .content .title { font-size: 32px; }
  .block-canteencorp-layout-homepage-families { height: auto; margin-top: 0px; margin-bottom: 0px; }
  .help-families .text .title { font-size: 32px; }
  .help-families .text .desc { width: auto; }
  .help-families .text .title { width: auto; }
  .img-text-block.music .content { background-color: transparent; padding-top: 0; }
  .support .title { width: auto; }
  .about.img-text-block { display: flex; display: -ms-flex; flex-direction: column-reverse; }
  .help-families .text .desc { width: auto; }
  .support .title { font-size: 32px; }
  .partners .sec .content { margin-right: 0px; }
  .partners .sec { width: 85%; }
  .view-resource-carousel .slick__slide .slide__caption { padding: 0 20px 0 20px; }
  .slick--view--resource-carousel .slick-slider .slick-track,
  .slick--view--resource-carousel .slick-slider .slick-list { height: 400px; overflow: hidden; }
  .view-resource-carousel .view-footer { top: 70px; right: 0px; }
  .page-node-type-resource .banner .content { margin-top: 250px; }
  .top-bar { padding-top: 10px; }
  .banner .breadcrumb .elem a { color: #63666a; }
  .page-node-type-resource .banner .breadcrumb .elem a { color: #fff; }
  .page-node-type-resource .banner .content { width: 90%; }
  .page-node-type-resource article .content section.block { width: 100%; }
  .block-canteencorp-layout-homepage-banner { height: 650px; }
  .block-canteencorp-layout-homepage-banner.search-banner { height: 850px; }
  .path-frontpage .block-canteencorp-layout-homepage-banner { height: 650px; }
  /*.main-content .resource-share { position: unset; text-align: center; }*/
  .page-node-type-resource article .content section.block.block-canteencorp-layout-resource-banner { width: 100%; }
  .breadcrumb .img.elem { background-image: url("/themes/canteencorp_main/images/breadcrumb-img-drk.png"); }
  article.resource .content { margin-bottom: 60px; }
  .page-node-type-resource .resource-banner .content { padding: 20px; }
  .page-node-type-resource .resource-banner .title { font-size: 22px; line-height: 30px; width: 100%; }
  .block-canteencorp-layout-resource-banner .resource-banner { height: 230px; background-size: 100% 230px; }
  .resource-banner .sep img { height: 5px; }
  .life { padding: 0px 20px !important; }
  .life .col-sm-6 { margin-bottom: 50px; }
  .life .right .sec-img .text { width: 100%; }
  .life .right .sec-img .img { width: 100%; }
  .life .right .sec-img .img img { width: 100%; }
  .centered-text .content { width: 100%; }
  .block-canteencorp-layout-find-resources,
  .block-canteencorp-layout-find-resources-sub { width: 100%; padding: 0 30px !important; border-top: 1px solid #c2c2c2; margin-top: 0px; }
  .block-canteencorp-layout-find-resources .block-title,
  .block-canteencorp-layout-find-resources-sub .block-title { text-align: center; }
  .block-canteencorp-layout-find-resources .form-type-select,
  .block-canteencorp-layout-find-resources-sub .form-type-select { display: block; width: 100%; }
  .block-canteencorp-layout-find-resources .form-type-select,
  .block-canteencorp-layout-find-resources-sub .form-type-select { display: block; width: 100%; }
  .block-canteencorp-layout-find-resources .button,
  .block-canteencorp-layout-find-resources-sub .button { width: 100%; margin-top: 20px; }
  .view-list-all-content,
  .listed-blocks { width: 100%; padding: 0 20px !important; }
  .view-list-all-content .views-col,
  .listed-blocks .views-col { display: block; width: 100% !important; margin-bottom: 20px; }
  .page-node-type-resource article .content section.block,
  .page-node-type-article article .content section.block,
  .page-node-type-publications article .content section.block,
  .page-node-type-page article .content section.block.block-field-blocknodepagebody,
  .page-node-type-page article .content section.block.block-field-blocknodepagefield-single-image,
  .page-node-type-page article .content section.block.block-field-blocknodepagefield-slider-image,
  .page-node-type-page article .content section.block.block-field-blocknodepagefield-single-image-2,
  .page-node-type-page article .content section.block.block-field-blocknodepagefield-rich-text-2,
  .page-node-type-page article .content section.block.block-field-blocknodepagefield-rich-text-3,
  .page-node-type-page article .content section.block.block-field-blocknodepagefield-rich-text-4,
  .block-webform
  .block-field-blocknodepagefield-logos { width: 100%; }
  .block-webform .form-item { width: 100%; }
  .contact-us.page-node-type-page .content section.block.block-field-blocknodepagebody { width: 100%; padding: 0 !important; text-align: center; }
  .contact-us .block-field-blocknodepagebody .content { width: 90%; }
  .breadcrumb .img.elem { background-image: url("/themes/canteencorp_main/logo-mobile.png"); background-size: 16px auto; background-position: left; width: 30px; height: 16px; }
  .contact-us .block-canteencorp-layout-homepage-banner { height: 350px; }
  .block-canteencorp-layout-find-annual-report { width: 100%; padding: 50px 20px !important; }
  .block-canteencorp-layout-find-resources-sub h2,
  .block-canteencorp-layout-find-annual-report .control-label { text-align: center; width: auto; margin-bottom: 20px; margin-right: 0px; }
  .top-bar .menu-icon { background-image: url("/themes/canteencorp_main/images/combined-shape-dark.png"); }
  .page-node-type-lead-generation .top-bar .menu-icon { background-image: url("/themes/canteencorp_main/images/combined-shape.png"); }
  .top-bar .search .search-icon { background-image: url("/themes/canteencorp_main/images/search.gif"); }
  .block-canteencorp-layout-resource-youth-services { margin-top: 50px; }
  .block-webform,
  .researchers .block-webform,
  .corporate-partners .block-webform { width: 100%; padding-top: 50px !important; }
  .researchers .block-webform h2,
  .corporate-partners .block-webform h2 { width: 100%; padding-left: 30px; margin-right: 0; }
  .page-node-type-services .content section.block { padding: 0px 20px !important; width: 100%; }
  .page-node-type-services .content section.block.block-canteencorp-layout-homepage-support { width: 100%; margin-top: 0px; }
  .researchers .webform-submission-collaborate-add-form,
  .corporate-partners .webform-submission-get-in-touch-add-form { width: 100% !important; padding: 0 20px; }
  .block-field-blocknodepagefield-logos .field--name-field-logo .field--item { width: 30%; }
  .field--name-field-logos > .field--item:nth-child(2),
  .field--name-field-logos > .field--item:nth-child(3) { width: 100%; }
  .block-views-blockjob-opportunities-block-1 .views-row { display: block; width: 90%; }
  #block-views-block-job-opportunities-block-1 { width: auto; padding: 0 20px !important; }
  .page .job-banner.banner .content { margin-top: 0px; }
  .page-node-type-job-ad .block-canteencorp-layout-job-banner { max-height: initial; }
  .page-node-type-job-ad .block-field-blocknodejob-adfield-position,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-employment-status,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-location,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-application-close,
  .page-node-type-job-ad .block-field-blocknodejob-adbody,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-additional-information,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-address,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-job-files,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-job-type,
  .page-node-type-job-ad .block-field-blocknodejob-adfield-states,
  .page-node-type-page article .content section.block-field-blocknodepagefield-video { width: auto; padding: 0px 20px !important; }
  .advanced-search-banner .search input.mobile { display: block; }
  .advanced-search-banner .search input.desktop { display: none; }
  .block-canteencorp-layout-advanced-search-menu { width: 100%; padding: 0 20px; margin-right: 0; }
  .block-views-blockadvanced-search-block-1 { width: 100%; padding: 0 20px; }
  .block-views-blockadvanced-search-block-1 .views-row .image { width: 30%; }
  .block-views-blockadvanced-search-block-1 .views-row .image img { width: 100%; height: auto; }
  .block-views-blockadvanced-search-block-1 .views-row .fields { width: 68%; padding: 10px; }
  .block-views-blockadvanced-search-block-1 .views-row .fields .type { margin-bottom: 5px; font-size: 12px; }
  .block-views-blockadvanced-search-block-1 .views-row .fields .title { font-size: 16px; margin-bottom: 0px; }
  .advanced-search-banner.banner { height: auto; }
  .advanced-search-banner .search input { width: auto; }
  .block-canteencorp-layout-find-resources-topics { width: auto; padding: 0px 20px !important; }
  .block-canteencorp-layout-find-resources-topics h2 { text-align: center; }
  .news-media .block-canteencorp-layout-homepage-banner { height: 450px; }
  .page-node-type-resource .block-canteencorp-layout-homepage-banner { height: 600px; }
  .page-node-type-article article .content .author-date { padding: 0px 20px !important; width: auto; }
  .view-resource-carousel .slide__caption .slide__description { width: 100%; }
  .view-resource-carousel .views-field-field-carousel-image { height: 180px; overflow: hidden; }
  .page-node-type-publications .block-canteencorp-layout-homepage-banner { height: 650px; }
  .block-canteencorp-layout-find-services { width: 100%; padding: 0 20px !important; }
  .youth-cancer-services .block-canteencorp-layout-homepage-banner { height: 850px; }
  .block-canteencorp-layout-homepage-banner .resource-youth-services { color: #414141; }
  .block-canteencorp-layout-find-services #canteencorp_find_services_form { width: 100%; }
  .block-canteencorp-layout-find-resources-topics .ad-search { display: none; }
  .qtagselect.isw360 .qtagselect__container { width: 240px !important; }
  .block-canteencorp-layout-featured-content-resources .padding { padding: 0px 20px !important; }
  .block-canteencorp-layout-featured-content-resources h2,
  .block-canteencorp-layout-featured-content-services h2 { padding: 0px 20px !important; width: auto; }
  .life .col-sm-6 { padding-right: 0px; }
  .life .views-row .right { height: auto; }
  .life .right .title { margin-bottom: 30px; }
  .block-views-blockadvanced-search-block-1 .views-row .fields .summery { display: none; }
  .field--name-field-tags .field--item a { font-size: 12px; }
  .field--name-field-tags .field--item { height: auto; }
  .life .left .img { height: 350px; }
  .block-canteencorp-layout-find-resources-sub select { width: 300px; }
  .footer .footer-menu ul { padding-left: 0; }
  .block-canteencorp-layout-find-resources .form-item-main-term .control-label,
  .block-canteencorp-layout-find-resources .form-item-sub-term .control-label { margin-bottom: 0px; font-size: 12px; }
  .block-canteencorp-layout-find-resources .form-type-select { margin-bottom: 30px; }
  .block-canteencorp-layout-find-resources-topics select,
  .block-canteencorp-layout-find-positions select { width: 250px; }
  .page-node-type-lead-generation .block-webform { width: 100%; float: none; padding: 0 !important; margin-bottom: 60px; }
  .page-node-type-lead-generation .block-webform h2 { font-size: 28px; text-align: left; padding: 20px 30px; margin-top: 0px; }
  .page-node-type-lead-generation footer.col-sm-12 { padding-top: 0px !important; }
  .page-node-type-lead-generation.banner .content { width: 100%; margin-left: 0px; padding: 0 20px !important; }
  .meet-canteen-team .banner .content .title { width: 100%; }
  .meet-canteen-team .block-canteencorp-layout-homepage-banner { border-bottom: 1px solid #d1d1d1; }
  .meet-canteen-team .centered-text .content,
  .block-inline-block2-col-grid-intro .field--name-body p:first-child { font-size: 18px; }
  .meet-canteen-team .banner .content .desc { font-size: 20px; line-height: 28px; }
  .meet-canteen-team .block-canteencorp-layout-homepage-banner { height: 650px; border-bottom: 1px solid #d1d1d1; margin-bottom: 50px; }
  .page-node-type-person .banner .content { margin-top: 30px; }
  .page-node-type-person .top-bar { padding-bottom: 20px; }
  .person-all-data { padding: 0px 20px !important; width: 100%; }
  .page-node-type-person .person-data { width: 100%; padding-top: 0px; margin-right: 0; }
  .page-node-type-person .person-image { width: 100%; }
  .page .banner.team-banner .content .title { width: 100%; text-transform: uppercase; }
  .view-taxonomy-term .views-view-grid .views-col { width: 100% !important; margin: 0 0 50px 0; }
  .block-views-blockteams-block-4 { border-bottom: 1px solid #d1d1d1; }
  .block-canteencorp-layout-team-banner { height: 250px; }
  .view-teams .view-header { padding-top: 0px; }
  .view-teams {  padding: 0px 20px !important; }
  .view-teams .view-header { margin-bottom: 30px; }
  .view-teams .slick__slide .slide__caption { padding: 0 20px 0 20px; }
  .block-inline-block2-col-grid-intro .field--name-field-items .paragraph-type-col-grid-intro-item .field.field--name-field-image img { height: auto; }
  .main-content .layout--twocol-section { width: 100%;  }
  .block-views-exposed-filter-blocksite-search-block-1 .form-item-keyword .form-text { font-size: 10px; }
  .block-views-exposed-filter-blocksite-search-block-1 .form-item-keyword .form-text:placeholder { font-size: 10px; }
  .block-views-blocksite-search-block-1 .block-views-blockadvanced-search-block-1 { padding-right: 0; }
  .block-facet--checkbox .facets-widget-checkbox ul,
  .page-node-type-lead-generation .block-field-blocknodelead-generationbody { padding: 0 !important; }
  .download-order-buttons .btn-download { margin-right: 0px; width: 100%; margin: 10px 0; }
  .slick-slide .slick-current .slick-active { width: 325px }
}
@media only screen and (min-width:440px) and (max-width:480px) {
  .help-families .text .title { width: auto; margin-top: 30px; }
}
@media only screen and (max-width:350px) {
  .block-canteencorp-layout-find-resources-sub select { width: 250px; }
  .block-canteencorp-layout-homepage-banner { height: 650px; }
}
@media only screen and (min-width:351px) {
  .page-node-type-lead-generation .block-webform { margin-top: -110px; }
}