@media screen and (min-width:2200px) {
.PhotoGallery .slick-slider{width: 134% !important}
}

@media screen and (max-width:1920px) {
  header { padding: 30px 0;}
}

@media screen and (min-width: 1921px) {
.TextImgMasked .TextImgInn{max-width: 705px; width: 100%; padding: 70px 70px 70px 25px;float: right;height: 100%; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-box-align: center;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center}
.innBox{max-width: 1056px; width: 100%; padding: 0px 70px 0px 25px; float: right;}
}
@media screen and (min-width: 2100px) {
  .innBox{max-width: 1076px;}
}
@media screen and (min-width: 2200px) {
  .innBox{max-width: 1090px;}
}
@media screen and (min-width: 2300px) {
  .innBox{max-width: 1110px;}
}
@media screen and (min-width: 2400px) {
  .innBox{max-width: 1130px;}
}
@media screen and (min-width: 2500px) {
  .innBox{max-width: 1150px;}
}



@media screen and (min-width: 0px) and (max-width: 1700px) {
.TextImgMasked .textbox { padding: 40px 120px 120px 20px;}
.LargeVideoMapRow .col-4 > div{ padding-right: 60px}
.textbox {padding:40px 100px 130px 40px;}
.listing .col-7{ padding-left: 20px; padding-right: 60px;}
.listing .flexWrap { align-items: end;}
}

@media screen and (min-width: 0px) and (max-width: 1878px) {
.textbox{ padding-left: 142px;}
}
@media screen and (min-width: 0px) and (max-width: 1880px) {
.textbox{ padding-left: 142px;}
}
 @media screen and (min-width: 0px) and (max-width: 1860px) {
.textbox{ padding-left: 122px;}
}
@media screen and (min-width: 0px) and (max-width: 1826px) {
.textbox{ padding-left: 102px;}
}
@media screen and (min-width: 0px) and (max-width: 1790px) {
  .textbox{ padding-left: 92px;}
}
@media screen and (min-width: 0px) and (max-width: 1764px) {
  .textbox{ padding-left: 80px;}
}
@media screen and (min-width: 0px) and (max-width: 1750px) {
.textbox{ padding-left: 74px;}
}
@media screen and (min-width: 0px) and (max-width: 1724px) {
.textbox{ padding-left: 50px;}
}

@media screen and (min-width: 0px) and (max-width: 1680px) {
.textbox{ padding-left: 30px;}
}

@media screen and (min-width: 0px) and (max-width: 1650px) {
.textbox{ padding-left: 20px;}
.BoxeWithIcon .col-3 > div{ min-height: 354px;}
}

@media screen and (min-width: 0px) and (max-width: 1650px) {
.BoxeWithIcon .col-3 > div{ min-height: 329px;}
}
@media screen and (min-width: 0px) and (max-width: 1440px) {
h1 { font-size: 54px; line-height: 64px;}
.ics-calendar-title{font-size: 54px !important; line-height: 64px !important;}
.deskMenu ul.mainMenu > li > a{ padding: 8px 14px;}
.HeroWithArrow .TextBox > div{ padding: 80px 30px 160px 60px;}
.HeroWithArrow .TextBox > div h1{ margin-bottom: 0}
.downarrow{ width: 140px; height: 140px; bottom: -70px;}
.HeroWithArrow .flexWrap{ margin-bottom: 70px;}
.downarrow svg{ width: 80px;}
.BannerOverlayLayout .col-8{ width: 60%;}
.BannerOverlayLayout .col-4{ width:40%;}
.BoxeWithIcon .flexWrap {margin: 0 -20px;}
.BoxeWithIcon .col-3.bluebg > div{ margin: 0 20px;}
.according .flexWrap .col-9, .publication .flexWrap .col-9{width: 66%}
.according .flexWrap .col-3, .publication .flexWrap .col-3{ width: 34%;}
.BoxeWithIcon .col-3 > div{ padding: 0 20px 20px !important;}
.BoxeWithIcon .col-3 > div >span {margin: 0 0 30px -20px !important;}
.textbox {padding: 40px 40px 130px 40px;}
.HeroCaptionImg .TextBox > div{ padding-left: 0 !important;}
.HeroCaptionImg .btn {margin: 20px 0 0; padding: 10px 30px;}
.HeroCaptionImg .TextBox > div{ padding: 40px;}
.TwoColumn .btn {padding: 10px 20px;font-size: 18px;}
.bottomBox h6{font-size: 20px;line-height: 30px;}
.Newsletter h6{ padding-right: 10px;}
.Newsletter h6{ width: 30%;}
.Newsletter .gform_wrapper { width: 70%;}
.Newsletter .gform_wrapper form { width: 100%;}
.Newsletter .gform_wrapper .gform_body {width: 78%;}
.Newsletter .gform_wrapper .gform_footer { width: 22%;}
footer .col-2{width: 15%; padding-left: 20px;}
footer .col-10 { width: 85%; padding-right: 0;}
.PhotoGallery .slick-slider{ margin: 0px -10px;}
.PhotoGallery .col-6 > div{ padding: 10px;}
.BoxeWithIcon .col-3.Boxtitle h3{ padding: 0 0 20px; font-size: 34px;}
.textbox{ padding-left: 20px;}
.BoxeWithIcon .col-3 > div{ min-height: 312px;}
.WhiteBox { max-width: 760px; padding: 30px 30px 0; margin: -40px 100px 30px 0;}
}

