/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media screen and (min-width: 2500px) {
  .hero-title {
    font-size: 210px;
  }
}
@media (max-width: 1700px) {
.nav-link {
    font-size: 18px;
}
}
@media (max-width: 1600px) {

.f-ul li a{
    font-size: 18px;
}
.about-hero-people {
    width: 95%;
}
.f-text {
    font-size: 20px;
}
#icerink, #youthboard, #santaparade, #iceskating, #lightupmiddletown, #igloorentals, #blitzencookiewalk, #skatinglesson, #visitwithsanta, #carriagerides, #candlelighttours, #themenights, #characternights, #santaparade{
         scroll-margin-top: 125px;
}
}


@media (max-width: 1470px) {
.nav-link {
    font-size: 18px;
}

.logo {
    width: 270px;
}

.hero-sec{
    height: calc(100vh - 143px);
}
.carousel-item{
    height: calc(100vh - 142px);
}
.box001 {
    padding: 40px 30px;
}
.box001 h2, 
.get-involved-box h2{
   font-size: 30px;
}
.family-fun p, .cust-ul li{
    font-size: 20px;
}
.title{
    font-size: 50px;
}
.sec-pad{
    padding: 70px 0px;
}
.get-involved-box {
    padding: 40px 20px;
}
.main-title{
    font-size: 65px;
    line-height: 70px;
}
.footer {
    padding: 50px 0px;
}
.f-text{
	text-align: center;
}
.f-ul li a {
    font-size: 18px;
}
.right-side .left-pad {
    padding-left: 100px;
}
.left-side .right-pad {
    padding-right: 100px;
}
.sub-title {
    font-size: 30px;
}
.box003 h3 {
    font-size: 22px;
}
.btn-theme {
    font-size: 25px;
}
.member-name {
    font-size: 30px;
    margin-bottom: 20px;
}
.founder-box {
    font-size: 25px;
}
.commitees-position {
    font-size: 22px;
    margin-bottom: 10px;
}
.about-hero-people {
    width: 90%;
}
.about-box{
    height: 72vh;
}
.hero-box {
    padding: 35px;
    border-radius: 0px 0px 70px 70px;
}
.free-event-shape01 {
    top: 20px;
    right: 10px;
    width: 125px;
}
.left-side-box {
    padding: 20px 50px 20px 0px;
}
.right-side-box{
    padding-left: 50px;
}
.free-event-shape02 {
    bottom: -80px;
    right: -15px;
    width: 110px !important;
}
.free-event-shape03 {
    width: 125px;
}
.sub-title1{
    font-size: 35px;
}
.form-control{
    padding: 25px 40px;
    border-radius: 15px;
    font-size: 22px;
    padding-right: 65px;
}
.form-select {
    padding: 26px 40px;
    border-radius: 15px;
    font-size: 22px;
    padding-right: 65px;
}
.date-placeholder {
    font-size: 22px;
}
.cust-check{
    font-size: 22px;
}
.dc-icon{
    width: 22px;
}
.cust-check .checkmark {
    top: -5px;
}
.ice-skating-logo{
    width: 700px;
}
.right-side-box .founder-box{
    font-size: 20px;
}
.contact-form .cust-check .checkmark {
    top: -3px;
}
.form-control.text-area{
    font-size: 20px;
}
.donate-form-box{
    border-radius: 40px;
    padding: 40px 20px 50px;
}
}


@media (max-width: 1400px) {
.social-box, 
.f-ul{
    justify-content: center;
}
.max-500{
    max-width: 350px;
}
.f-logo-sec{
    justify-content: center;
    gap: 70px;
}
}


@media (max-width: 1350px){

}


@media (max-width: 1200px) {
.logo {
    width: 180px;
}
#icerink, #youthboard, #santaparade, #iceskating, #lightupmiddletown, #igloorentals, #blitzencookiewalk, #skatinglesson, #visitwithsanta, #carriagerides, #candlelighttours, #themenights, #characternights, #santaparade{
         scroll-margin-top: 103px;
}
.header {
    padding: 10px 0px;
}
.hero-sec{
    height: calc(100vh - 104px);
}
.carousel-item{
    height: calc(100vh - 104px);
}
.box001 {
    padding: 35px 30px;
}
.title{
    font-size: 40px;
}
.box001 h2, 
.get-involved-box h2{
   font-size: 25px;
}
.sec-pad{
    padding: 50px 0px;
}
.get-involved-box {
    padding: 30px 20px;
    border-radius: 20px;
}
.main-title{
    font-size: 50px;
    line-height: 55px;
}
.footer {
    padding: 40px 0px;
}
.f-ul li a {
    font-size: 18px;
}
.f-text {
    font-size: 18px;
}
.right-side .left-pad {
    padding-left: 70px;
}
.left-side .right-pad {
    padding-right: 70px;
}
    .sub-title {
        font-size: 27px;
    }
