@media (max-width: 1700px) {
.programme-info { height: auto; }
.testimonials .quote { width: 90%; }
.article .vacancy-boxes .vacancy-box { height: auto; }

/*.contacts { grid-template-columns: auto auto auto auto; }*/
.contacts { grid-template-columns: 25% 25% 25% 25%; }


} /* @media 1700 */


@media (min-width: 1651px) {
  .home-banner-area .logo-section div.santa-hat, .banner-area .logo-section div.santa-hat {
    right: 209px;
  }
  
  
  
  } /* @media 1650 */

@media (max-width: 1650px) {
.product-list .prod-img { width: 350px; }
.store-search { width: 70%; }

.kf-cont .fields span.long-text-span {
  top: -12px;
}
.widgts.heading {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  justify-content: center;
}
.widgts.heading .butns {
  position: relative;
  top: unset;
  left: unset;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.widgts.heading .butns a{
  margin-bottom: 20px;
}

.home-banner-area .main-logo img, .banner-area .main-logo img {
    width: 170px;
    height: auto;
}
.home-banner-area .grey-logo img, .banner-area .grey-logo img {
    width: 100px;
    height: auto;
    opacity: .5;
}


} /* @media 1650 */

@media (max-width: 1500px) {
ul.navigate li {
	font-size: 1vw;
}
.home-banner-area .main-logo img, .banner-area .main-logo img {
    width: 170px;
}
.home-banner-area .grey-logo img, .banner-area .grey-logo img {
    width: 100px;
}

.search-form-box #text-input-form:last-child {
    display: flex;
	/*justify-content: center;*/
	width: 100%;
	margin: auto;
}
.search-form-box #text-input-form {
	justify-content: center;
}
.testimonials .quote-img {
    /*left: -6%;*/
}

.find-events-box-blue .search-form-box #text-input-form:last-child {
     display: block; 
     /*justify-content: left; */
     /*width: 90%; */
     /*margin: auto; */
}
.product-list .prod-img { 
	width: 300px; 
	height: auto;
}
.yellow-box {
  height: auto;
  padding-bottom: 75px;
}
.butn-butn {
    width: 50%;
}
.add-booking .events-area .event .img-area {
  width: 35%;
}
.add-booking .events-area .event .event-details {
  width: 63%;
}
.article.colo-comp .fran-contacts .content-text-area { width: 100%; }
/*.full-banner#hol-prog {
  background: url("/img/kelly2020/KC-Oct-HP-Image-2021.jpg") no-repeat center -200px;
  background-size: cover;
}*/
.full-banner.form#isc { height: 1000px; }
/*.article.colo-comp .franchisee .content-text-area.long-text-area {
  flex-direction: column-reverse;
}
.article.colo-comp .content-text-area.long-text-area .colm.img {
  margin: auto;
}
.article.colo-comp .content-text-area.long-text-area .colm.desc {
  max-width: unset;
  width: 100%;
}*/




} /* @media 1500 */

@media (min-width: 1700px) {
.c19 .programme-info .img-cont {
     min-height: 365px; 
}
.c19 .programme-info {
    height: 525px;
    width: 400px;
}

} /* @media min-width 17000 */

@media (min-width: 1450px) {
.full-banner#covid-19 {
    background: url(/img/kelly2021/Traffic-Light-Banner.jpg) no-repeat center 22%;
    background-size: cover;
}
.segment.c19 .segment2 {
     grid-template-columns: repeat(3, 1fr); 
     justify-items: center;
}

.programme-info .img-cont#torange {
    background: url(/img/kelly2021/Traffic-Light-Orange.jpg) no-repeat center top;
    background-size: contain;
}


} /* @media min-width 1450 */

@media (max-width: 1450px) {
.product-list .prod-img { width: 250px; }

.table .table-row p {
    font-size: 18px;
}
.table .table-row span.invoice-flag {
    font-size: 18px;
}
.table .table-row a.butn {
    width: 165px;
    font-size: 14px;
}
.widgts .main-area { width: 100%; }
.widgts .right-bar {
  display: none;
}
.widgts .boxes.fwrap .box.from-right { display: inline-block; }
.widgts .contacts.from-right { display: inline-block; }
.search-events-container .find-events-box {
  width: 97%;
}
.full-banner#covid-19 {
    background: url(/img/kelly2021/Traffic-Light-Banner.jpg) no-repeat center 22%;
    background-size: cover;
}




} /* @media 1450 */

@media (max-width: 1393px) {
.search-form-box #text-input-form .text-input {
	/*width: 280px;*/
}

