@media only screen and (min-width:800px) {
  .path-frontpage #canteencorp-find-resources-form { position: relative; }
  .path-frontpage #canteencorp-find-resources-form .form-wrapper { padding-right: 110px; }
  .path-frontpage #canteencorp-find-resources-form .button { position: absolute; right: 0; top: 20PX; }
}
@media only screen and (min-width:481px) and (max-width:800px) {
  .banner { height: 250px; width: 100%;    /*top: 20px;*/ background-size: cover; }
  .top-bar { padding-left: 20px; padding-top: 10px; }
  .top-bar .menu-icon { margin-top: 20px; }
  .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: 0px; 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; }
  .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,
  .block-canteencorp-layout-find-resources-sub {  }
  .banner .content .title { color: #00a9e0; }
  .banner .content .desc { color: #414141; }
  .top-bar .search { margin-right: 10px; }
  .page .banner .content .title { font-size: 40px; 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; }
  .banner .content .title { line-height: 50px; }
  .block-canteencorp-layout-homepage-banner { margin-bottom: 20px; height: 550px; }
  .section { margin-bottom: 50px;  }
  .img-text-block .content { width: 100%; margin-left: auto; margin-right: auto; padding: 30px 20px; }
  .young-people.img-text-block .content { padding: 220px 20px 50px 20px; }
  .img-text-block .img-bg { width: 100%; background-position: bottom center; background-size: 400px; height: 400px; }
  .img-text-block .img { width: 90%; margin-left: 5%; margin-right: 5%; }
  .path-frontpage .young-people.img-text-block .img { margin-bottom: -200px; }
  .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; clear: both; float: none; }
  .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-bottom: 20px; width: 100%; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; }
  .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; }
  #block-footernewsletter { width: 100%; padding: 50px 20px; }
  .footer .newsletter .title { width: 100%; }
  .footer .newsletter .cont input { width: 100%; }
  #block-footershare { float: none; padding-left: 10px; padding-bottom: 50px; padding-top: 30px; }
  .help-families .img1 { top: 30px; left: 20px; height: 300px; width: auto; }
  .help-families .img2 { left: 40px; top: 300px; width: 360px; }
  .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%; }
  .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; margin-top: 20px; }
  .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: auto; margin-left: auto; width: 100%; }
  .view-resource-carousel {   padding: 0px 10px !important; }
  /*.view-resource-carousel .view-header { margin-bottom: 70px; }*/
  .slick--view--resource-carousel .unslick .slick__slide,
  .slick--view--resource-carousel .slick-initialized .slick__slide { /*width: 400px !important;*/ }
  .slick--view--resource-carousel .slick-slider .slick-track,
  .slick--view--resource-carousel .slick-slider .slick-list { height: 380px; overflow: hidden; }
  .page-node-type-resource .banner .content { width: 90%; margin-top: 300px; }
  .banner .breadcrumb .elem a { color: #63666a; }
  .page-node-type-resource article .content section.block { padding: 0px 20px !important; width: 100%; }
  .block-canteencorp-layout-homepage-banner { height: 550px; }
  /*.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; }
  .page.resource .block-canteencorp-layout-homepage-banner { height: 550px; }
  .life .right .sec-img .img { width: 30%; }
  .life .right .sec-img .img img { width: 100%; }
  .life .right .sec-img .text { padding: 10px 10px 0px 10px; width: 66%; }
  .life .right .sec-img .text .desc { display: none; }
  .centered-text .content { width: 80%; }
  .life .right .sec-img .text .title a,
  .life .right .sec3 .text .title a { font-size: 14px; line-height: 16px; }
  .life .right .sec3 .text { padding: 15px; }
  .view-list-all-content .views-col,
  .listed-blocks .views-col { display: block; width: 100% !important; margin-bottom: 20px; }
  .view-list-all-content,
  .listed-blocks { width: auto; padding: 0px 20px !important; }
  .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.gif"); }
  .block-webform,
  .researchers .block-webform,
  .corporate-partners .block-webform { width: 100%; padding: 0 20px !important; }
  .block-field-blocknodepagefield-3-co div.field { width: 100% !important; margin-right: 0% !important; margin-bottom: 20px; }
  .contact-us .block-field-blocknodepagefield-3-co .field--name-field-3-co,
  .block-field-blocknodepagefield-3-co .field--name-field-3-co { width: 100%; padding: 0px 20px !important; }
  .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-blocknodepagefield-3-co,
  .block-field-blocknodepagefield-3-co { width: 100%; padding: 0 20px !important; }
  .page-node-type-resource article .content section.block.block-views-blockresource-carousel-block-4 { padding: 0px !important; width: auto; }
  .page-node-type-services .content section.block.block-canteencorp-layout-homepage-support { width: auto; }
  .page-node-type-services .content section.block.block-canteencorp-layout-homepage-support .section { width: 100%; }
  .page-node-type-services .content section.block { width: 100%; padding: 0px 20px !important; }
  .page-node-type-publications .block-canteencorp-layout-homepage-banner { height: 650px; }
  .block-canteencorp-layout-homepage-banner { width: auto !important; }
  .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-featured-content-resources .padding { padding: 0px !important; }
  .block-canteencorp-layout-featured-content-resources .padding.life { padding: 20px !important; }
  .block-canteencorp-layout-featured-content-resources h2,
  .block-canteencorp-layout-featured-content-services h2 { padding: 0px 50px !important; width: auto; }
  .life .col-sm-6 { padding-right: 0px; }
  .life .views-row .right { height: auto; }
  .life .right .title { margin-bottom: 30px; }
  .advanced-search-banner.banner { height: auto; top: 20px; }
  .advanced-search-banner .search input { width: auto; }
  .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 {  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; }
}
@media only screen and (min-width:570px) and (max-width:650px) {
  .life .col-sm-6 { margin-bottom: 50px; }
  .view-list-all-content .views-col,
  .listed-blocks .views-col { display: block; width: 45% !important; margin-bottom: 20px; }
  .view-list-all-content .views-field-field-carousel-image,
  .listed-blocks .views-field-field-carousel-image { height: 150px; }
}
@media only screen and (min-width:651px) and (max-width:768px) {
  .view-list-all-content .views-col,
  .listed-blocks .views-col { display: block; width: 45% !important; margin-bottom: 20px; }
  .view-list-all-content .views-field-field-carousel-image,
  .listed-blocks .views-field-field-carousel-image { height: 180px; }
}
@media only screen and (min-width:481px) and (max-width:767px) {
  .life .col-sm-6 { margin-bottom: 30px; }
}
@media only screen and (min-width:769px) and (max-width:800px) {
  .page.resource .banner .content { margin-top: 300px; }
  .view-list-all-content .views-col,
  .listed-blocks .views-col { display: block; width: 45% !important; margin-bottom: 20px; }
  .view-list-all-content .views-field-field-carousel-image,
  .listed-blocks .views-field-field-carousel-image { height: 200px; }
}