.box003 {
    padding: 15px 25px;
    border-radius: 20px;
    gap: 25px;
}
.box003 img {
    width: 70px;
}
.btn-theme {
    padding: 15px 35px;
    font-size: 23px;
}
    .box003 h3 {
        font-size: 20px;
    }
.member-name {
    font-size: 25px;
    margin-bottom: 15px;
}
.founder-box {
    font-size: 22px;
    margin-bottom: 15px;
    padding: 10px 20px;
    border-radius: 10px;
}
.commitees-position {
    font-size: 20px;
}
    .about-box {
        height: 60vh;
        border-radius: 70px 70px 0px 0px;
    }
.left-side-box {
    padding: 20px 35px 20px 0px;
}
.right-side-box{
    padding-left: 35px;
}
    .free-event-shape02 {
        bottom: -60px;
        right: -12px;
        width: 90px !important;
    }
    .free-event-shape03 {
        width: 100px;
    }
.sub-title1{
    font-size: 30px;
}
.form-control{
    padding: 20px 30px;
    border-radius: 15px;
    font-size: 20px;
    padding-right: 55px;
}
.date-placeholder {
    font-size: 20px;
        left: 29px;
            width: calc(100% - 29px);

}
.form-select {
    padding: 20px 30px;
    border-radius: 15px;
    font-size: 20px;
    padding-right: 55px;
}
.cust-check{
    font-size: 20px;
}
.dc-icon{
    right: 25px;
    width: 20px;
}
.cust-ul{
    gap: 24px;
}
.rental-policy-box.with-background {
    border-radius: 12px;
}
.rental-policy-box {
    padding: 12px 30px;
}
.cust-check{
    padding-left: 45px;
}
.cust-check .checkmark {
    top: -4px;
    height: 30px;
    width: 30px;
}
.cust-check .checkmark:after {
    left: 10px;
    top: 4px;
    width: 10px;
    height: 18px;
}
.ice-skating-logo{
    width: 600px;
}
    .contact-form .cust-check .checkmark {
        top: -2px;
        height: 30px;
        width: 30px;
    }
.contact-form .cust-check .checkmark:after {
    left: 6px;
    top: 0px;
}
.top-sec {
    padding-bottom: 40px;
    margin-bottom: 30px;
}
.bottom-sec{
    border-bottom: 5px solid #231f20;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.top-sec .social-box{
    gap: 15px;
}
.top-sec .social-img{
    width: 45px;
}
.donate-form-box{
    border-radius: 30px;
    padding: 30px 20px 40px;
}
.cust-hr {
    margin: 70px 0px;
}
}


@media (max-width: 992px){
.sec-pad{
    padding: 40px 0px;
}
.right-side .left-pad {
    padding-left: 0px;
}
.left-side .right-pad {
    padding-right: 0px;
}
.mobi-sec-pad .sec-pad {
    padding: 0px;
}
.mobi-sec-pad {
    padding: 50px 0px;
}
.side-img{
	display: none;
}
    .about-box {
        height: 45vh;
    }
    .free-event-shape02 {
        bottom: -30px;
        right: -60px;
        width: 90px !important;
    }
    .max-500 {
        max-width: 600px;
    }
.cust-ul{
    gap: 16px;
}
.ice-skating-logo{
    width: 400px;
}
.left-side-box.br-black{
    padding: 0px 0px 30px;
    border-right: 0px;
    border-bottom: 3px solid #231f20;
}
.right-side-box.text-white{
    padding: 30px 0px 0px;
}
.top-sec{
    width: 100%;
}
.cust-hr {
    margin: 50px 0px;
}
}
@media (max-width: 860px) {
.f-ul{
    flex-direction: column;
    gap: 15px;
    margin-bottom: 10px;
}
.mb-15-f-m{
    margin-bottom: 15px;
}

.f-ul li a {
    font-size: 18px;
}
}
@media (max-width: 768px) {
body{
	font-size: 16px;
}
.logo {
    width: 150px;
}
#icerink, #youthboard, #santaparade, #iceskating, #lightupmiddletown, #igloorentals, #blitzencookiewalk, #skatinglesson, #visitwithsanta, #carriagerides, #candlelighttours, #themenights, #characternights, #santaparade{
         scroll-margin-top: 84px;
}
.header{
	padding: 5px 0px;
}
.menu-icon {
    width: 30px;
}
.btn-close {
    top: 5px;
    right: 10px;
    font-size: 30px;
}
.offcanvas-body ul {
    padding-left: 0px;
    gap: 15px;
}
.offcanvas-body {
    padding: 45px 30px 20px;
}
.nav-link {
    font-size: 18px;
}
.hero-sec{
    height: calc(100vh - 84px);
}
.carousel-item{
    height: calc(100vh - 84px);
}
.box001 {
    padding: 20px;
}
.box001 h2, 
.get-involved-box h2{
   font-size: 20px;
}
.title{
    font-size: 30px;
}
.family-fun p, .cust-ul li{
    font-size: 18px;
}
.sec-pad{
    padding: 30px 0px;
}
.get-involved-box {
    padding: 20px 15px;
    border-radius: 10px;
}
.main-title{
    font-size: 40px;
    line-height: 45px;
}
.footer {
    padding: 20px 0px;
}