@media screen and (min-width: 0px) and (max-width: 1280px) {
.deskMenu ul li{ margin: 0px 4px;}
.deskMenu ul.mainMenu > li > a { padding: 8px 12px; font-size: 18px;}
.searchbox{ margin-left: 16px;}
.HeroWithArrow .TextBox > div { padding: 60px 30px 100px 50px; }
.PeopleRow .col-3 > div {padding: 0 16px 48px;}
.PeopleRow .flexWrap {margin: 0 -16px;}
.PeopleRow h6 {margin: 20px 0 10px;}
.TextBox.col-8 {width: 90%; padding-right: 20px !important}
.according .col-3 > div, .publication .col-3 > div{ padding: 22px;}
.according .col-3 > div h6 {padding: 20px 0 14px;}
.BoxeWithIcon .col-3{ width: 50%}
.LargeVideoMapRow .col-4{ width: 40%;}
.LargeVideoMapRow .col-8{ width: 60%;}
.LargeVideoMapRow .btn {margin-top: 20px; padding: 10px 30px;}
.BannerOverlayLayout .btn {font-size: 20px;line-height: 25px;padding: 10px 16px; margin-right: 20px;}
.BannerOverlayLayout .btn:last-child{margin-right: 0}
.listing .box { margin: 0px 20px -50px 0;}
.listing .imageHolder:before{border-bottom: 64px solid transparent; border-right: 64px solid white;}
.mapBox iframe{height: 500px;}
.QuickGrid .col-3{ width: 33.33%;}
.publication .icon, .according .icon{margin-top: -22px; margin-left: -22px;}
.WhiteBox { max-width: 680px; padding: 30px 30px 0; margin: -30px 60px 30px 0;}
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
h1 {font-size: 46px; line-height: 56px;}
h2 {font-size: 46px; line-height: 56px;}
h3 {font-size: 38px;line-height: 48px;}
.ics-calendar-title{font-size: 46px !important; line-height: 56px !important;}
.deskMenu ul.mainMenu > li > a { padding: 8px 9px;}
.iconsvg {margin: 0 0 60px;}
.BoxeWithIcon .flexWrap {margin: 0 -10px;}
.BoxeWithIcon .col-3 > div {margin: 0 10px !important;}
.TextImgMasked .textbox{padding: 40px 120px 140px 20px}
.BannerOverlayLayout.greenbg:before{ height: calc(100% - 34%);}
.bottomBox{ padding:12px 16px;}
.TwoColumn .btn {padding: 8px 14px;font-size: 18px;}
.NewsDetails .col-6:first-child{ padding-right: 20px;}
.NewsDetails .col-6.imageSec { padding-left: 20px;}
.QuickLinkSingle .flexWrap, .QuickLink .flexWrap{ margin: 0 -14px}
.QuickLinkSingle .col-3 > div, .QuickLink .col-3 > div{ margin: 0 14px;}
.QuickLink  h3,.QuickLinkSingle h3 { margin: 0 0 26px;}
.QuickLinkSingle .slick-dots, .QuickLink .slick-dots { bottom: -60px;}
.QuickLinkSingle, .QuickLink{ margin-bottom: 90px;}
.PhotoGallery .slick-prev, .PhotoGallery .slick-next {top: 60.5% !important;-webkit-transform:  translate(0, -60.5%) !important; -moz-transform: translate(0, -60.5%) !important; transform: translate(0, -60.5%) !important; }
.alm-listing .alm-reveal{ margin: 0 -15px;}
.Staff_Directory > div{ margin: 0 15px;}
.Staff_Directory{ margin-bottom: 30px;}
.WhiteBox { max-width: 600px;}
img.glogo{ width: 60px;}
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
.griffLogo,header.scroll .griffLogo{max-width: 180px; }
.logo{ width: 50%;}
.RightSec{width: 50%;}
header { padding: 20px 0; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%)}
.Menutoggle label{top: 58px;}
#menu{display: none;}
.MobileView{position: fixed; width: 100%; padding-left: 20px; padding-bottom: 100px;padding-right: 20px;padding-top: 20px;height: 100%;background: #fff;left: 0;right: 0;top:130px;overflow: auto;z-index: 9;display: none; margin: 0;}
.MobileView li{ display: block; width: 100%; padding: 12px 0;position: relative; border-top: #00bb8d solid 1px;}
.MobileView li a{ font-size: 18px; line-height: 22px; text-decoration: none;font-weight: 600; color: #183B61;}
.MobileView .sub-menu > li > a{ font-weight: 600; font-size: 16px; line-height: 19px; color:#00bb8d; margin-left: 0px}
.sub-menu .sub-menu > li > a{ font-weight: 500; font-size: 16px; line-height: 19px;color: #969696;}
.sub-menu .sub-menu > li { border-top: 0; padding: 6px 0;}
.current_page_item>a, .current-menu-item>a, #menu-main-menu > .current-menu-parent>a, #menu-main-menu .current-menu-ancestor>a{color:#183B61 !important; box-shadow: 0 0 0 #fff; border-radius: 0}
.Menutoggle label {display: block;}
.burgerMenu{ margin: 0; padding: 0}
.burgerMenu ul{ padding: 0; margin-left: 0 !important;}
/* .MobileView li.active>a{ color:#00bb8d; } */
.burgerMenu>.current_page_item>a, .burgerMenu>.current-menu-item>a{color:#00bb8d !important;}
#page-wrap{ padding-top: 180px;}
.centered{ width: 80%;}
.playVideo{ background-size: 90px; width: 90px; height: 90px;}
.PhotoGallery .slick-prev, .PhotoGallery .slick-next {top: 61% !important;-webkit-transform: translate(0, -61%) !important; -moz-transform: translate(0, -61%) !important;  transform: translate(0, -61%) !important; background-size: 50px !important; width: 50px;}
.QuickLink.greenbg:before,.QuickLink.bluebg:before,.QuickLinkSingle.greenbg::before { bottom: 84px;}
.QuickLink.greenbg h3, .QuickLink.bluebg h3{position: relative;padding: 0 0 14px; margin-bottom: 26px;}
.QuickLink.greenbg h3:before, .QuickLink.bluebg h3:before {background: #00bb8d;height: 4px;bottom: 0;position: absolute;content: "";left: 0; width: 110px;}
.PhotoGallery .col-6.largeImg .imageHolder:before {border-bottom: 64px solid transparent; border-right: 64px solid #ffffff;}
.LargeVideoMapRow .largerowImg:before{border-top: 64px solid #fff; border-right: 64px solid transparent;}
.HeroCaptionImg .TextBox h2{display: none;}
.captionMobile{ position:relative;padding: 0 0 14px;margin-bottom: 30px; display: block;}
.captionMobile:before {content: "";position: absolute; width: 110px;height: 4px;background: #00bb8d; bottom: 0;}
.BoxeWithIcon h6 { margin-bottom: 14px;}
section.PeopleRow.BSpace{ padding-bottom: 20px;}
	.NoResult { width: 100%}
  .mapBox iframe{height: 460px;}
  .AnnouncementBanner {  margin-bottom: 60px;  }
.TBSpace{ padding: 60px 0}
.BSpace{ padding-bottom: 60px;}
.TSpace{ padding-top: 60px;}
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
.HeroWithArrow .col-6{ width: 100%;}
.HeroWithArrow .box{width: 100%;}
.HeroWithArrow  .box:before{ padding-top: 56%;}
.HeroWithArrow .col-6.TextBox{ margin-top:-90px;}

.HeroWithArrow .posterimage{ width: 100%;}
.HeroCaptionImg .posterimage, .HeroCaptionImg .fluidVideo {width: 100%;}
.HeroWithArrow .playVideo{right: 0;}
.HeroCaptionImg .playVideo {right: 0;}
.HeroWithArrow .fluidVideo {width: 100%;}

.downarrow{ left: 50px; margin: 0; width: 80px; height: 80px;}
.downarrow svg{ width: 60px;}
.HeroWithArrow .TextBox > div { padding: 60px 0px 70px 50px;}
.TextImgMasked .col-6,.HeroCaptionImg .col-6, .TwoColumn .col-6{width: 100%;}
.TextImgMasked .textbox{padding: 40px 40px 20px; min-height: inherit;}
.TextImgMasked .imgBgBox .box:before {padding-top: 43%;border: 0px; position: inherit; left: 0; top:0; right: 0;}
.TextImgMasked .imgBgBox:before{ display: none;}
.TextImgMasked .imgBgBox{padding: 0;}
.imgMaskBtn{ position: relative !important;bottom: -20px !important;z-index: 999; left: 40px !important;}
.BannerOverlayLayout .col-8, .BannerOverlayLayout .col-4{ width: 100%;}
.BannerOverlayLayout .col-4{order: 1}
.BannerOverlayLayout .col-8{order:2}
.TwoColumn img{ width: 100%;}
.TwoColumn .col-6{ margin-bottom: 60px;}
.bottomBox {bottom: auto; top: 0; border-radius: 5px 5px 0px 0px}
.bottomBox h6{ width: 100% !important}
.bottomBox span{display: none;}
.mobileview {display: block;position: absolute;right: 0;bottom:-18px;}
.TwoColumn:before{ height: calc(100% - 24%) !important}
.HeroCaptionImg .col-6.imageBox {order: 1}
.HeroCaptionImg .col-6.TextBox {order:2}
.HeroCaptionImg .box {width: 100%;}
.HeroCaptionImg .TextBox > div {padding: 20px 0 0;}
/* .BannerOverlayLayout.greenbg .imageHolder:before, .BannerOverlayLayout.bluebg .imageHolder:before, .BannerOverlayLayout.whitebg .imageHolder:before{display:none;} */
.BannerOverlayLayout .imageHolder{top: 0;}
.BannerOverlayLayout.greenbg:before, .BannerOverlayLayout.bluebg:before, .BannerOverlayLayout.whitebg:before{height: 100%;}
.textbox {padding:24px 20px 0;}
.BannerOverlayLayout .textBoxBtn{ position: relative;bottom: 0; margin-top: 20px;}
.BannerOverlayLayout{margin-bottom: 0px;}
.BannerOverlayLayout.bluebg, .BannerOverlayLayout.greenbg{margin-bottom: 60px;}
.PubRow {margin-bottom: 30px;}
.BannerOverlayLayout .col-4.imgBgBox{padding:0 20px 24px;}
.BannerOverlayLayout .mobiletitle{display:block; margin-bottom: 36px !important}
.BannerOverlayLayout.greenbg  .mobiletitle, .BannerOverlayLayout.bluebg  .mobiletitle{ padding-top: 40px;}
.BannerOverlayLayout .textbox h3{display: none;}
.BannerOverlayLayout .box {height: auto;}
.HeroCaptionImg .TextBox .disc {max-width: 100%;}
.TwoColumn .col-6:last-child{ margin-bottom: 0}
.Staff_Directory > div{ padding: 30px 20px 96px}
.WhiteBox { max-width: 500px; }
}

@media screen and (min-width: 0px) and (max-width: 991px) {
.NewsDetails .col-6:first-child{ padding-right: 0px; width: 100%; order:2;}
.NewsDetails .col-6.imageSec { padding-left: 0px; width: 100%; order: 1; margin-bottom: 30px}
.PeopleRow .col-3{ width: 50%;}
.PeopleRow img{ width: 100%;}
.according .flexWrap .col-9, .according .flexWrap .col-3, .publication .flexWrap .col-9, .publication .flexWrap .col-3{width: 100%; padding: 0}
.publication .flexWrap,.according .flexWrap{margin: 0;}
.publication .flexWrap .col-9{ margin-bottom: 40px;}
.publication .col-3 > div h6 {padding: 30px 0 20px;}
footer .col-10 { width: 100%; padding-right: 0;}
footer .col-2{ display: none;}
.Newsletter .gform_wrapper .gform_body #gform_fields_1 #field_1_4 { padding-right: 26px;}
.Newsletter .gform_wrapper .gform_footer input{ width: 100%; font-size: 16px;}
.Newsletter{ margin-top: 0;}
.listing:before{width: 100%;}
.listing .col-7{ width: 100%;padding-right: 20px; order:2; padding-top: 24px; padding-bottom:34px;}
.listing .btn{ margin-top: 20px;}
.listing .col-5{ width: 100%; order: 1}
.listing .box { margin: 0px 20px 0px 0;}
.listing .imageHolder:before{ border-right: 64px solid #fff}
.listing:before{height: calc(100% - 100px); top: 100px;}
.listing:nth-child(even) .imageHolder:before{border-right: 64px solid #fff;  border-bottom: 64px solid transparent;}
.Newsletter .gform_wrapper .gform_footer { width: 18%;}
.Newsletter .gform_wrapper .gform_body {width: 82%;}
.BannerOverlayLayout p:last-child{ padding: 0}
.BannerOverlayLayout .btn { font-size: 16px; line-height: 24px;  padding: 8px 22px; margin-top: 20px;}
}

@media screen and (min-width: 0px) and (max-width:900px) {
.TwoColumn .col-6{ width: 100%; margin-bottom: 40px;}
.TwoColumn img{width: 100%;}
.TwoColumn.bluebg:before{ height: calc(100% - 70%);}
.centered{ width: 96%;}
.BoxeWithIcon .col-3{ width: 50%;margin-bottom: 34px;}
.LargeVideoMapRow .col-4{ width: 100%; order: 2}
.LargeVideoMapRow .col-8{ width: 100%; order: 1}
.LargeVideoMapRow .col-4 > div{ padding: 34px 0 0;}
.videoTitle{ display:block;}
.LargeVideoMapRow .col-4 h3{ display: none;}
.QuickGrid .col-3{ width: 50%;}
}
@media screen and (min-width: 0px) and (max-width: 850px) {
.Newsletter h6{ width: 100%; margin-bottom: 20px; padding: 0}
.Newsletter .gform_wrapper { width: 100%;}
.PhotoGallery .slick-prev, .PhotoGallery .slick-next {top: 63.5% !important;-webkit-transform:  translate(0, -63.5%) !important; -moz-transform: translate(0, -63.5%) !important; transform: translate(0, -63.5%) !important; }
.whiteBoxContent { max-width: 100%;}
.WhiteBox { max-width: 100%;  padding: 20px !important; margin: 0}
.AnnouncementBanner .bluebg:before, .AnnouncementBanner .greenbg:before{ height: calc(100% - 0px);}
.AnnouncementBanner.clsWhitebox.bannerLink .greenbg:before, .AnnouncementBanner.clsWhitebox.bannerLink .bluebg:before,
.AnnouncementBanner.clsWhitebox .greenbg:before, .AnnouncementBanner.clsWhitebox .bluebg:before {height: calc(100% - -60px);}
.clsWhitebox.bannerLink .WhiteBox{ margin: 0}
.CalendarWrap .ics-calendar-select{ margin: 0.5em 0 0.5em 0em !important}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .TextBox.col-8{ padding:50px 40px 50px 0 !important;}
  .btn{font-size: 18px; line-height: 24px; padding: 8px 20px}
  .NewsDetails .imageHolder:before{ border-bottom: 54px solid transparent;  border-right: 54px solid white;}
  .LargeVideoMapRow .largerowImg:before{border-top:54px solid #fff; border-right: 54px solid transparent;}
.PhotoGallery .slick-prev, .PhotoGallery .slick-next {top: 64.5% !important;-webkit-transform:  translate(0, -64.5%) !important; -moz-transform:  translate(0, -64.5%) !important; transform: translate(0, -64.5%) !important; }
.publication h3 { margin-bottom: 24px;}
.publication .flexWrap .col-9 h6{ padding: 6px 174px 5px 24px}
.BoxeWithIcon .col-3 > div{ min-height: 354px;}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
h3 {font-size: 30px;line-height: 40px;}
.BoxeWithIcon .col-3.Boxtitle h3{font-size: 30px;line-height: 40px;}
.col-6{ width: 100%;}
.PeopleRow .col-3{ width: 50%;}
.quotebox {font-size: 18px;line-height: 28px;}
.iconsvg {margin: 0 0 50px;}
.Testimonials .flexWrap {padding-bottom: 80px;}
.TwoColumn.bluebg h3, .TwoColumn.greenbg h3 {padding: 24px 0 14px;}
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ line-height: normal !important;}
.Newsletter .gform_wrapper .gform_footer input{  padding:10px 20px !important}
.GetinTouch.subform{ margin-bottom: 40px;}
.Getinn h6 { margin-bottom: 14px;}
.Testimonials .slick-prev, .Testimonials .slick-next{ bottom: -10px !important;}
.according h3{ margin-bottom: 24px;}
.accRow { margin-bottom: 26px;}
.BannerOverlayLayout .mobiletitle { margin-bottom: 16px !important;}
.Staff_Directory{ width: 100%;}
}

@media screen and (min-width: 0px) and (max-width: 685px) {
  .BoxeWithIcon .col-3 > div{ min-height: 300px;}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.filterlist .alm-filters-container{ max-width: inherit;}
.filterlist .alm-filters-container .alm-filter{ min-width: inherit; width: 75%;}
.alm-filters-container .alm-filters--controls{ width: 23% !important}
}

@media screen and (min-width: 0px) and (max-width:568px) {
body{ font-size: 14px;}
h1 {font-size: 30px; line-height: 36px;}
h2 {font-size: 30px; line-height: 36px;}
h4 { font-size: 22px; line-height: 28px;}
h6 {font-size: 20px;line-height: 26px;}
.BoxeWithIcon .col-3.Boxtitle h3{font-size: 24px;line-height: 30px;}
.ics-calendar-title{font-size: 30px !important; line-height: 36px !important;}
.btn{ padding: 16px 40px 14px;}
#searchsubmit{ width: 16%;}
.search-input {width: 72%;}
.search-clear {width: 12%;}
.quotebox {font-size: 16px;line-height: 24px;}
.iconsvg svg {width: 40px;}
.iconsvg {margin: 0 0 30px;}
.Testimonials.greenbg .iconsvg:before{height: 2px; width: 70px}
.Testimonials.greenbg .slick-prev{ left: 6%;}
.Testimonials.greenbg .slick-next{ right: 6%;}
.BoxeWithIcon .col-3{ width: 100%;}
.TextImgMasked .imgBgBox .box:before {padding-top: 56%;}
.TextImgMasked .imgMaskBtn .btn{ font-size: 14px; line-height: 18px; padding: 10px 20px;}
.TextImgMasked .textbox {padding: 40px 20px 10px;}
.TextImgMasked .imgMaskBtn{ left: 20px !important;}
.TextImgMasked h3:before, .BannerOverlayLayout h3:before, .LargeVideoMapRow h3:before,.BannerOverlayLayout.whitebg h3:before,.QuickLink.greenbg h3:before, .QuickLink.bluebg h3:before, .BoxeWithIcon .col-3.Boxtitle h3:before{height: 2px; width: 70px;}
.mapBox iframe{ height: 400px !important}
.BannerOverlayLayout .textBoxBtn{ margin-top: 0;}
.BannerOverlayLayout .btn{display: block;width: fit-content; margin:24px 0 0;}
.imgBgBox .box:before {padding-top: 56%;}
.bottomBox {padding: 4px 16px;}
.bottomBox h6 { font-size: 18px;line-height: 28px;}
.TwoColumn .btn {padding: 6px 16px;font-size: 16px;}
.HeroWithArrow .TextBox > div { background: linear-gradient(135deg, transparent 40px, #fff 0);}
.Newsletter .gform_wrapper .gform_body #gform_fields_1 #field_1_4{width: 100%;}
.Newsletter .gform_wrapper .gform_body #gform_fields_1 #field_1_3{width: 100%;}
.Newsletter .gform_wrapper .gform_body{width: 100%;}
.Newsletter .gform_wrapper .gform_body #gform_fields_1{ flex-wrap: wrap;}
.Newsletter .gform_wrapper form{flex-wrap: wrap;}
.Newsletter .gform_wrapper .gform_body #gform_fields_1 #field_1_4 { padding-right: 0;}
.Newsletter .gform_wrapper #field_1_3 input { width: 100%;}
.Newsletter .gform_wrapper form{ justify-content: flex-end;}
.Newsletter .gform_wrapper .gform_footer{ margin-top: 16px !important; margin-bottom: 20px !important;}
.Newsletter .gform_wrapper .gform_footer { width: auto;}
.menu-footer-menu-container ul li a { font-size: 14px;}
.big_text h2 { font-size: 120px; line-height: 120px; padding-top: 40px;}
.errorBox{ padding: 20px 20px 40px}
.errorBox > h3 { margin: 10px 0;}
.GetinTouch.greenbg .gform_button, .GetinTouch.bluebg .gform_button{ font-size: 16px !important}
.PhotoGallery .slick-slider { width: 100% !important; margin: 0; position: relative;}
.PhotoGallery .slick-prev, .PhotoGallery .slick-next {top: 50% !important;-webkit-transform: translate(0, -50%) !important; -moz-transform: translate(0, -50%) !important; transform: translate(0, -50%) !important; }
.BannerOverlayLayout.whitebg .imageHolder:before, .BannerOverlayLayout.greenbg .imageHolder:before, .BannerOverlayLayout.bluebg .imageHolder:before{border-top: 54px solid #fff; border-right: 54px solid transparent;}
.BannerOverlayLayout.greenbg .imageHolder:before{    border-top: 54px solid #00bb8d !important;}
.BannerOverlayLayout.bluebg .imageHolder:before{    border-top: 54px solid #183B61 !important;}
.listing .imageHolder:before{ border-right: 54px solid #fff;    border-bottom: 54px solid transparent;}
.listing:nth-child(even) .imageHolder:before{border-right: 54px solid #fff;  border-bottom: 54px solid transparent;}
.BoxeWithIcon .col-3:last-child{ margin-bottom: 0;}
.accRow h6 span{ width: 50px; height: 50px;}
.VideoRow h3{padding: 0 0 12px;margin-bottom: 24px;}
.VideoRow h3:before{ height: 2px; width: 70px;}
.LargeVideoMapRow .largerowImg:before{ border-top: 54px solid #fff; border-right: 54px solid transparent;}
.LargeVideoMapRow .col-4 > div { padding: 20px 0 0;}
.LargeVideoMapRow h3{ padding: 0 0 12px;}
.HeroTextOnly.bluebg .col-8{ background: linear-gradient(225deg, transparent 40px, #183B61 0);}
.BoxeWithIcon .col-3.Boxtitle > div{ padding: 0 !important}
.PhotoGallery .col-6 > div{ padding: 5px;}
#searchsubmit{ height: 60px; padding: 4px;}
.SearchBox.greenbg:before{ height: calc(100% - 92px)}
.NoResult{ margin: 180px auto 100px}
.illustration{ margin-bottom: 34px;}
.NoResult h2{ margin-bottom: 10px;}
.NoResult .SearchInn { margin-top: 0px;}
.NoResult:before{ height: calc(100% - 30px);}
.BoxeWithIcon .col-3 > div { min-height: auto;}
.QuickGrid .col-3{ width: 100%; margin-bottom: 46px}
.QuickGrid .col-3 > div .btn{display: block; width: fit-content; margin: 30px 0 0 !important}
.alm-filters-container .alm-filters--controls {width: 150px !important;position: absolute; right: 0;justify-content: end !important;}
.filterlist .alm-filters-container .alm-filter {min-width: inherit;width: 100%; padding-right: 160px;}
}

@media screen and (min-width: 0px) and (max-width:480px) {
h3 {font-size: 20px;line-height: 30px;}
h6 {font-size: 15px;line-height:20px;}
.BoxeWithIcon .col-3.Boxtitle h3{font-size: 20px;line-height: 30px;padding: 0 0 16px;margin-bottom: 0;}
.PeopleRow .col-3{ width: 100%;}
.PeopleRow img{ width: 100%;}
.GetinTouch #field_2_3, .GetinTouch #field_2_5{ width: 100%;}
.playVideo{ background-size: 60px; width: 60px; height: 60px;}
.TextBox.col-8 {width: 100%;padding: 40px 30px 40px 0 !important;}
.according .flexWrap .col-9 h6{ padding:11px 64px 11px 14px}
.publication .flexWrap .col-9 h6{ padding: 7px 14px 60px 14px;}
.publication .PubRow .btn{ top: auto !important; bottom: 0; font-size: 18px; padding: 8px 20px !important;}
.SearchBox:before{ height: calc(100% - 82px) !important;}
#searchsubmit svg {width: 34px; height: auto;}
#searchsubmit{ width: 18%;}
.search-input {width: 66%;}
.search-clear {width: 16%;}
.HeroWithArrow .box:before { padding-top: 76%;}
.HeroWithArrow .TextBox > div { padding: 60px 0px 70px 20px;}
.downarrow { left: 20px;}
.HeroWithArrow .TextBox > div { padding: 60px 0px 40px 20px;}
.searchList{ padding: 20px; margin-bottom: 20px;}
.NewsDetails .imageHolder:before{ border-bottom:40px solid transparent;  border-right: 40px solid white;}
.NewsDetails .col-6.imageSec{ margin-bottom: 20px;}
.QuickLink h3, .QuickLinkSingle h3 {margin: 0 0 14px;}
.QuickLink .slick-dots li, .QuickLinkSingle .slick-dots li{ margin: 0 10px 0px !important}
.GetinTouch .gform_footer{ position: relative; padding-top: 20px !important; float: right;}
.gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 20px !important;}
.BannerOverlayLayout .imageHolder::before {border-top: 54px solid #fff !important;border-right: 54px solid transparent !important;}
.accRow h6 span{ width:42px; height:42px;}
.accRow h6 span::before {background-size: 30px !important;left: 1px !important;}
.HeroWithArrow .VideoplaceHolder + .col-6.TextBox { margin-top: 10px;}
.Staff_Directory > div { padding: 22px 16px 0px;}
.TextHolder { position: relative;bottom: 0;min-height: auto; margin: 20px 0;}
.filterlist .alm-filters-container .alm-filter{ width: 100% !important;box-shadow: 2px 2px 50px rgb(0 0 0 / 12%); margin-bottom: 20px; padding-right: 0 !important}
.filterlist .alm-filters-container{ box-shadow: 0px 0px 0px rgb(0 0 0 / 12%);display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap}
.alm-filters-container .alm-filters--controls { width: 100% !important;position: relative; right: 0; justify-content: end !important;}
}

@media screen and (min-width: 0px) and (max-width:441px) {
  .griffLogo, header.scroll .griffLogo{ max-height: 70px;}
  #page-wrap {padding-top: 160px;}
  .menu-footer-menu-container ul li a { font-size: 14px; display: block; margin: 0}
  .menu-footer-menu-container{ width: 100%;}
  .hamburger div{width: 26px;}
  img.glogo {width: 44px;}
.titleTop{ padding: 0 60px 20px 0px}
  }

@media screen and (min-width: 0px) and (max-width:414px) {
  .Menutoggle label {top: 50px;}
  .MobileView{top:100px;}
}

@media screen and (min-width: 0px) and (max-width:385px) {
  .mapBox iframe{ height: 300px !important}
  #page-wrap {padding-top: 160px;}
}

@media screen and (min-width: 0px) and (max-width:345px) {
}