.programme-info .img-cont#basc, .programme-info .img-cont#hol-prog, .programme-info .img-cont#os-sub {
	background-position: center top;
}
.programme-info .img-cont#os-sub {
  background-position: left top;
}
.programme-info .img-cont#basc {
  /* background-position: -90px top; */
}


.yellow-box {
	height: auto;
  	padding-bottom: 40px;
}

.slick-slider .slick-list {
    height: 700px !important;
}
.hp-slider.slick-slider .slick-list {
	height: auto !important;
}
.article {
  height: auto;
}
.footer {
  height: auto;
  padding-bottom: 25px;
}
.contacts { grid-template-columns: 33% 33% 33%; }
.fran-info .contacts { grid-template-columns: auto; }
.select-form { margin: 10px 30% 50px; }
.store-search { width: 80%; }

.dropdown-menus > ul.navigate {
    width: 600px;
    float: right;
}
.dropdown-menus > ul.navigate li {
    font-size: 16px;
}

.home-banner-area .dropdown-menus, .banner-area .dropdown-menus {
    top: 40px;
}
#cart .col3.non-abbrev {
    display: none;
}
#cart .col3.abbrev {
    display: inline-block;
}
.top-bar .welcome {
    top: 0;
    z-index: 1;
}
.top-bar .account-nav ul {
    top: 22px;
}
.kf-cont .fields .very-long-span-text span {
  position: relative;
  top: 0;
}
.kf-cont .fields .very-long-span-text textarea {
  padding: 5px 7px 10px;
}
.yellow-box.yb-1200 {
  height: 100%;
}
.section .events .event-cont {
  height: auto;
}


} /* @media 1393 */



@media (max-width: 1282px) {
.learn-more .ticktext {
    font-size: 50px;
}
.learn-more .text {
    font-size: 18px;
}
.full-banner#compete-ks {
    background: url(/img/kelly2020/Competition-Banner2.jpg) no-repeat center top;
    background-size: cover;
    height: 700px;
}
.full-banner#compete-kc {
    /*background: url(/img/kelly2020/Competition-Banner2.jpg) no-repeat center top;*/
    background-position: left;
    background-size: cover;
    height: 700px;
}
.programme-info .img-cont#vchatfield {
  /*background-position: center -100px;*/
}

.programme-info.red .img-cont {
    min-height: 250px;
}
.programme-info.orange .img-cont {
    min-height: 250px;
}
.programme-info.green .img-cont {
    min-height: 250px;
}






} /* @media 1282 */

@media (max-width: 1200px) {
body .section-container {
	margin: 0 75px;
}

.event-info.zonepage .event-info-flex {
    margin: 0 75px;
}

.home-banner-area .main-logo img, .banner-area .main-logo img {
    width: 150px;
}

.home-banner-area .grey-logo img, .banner-area .grey-logo img {
    width: 85px;
}

.home-banner-area .grey-logo, .banner-area .grey-logo {
    padding-left: 0;
}

.segment2 {
    grid-template-columns: repeat(auto-fill, minmax(324px, 1fr));
}

.top-bar .links {
    right: 50px;
}

.search-events-container .find-events-box {
	width: 80%;
}


/* .full-banner#os-sub {
	position: relative;
	background: url("/img/kelly2021/Kelly-Sports-2021-OSCAR-copy-2000px.jpg") no-repeat center top;
	background-size: cover;
  margin-bottom: 75px;
} */

.full-banner#os-sub {
  position: relative;
  background: url(/img/kelly2018/Kelly-Club-2016-Oct-DAY-4-0979-Edit-2000px.jpg) no-repeat center center;
  background-size: cover;
  z-index: 1;
}

.full-banner#os-sub .oscar {
    top: 370px;
    right: unset;
    display: inline-block;
    margin: auto;
}
.full-banner#boy-soccer {
    background: url(/img/kelly2018/kc-boy-soccer-catch.jpg) no-repeat center top;
    background-size: cover;
}
.full-banner#boy-soccer .ks-logo {
    top: 50px;
}
.slick-slider .slick-list {
    height: 700px !important;
}
.article#kc-story h2 { width: 100%; }
.article#kc-story p { width: 100%; }
.h563 {
    height: auto !important;
}
.product-list {
    grid-template-columns: auto auto;
}
.product-list .prod-img {
    width: 350px;
}

