/*
Theme Name: PrepJr
Theme URI: http://www.veevdigitalworks.com/
Author: veevdigitalworks
Author URI: http://www.veevdigitalworks.com/
Description: 1st MOE approved Preschool Chinese language learning game
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: PrepJr
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

body {
     color: #696969;
     font-size: 1.5rem;
     line-height: 1.2;
}
 h1, h2, h3, h4, h5, h6 {
     line-height: 1.2;
}
 .m-top {
     margin-top: 70px;
}
/*General*/
.m-bottom-lg {
     margin-bottom: 80px;
}
.no-margin-right {
     margin-right: 0;
}
 body.lockScroll {
     overflow: hidden;
}
 #content {
     font-size: 1.8rem;
}
 #content p {
     line-height: 1.5;
     margin-bottom: 15px;
}
 #content strong {
     padding-top: 15px;
     display: block;
     margin: 0;
}
 #content ul {
     padding: 0;
     margin: 0 0 10px 15px;
}
 #content ol {
     padding: 0;
     margin: 0 0 10px 15px;
}
 .no-list-style {
     list-style-type: none;
     padding: 0;
     margin: 0 0 10px 5px;
}
 body:not(.home) .content-wrap {
     padding-top: 120px;
     min-height: 100vh;
     display: inline-block;
     width: 100%;
}
 #content li {
     margin: 0;
     padding-bottom: 10px;
     line-height: 1.5;
}
 #page-title {
     position: relative;
}
 #app-wrapper {
     position: fixed;
     top: 45%;
     right: 20px;
     width: 10vw;
     z-index: 9;
}
 #app-wrapper a:hover {
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     padding: 3px;
}
 #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo, #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark), #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu>ul {
     border-right-color: rgba(255, 255, 255, 0);
     border-bottom-color: rgba(255, 255, 255, 0);
}
 #header, #header-wrap {
     position: initial;
}
 #header, #header-wrap, #logo img {
     height: 37vh;
}
 #header.transparent-header+#page-title.page-title-parallax {
     top: -35vh;
     margin-bottom: 0;
}
 #primary-menu {
     padding-top: 15vh;
}
 #primary-menu ul li>a {
     padding-bottom: 2px;
}
 .dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a div, .dark #primary-menu:not(.not-dark) ul ul li {
     background-color: #3d6ca0;
     color: #fff;
}
 .dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a div {
     padding: 10px 30px;
     border-radius: 50px;
     font-size: 2rem;
     font-weight: bold;
     text-transform: capitalize;
}
 .dark #primary-menu:not(.not-dark) ul ul {
     background: none;
     box-shadow: none;
     border: none;
     width: 150px;
     margin: 0 auto;
     text-align: center;
}
 .dark #primary-menu:not(.not-dark) ul ul li {
     background-color: #3d6ca0;
     border-radius: 50px;
     color: #fff;
     font-size: inherit;
     margin-bottom: 2px;
}
 .dark #primary-menu:not(.not-dark) ul ul li>a, #primary-menu.dark ul ul li>a {
     color: #fff !important;
     font-size: initial;
     text-transform: capitalize;
}
 .dark #header-wrap:not(.not-dark) #primary-menu>ul>li.current-menu-item>a div, .dark #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a div {
     background-color: #1873da;
     color: #fff;
}
 .dark #primary-menu:not(.not-dark) ul ul li:hover>a, #primary-menu.dark ul ul li:hover>a {
     background: none;
     color: #fff !important;
}
/*Animation*/
 .grid-row, .adjust-grid {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: center;
     justify-content: center;
     width: 100%;
}
 .grid-row a {
     overflow: hidden;
     display: block;
}
 .grid-row img {
     transition-duration: 4s;
}
 .grid-row a:hover img {
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     z-index: 0;
}
 .grid-row .inner {
     padding: 20px 0 0 0;
     z-index: 2;
     background: inherit;
}
/*Default Background*/
 .stretched #wrapper, #header, #content {
     background-color: transparent;
}
 .single-team, .page-template-template-blogs, .page-template, .tag {
     background-position: top -13rem left 0, bottom 0 left 0;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(assets/images/bg-default.jpg), url(assets/images/bg-footer.png);
}
 .home.page-template-default {
     background-position: top -13rem left 0, bottom 0 left 0;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(assets/images/home_banner.png), url(assets/images/bg-footer.png);
}
 .page-template-default, .error404 {
     background-position: top -10rem left 0, bottom 0 left 0;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(assets/images/bg-default-blue.png), url(assets/images/bg-footer.png);
}
 .single-post {
     background-position: top -13rem left 0, bottom 0 left 0;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(assets/images/bg-blog.jpg), url(assets/images/bg-footer.png);
}
 .page-template #wrapper, .page-template #content {
     background: transparent;
}

