body{font-family:'Crimson Pro';color:#3a3a3a;}
/* Hide header and footer in iframe */
.in-iframe .footer , .in-iframe .logoarea, .in-iframe .navbar-wrapper,.in-iframe .breadcrumb 
{
 display:none;
}
.in-iframe .openmorningvideo {display:none;}

li:empty {
    opacity: 0;
}
body.in-iframe li:empty{display: none;}

.eventcontent h3 {margin-right: 70px;}
.ws_security {
    margin: 0px 0px;
}

#sendbutton_js {background: #0f4b2e;
    color: #fff;}


#ecomm_basket_div .ws_emptybasketmessage {display:none;}

.ws_working {
    background-image: url(working.gif);
    background-repeat: no-repeat;
    /* margin: 15px; */
    background-position: center;
    padding: 5px 15px 5px 50px;
}
.ws_formerror {
    display: block;
    font-size: 0.8em;
    padding: 0.15em;
    color: coral;
}

input[type=button].ws_nochex  {
background: transparent url(/images/nochex.gif) 0px 0px no-repeat;
    width: 272px;
    height: 136px;
    border: 0px;
    padding-top: 120px;
    background-size: contain;
    border: 1px solid #eee;
    padding-top: 95px;
}

img.ws_paypal {
    background: #fff url(/images/design/x-click-but6.gif) 0px 0px no-repeat;
    width: 152px;
    height: 52px;
}
.pagecontent a {text-decoration:underline;text-decoration-color: #bebebe;}
.pagecontent a:hover {text-decoration:underline;text-decoration-color: #3a3a3a;}
.pagecontent a.btn {text-decoration:none;}

/* .ws_ecommshoppingback, .ws_ecommback   {background-color:transparent;}
 */
.summary {font-size:1.5em;font-weight:600;margin-bottom: 10px;}
img.imagefit {height: 100%;object-fit: cover;}
h1,h2 {text-transform: uppercase;}
.socialmedia{margin: 15px 0;}
.socialmedia img {width:40px;}

.searchhints:not(:empty) {border: 1px solid #aaa;
    position: absolute;
    margin-left: 6px;
    margin-top: -12px;
    background: rgba(255,255,255,1);
    /* top: -1px; */
    z-index: 100;
}
#mychildrenModal_content:not(:empty) {border-radius: 0.375rem;border: 1px solid #eee;padding: 15px;margin-bottom:15px;position: relative;}
#mychildrenModal_content .buttons {position: absolute;top: 0px;right: 0px;}
#mychildren_CHILDREN .searchhints:not(:empty) {margin-top: 0px;margin-left: 66px;}
.searchhints ul{padding:0;margin:0;list-style:none}
.searchhints ul li{padding:0;margin:0;list-style:none}
.searchhints ul li a{text-decoration:none;padding: 1px 5px;/* margin:1px; */display:block; font-size:75%;}
.searchhints ul li a:hover{background:rgba(220,220,220,1.00)}


a .imagetitle {font-size:24px;text-align:center;}
.imagewrapper {
    aspect-ratio: 4/3;
}
a.svg {
 position: relative;
 display: inline-block;
 z-index: 999;
}
a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}
ul.termpolicy {
    margin: 0;
    padding: 0!IMPORTANT;
}
ul.termpolicy li {
    padding: 0;padding: 0;
    margin: 0;
    float: left;
    list-style: none;
    padding: 0 10px 0 0;
    /* margin: 0; */
    font-size: 80%;
   
}
#rsslogo {pointer-events: none;}
.imagewrapper img{
max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
	}
.dropdown-menu {}
.ws_customscrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.ws_customscrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.ws_customscrollbar::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.ws_customscrollbar::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}

.yellowborder {
border-color: #faac2e;
}
.yellowbackground  {
background-color: #faac2e;
}

.footer h3 {color:#fff;}


a {
    color: #0f4b2e;
    text-decoration: none;
}

.sectionmenu {
    text-transform: uppercase;
}
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
}
.accordion-button:focus {
   box-shadow: none;
}

body.termdates  table tr td:first-child {min-width: 150px;}
/* NEWS article */
a.newslink:hover {text-decoration:none;}

.caption .headtext {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   /*  font-size: 13px;
	font-size: 8cqw; */
    margin: 5px 0 0 0;
}

.caption {
   
    padding: 5px;
    margin-bottom: 15px;
    container-type: inline-size;
}


.gallery div {padding-bottom:30px;}
.photomenuitem p.newsdate {font-size:6cqw;text-align:right;}
/* END NEWS */
	
	
 .photowrapper {BORDER: 2px solid #ddd;overflow: hidden;
  }

 .photowrapper img {
            width: 100%;
            transition: 0.6s all ease-in-out;
			
        }
	  .photowrapper:hover img {
            transform: scale(1.09);
        }	

.photomenuitem {margin:15px 0;}
.photomenuitem p a{font-size:21px;text-align:center;text-decoration:none;}
.splide {
    margin-bottom: 15px;
	    overflow-x: hidden;
}
	
.splide__slide.is-active div {
opacity:1
}
	
	
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}