.events-area .event {
  display: flex;
  flex-direction: column;
}
.events-area .event .img-area {
  width: 100%;
  height: auto;
}
.events-area .event .img-area img#logo { width: 35%; }
.events-area .event .event-details { width: 100%; }
.events-area .event .event-details .butns { 
  flex-direction: column; 
  align-items: center;
}
.events-area .event .event-details .butns .butn-y, .events-area .event .event-details .butns .butn {
  width: 90%;
  height: 43px;
}
.events-area .event .event-details .butns .butn-y {
  margin-bottom: 10px;
}
.events-area .event.no-flex {
    flex-direction: unset;
}
.events-area .event.no-flex .event-details .butns {
    flex-direction: unset;
    align-items: unset;
}
.events-area .event.no-flex .event-details .butns .butn-y, .events-area .event.no-flex .event-details .butns .butn {
    width: 50%;
}

.crumbs {
  padding-top: 20px;
}
.reg-crumbs {
  justify-content: space-between;
  height: 100px;
  background-color: #fff;
}
.reg-crumbs .desktop {
  display: none;
}
.reg-crumbs .mobile {
  display: block;
  position: relative;
  font-size: 45px;
  top: 7px;
  right: 0;
}
.reg-crumbs .mob { display: block; }
.reg-crumbs > div.mobile_active {
  border-radius: 50%;
  width: 100px;
  background-color: #FCB027;
  z-index: 2;
}
.reg-crumbs > div.mobile_active .mobile a {
  color: #0A427A;
}
.reg-crumbs > div.mobile_inactive .mobile a {
  color: #FCB027;
}
.reg-crumbs > div.mobile_inactive {
  z-index: 2;
}
.reg-crumbs > div {
  border-radius: 50%;
  width: 100px;
  background-color: #0A427A;
}
.reg-crumbs label {
    position: absolute;
    top: 110px;
    text-align: center;
    width: 10%;
    color: #000;
    font-weight: 300;
}
.reg-crumbs > div.lining {
    border-bottom: 10px solid #0A427A;
    position: absolute;
    height: 10px;
    background: unset;
    border-radius: unset;
    width: 95%;
    left:5px;
}
#cart .col1 {
    width: 12%;
}
#cart .col2 {
    width: 44%;
}
#cart .col4 {
    width: 12%;
}
#cart .col5 {
    width: 13%;
}
/*6*/
.section-container.itemized { margin: 0; }
div.itemized { width: 100%; }
.top-bar .welcome { left: 80px; }
.top-bar .account-nav ul {
    text-align: center;
    width: 100%;
    right: unset;
}
.kf-cont .butn#butn-submit, .kf-cont .butn-y#butn-submit {
    width: 48%;
}
.main-w-side {
    flex-direction: column-reverse;
}
.main-w-side.no-kf-cont .side {
    width: 450px;
}
.main-w-side.no-kf-cont {
    flex-direction: row;
}
.my-invoices .main-w-side .right-side {
    width: 100%;
    padding-bottom: 35px;
}
.my-invoices.view-invoice .main-w-side .right-side {
    position: relative;
    top: unset;
    right: unset;
}
.my-invoices.view-invoice .heading {
    text-align: center;
}
.my-invoices .main-w-side .side.grey {
    display: none;
}
.my-invoices.view-invoice .main-w-side .side.grey {
    display: inline-block;
}
.my-invoices .main-w-side {
    padding-top: 0;
}
.main-w-side .main {
    width: 100%;
}
.recent-payments {
    display: block;
    width: 100%;
    border-radius: 20px;
    padding: 20px 10px;
    background-color: #F5F5F5;
    margin: 30px 0 30px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.22);
}
.table.td { display: none; }
.view-invoice .table.td { display: block; }
.recent-payments h2 {
    color: #5ac14e;
}
.section-container.full-width {
    padding: 0 75px;
 }
 .learn-more.lms, .learn-more.lms.jcenter {
    padding: 30px 0 0;
}
.colms .colm .verti .box .kid-name {
  font-size: 16px;
}
.colms .colm .verti .box .evt-name {
  font-size: 16px;
}
.colms .colm .verti .box p {
  font-size: 16px;
}
.colms .colm .verti .box .edit {
  font-size: 18px;
}
.wk-row h2 {
  font-size: 22px;
}
.colms .colm p {
  font-size: 18px;
}
.ffo .article .ck-butn { width: 80%; }
.full-banner.form .section-container {
    top: 50px;
}
.full-banner.form .section-container { width: 80%; }
.full-banner.form#isc { height: 1000px; }
.numbers .learn-more.lms .lm {
  width: 50%;
  margin-bottom: 30px;
}
.full-banner#van-chatfield {
  /*background: url("/img/kelly2020/Vanessa-Chatfield-Winning-01-Kelly-Sports-NZ.jpg") no-repeat center top;*/
  background-position: center -200px;
  background-size: cover;
}