/*Home */
 #soft-launch {
     position: relative;
     margin: 2rem 0;
}
 .sl-inner, .cnt-subscribe {
     display: block;
     float: left;
     padding: 2rem;
     background: rgb(241, 156, 35);
     background: linear-gradient(0deg, rgba(241, 156, 35, 1) 0%, rgba(253, 187, 45, 1) 100%);
     border-radius: 25px;
     height: inherit;
}
 .dot-divider {
     width: 10px;
     height: calc(100% - 30px);
     float: left;
     background: url(assets/images/dot-divider.png);
     background-size: 10px auto;
     background-position: 100% 10px;
     background-repeat: no-repeat;
     position: absolute;
     top: 10px;
     left: 63.7%;
}
 #sl-left {
     width: calc(65% - 5px);
}
 #sl-right {
     width: 35%;
}
 #soft-launch .avatar-kids {
     max-height: 150px;
     float: left;
     margin-right: 3rem;
}
 #soft-launch h6 {
     color: #fff;
     font-size: 2rem;
     text-transform: uppercase;
}
 #soft-launch p, .cnt-subscribe p {
     color: #fff;
     font-size: 1.5rem;
     margin-bottom: 0.5rem;
}
 .cnt-subscribe p {
     margin-bottom: 20px !important;
}
 .cnt-subscribe .button {
     color: #fff;
     background: rgb(252, 42, 38);
     background: linear-gradient(0deg, rgba(252, 42, 38, 1) 0%, rgba(243, 81, 36, 1) 92%);
}
 .cnt-subscribe .button:hover {
     background: #444;
}
 #widget-subscribe-form {
     width: 80%;
     margin: 0 auto;
}
 #widget-subscribe-form-email {
     border-radius: 20px;
     margin-bottom: 15px;
     height: 40px;
     background-color: #fff;
}
 .home h3, .home h4 {
     margin-bottom: 50px;
     line-height: 1.2;
}
 .home h3 {
     font-size: 4rem;
}
 .home h4 {
     font-size: 2.5rem;
     margin-bottom: 15px;
}
/*Home Banner*/
 #cnt-banner h1 {
     font-size: 10rem;
     color: #fff;
     height: 50vh;
     display: table-cell;
     vertical-align: middle;
     text-align: left;
}
 #cnt-banner h1 span {
     color: #fff;
     font-size: 2.5rem;
     display: block;
     margin-top: 20px;
}
/*Home Partner*/
 #cnt-partner {
     background-position: bottom left;
     background-size: 100% 15%;
     background-repeat: no-repeat;
     background-image: url(assets/images/divider-pink.png);
     padding-bottom: 170px;
}
 #partners {
     margin-bottom: 50px;
}
 #cnt-partner h3, #cnt-partner h4 {
     color: #1c3e77;
}
 .pt-row {
     width: 100%;
}
 #pt-row2 {
     margin-bottom: 50px;
}
 .pt-row div {
     margin-bottom: 0;
     position: relative;
}

 .pt-row div.col_last:after {
     border-right: none;
}
 #pt-grid img {
     margin-bottom: 20px;
}
 #pt-grid p {
     margin-bottom: 10px;
}
 .device-lg .pt-grid-inner {
     max-width: 100%;
     margin: 0 auto;
}
/*Testimonial*/
 #cnt-testi h3 {
     color: #1c3e77;
}
 #testi-video-inner {
     position: relative;
}
 #testi-video-inner img {
     width: 100%;
}
 #testi-video-inner #btn-play {
     position: absolute;
     top: calc(50% - 3vw);
     left: calc(50% - 3vw);
     width: 8vw;
}
 #testi-video-inner:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background-color: #3399cc;
     width: 100%;
     height: 50px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
}
 #tv-lbl1 {
     width: 100%;
     background-color: #3399cc;
     color: #fff;
     font-size: 3rem;
     padding: 20px;
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
}
 #tv-lbl2 {
     width: 100%;
     color: #3399cc;
     font-size: 1.5rem;
     display: block;
     margin-top: 15px;
     margin-left: 15px;
}
 #tv-lbl2 a {
     text-decoration: underline !important;
     color: inherit;
}
 .testi-info-inner {
     display: block;
     margin-bottom: 35px;
}
 .testi-info-inner img {
     float: left;
     margin-right: 70px;
     height: 27vh;
}
 .testi-info-inner.alt img {
     float: right;
     margin-left: 70px;
     margin-right: 0;
}
 .testi-info-inner p {
     font-size: 2.5rem;
     height: 25vh;
     display: table-cell;
     vertical-align: middle;
     width: calc(100% - 25vw);
     text-align: right;
     color: #4d4d4d;
}
 .testi-info-inner.alt p {
     text-align: left;
}
/*Recent Post */
 #cnt-recent h3 {
     color: #1c3e77;
}
 #cnt-recent {
     position: relative;
}
 #btn-recent-more {
     position: absolute;
     height: 10vh;
     top: calc(50% - 5vh);
     right: 30px;
}
 #btn-recent-more img {
     height: 10vh;
}
 .recent-grid-inner {
     border-radius: 25px;
     display: inline-block;
}
 .recent-grid-inner.bg-pink {
     background: rgb(237, 77, 121);
    /*background: linear-gradient(0deg, rgba(237, 77, 121, 1) 6%, rgba(245, 173, 192, 1) 100%);
    */
}
 .recent-grid-inner.bg-blue {
     background: rgb(8, 124, 195);
    /*background: linear-gradient(0deg, rgba(8, 124, 195, 1) 6%, rgba(174, 214, 244, 1) 100%);
    */
}
 .recent-grid-inner.bg-green {
     background: rgb(190, 209, 97);
    /*background: linear-gradient(0deg, rgba(190, 209, 97, 1) 6%, rgba(163, 224, 189, 1) 100%);
    */
}
 .recent-grid-inner.bg-cyan {
     background: rgb(79, 181, 166);
    /*background: linear-gradient(0deg, rgba(79, 181, 166, 1) 6%, rgba(199, 240, 216, 1) 100%);
    */
}
 .recent-grid-inner.bg-red {
     background: rgb(240, 59, 58);
    /*background: linear-gradient(0deg, rgba(240, 59, 58, 1) 6%, rgba(227, 182, 193, 1) 100%);
    */
}
 .recent-grid-inner.bg-purple {
     background: rgb(51, 87, 187);
    /*background: linear-gradient(0deg, rgba(51, 87, 187, 1) 6%, rgba(190, 148, 241, 1) 100%);
    */
}
 .recent-grid-inner img {
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
}
 .home .recent-grid-inner .inner {
     color: #fff;
}
 .recent-grid-inner .inner {
     text-align: left;
     padding: 15px 25px;
     height: 100px;
     color: #3d6ca0;
     font-weight: 600;
     z-index: auto;
     position: relative;
}
/*Page Default*/
 .page-template-template-about h1, 
 .single-post h1, .single-team h1, 
 .page-template-template-blogs h1, 
 .page-template-template-about h2, 
 .page-template-default h1, .error404 h1, 
 .page-template-template-team-members h1, 
 .page-template-template-team-members h2, 
 .tag h1, .tag h2,
 .page-template-template-faq h1,
 .page-template-template-faq h1 {
     font-size: 5rem;
     margin-bottom: 50px;
     color: #3d6ca0;
     text-align: center;
}
 .tag h2 {
     text-align: left;
     margin-bottom: 0;
}
/*How we prep*/
 .page-template-template-about p, .page-template-template-about strong, .page-template-template-about li {
     color: #9a5915;
}
/*Prep Team*/
 .page-template-template-team-members h1, .page-template-template-team-members h2, .page-template-template h1, .single-team h1 {
     font-size: 5rem;
     margin-bottom: 50px;
     color: #3d6ca0;
     text-align: center;
}
 .team-row {
     margin: 0 auto 3em;
}

 .team-row .inner {
     color: #333;
     background: #fff;
     z-index: 9;
     position: relative;
}
 .team-row span {
     display: block;
     text-transform: capitalize;
     text-align: center;
     margin-bottom: 5px;
     line-height: 1.2;
}
 .team-row .name {
     color: #808080;
     font-size: 2.3rem;
}
 .team-row .position, .team-row .position p {
     color: #29abe2;
     font-size: 1.5rem;
}
 #team-row3 * {
     color: #808080;
     font-size: 2rem;
     display: block;
     text-align: center;
     text-transform: capitalize;
     margin: 0 !important;
}
 #team-row3 strong {
     display: inline-block;
}

 .single-team .content-editor p {
     color: #af7330;
}
 .single-team .team-row img {
     height: auto;
     margin-bottom: 25px;
}
 .tag #content img {
     margin-bottom: 25px;
}
 .error404 {
     font-size: inherit;
}
 .notfound {
     margin-top: 100px;
     font-size: 50px;
     color: #b5adad;
}
/*Footer*/
 .home #footer.dark, .home .dark #footer {
     padding-top: 20vh;
}
 #footer.dark, .dark #footer {
     background-color: transparent;
     color: #CCC;
     border-top-color: transparent;
     padding-top: 50vh;
}
 .dark #copyrights {
     background-color: transparent;
     color: rgba(255, 255, 255, 0.25);
     text-shadow: none;
     padding: 0;
}
 .dark #copyrights ul {
     list-style-type: none;
}
 .dark #copyrights ul li {
     display: inline-block;
}
 .dark .copyright-links a {
     color: #fff;
     margin-top: 0;
     border-bottom-color: transparent;
     line-height: 1;
     border-right: 1px solid #fff;
     padding: 0px 10px;
}
 .dark .copyright-links .last.menu-item a {
     border-right: none;
}
 .dark .copyright-links {
     color: #fff;
}
 #footer-logo {
     display: inline-block;
     float: left;
}
 #footer-logo img {
     max-width: 80%;
     margin: 0 auto;
}
 .m-bottom-30 {
     margin-bottom: 30px;
}
 .dark .copyright-links a:hover {
     border-bottom-color: transparent;
}
 form {
     margin-bottom: 0 !important;
}
/*Get in touch*/
 #get-in-touch {
     display: inline-block;
     margin-right: 25px;
     color: #fff;
     float: left;
}
 #get-in-touch #lbl {
     display: block;
     text-align: center;
}
 #get-in-touch a {
     color: #fff;
}
 #get-in-touch a:hover {
     text-decoration: underline;
}
/*Subscribe Response*/
 .mc4wp-form-submitted .mc4wp-response {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 30vh;
     vertical-align: middle;
     background: #1ABC9C;
     opacity: 0.9;
     z-index: 999;
}
 .mc4wp-form-submitted .mc4wp-alert p {
     font-size: 20px !important;
     padding: 13vh 10px;
     color: #fff;
     line-height: 1.3;
}
 .mc4wp-form-submitted .mc4wp-response:after {
     content: "X";
     background: #333;
     padding: 5px 15px;
     font-size: 20px;
     position: fixed;
     top: 10px;
     right: 10px;
     color: #fff;
}
 .mc4wp-response:hover {
     cursor: pointer;
}
/*Quote */
 .pj-quote {
     color: #1873da;
     font-size: 30px;
}
/*social*/
 .si-colored.si-instagram {
     background-color: #ce2c8f !important;
}
/*page-template-default*/
 .page-template-default #content strong {
     color: #9a5915;
}
 .page-template-default #content li {
     line-height: 1.4;
}
/*page-template-template-blogs*/
 .single-post h1, .page-template-template-blogs h1, .page-template-template-blogs h2,
 .page-template-template-faq h1 {
     font-size: 5rem;
     margin-bottom: 5vw;
     color: #006837;
}
 .page-template-template-blogs h2 {
     margin-bottom: 0;
}
 .page-template-template-blogs .grid-row .col_half {
     height: auto;
     background: #fff !important;
     border: 1px solid #d0d0d0;
     border-radius: 25px;
     overflow: hidden;
}
 .page-template-template-blogs .recent-grid-inner .inner {
     height: auto;
     background: #fff !important;
     border-radius: 0 0 25px 25px;
}
 .page-template-template-blogs .recent-grid-inner {
     border-radius: unset;
}
 .page-template-template-blogs h3 {
     font-size: 2.5rem;
     color: #3d6ca0;
     margin-bottom: 15px;
}
 .page-template-template-blogs p {
     font-size: 1.8rem;
     color: #333;
}
/*Single Blog*/
 .single-post #content strong, .tag #content strong {
     display: inline;
}
 .single-post #content img {
     margin-bottom: 25px;
}
 .single-post .bg-white-wrap {
     background: #fff;
     border-radius: 25px;
     padding: 50px 30px;
     display: block;
}
 .post-tags {
     list-style-type: none;
     padding-top: 20px!important;
     display: inline-block;
     margin: 0 !important;
}
 .post-tags li {
     display: inline-block;
     padding: 5px 7px !important;
     margin: 0 10px 10px 0 !important;
     font-size: 1.5rem;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     background-color: #63c199;
}
 .post-tags li a {
     color: #fff;
}
 .post-tags.bg-pink li {
     background-color: #ed4d79;
}
 .post-tags.bg-blue li {
     background-color: #087cc3;
}
 .post-tags.bg-cyan li {
     background-color: #4fb5a6;
}
 .post-tags.bg-green li {
     background-color: #bed161;
}
 .post-tags.bg-red li {
     background-color: #f03b3a;
}
 .post-tags.bg-purple li {
     background-color: #3357bb;
}
 .post-tags li:hover {
     background: #333;
}
 .tag .btn-more {
     padding: 10px 25px;
     font-size: 1.2vw;
     color: #fff;
}
 .tag .btn-more:hover {
     background-color: #333 !important;
}
/*Pagination*/
 .pager {
     display: block;
     margin-top: 30px !important;
}
 .pager li {
     text-align: center;
     display: inline-block;
}
 .pager li a {
     width: 140px;
}
 .pagination {
     display: block;
}
 .pagination .page-numbers {
     background: transparent;
     border-radius: 100%;
     display: inline-block;
     height: 35px;
     width: 35px;
     border-radius: 50%;
     text-align: center;
     line-height: 1.8;
     vertical-align: middle;
}
 .pagination .page-numbers.current {
     background: #087cc3;
     color: #fff;
}
 .pagination .prev, .pagination .next {
     display: none;
}

