/*RESPONSIVE CSS**/
@media screen and (max-width:767px){
    html body .ml-5{ margin:0 !important;}
    .modal-menu ul, .menu-wrapper .menu-item { position: static !important; transform: none !important;}
    .modal-menu ul li{border:0; padding:0 20px; margin:0;}
    .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { font-weight:400; color:#575761;}
    .menu-modal.active{z-index:999;}
    html body .vc_row{margin:0 !important;}
    .hide-mobile{display:none !important;}
    .modal-menu ul, .menu-wrapper .menu-item {border-top: 0.1rem solid #29B442; border-bottom: 0;}
    button.sub-menu-toggle{border-left:0.1rem solid #29B442;}
    button.sub-menu-toggle svg.svg-icon { display: none;}
    button.sub-menu-toggle::after{content:'';background: url(https://forestfreedom.co.uk/wp-content/uploads/2022/08/green-down-arrow.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; display:block; width:25px; height:20px;}
    #site-header{ z-index:99;}
    .header-inner.section-inner{ max-width:100%; width:100%;}
    .header-titles {margin:0; width:100%; padding:8px 0;}
    body:not(.enable-search-modal) .site-logo img{ margin:auto;}
    body:not(.enable-search-modal) .header-titles-wrapper{ padding:0;}
    ul.secondary-btns li a {padding: 6px 2em; font-size: 14px; border-radius: 3px;}
    .nav-toggle .toggle-icon, .nav-toggle svg {	height: 1em; width: 2em;}
    .nav-toggle{right:1em; top:-4em;}
    .nav-toggle .toggle-inner { padding-top: 192px;}
    .banner-title h1 {font-size: 40px; line-height: 70px;}
    .header-right-menu {width: 100%; margin:5px auto 10px; text-align: left;}
    .bubble-comment{ width:100%; height:100%; padding: 2em 0 4em; }
    .bubble-comment h2 {font-size: 29px; line-height: normal;}
    .bubble-comment h4 {font-size: 20px; font-weight: 200; line-height: normal;	width: 61%;}
    .offer-section{ margin-top:-4em !important; padding:0 !important;}    
    .cta{ font-size:25px;} .toad-jump::after {width: 200px; height: 200px; position: static; margin: 1em auto;}
    html body .freedom-list-img{margin:0;}
    .content-para p{ font-size:15px;}
    .big-title h2{ line-height:70px; font-size:35px;}
    .middle-footer a{ font-size:20px; padding:20px 50px;}
    .middle-footer a::after {display:none;}
    .col-1{ width:100%;} .checkout-btn a{font-size:25px; padding:20px 30px 30px !important;}
    .checkout-btn a::before, .checkout-btn a img {display:none;}
    #site-footer .section-inner{ display:block;}
    html .col-4 {width: 100%; margin: 2em 0 0; text-align:center;}
    .upper-footer-area a span{ font-size:20px;}
    footer#site-footer img.footer-logo{ position:static; margin:auto;}
    .toad-img::after{ width:100px; height:100px; top:-4em;}
    .jumping-frog {display: none;}
    .vc_empty_space.vc_custom_1649070670794 {height: 300px !important;}
    .session-list.toad-icon::before{ position:static; margin:2em auto 0;}
    .green-party-list ul{ width:100%;} .green-big-btn{ padding:2em 1.5em;} .green-big-btn:before{ display:none;} .green-big-btn h3{ font-size:28px;} .green-big-btn h4 {font-size: 20px; margin: 8px auto 0;}
    .freedom-list ul li{ font-size:18px;} .shadows.green-text.time-table p{ font-size:25px;}
    html .booking-form .left-part, html .booking-form .right-part {width: 100%; float: left; padding: 0; margin: 1em auto;}
    html .yes {float: right; width: 100%; margin: 2em 0 0;}
    html .last-table span.label-title{ text-align:left;}
    .banner-title h5{ font-size:25px;}
    .banner-title h3{ font-size:28px; line-height:normal;}
    .cal-circle{margin:auto;}  
    .freedom-list ul li span { font-size: 20px; letter-spacing: 1px;}
    .cal-circle.blank {	display: none;}
    .big-title-white h2{margin-bottom:20px; margin-top:0 !important;}
     .faqs-s{font-size:28px;}
}
@media screen and (min-width:768px) and (max-width:1024px){
    button.sub-menu-toggle svg.svg-icon { display: none;}
    button.sub-menu-toggle{border-left:0.1rem solid #29B442;}
    button.sub-menu-toggle::after{content:'';background: url(https://forestfreedom.co.uk/wp-content/uploads/2022/08/green-down-arrow.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; display:block; width:25px; height:20px;}
    .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9{width:100% !important;}
    html body .ml-5{ margin:0 !important;}
    .modal-menu ul, .menu-wrapper .menu-item { position: static !important; transform: none !important;}
    .modal-menu ul li{border:0; padding:0 20px; margin:0;}
    .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { font-weight:400; color:#575761;}
    .menu-modal.active{z-index:999;}
    body:not(.enable-search-modal) .header-titles-wrapper{ padding:0;}
    html body .vc_row{margin:0 !important;}
    hide-mobile{display:none !important;}
    body:not(.enable-search-modal) .site-logo img{ margin:auto;}
    .nav-toggle .toggle-inner { padding-top: 192px;}
    .header-inner.section-inner{ max-width:100%; width:100%;}
    .header-right-menu {width: 100%; margin:5px auto 10px; text-align: center;}
    .header-titles {margin:0; width:100%;}
    .offer-section{ padding:0;}
    ul.secondary-btns li a {padding: 6px 2em; font-size: 14px; border-radius: 3px;}
    .nav-toggle .toggle-icon, .nav-toggle svg {	height: 1em; width: 2em;}
    .nav-toggle{right:1em; top:-4em;}
    .checkout-btn a{ font-size:30px;}
    .bubble-comment {width: 600px; height: 100%; padding: 2em 0 4em;}
    .bubble-comment h2 {font-size: 35px; line-height: normal;}
    .bubble-comment h4 {font-size: 30px; font-weight: 200; line-height: normal;	width: 61%;}
    .banner-title h1 {font-size: 70px; line-height: 100px;}
    .checkout-btn a::before, .checkout-btn a img {display:none;}
    .upper-footer-area a span{ font-size:14px;}
    .cal-circle{margin:auto;}  
    .freedom-list ul li span { font-size: 20px; letter-spacing: 1px;}
    .cal-circle.blank {	display: none;}
    .toad-jump::after {width: 200px; height: 200px; position: static; margin: 1em auto;}
}
@media screen and (min-width:1000px) and (max-width:1279px){
    .hide-mobile{display:none !important;}
    .wp-custom-logo .header-titles{display:block;}
    body:not(.enable-search-modal) .header-titles-wrapper {margin: 0 auto 1em; text-align: center; padding: 0; display: block; }
    body:not(.enable-search-modal) .site-logo img{margin:auto;}
    .header-inner.section-inner {display: block; margin:1em auto; width: 100%;}
    .header-navigation-wrapper{width:100%; text-align:center;}
    .header-right-menu {width: 100%; display:inline-block; margin:auto;}
    html body:not(.overlay-header) .primary-menu > li{display:inline-block; margin:0 0 0 3rem; }
    ul.primary-menu{display:block; margin:0rem 0 0 -1.6rem;}
    ul.secondary-btns.signika {text-align: center; margin: 2em auto 1em; display: block;}
    .offer-section{margin:0 !important;}
    .upper-footer-area a span{ font-size:23px;}
    .toad-jump::after {width: 200px; height: 200px; position: static; margin: 1em auto;}
    .cal-circle{ width:150px; height:150px; padding-top:10px;}
}
@media screen and (min-width:1280px) and (max-width:1454px){
    .header-right-menu {margin-right: 2%;}
    html body:not(.overlay-header) .primary-menu > li > a{ font-size:18px;}
    ul.secondary-btns li a{ padding:12px 1em;}
     .bubble-comment {width: 600px; height: 100%; padding: 2em 0 4em;}
    .bubble-comment h2 {font-size: 35px; line-height: normal;}
    .bubble-comment h4 {font-size: 30px; font-weight: 200; line-height: normal;	width: 61%;}
     .offer-section{margin:0 !important;}
    .upper-footer-area a span{ font-size:23px;}
    .toad-jump::after {width: 200px; height: 200px; position: static; margin: 1em auto;}
    .cal-circle{ width:150px; height:150px; padding-top:10px;}
    
}