/* .cols-3 .kids-img#staff-month {
    background: url(/img/kelly2021/coach-of-the-month_nz_1.jpg) no-repeat right top;
    background-size: cover;
} */
.search-form-box #text-input-form {
  width: 100%;
}
.search-form-box #text-input-form .text-input {
    width: 100%;
}
.search-form-box #text-input-form .butn#butn-submit {
    margin: auto;
    margin-top: 15px;
}
.event-info .side-l .fran-info {
  width: 100%;
}
.home-banner-area .logo-section div.santa-hat, .banner-area .logo-section div.santa-hat {
  right: 115px;
}
.oscar-view .article.great-news {
  padding-top: 300px;
}




} /* @media 1200px */




@media (max-width: 1000px) {
.article .vacancy-boxes {
	grid-template-columns: auto auto;
}
.section-container.employment p.svcnt {
    width: 80%;
}
.product-list .prod-img {
    width: 250px;
}
.store-search { width: 100%; }
.yellow-box .club-features li p.cicon {
    width: 12%;
}

.my-bookings .heading {
  text-align: center;
}
.my-bookings .heading .butns {
  position: relative;
  top: 0;
  justify-content: center;
}

.my-bookings .main-w-side {
  flex-direction: column-reverse;
  justify-content: 
}
.my-bookings .main-w-side .side {
  width: 100%;
  padding: 20px 20px;
  margin-bottom: 20px;
}
.my-bookings .main-w-side.no-kf-cont .side {
  width: 450px;
  margin: auto;
}
.my-bookings .main-w-side .main {
  width: 100%;
}

.colms {
  flex-direction: column;
  width: 100%;
}
.colms .colm {
  width: 100%;
}
.colms .colm > p {
  text-align: center;
}
.fields-area .register-login .login-form .text-field { width: 90%; }
.for-search .filters {
  display: flex;
  flex-direction: column-reverse;
}
.for-search .filters .one-frth { width: 100%; }
.for-search .filters .three-frth {
  width: 100%;
  padding: 0 45px;
}
.for-search .filters select {
  width: 90%;
}
.fields-area .register-login .input.select {
  display: flex;
  flex-direction: column;
}
.fields-area .register-login .login-form.for-search .login-butn {
    width: 275px;
}
section.add-booking .kf-cont {
    width: 100%;
}
.kelly-form {
  padding: 30px 100px 100px;
}
.kelly-form .kf-cont {
  width: 100%;
}
.kf-head {
    width: 100%;
    text-align: center;
}
.kf-cont { width: 100%; }
.main-w-side .side .title {
    padding-bottom: 25px;
}
.kf-cont .fields span.long-text-span {
  top: -10px;
}

.learn-more .ticktext {
    font-size: 45px;
}
div.cb-custom {
  left: 20px;
}
.article .two-bx.flx .one-row {
  width: 100%;
}
.full-banner.competition {
    width: 95%;
}

.full-banner#compete-ks {
    background: url(/img/kelly2020/Competition-Banner2.jpg) no-repeat center -50px;
    background-size: cover;
    height: 350px;
}
.full-banner#compete-kc {
    /*background: url(/img/kelly2020/Competition-Banner2.jpg) no-repeat center -50px;*/
    /*background-position: left;*/
    background-size: cover;
    height: 300px;
}
/*.full-banner#hol-prog {
  background: url("/img/kelly2020/KC-Oct-HP-Image.jpg") no-repeat center top;
  background-size: cover;
}*/
.full-banner#van-chatfield {
  /*background: url("/img/kelly2020/Vanessa-Chatfield-Winning-01-Kelly-Sports-NZ.jpg") no-repeat center top;*/
  background-position: center top;
  background-size: cover;
}
.programme-info .img-cont#torange {
    background: url(/img/kelly2021/Traffic-Light-Orange.jpg) no-repeat center top;
    background-size: contain;
}
.oops .cols-two {
  text-align: center;
  flex-direction: column-reverse;
}
.oops .cols-two .h1 {
  text-align: center;
  line-height: 45px;
}
.cols-two .col-left, .cols-two .col-right {
  width: 100%;
}
.oops .circle-img img {
  width: 250px;
  height: 250px;
  margin-top: 100px;
}
.section-container.oops {
  margin: 0 0;
}
.oscar-view .osc-cols {
  flex-wrap: wrap;
}
.oscar-view .osc-cols .osc-col-left { 
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
}
.oscar-view .osc-cols .osc-col-right { width: 100%; }


} /* @media 1000px */