/*FAQ*/
#toc-container {
    background: #f9f9f9;
    border: 1px solid #3d6ca0;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
}
#toc-container p.toc-title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
#toc-container p.toc-title+ol.toc-list {
    margin-top: 1em;
}
#toc-container a {
    text-decoration: none;
    text-shadow: none;
    color: #3d6ca0;
}

#toc-container a:hover {
    color: #9a5915;
}

.faq-container {
     width: 100%;
     margin-bottom: 50px;
     display: block;
}
.faq-row {
     display: block;
     margin-bottom: 30px;
}

.faq-container .faq-header {
     font-size: 4rem;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 1.5; 
    margin-bottom: 20px;
    
}

.faq-container strong {
     color: #9a5915;
     font-size: 1.8rem;
     line-height: 1.3;
     margin-bottom: 15px !important;
     padding-top: 0 !important;
}

.faq-container p, .faq-container a {
     color: #333;
     font-size: 1.8rem;
     line-height: 1.3;
     
}

.faq-container p {
     margin-bottom: 10px !important;
}

.faq-container strong p {
     margin-bottom: 0 !important;
}

.faq-container a {
     color: #1ABC9C;

}

.faq-container a:hover {
     color: #333;
     
}



 @media (min-width: 1920px) {
     #cnt-banner.content-wrap {
         padding: 20vh 0 15vh 0;
    }
}
 @media (min-width: 1800px) {
     #cnt-banner h1, #cnt-banner #dragon {
         height: 40vh !important;
    }
}

 @media (min-width: 1600px) and (max-width: 1700px) {
     .home.page-template-default {
         background-position: top -20rem left 0, bottom 0 left 0;
     }
}


 @media (max-width: 1400px) {
     #cnt-banner h1 {
         font-size: 8rem;
         height: 45vh;
    }
     #cnt-banner #dragon {
         height: 45vh !important;
    }
     #cnt-banner.content-wrap {
         padding: 50px 0;
    }
}
 @media (max-width: 1199px) {
     #header, #header-wrap, #logo img {
         height: 30vh;
    }
     #cnt-banner h1 {
         font-size: 5rem;
         height: 30vh;
    }
     #cnt-banner #dragon {
         height: 35vh !important;
    }
     body:not(.home) .content-wrap {
         padding-top: 100px;
    }
     #cnt-banner.content-wrap {
         padding: 50px 0;
    }
     .page-template, .single-team, .page-template-template-blogs, .single-post, .page-template-default, .error404, .tag {
         background-position: top -3rem left 0, bottom 0 left 0;
    }
     .home.page-template-default {
         background-position: top 0 left 0, bottom 0 left 0;
    }
    /*home*/
     #soft-launch {
         height: 180px;
    }
     #soft-launch .avatar-kids {
         max-height: 130px;
    }
}
 @media (max-width: 991px) {
     .dark #primary-menu:not(.not-dark) ul ul li {
         border-radius: 0;
    }
     .home.page-template-default.primary-menu-open #header.dark.transparent-header {
         background-color: #63c199;
    }
     .page-template-template-about h1, 
     .single-post h1, 
     .single-team h1, 
     .page-template-template-blogs h1, 
     .page-template-template-blogs h2, 
     .page-template-template-about h1, 
     .page-template-default h1, 
     .error404 h1, 
     .page-template-template-team-members h1, 
     .page-template-template-team-members h2, h1,
     .page-template-template-faq h1 {
         font-size: 4rem;
    }
     #content {
         font-size: 1.5rem;
    }
     #app-wrapper {
         width: 15vw;
    }
     .m-top {
         margin-top: 0;
    }
     #logo img {
         height: 15vh;
    }
     body:not(.home) .content-wrap {
         padding-top: 120px;
    }
     body:not(.home).primary-menu-open .content-wrap {
         padding-top: 50px;
    }
     .page-template, .single-team, .page-template-template-blogs, .home.page-template-default, .error404, .single-post, .tag {
         background-position: top -5rem left 0, bottom 0 left 0;
    }
     #header.dark.transparent-header {
         background-color: transparent;
         border-bottom: 0;
    }
     .primary-menu-open #header.dark.transparent-header {
         background-color: #f9a408;
    }
     .page-template-default.primary-menu-open #header.dark.transparent-header {
         background-color: #0bb8da;
    }
     #primary-menu {
         padding-top: 0;
    }
     .primary-menu-open #primary-menu {
         padding-top: 50px;
    }
     .dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a div, .dark #primary-menu:not(.not-dark) ul ul li, .dark #header-wrap:not(.not-dark) #primary-menu>ul>li.current-menu-item>a div, .dark #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a div, .dark #primary-menu:not(.not-dark) ul ul li>a, #primary-menu.dark ul ul li>a {
         background-color: transparent;
         color: #fff !important;
    }
     .dark #primary-menu:not(.not-dark) ul ul {
         width: auto;
         padding-left: 50px;
    }
    /*home*/
     #soft-launch .avatar-kids {
         max-height: 120px;
    }
     #soft-launch p, .cnt-subscribe p {
         font-size: 1.2rem;
    }
     #soft-launch h6 {
         font-size: 1.7rem;
    }
     .content-wrap {
         padding: 30px 0;
    }
     #cnt-banner h1 {
         height: 40vh;
    }
     #dragon {
         height: 40vh !important;
         background-position: center !important;
    }
     .testi-info-inner img, .testi-info-inner p {
         height: 15vh;
    }
     .testi-info-inner p {
         font-size: 2rem;
    }
     #cnt-banner h1 {
         font-size: 5rem;
    }
     .home h3 {
         font-size: 3.5rem;
    }
     .home h4 {
         font-size: 2rem;
         margin-bottom: 15px;
    }
     .page-template-template-blogs .col_half {
         width: 100%;
         margin-right: 0 !important;
         float: none;
    }
     #team-row3 .col_one_fourth {
         width: 100%;
    }
     .tag .btn-more {
         font-size: 20px;
    }
     #footer.dark, .dark #footer {
         padding-top: 0;
    }
     .copyright-links a {
         margin: 0px 1px;
    }
     #footer .col_half {
         margin-right: auto !important;
         margin-left: auto;
         width: 370px;
         float: none;
    }
     #footer .col_half .fright {
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         width: 350px;
         float: none!important;
    }
     .wp-block-image img,
     .faq-container img {
         height: auto;
     } 
     .faq-container .faq-header {
          font-size: 24px;
     }  
}

 @media (min-width: 769px) and (max-width: 990px) {
     #dragon {
         height: 50vh !important;
    }
     #logo img {
         height: 35vh;
    }
     body:not(.home).primary-menu-open .content-wrap {
         padding-top: 50px;
    }
     .page-template, .single-team, .page-template-template-blogs, .home.page-template-default, .page-template-default, .error404, .single-post, .tag {
         background-position: top -10rem left 0, bottom 0 left 0;
    }
}

 @media (max-width: 767px) {
     .container, #header.full-header .container, .container-fullwidth {
         width: 100% !important;
    }
     #logo img {
         height: 35vh;
         margin-top: -35px;
    }
     body:not(.home) .content-wrap {
         padding-top: 50px;
    }
     .page-template, .single-team, .page-template-template-blogs, .home.page-template-default, .page-template-default, .error404, .single-post, .tag {
         background-position: top -8rem left 0, bottom 0 left 0;
    }
     #cnt-banner h1 {
         font-size: 4rem;
    }
     #cnt-banner h1 span {
         font-size: 2rem;
    }
     #cnt-banner #quote {
         width: 50%;
         float: left;
    }
     #cnt-banner #dragon {
         width: 45%;
         float: right;
    }
     #soft-launch h6 {
         font-size: 1.5rem;
    }
     .dot-divider {
         left: 63%;
    }
     .pt-row .col_one_fourth {
         width: 22%;
         margin-bottom: 0!important;
    }
     .pt-row .col_one_fourth img {
         max-width: 80%;
    }
     #pt-grid .col_one_third, #recent-grid .col_one_third {
         width: 32%;
         margin-right: 2%;
         float: left;
    }
     .testi-info-inner img, .testi-info-inner p {
         height: 30vh;
    }
     .testi-info-inner p {
         font-size: 1.8rem;
    }
     #cnt-testi, #cnt-partner {
         background-size: contain, 100% 10%;
         padding-bottom: 100px;
    }
     .team-row .col_one_fourth {
         width: 45%;
         margin: inherit !important;
    }
     .team-row .col_one_third {
         margin-bottom: 20px !important;
    }
     .single-team .team-row .col_one_third {
         width:33%;
         margin-right:4%;
         float: left;
    }
     .single-team .team-row .col_tow_third {
         width:60%;
         float: left;
    }
     .home #footer.dark, .home .dark #footer {
         padding-top: 20px;
    }
     #copyrights .col_half:last-child {
         display: block;
    }
     #footer .col_half {
         width: 100%;
    }
}

 @media (max-width: 730px) {
     #soft-launch .avatar-kids {
         max-height: 110px;
    }
     #content,
     .faq-container strong,
     .faq-container p,
     .faq-container a {
         font-size: 1.4rem;
    }
}

 @media (max-width: 600px) {
     .page-template, .single-team, .page-template-template-blogs, .home.page-template-default, .error404, .page-template-default, .single-post, .tag {
         background-position: top -10vh left 0, bottom 0 left 0;
    }
     #logo img {
         height: 40vh;
         margin-top: 0;
    }
     #cnt-banner #quote, #cnt-banner #dragon {
         width: inherit;
         float: none;
    }
     #cnt-banner h1 {
         font-size: 3.5rem;
    }
     #cnt-banner #dragon {
         height: 50vh !important;
    }
     #cnt-banner h1 span {
         font-size: 1.8rem;
    }
     #soft-launch {
         height: auto;
    }
     #sl-left {
         width: 100%;
    }
     #sl-right, .dot-divider {
         display: none;
    }
     .content-wrap {
         padding: 20px 0;
    }
     .home h3 {
         font-size: 3rem;
    }
     .home h3, .home h4 {
         margin-bottom: 20px;
    }
     #cnt-partner, #cnt-testi {
         background-size: 100% 5%;
         padding-bottom: 100px;
    }
     #cnt-testi {
         background-size: 100% 10%;
    }
     #pt-grid .col_one_third, #recent-grid .col_one_third {
         width: 80%;
         margin-right: auto !important;
         float: none;
         margin-left: auto;
         margin-bottom: 30px !important;
    }
     .testi-info-inner p {
         font-size: 1.5rem;
    }
     .recent-grid-inner .inner {
         height: auto;
    }
     .sl-inner, .cnt-subscribe {
         opacity: 0.8;
    }
     .sl-inner, .cnt-subscribe {
         width: 100%;
         float: none;
         font-size: 10px;
    }
     #footer-logo img {
         margin-left: auto;
         margin-right: auto;
         display: block;
         width: 40%;
         margin-bottom: 30px;
    }
     .dark #copyrights ul {
         margin-bottom: 10px;
    }
}

 @media (max-width: 479px) {
     #header-wrap {
         z-index: auto;
    }
     img.alignleft, div.alignleft {
         float: none;
         margin-left: auto;
         margin-right: auto;
         display: block;
    }
     #cnt-banner h1 {
         height: 20vh;
    }
     h2,
     .faq-container .faq-header {
         font-size: 20px;
    }
     #soft-launch .avatar-kids {
         margin: 0 auto;
         float: none;
         margin-bottom: 15px;
         display: block;
    }
     .testi-info-inner img, .testi-info-inner.alt img, .testi-info-inner p {
         height: 15vh;
         width: auto;
         margin: 15px auto;
         float: none;
         display: block;
         text-align: center;
    }
     .testi-info-inner p {
         font-size: 1.5rem;
         margin: 0 auto;
    }
     .pj-quote {
         font-size: 20px;
    }
     #partners {
         margin-bottom: 30px;
    }
     #testi-video-inner:before {
         height: 15px;
    }
     #tv-lbl1 {
         font-size: 1.5rem;
         padding: 5px;
    }
     #app-wrapper {
         width: 25vw;
    }
     .dark #header-wrap:not(.not-dark) #primary-menu>ul>li>a div {
         padding: 0;
         font-size: 1.8rem;
    }
     body:not(.home) .content-wrap {
         padding-top: 50px;
    }
     .page-template-template-about h1, 
     .single-post h1, 
     .single-team h1, 
     .page-template-template-blogs h1, 
     .page-template-template-blogs h2, 
     .page-template-template-about h1, 
     .page-template-default h1, .error404 h1, 
     .page-template-template-team-members h1, 
     .page-template-template-team-members h2, h1,
     .page-template-template-faq h1 {
         font-size: 3.5rem;
    }
     .team-row .name {
         font-size: 2rem;
    }
     #team-row3 * {
         font-size: 1.7rem;
    }
     .team-row {
         margin: 0 auto 20px 0;
    }
     .single-team .team-row .col_one_third, .single-team .team-row .col_tow_third {
         width:100%;
         margin-right: 0;
         float: none;
    }
     .page-template, .single-team, .page-template-template-blogs, .home.page-template-default, .error404, .page-template-default, .single-post, .tag {
         background-position: top 0 left 0, bottom 0 left 0;
    }
     .single-post .bg-white-wrap {
         padding: 20px 10px;
    }
     #logo img {
         height: 120px;
         margin-top: -20px;
    }
     .primary-menu-open #primary-menu {
         padding-top: 0;
    }
     .page-template-template-blogs h3 {
         font-size: 2rem;
    }
     .page-template-template-blogs p {
         font-size: 1.5rem;
    }
     #footer-logo {
         float: none;
         margin: 0 auto;
         display: block;
    }
     #footer .col_half .fright {
         width: 75%;
    }
     #footer .col_half .fright a {
         width: 35px;
         height: 35px;
         font-size: 15px;
         line-height: 2!important;
    }
     #menu-footer-menu, #get-in-touch, #get-in-touch a {
         font-size: 12px !important;
    }
}