.f-text {
    font-size: 16px;
}
.social-img {
    width: 33px;
}
.mobi-sec-pad{
    padding: 30px 0px;
}
    .sub-title {
        font-size: 24px;
    }
    .box003 {
    	padding: 12px 20px;
        border-radius: 10px;
        gap: 20px;
    }  
        .box003 img {
        width: 50px;
    } 
    .box003 h3 {
        font-size: 18px;
    }
    .btn-theme {
        padding: 10px 30px;
        font-size: 20px;
        border-radius: 7px;
    }
.member-name {
    font-size: 22px;
    margin-bottom: 10px;
}
.founder-box {
    font-size: 20px;
    margin-bottom: 10px;
    padding: 7px 15px;
    border-radius: 8px;
}
.commitees-position {
    font-size: 18px;
    margin-bottom: 5px;
}
.about-box {
                height: 42vh;
        border-radius: 40px 40px 0px 0px;
    }
    .hero-box {
        padding: 25px;
        border-radius: 0px 0px 50px 50px;
    }
    .free-event-shape01 {
        width: 100px;
    }
.left-side-box {
    padding: 20px 20px 20px 0px;
}
.right-side-box{
    padding-left: 20px;
}
.free-event-shape02 {
        bottom: -30px;
        right: -30px;
        width: 70px !important;
    }
.max-500{
        max-width: 450px;
    }
.sub-title1{
    font-size: 25px;
}
.form-control{
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 18px;
    padding-right: 45px;
}
.form-select {
    padding: 16px 20px;
    border-radius: 10px;
    font-size: 18px;
    padding-right: 45px;
}
.date-placeholder {
        left: 19px;
    font-size: 18px;
        width: calc(100% - 39px);
}
.cust-check{
    font-size: 18px;
}
.dc-icon{
    right: 20px;
    width: 18px;
}
.rental-policy-box.with-background {
    border-radius: 10px;
}
.rental-policy-box {
    padding: 10px 20px;
}
.cust-check{
    padding-left: 35px;
}
.cust-check .checkmark {
    top: -2px;
    height: 25px;
    width: 25px;
}
.cust-check .checkmark:after {
    left: 9px;
    top: 2px;
    width: 8px;
    height: 16px;
    border-width: 0 3px 3px 0;
}
    .ice-skating-logo {
        width: 300px;
    }
.right-side-box .founder-box{
    font-size: 18px;
}
.contact-form .cust-check .checkmark {
        top: -1px;
        height: 25px;
        width: 25px;
        border: 2px solid #231f20;
        border-radius: 2px;
    }
.contact-form .cust-check .checkmark:after {
    left: 7px;
    top: 0px;
}
.top-sec {
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 3px solid #231f20;
}
.bottom-sec{
    border-bottom: 3px solid #231f20;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.top-sec .social-box{
    gap: 10px;
}
.top-sec .social-img{
    width: 40px;
}
.link{
    word-break: break-all;
}
.form-control.text-area{
    font-size: 18px;
}
.donate-form-box{
    border-radius: 15px;
    padding: 20px 20px 30px;
}
.cust-hr {
    margin: 30px 0px;
}

}
@media (max-width: 650px) {
.about-box {
                height: 38vh;
    }
}
@media (max-width: 576px) {
.logo {
    width: 150px;
}
.header {
    padding: 5px 0px;
}
.nav-link {
    font-size: 18px;
}
.offcanvas-body ul {
    gap: 15px;
}
.hero-sec{
    height: calc(70vh - 84px);
}
.carousel-item{
    height: calc(100vh - 84px);
}
.f-logo{
	width: 150px;
}
    .hero-box {
        padding: 12px;
    }

.member-name, 
.founder-box, 
.commitees-position{
    text-align: center;
}
    .about-box {
        height: auto;
        padding: 5px 10px 0px;
        text-align: center;
    }
.free-event-shape01, .free-event-shape03 {
    display: none !important;
}
.flex-box{
    flex-direction: column;
}
.left-side-box {
    padding: 0px 0px 20px 0px;
    border-right: 0px;
    border-bottom: 3px solid #32a7ef;
}
.right-side-box{
    padding-left: 0px;
    padding-top: 20px;
}
.free-event-shape02 {
        bottom: 0px;
        right: 0px;
        width: 70px !important;
    }
.left-side-box.br-green{
    width: 100%;
    border-color: #8dc63f;
}
.max-500{
    max-width: 100%;
}
.ice-skating-logo {
        width: 250px;
    }
.cust-hr {
    display: none;
}
.f-logo-sec{
    gap: 30px;
}
.f-m-logo{
    width: 40px;
}
.f-ul li a {
    font-size: 16px;
}
}


@media (max-width: 500px) {
    
}