.table {margin-top:15px;}
.in-iframe .footer, .in-iframe .logoarea, .in-iframe .navbar-wrapper {
    display: none;
}
.breadcrumb {
padding: 0;
    margin: 10px 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.breadcrumb li a{
 font-size: 80%;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

  #sidemenubutton {
   width: 100%;
    border-radius: 0;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    background-image: url(/images/svg/dropdown.svg);
    background-size: 4%;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
    padding: 10px 5px;
}
  #sidemenubutton:hover, #sidemenubutton:active {
    background-color:#f8f9fa;
  }


#sidemenu {
  
border-radius: 0;}
  
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #0f4b2e;
    border-color: #0f4b2e;
	color: #fff;
}
.btn {border-radius: 15px;text-transform:uppercase;}
.btn-primary {
    cursor: pointer;
    color: #eee;
    background-color: #00674a;
    border-color: #00674a;
}

.btn-primary:hover, .btn-primary:active, .btn.active, .btn-primary:focus-visible {
 background-color: #013627;
}
   

.staffmenu h4 {font-size: 18px;margin: 0;
    font-weight: bold;white-space: nowrap;overflow: hidden;}

.staffmenu h4 a{text-decoration:none;}
	
.staffmenu ul {    padding: 0;
    margin: 0;margin-bottom:20px;
}
	.staffmenu ul li{list-style: none;
    padding: 0;
    margin: 0;
    /* text-align: center; */font-size:14px;white-space: nowrap;overflow: hidden;}
	.staffmenu .ws_responsiveimage {BORDER: 1px solid #ddd;margin-bottom:10px;}
	.staffmenu {}
	
	
	
.page-header {
    margin: 0px 0 20px;
}

.ws_singleimage {
    width: 40%;
    float: right;
    position: relative;
    margin-left: 15px;margin-bottom: 15px;
}
.contentwrap {min-height: calc(100vh - 104px - 200px);
    margin-bottom: 30px;overflow-x: hidden;}

.nav-link {
    color: #666;
	font-weight: 600;
}

.nav-link:focus,.nav-link:hover {
    text-decoration: underline;
}

.nav-link.active {
    color: #0f4b2e;
}


.footerspacer {padding-top: 15px;border-top: 0px solid #fff;margin-top: 15px;}
#res{color:#0f4b2e;}
.footer {
    background: #0f4b2e;
	padding-bottom: 30px
}
.footer h2{color: #fff;margin-top: 0px;}
.footer a {color:#fff;}
.footer p {color:#dadada;}

.footer p, .footer li {
    font-size: 15px;
}
.footer .dropdown-menu a {
    color: #000;
}
.cycle-pager span.cycle-pager-active {
    color: #00674a;
}

.clear {clear:both}
ul.pdf {
    list-style-type: none;
}
ul.pdf li {
background-image: url(/images/svg/pdf-download.svg);
    background-size: 1.3em;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 15px 0px;
    list-style: none;
  }

ul.pdf li a {text-decoration:none;cursor:pointer;}
ul.pdf li a:hover {text-decoration:underline;}
.embed-responsive-item {width:100%;height:80VH;overflow-y:scroll;}
.ws_modalwebpage {cursor: pointer;}
.linkcontainer a:hover {text-decoration:none;}
.backslide {
    width: 100%;
    min-height: 300px;
    max-height: 950px;
    height: auto;
    position: relative;
    top: 0px;
}

#per-slide-template, .carousel-control {
    z-index: 1005;
}

#per-slide-template li.cycle-pager-active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
}
.mytext {
	position: absolute;
    color: #fff;
    bottom: 0px;
    left: 0px;
    width: 1000%;
    padding: 15px;
}

.ws_less {
    max-height: 30vh;
    overflow-y: hidden;
    position: relative;
    transition: max-height 0.25s ease-in;
}
.ws_less.ws_open {
    max-height: 100vh;
}

.ws_more {
  position: absolute;
    bottom: 0px;
    background: #fff;
    left: 0;
    right: 0;
    padding: 2px 15px 0px 15px;
    z-index: 99;
}
.ws_more:before {
	content: 'More';
}
.ws_open .ws_more:before {
	content: 'Less';
}

.chevron:after {
    content: "\f078";   
}
	
.collapsed .chevron:after {
    content: "\f054"; 
}  

.myVideo {
    object-fit: cover; 
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.videocontent {
    position: relative;
    height: 100%;
    padding-bottom: 5%;
    text-align: center;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    background: linear-gradient(63deg, #0f4b2ee6 40%, rgba(255,255,255,0) 60%);
    vertical-align: inherit;
}

.videocontent .btn-lg {
    background: #e4e7e3;
    font-weight: lighter;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 15px;
   /*  margin-top: 30px; */
    color: #0f4b2e;
    letter-spacing: 2px;
    padding: 20px 32px;
	}
body.index .btn-lg.green {background: #0f4b2e; color: #fff;}
body.index .btn-lg.green:hover,body.index .btn-lg.green:active,body.index .btn-lg.green:visited {background: #0f4b2e; color: #eee;opacity:0.9;}

.footer .btn-lg {
    background: transparent!IMPORTANT;
    font-weight: lighter;
    font-size: 14px!IMPORTANT;
    text-transform: uppercase;
    border-radius: 0px;
    margin-top: 0!IMPORTANT;
    color: #fff!IMPORTANT;
    letter-spacing: 2px;
    padding: 0!IMPORTANT;
    border: 0px;
}

#viewvideo {
  
}

#viewvideo:hover {
  background: #ddd;
  color: black;
}
/* BURGER COLOR */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #03492e;
}

.grey  {background: #dbe1dc;}
.textwrap  {padding: 5vh 5vw;}

.homelink {
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 90% 80%;
    background-color: #fff;
    box-shadow: 5px 10px 8px #888888;
    aspect-ratio: 1.4 / 1;
    padding: 5%;
    margin: 5%;
	}
.homelink h4{margin:0px;}
.homelink h3{margin:0px;}
	
	
.openevents{background-image: url("/images/svg/green-cal.svg");background-color:#fff;color:#0f4b2e;}
.admission{background-image: url("/images/svg/sign-post.svg");background-color:#0f4b2e;color:#fff;}
.visit{background-image: url("/images/svg/white-disco.svg");background-color:#000;color:#fff;}

.tick1{background-image: url("/images/svg/tick.svg");background-color:#0f4b2e;color:#fff;}
.tick2{background-image: url("/images/svg/tick-blk.svg");background-color:#fff;color:#0f4b2e;}
.tick3{background-image: url("/images/svg/tick.svg");background-color:#000;color:#fff;}

/* .nonelinetitle {margin: 30px auto; position: relative;font-size: 26px;max-width: 60%;
    text-align: center; text-transform: uppercase;color: #03492e;font-weight:800;} */

li div.linetitle {
	    position: relative;
    font-size: 21px;
    max-width: 85%;
    text-align: center;
    text-transform: uppercase;
    color: #03492e;
    font-weight: 800;
opacity:0;transition: opacity 1100ms;margin: 30px auto;}

li.is-active div.linetitle  { opacity:1;}
 
.largelead {
    font-size: 22px;
    color: #0f4b2e;
	font-weight:500;
	/* padding: 30px 0; */
}

 div#homepagesplide li.splide__slide img {
    transform: scale(.95);
	 transition: transform 400ms;
    transform-origin: center center;
	opacity:0.69;
}
div#homepagesplide li.splide__slide.is-active img {
    transform: scale(1);
    border: 4px solid #fff;
	opacity:1;
} 
div#homepagesplide .splide__arrow img {
max-width: 50px!;
  background: transparent;
}
div#homepagesplide .splide__arrow img {
max-width: 50px;
  background: transparent;
}
div#homepagesplide .splide__arrow {
    bottom: 2%;
top:auto;}

h2.panel-title>a>i.fa {float:right;}
body.in-iframe {padding-top: 0px;}

.sortable-handler {
  touch-action: none;
}
.a2a_kit {margin-bottom:30px;margin-top:30px;}

td.title {
    background-color: #0f4b2e;
    font-weight: 600;
    color: #eee;
    padding-left: 15px;
}
td.subtitle  {background-color:#dbe1dc;font-weight: 600;}

/* old media point small screens */


/* hover menu over content on small devices instead of push down - reset for larger devices? */
#sidemenu {
    position: absolute;
    top: 49px;
    width: 100%;
    z-index: 10;
}

#div_login_google_button {
    max-width: 64px;
    display: inline-block;
    margin-right: 15px;
    /* display: none; */
    position: absolute;
    right: 55px;
    top: -3px;
}

.topbanner img {
    width: 200px;
    height: 50px;
} 
/* .mainheading {display: none;} */
.table-responsive {
    border: 0px solid #ddd;
}
body.in-iframe h1 {
    margin-top: 15px;
}
/* h1 {font-size:24px;font-weight: 600;}
h2 {font-size:23px;font-weight: 600;}
h3 {font-size:21px;font-weight: 600;} */

.sectionmenubutton {
margin-left: calc(100% - 30px);
    margin-bottom: 5px;
    margin-top: 10px;
}

#tes {position: absolute;width:90%;bottom: 0px;}
body {padding-top: 60px;}
.ws_singleimage .title {font-size: 12px;}
.ws_singleimage .description {font-size: 12px;text-align:right;}
#rsslogo {
	margin:0px;
    width: 150px;
	height: auto;
    }
.slideheader{font-size: 8.32vw;padding: 5vh 5vw; text-transform: none;}

.custom-caption  {height:40vh;background:#0f4b2e; color: #fff;}
.custom-caption #viewvideo {position:absolute;}
.custom-image{height:40vh;overflow: hidden;}

.custom-image img {
    transform-origin: 87% 0%;
    transform: scale(2.7);
}
/* .navbar-toggle {
    background-color: #444;
} */
.videoclipcontent {
    height: calc(100vh - 250px); 
	height: calc(80vh - 50px);
    position: relative;
    overflow: hidden;
}
.wrap {padding: 15px 0px 30px 0px;}
.excellence {
    padding: 30px;
    margin: 0px 0px 15px 0px;
}

 /* @media(min-width: 576px){#res:after{content:"<767"}  */
/* USED BY STAFF AND PARENT PORTALS */
.tbodyDiv{
max-height: clamp(8em,20vh,400px);
overflow: auto;
margin-bottom: 1rem;
}
p.tabletitle {
  width: 100%;
    /* background: #e0e0e0; */
    /* padding: 7px; */
    overflow: hidden;
    font-size: 1.2REM;
    /* font-weight: 600; 
    margin: 5px 0;*/
}
div p.tabletitle:not(:first-child) {
      margin: 15px 0 5px 0;
} 
p.tabletitle label {
   font-size: 1.2REM;
}
.recorddetails td {background-color: transparent;}

#recordimage {position:relative;}
.recordwrapper {
    background-color: #f0f0f0;
}
.recordwrapper table{
   margin-top: 0;
}
 
.tbodyDiv table {margin:0px}
textarea.form-control.large {
    height: 60px;
}
.recordheading {
    font-size: 1.3REM;
    background-color: #f0f0f0;
    color: #333;
    padding: 5px;
}
ul.linklist {
    clear: both;
    margin: 0;
    padding: 0;
    /* margin-top: -15px; */
}
ul.linklist li {
    /* margin-top: 5px; */
    /* margin-bottom: 5px; */
    /* margin-right: -10px; */
    /* margin-left: -10px; */
    padding: 0px;
    /* border: 1px solid #cccccc; */
    /* border-radius: 4px; */
    font-size: 14px;
    /* background-color: #ffffff; */
    list-style: none;
}





.communitywrapper {
    position: fixed;
     z-index: 10000;
	left: 50%;
	top: 15px;
}

#ecomm_basket_div {
position: fixed;
    top: 8px;
    z-index: 10000;
    right: 145px;
}
.communitywrapper .fa, #ecomm_basket_div .fa {color: #fff;font-size: 12px;}
.communitywrapper>span>span.btn, #ecomm_basket_div .btn  {max-width: 30px;max-height: 30px;overflow: hidden;color: #00674a;padding: 0px;}

#ecomm_basket_div .btn  {max-width:30px;overflow:hidden;color:#d9534f;}
#ecomm_basket_div a.btn:hover {color: #d9534f;}


.linkcontainer  {
    position: relative;
    top: -60px;
    padding-top: 60px;
}

.topbanner {
 min-width: fit-content; 
} 

.bannerback {animation: fadeInRight 1.5s ease-in-out;
background-repeat: no-repeat;background-position-x: right;background-size: cover;color:transparent;font-size: 0.7em;
} 
@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(150px);
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.bannerinfo {padding: 0px;text-align: center;transition: background-color 1000ms linear;
  background: transparent;}
.bannerinfo:hover {
  background: #fff;
} 

.bannertext {animation: fadeInTop ease-out 1s;
  font-size: 0.7em;padding-right:2px;
} 
.bannerbutton {animation: fadeIn ease 2s;
 text-decoration:none;
  background-color: #0f4b2e;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    padding:  2px 5px;
    text-decoration: none;
    width: fit-content;
    margin: 0 auto;
    font-size: 0.7em;
} 

/*  }  */
/* .carousel-inner>.item {min-height:50vh;} 
 .carousel {}*/
 @media (min-width: 576px) {.topbanner {min-width: 300px;}}
@media (min-width: 768px) {.topbanner {min-width: 400px;} }

@media(min-width:992px){#res:after{content:">992"}
.bannerparent {
  max-width:initial;
} 
.topbanner {min-width: 700px;} 
.bannerback {
 
} 
.bannertext {
font-size: 1.7em;
} 
.bannerbutton {
       background-color: #0f4b2e;
        color: #fff;
        border-radius: 15px;
        text-transform: uppercase;
        padding: 4px 16px;
        text-decoration: none;
        width: fit-content;
        margin: 0 auto;
	font-size: 1em;
} 
#sidemenu {
    position: unset;
    top: unset;
    width: unset;
    z-index: unset;
}

ul.nav {position: relative;top: 30px;}
	
#div_login_google_button {
           max-width: 64px;
        display: inline-block;
        margin-right: 15px;
        /* display: none; */
        position: absolute;
        right: 205px;
        top: -2px;
}
.navbar-header {width: 100%;}
/* .topbanner img, .topbanner div {
    width: 700px;
    height: 88px;
}  */
/* #tes {position: absolute;width:90%;bottom: 0px;} */
body {padding-top: 104px;}
body.in-iframe {padding-top: 0px;}
#sidenavwrap {
    margin-top: 15px;
}

.ws_singleimage .title {font-size: 24px;padding-top:15px;font-weight: 600;}
.ws_singleimage .description {font-size: 21px;text-align:right;}
#homepagesplide .splide__slide img.single {
    transform: scale(.69);
	 transition: transform 1100ms;
    transform-origin: center center;
	opacity:0.27;
}
#homepagesplide .splide__slide.is-active img.single {
    transform: scale(1);
    border: 4px solid #fff;
	opacity:1;
}
#rsslogo {
    margin: 15px 0;
    width: 200px;
    height: auto;
}



.slideheader{font-size: 3.3vw;
    text-transform: none;}
   .custom-caption {
  position: absolute;
    right: 0%;
    bottom: 0%;
    left: 0%;
    top: 0%;
    z-index: 10;
    padding: 8% 10%;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    background: linear-gradient(90deg, #0f4b2ecf 45%, rgba(255,255,255,0) 55%);
}

   .custom-caption #viewvideo {margin-top: 40px;}
.linkcontainer  {
    position: relative;
    top: -120px;
     padding-bottom: 30px; 
    padding-top: 30px;
}
 
 .largelead {
    font-size: 32px;
    color: #0f4b2e;
}

.videoclipcontent {
    height: calc(100vh - 134px); 
    position: relative;
    overflow: hidden;
}

div.linetitle:before {
  content: "";
  display: block;
  border-top: solid 1px black;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

div.linetitle span {
  background: #dbe1dc;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}
.linetitle.whiteback span {
  background: #fff;
}

.flexcenter {
   display: flex;
    justify-content: center;
    align-items: center;
}
.homeitem {height: calc(40vh - 104px);width:50%;background-color:#dbe1dc;float:left;padding: 5%;}
.homeitem li {font-size: 24px;}
.videoclipcontent {
    height: calc(60vh);
	position: relative;
    overflow: hidden;
}
.wrap {padding: 30px 0px 60px 0;}
.excellence {
    padding: 30px;
    margin: 0px 0 0 -30px;
}
/* USED BY STAFF AND PARENT PORTALS */
.communitywrapper {
   left: unset;
   top: 8px;
   right: 75px;
}
.communitywrapper>span>span.btn, #ecomm_basket_div .btn  {padding: 5px 10px;}

.communitywrapper {
    position: fixed;
    top: 15px;
    z-index: 10000;
   right: 15px;
}
.communitywrapper .fa, .ws_shoppingbasket .fa {padding-right: 5px;}
.communitywrapper>span>span.btn, #ecomm_basket_div .btn  {max-width: none;max-height: none;overflow: hidden;color: #fff;}
#ecomm_basket_div {
 position: fixed;
    top: 15px;
    z-index: 10000;
    right: 255px;
}
}

#res:after{content:"unknown"}
@media (min-width: 576px) {#res:after{content:">576px"}}
@media (min-width: 768px) {#res:after{content:">768px"}}
@media (min-width: 992px) {#res:after{content:">992px"}}
@media (min-width: 1200px) {#res:after{content:">1200px"}}
@media (min-width: 1400px) {#res:after{content:">1400px"}}