/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1400px) {
    .footer:after {
        width: 63%;
    }
}

@media only screen and (max-width: 1280px) {
    .owl-wrapper .secondary-controls span.prev {
        left: -128px;
    }
}

@media only screen and (max-width: 1200px) {
    .owl-wrapper .secondary-controls {
        display: none;
    }
}

@media only screen and (min-width: 959px) and (max-width: 1117px) {

    .carousel-testimonial {
        padding-top: 40px;
    }

    .carousel-testimonial .content-inner {
        padding: 0 10px;
    }

    .footer::after {
        width: 78%;
    }

    .footer .col-1:nth-child(2) {
        margin-left: 40px;
        width: 25%;
    }

    .footer .social-links {
        width: 210px;
    }

    .footer .col-1 {
        width: 18%;
    }

    .sign {
        padding: 10px 10px 20px;
    }

    .sign img {
        width: 100%;
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .header {
       /* padding: 0 10px 7px;*/
    }

    .logo {
        padding: 17px 0 0 0;
    }
    .logo img {
        width: 100%;
    }

    .main-nav {
       padding: 14px 10px 0 0;
    }

    .main-nav li a {
        margin-top: 1em;
        font: 11px/25px 'PT Sans';
    }

    .language {
        font-size: 12px;
        padding: 1px 10px 0;
    }

    .search {
        margin-top: 1em;
    }

    form.search-form input {
        width: 110px;
    }

    .billboard {
        position: relative;
    }

    .search-field {
        left: 13%;
        padding: 0;
        position: absolute;
        top: 140px;
    }

    .section1 .content-phrase {
        padding: 40px 20px;
        width: 100%;
    }

    .section1 .content-phrase h1 {
        margin-bottom: 15px;
    }

    .section-inner .content-phrase h1 {
        font-size: 26px;
        line-height: 27px;
    }

    .section-inner .content-phrase p {
        font-size: 22px;
    }

    .section1 .content-phrase p {
        font-size: 22px;
        line-height: 25px;
    }

    .news-carousel .item {
        width: 100%;

    }

    .news-carousel .img-cntr.pull-left {
        margin-right: 15px;
        width: 45%;
    }

    .news-carousel .img-cntr.pull-left img {
        width: 100%;
    }

    .news-carousel h2 {
        margin-top: 0;
    }

    .news-carousel article {
        float: left;
        width: 50%;
    }

    .news-carousel .title {
        font-size: 16px;
        line-height: 19px;
        margin: 0 0 2px 0;
    }

    .news-carousel .date {
        margin-bottom: 4px;
        font-size: 12px;
    }

    .news-carousel p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .news-carousel footer {
        float: left;
    }

    .news-carousel a.more-button {
        font-size: 14px;
        line-height: 17px;
        padding: 5px 20px 7px;
    }

    .column-wrap.two-col::after {
        background: none;
    }

    .column-wrap ul.contact-info li {
        margin-bottom: 25px;
    }

    .column-wrap .contact-wrapper h3 {
        font-size: 17px;
        margin-bottom: 25px;
    }

    .column-wrap .contact-wrapper {
        padding-bottom: 40px;
    }

    .contact-wrapper .social-links {
        float: left !important;
        padding: 0;
        width: 100%;
    }

    .contact-wrapper .social-links ul {
        float: left;
    }

    .carousel-testimonial {
        padding-top: 40px;
    }

    .carousel-testimonial .content-inner, .testimonial-block {
        padding: 0 10px;
    }

    .footer::after {
        background: none;

    }

    .footer .social-links ul {
        float: left;
    }

    .footer .social-links {
        padding: 5px 0 50px 30px;
        width: 100%;
    }

    .footer .col-1 h3 {
        font-size: 14px;
    }

    .footer .col-1:nth-child(2) {
        margin-left: 40px;
        width: 25%;
    }

    .footer .col-1 {
        margin: 0 0 0 35px;
        width: 16%;
    }

    .sign {
        padding: 10px 10px 20px;
    }

    .sign img {
        width: 100%;
    }

    /*--------------------- kalcht.html tablet ---------------------*/
    .secondary-nav li a {
        font-size: 12px;
        line-height: 39px;
    }

    .section-inner .content-phrase h1 {
        margin-bottom: 10px;
        line-height: 40px;
    }

    .equal-col.horizantal-banner {
        margin-bottom: 0;
        padding: 0 20px 20px 0;
    }


    .equal-col.horizantal-banner .pull-right h2 {
        font-size: 24px;
        line-height: 35px;
        padding-left: 2em;

    }

    .equal-col.horizantal-banner .pull-right .content-wrapper .content-inner {
        padding-left: 40px;
    }

    .equal-col.horizantal-banner .pull-left {
        margin-left: 0;
    }

    .equal-col .pull-left .img-holder img {
        width: 100%;
    }

    .equal-col .pull-right .content-wrapper .content-inner {
        padding-left: 50px;
    }

    .flexslider-wrapper2 .slides li .content-inner .mask {
        transform: translateX(-430px);
    }

    section.carousel.list-element.horizontal-lists {
        padding: 30px 20px 0;
    }

    section.carousel.list-element.horizontal-lists h2 {
        margin-bottom: 0;
    }

    .wrapper-inner {
        width: 100%;

    }

    .section-inner .content-phrase {
        padding: 11px 10px 20px;
        width: 100%;
    }

    .flexslider-wrapper {
        padding-bottom: 30px;
    }

    .flexslider-wrapper .slider-controls {
        margin-bottom: 45px;
    }

    .flexslider-wrapper .slider-controls li {
        text-align: inherit;
    }

    .flexslider-wrapper .slider-controls .flex-prev {
        left: 15px;
    }

    .flexslider.main-slider {
        padding: 0 20px 0 30px;
    }

    .flexslider-wrapper .img-holder {
        margin-right: 30px;
    }

    .flexslider-wrapper .img-holder img {
        width: 100%;
    }

    .flexslider-wrapper a.more-button {
        margin-top: 10px;
        float: right;
    }

    .carousel2 {
        padding: 30px 0;
    }

    .carousel2 .owl-carousel {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }

    .carousel2 .owl-carousel .item {
        padding: inherit;
    }

    .carousel2 .owl-carousel .item .item-inner {
        margin: 0 auto;

    }

    /*--------------------- text-2.html tablet ---------------------*/
    .flexslider.main-slider {
        padding: 0 10px;
        margin: auto;
    }

    .flexslider-wrapper .main-slider .flex-viewport .row {
        margin: 0;
        padding: 0;
    }

    .flexslider-wrapper .main-slider .flex-viewport {
        margin: 0 auto;
    }

    .flexslider-wrapper2 .slides li .content-inner {
        margin: 0;
        padding: 20px 20px;
    }

    .flexslider-wrapper2 .slides li .content-inner .date {
        left: 20px;
    }

    .flexslider-wrapper .main-slider .flex-viewport .col-md-3 {
        float: left;
        margin-bottom: 20px;
        width: 50%;
    }

    .two-col-btm h2 {
        font-size: 21px;
    }

    .section-inner1 {
        margin-left: 0;
    }

    /*--------------------- april-invite.html tablet ---------------------*/
    .invite-wrapper .img-wrapper {
        background-position: center center !important;
        height: auto;
    }

    .invite-wrapper .content-wrapper {
        padding: 20% 0;
    }

    .invite-wrapper .content-in {
        width: 100%;
        padding: 0 20px;
    }

    /*------- wireframe -------*/
    .form-section .form-block input.input-button {
        margin: 10px 0 0;
    }

    section.carousel.list-element1 {
        padding: 20px 20px 0;
    }

    section.carousel.list-element1 {
        padding: 20px 20px;
    }

    .section-inner.section-top {
        padding: 0 20px;
    }

    .contact-row.contact-row1 {
        padding: 0 20px 20px;
    }

    .contact-row.contact-row1 .col-left {
        width: 30%;
    }

    .contact-row.contact-row1 .top-row {
        padding: 0;
    }

    .contact-row.contact-row1 .quick-contact {
        padding: 0;
    }

    .contact-row.contact-row1 .google-map {
        width: 65%;
        float: right;
    }

    .contact-row.contact-row1 .google-map img {
        width: 100%;
    }

    .content-phrase.phrase-detail.phrase-detail1 h1 {
        margin-bottom: 0;
    }

    .section-inner.section-top .content-phrase {
        padding: 10px 0;
    }

    .description {
        max-width: 100%;
        padding: 10px 0 0;
    }

    /*------- zoeken.html -------*/
    .search-query {
        padding: 20px 20px 25px;
    }

    .zoeken-buttons {
        padding: 0 20px;
    }

    .zoeken-buttons .filter-options {
        margin: 20px 0;
    }

    section.carousel.list-element {
        padding-top: 20px;
    }

    .zoeken-buttons a.more-button {
        padding: 0 30px;
    }

    .zoeken-elements .item-wrapper .item {
        margin-right: 0;
        padding: 20px;
    }

    .zoeken-elements .item-wrapper h3, .zoeken-elements .item-wrapper span.date {
        float: none;
    }

    /*------- contact-form.html -------*/
    .top-section.box {
        padding: 20px 20px 10px;
    }

    .contact-section {
        padding: 40px 20px;
    }

    .contact-section.contact-submissiom-formb, .submission-form.contact-section {
        padding: 40px 0;
    }

    .contact-section.contact-submissiom-form .wrapper, .submission-form.contact-section .wrapper {
        padding: 0 20px;
    }

    .contact-section.contact-submissiom-form .hr-line, .submission-form.contact-section .hr-line {
        left: 0;
    }

    .submission-form .choose-option {
        margin: 0 16px;

    }

    .submission-form .radio-col .prettyradio label {
        width: 86%;
    }

}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {

    .logo {
        width: 146px;
    }

    .secondary-nav {
        display: none;
    }

    .header-rgt {
        text-align: right;
        width: auto;
    }

    .navigation {
        display: none;
    }

    .language {
        display: inline-block;
        float: none;
        padding: 0;
    }

    .search {
        display: inline-block;
        float: none;
        position: relative;
    }

    .search input[type="text"],
    .search .search-but {
        display: none;
    }

    .search.active input[type="text"] {
        display: block;
        top: 0;
        left: -155px;
        position: absolute;
        z-index: 10;
    }

    form.search-form .search-icon {
        background: transparent url(../images/search-icon.png) no-repeat;
        display: inline-block;
        margin-left: 18px;
        padding: 0;
        height: 27px;
        width: 29px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    span.menu-trigger {
        background: url(../images/hamburger-icon.png) no-repeat center center;
        display: inline-block;
        height: 27px;
        margin: 0 23px 0 19px;
        width: 25px;
    }

    /**language switcher **/
    .pls-language-container td {
        padding: 0;
    }

    .pls-language-container {
        border: 1px solid #eee;
        margin-top: 5px;
    }

    .polyglot-language-switcher > .pls-selected-locale {
        height: 27px;
        display: block;
    }

    .polyglot-language-switcher span {
        display: none;
    }

    .polyglot-language-switcher img {
        display: block;
        padding-top: 6px;
    }

    .mobile-menu-wrapper ul.accordion {
        background: #f2f2f2;
        padding: 5px 0;
    }

    .mobile-menu-wrapper ul.accordion li.dcjq-current-parent > a {
        background: url("../images/header-accordion-open.png") no-repeat right 7px;
    }

    .mobile-menu-wrapper ul.accordion li.dcjq-current-parent > a.active {
        background: url("../images/header-accordion-close.png") no-repeat right 7px;
    }

    .mobile-menu-wrapper ul.accordion li.dcjq-current-parent > a, .mobile-menu-wrapper ul.accordion li.dcjq-current-parent > a.active {
        margin-right: 20px;
    }

    .mobile-menu-wrapper ul.accordion li a {

        padding: 5px 20px;
        font: 16px/18px 'PT Sans';
        color: #454545;
        text-transform: uppercase;
        display: block;

    }

    .mobile-menu-wrapper ul.accordion li a:hover {
        color: #f49600;
    }

    .mobile-menu-wrapper ul.accordion li ul {
        background: #4b4b4b;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mobile-menu-wrapper ul.accordion li ul li a {
        color: #fff;
        text-transform: inherit;
    }

    /* Header ends */
    .breadcrumb-wrapper {
        margin-top: 20px;
    }

    .billboard {
        position: relative;
        height: 296px;
    }

    .search-field {
        position: absolute;
        bottom: 10px;
        right: 5%;
    }

    .billboard .search-field input.ipbox {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
        height: 37px;
        width: 288px;
    }

    .billboard input.search-button {
        float: right;
        height: 40px;
        width: 145px;
        clear: both;
    }

    .section1 .content-phrase {
        padding: 33px 20px 10px;
        width: 100%;
    }

    .content-phrase h1 {
        margin-bottom: 15px;
    }

    .homepage h1 {
        font-size: 20px;
        line-height: 23px;
        font-family: 'PT Sans';
    }

    .content-phrase p {
        font-size: 18px;
        line-height: 30px;
        color: #666;
    }

   /* .carousel.grey-bg {
        padding: 23px 0 35px;
    }*/

    .carousel.grey-bg h2 {
        font-size: 24px;
        line-height: 31px;
    }

    .carousel.grey-bg .owl-carousel .img-holder {
        min-height: 60px;

    }

    .carousel.grey-bg h3 {
        margin-bottom: 5px;
    }

    .carousel.grey-bg .owl-carousel p {
        font-family: Roboto;
        font-size: 20px;
        line-height: 24px;
    }

    .carousel.grey-bg .owl-carousel .owl-wrapper-outer {
        margin-bottom: 28px;
    }

    .carousel.grey-bg .owl-carousel .owl-controls {
        margin-bottom: 36px;
    }

    .column-wrap.two-col::after {
        background: none;
    }

    .column-wrap.two-col .wrapper > .pull-left {
        width: 100%;
    }

    .column-wrap .pull-right {
        display: none;
    }

    .news-carousel a.more-button {
        float: left;
    }

    .news-carousel p {
        font-family: Roboto;

    }

    .carsousel4 {
        padding: 30px 0;
    }

    .carousel .content-inner h2 {
        padding: 0 10px;
        font-size: 26px;
        margin: 0 0 30px 0;
    }

    .carsousel4 a.more-button {
        margin-left: 0;
    }

    .owl-carousel .owl-controls {
        position: inherit;
    }

    .carousel-section .owl-buttons {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .owl-buttons .owl-prev {
        background: url(../images/mobile/prev.png) no-repeat;
        width: 14px;
    }

    .owl-buttons .owl-next {
        background: url(../images/mobile/next.png) no-repeat;
    }

    .carousel .owl-prev, .carousel .owl-next {
        position: absolute;
        left: 25px;
        top: -150px;
    }

    .carousel .owl-next {
        right: 25px;
        left: inherit;
    }

    .news-categories .owl-prev, .news-categories .owl-next {
        top: -100px;
    }

    .carousel.carousel-testimonial.testimonial-row {
        padding: 35px 0 30px;
    }

    .carousel-testimonial {
        padding: 35px 0 50px;
    }

    .owl-testimonial.owl-single.testimonial-block.owl-carousel .owl-controls .owl-pagination {
        padding: 0;
    }

    .testimonial-block {
        padding: 0;
    }

    .testimonial-row {
        margin-bottom: 0;
    }

    .carousel-testimonial .owl-testimonial .owl-buttons {
        display: none;
    }

    .carousel.news-categories {
        padding-bottom: 5px;
    }

    .news-categories a.more-button {
        display: none;
    }

    .footer::after {
        width: auto;
    }

    .footer .social-links {
        margin-left: -4%;
        width: 100%;
    }

    .col-1:nth-child(2), .col-1, .col-1:nth-child(4), .col-1:last-child {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
    }

    /*------ footer css --------*/
    .footer {
        padding: 20px 0 10px;
    }

    .footer #accordion {
        padding-bottom: 0;
        margin: 0;
    }

    .footer .social-links {
        padding-bottom: 30px;
    }

    .footer .col-1.pull-left {
        display: none;
    }

    .panel-group.footer-accordion {
        display: block;
        color: #fff;
        padding: 0 40px 0 20px;
    }

    .panel-group.footer-accordion .panel-body {
        padding: 0px 10px;
    }

    .panel-group.footer-accordion .panel-body p {
        font: 14px/18px 'PT Sans';
    }

    .footer-accordion .panel {
        background: none;
    }

    .panel-group.footer-accordion .panel-title {
        margin-bottom: 10px;

    }

    .panel-group.footer-accordion .panel-title a {
        background: url("../images/footer-accordion-close.png") no-repeat right 6px;
        font: 16px/18px 'PT Sans';
        padding: 0;
        color: #fff;
        opacity: 0.8;
        text-decoration: none;
    }

    .panel-group.footer-accordion .panel-title a:hover {
        opacity: 1;
    }

    .panel-group.footer-accordion .panel-title a.collapsed {
        background-image: url("../images/footer-accordion-open.png");
    }

    .panel-group.footer-accordion .panel-default > .panel-heading, .panel-group.footer-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: none;
    }

    .sign {
        padding: 10px 10px 20px;
    }

    .sign img {
        width: 100%;
    }

    /*--------------------- kalcht.html mobile ---------------------*/
    .section-inner .content-phrase {
        width: 100%;
        padding: 0 10px 20px;
    }

    .section-inner .content-phrase h1 {
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 36px;
    }

    .section-inner .content-phrase p {
        font-size: 20px;
        line-height: 28px;
    }

    .equal-col.yellow-bg {
        margin-bottom: 0;
    }

    .equal-col.yellow-bg .pull-right {
        padding: 20px 10px 30px;
    }

    .equal-col .pull-right h2 {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .equal-col .pull-right a.more-button, .carsousel4 a.more-button {
        padding: 0 50px;
    }

    .equal-col .pull-right .content-wrapper .content-inner {
        max-width: 100%;
        padding: 0;
        text-align: center;
    }

    .equal-col > .pull-left {
        margin-left: 0;
        width: 100%;
    }

    .equal-col .pull-left .img-holder img {
        width: 100%;
    }

    .equal-col .pull-right {
        width: 100%;
    }

    .wrapper-inner {
        width: 100%;

    }

    .flexslider-wrapper {
        padding-bottom: 30px;
    }

    .flexslider-wrapper .slider-controls {
        margin-bottom: 45px;
    }

    .flexslider-wrapper .slider-controls li {
        text-align: inherit;
    }

    .flexslider-wrapper .slider-controls .flex-prev {
        left: 15px;
    }

    .flexslider.main-slider {
        padding: 0 20px 0 30px;
    }

    .flexslider-wrapper .img-holder {
        margin-right: 30px;
    }

    .flexslider-wrapper .img-holder img {
        width: 100%;
    }

    .carousel2 {
        padding: 30px 0;
    }

    .carousel2 .owl-carousel {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }

    .carousel.carousel2 .owl-carousel .owl-buttons {
        display: none;

    }

    .carousel.carousel2 a.more-button {
        margin-top: 10px;
    }

    .carousel2 .owl-carousel .item .item-inner {
        margin: 0 auto;
    }

    .flexslider-wrapper .pull-right h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .flexslider-wrapper .pull-right p {
        font: 16px/27px Roboto;
    }

    /*--------------------- text-2.html tablet ---------------------*/
    .flexslider.main-slider {
        padding: 0 10px;
        margin: auto;
    }

    .flexslider-wrapper .main-slider .flex-viewport h3 {
        margin-bottom: 20px;
    }

    .flexslider-wrapper .main-slider .flex-viewport .row {
        margin: 0;
        padding: 0;
    }

    .flexslider-wrapper .main-slider .flex-viewport {
        margin: 0 auto;
    }

    .flexslider-wrapper2 .slides li .content-inner {
        margin: 0;
        padding: 20px 20px;
    }

    .flexslider-wrapper2 .slides li .content-inner .date {
        left: 20px;
    }

    .flexslider-wrapper .main-slider .flex-viewport .col-md-3 {
        float: left;
        margin-bottom: 20px;
        width: 50%;
    }

    .section-inner2 .panel-group .panel-title a {
        padding: 10px 20px;
        font-size: 16px;
        background-position: calc(100% - 61px) 14px;
    }

    .two-col-btm h2 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 15px;
    }

    .equal-col.horizantal-banner .img-holder {
        height: 300px;
        text-align: center;
    }

    .equal-col.horizantal-banner .img-holder img {
        width: auto;
        height: 100%;
    }

    .equal-col.horizantal-banner .pull-right.equalHeight {
        padding: 0 20px;
        margin-top: 75px;
    }

    .equal-col.horizantal-banner .icon-wrapper {
        top: 235px;
    }

    .equal-col.horizantal-banner .pull-right h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .equal-col.horizantal-banner .equalHeight .content-inner p {
        text-align: left;
        font-size: 16px;
        line-height: 28px;
    }

    section.carousel.list-element {
        padding: 20px 20px;
    }

    .content-phrase.phrase-detail.phrase-detail1 h1 {
        line-height: 32px;
        margin-bottom: 10px;
    }

    .section-inner.section-top .content-phrase {
        padding: 10px 0;
    }

    .description {
        max-width: 100%;
        padding: 10px 0 0;
    }

    .list-element h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .list-element .item-wrapper h3 {
        font-size: 16px;
        padding-bottom: 0;
    }

    .list-element .item-wrapper span.date {
        float: left;
        display: block;
        clear: both;
    }

    .section-inner1 {
        margin-left: 0;
    }

    /*--------------------- april-invite.html mobile ---------------------*/
    .invite-wrapper .img-wrapper {
        background-position: center center !important;
        height: auto;
    }

    .invite-wrapper .content-wrapper {
        padding: 20% 20px;
    }

    .invite-wrapper .content-in {
        width: 100%;
        padding: 0 20px;
    }

    .invite-wrapper .content-bottom a.more-button {
        padding: 0 50px;
    }

    body.invite-page .footer::after {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    body.invite-page .footer .col-1.pull-left {
        display: block;
    }

    .invite-wrapper .content-wrapper .content-inner {
        width: 100%;
        padding-left: 0;
    }

    .invite-wrapper .content-bottom {
        margin-left: 0;
        padding: 20px 20px 30px;
    }

    .form-section .form-block input.input-button {
        padding: 10px 30px;
        width: auto;
        margin: 20px 0 0;
        clear: both;
    }

    .section-inner.section-top {
        padding: 0 20px;
    }

    .contact-row.contact-row1 {
        padding: 0 20px 20px;
    }

    .contact-row.contact-row1 .col-left {
        width: 30%;
    }

    .contact-row.contact-row1 .top-row {
        padding: 0;
    }

    .contact-row.contact-row1 .quick-contact {
        padding: 0;
    }

    .contact-row.contact-row1 .google-map {
        width: 65%;
        float: right;
    }

    .contact-row.contact-row1 .google-map img {
        width: 100%;
    }

    .daycare-detail .center-align a {
        width: auto;
    }

    /*------- zoeken.html -------*/
    .search-query {
        padding: 20px 20px 25px;
        font-size: 26px;
    }

    .zoeken-buttons {
        padding: 0 20px;
    }

    .filter-options {
        margin: 20px 0;
    }

    section.carousel.list-element {
        padding-top: 20px;
    }

    .zoeken-buttons a.more-button {
        padding: 0 30px;
    }

    .zoeken-elements .item-wrapper .item {
        margin-right: 0;
        padding: 20px;
    }

    .zoeken-elements .item-wrapper h3, .zoeken-elements .item-wrapper span.date {
        float: none;
    }

    .zoeken-elements a.more-button.yellow-bg2 {
        float: left !important;
        margin: 10px 0;
    }

    /*------- contact-form.html -------*/
    .top-section.box {
        padding: 20px 20px 10px;
    }

    .top-section h2 {
        font-size: 26px;
    }

    .contact-section {
        padding: 30px 20px;
    }

    .contact-section .box-col.left, .contact-section .box-col.right, .box-col, .email-box, .box1 {
        margin: 0;
        width: 100%;
    }

    .contact-section .box-col.left {
        margin: 5px 0;
    }

    .contact-section .field {
        padding-bottom: 20px;
    }

    .contact-section .email-box {
        margin: 0 0 10px;
        width: 100%;
    }

    .contact-form, .contact-section .email-grp .email-box, .contact-section input.ipbox, .contact-section .telephone-grp .email-box, .contact-section textarea {
        width: 100%;
    }

    .contact-section.contact-submissiom-formb, .submission-form.contact-section {
        padding: 40px 0;
    }

    .contact-section.contact-submissiom-form .wrapper, .submission-form.contact-section .wrapper {
        padding: 0 20px;
    }

    .contact-section.contact-submissiom-form .hr-line, .submission-form.contact-section .hr-line {
        left: 0;
    }

    .contact-section .selectboxit-container, .box-col, .email-box, .box1 {
        margin-bottom: 10px;
    }

    .contact-section .prettyradio label {
        width: 93%;

    }

    .contact-section .prettyradio a {
        margin-left: 0;

    }

    .contact-section input.button {
        width: auto;
    }

    .submission-form .choose-option {
        margin: 0 16px 40px;
        width: 100px;

    }

    /** topics **/
    .topics li {
        width: 33%;
    }

    .two-col-links li {
        width: 100%;
    }

}

@media (max-width: 640px) {

    .news-carousel article {
        clear: both;
    }

    /*--------------------- kalcht.html mobile ---------------------*/
    .carousel-steps.flexslider-wrapper .pull-right {
        width: 100%;
        margin-top: 20px;
    }

    .flexslider-wrapper .img-holder {
        width: 100%;
    }

    .flexslider-wrapper .slider-controls-content .pull-right {
        float: left !important;
        margin-top: 20px;
        width: 100%;

    }

    .flexslider-wrapper .slider-controls-content a.more-button {
        float: left;
    }

    .equal-col .pull-right a.more-button, .carsousel4 a.more-button {
        padding: 0 30px;
    }

    .two-col-btm.yellow-bg2 .col {
        clear: both;
        float: left !important;
        width: 100%;

    }

    .two-col-btm a.more-button {
        padding: 0 50px;
    }

    .section-inner2 #accordion {
        padding-bottom: 0;
    }

    .section-inner2 .social-buttons {
        padding-left: 0;
        margin-bottom: 30px;
    }

    .section-inner2 .social-buttons a {
        display: block;
        margin: 15px auto 0;
    }

    /*--------------------- april-invite.html mobile ---------------------*/
    .invite-wrapper .content-wrapper h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .invite-wrapper .content-wrapper p {
        font-size: 20px;
        line-height: 25px;
    }

    .invite-wrapper h3 {
        font-size: 18px;
        margin-bottom: 10px;
        padding-left: 0;
    }

    /*------ wireframe1.html -------*/
    .contact-row {
        padding: 25px 0;
    }

    .form-section.grey-bg {
        padding: 20px 0;
    }

    .form-section .form-block {
        padding: 0 20px;

    }

    .form-section .form-block .field-row label {
        display: block;
        margin: 0;
        line-height: 30px;
        font: normal 16px/45px 'PT Sans';

    }

    .form-section .form-block input.inputbox {
        clear: both;
        display: block;
        width: 100%;
        height: 30px;
        border: 1px solid #aaa;
        margin-top: 8px;
    }

    .form-block .selectboxit-container {
        width: 100%;
    }

    .form-section .form-block .field-row .selectboxit-container .selectboxit {
        width: 100% !important;
    }

    .contact-details {
        margin-left: 0;
        padding: 0 20px;
    }

    .contact-details ul li {
        width: 100%;
    }

    .contact-details ul li:nth-child(2n) {
        margin-left: 0;
    }

    .contact-row.contact-row1 .col-left, .contact-row.contact-row1 .google-map {
        width: 100%;
    }

    .section-inner.section-top .content-phrase h1 {
        line-height: 32px;
        margin-bottom: 10px;
    }

    .list-element .item-wrapper .item {
        margin-right: 0;
    }

    .row-1 li {
        float: none;
        width: 100%;
    }

    .row-1 li:first-child {
        margin-bottom: 10px;
    }

    .row-1 li h2, .row-1 li:first-child h2 {
        padding: 0;
    }

    .row-1 a {
        width: auto;
        margin: 0;
    }

    .row-1 li:first-child a {
        margin: 0;
    }

    .contact-section .prettyradio label, .submission-form .wrapper-top .prettyradio label,
    .submission-form .prettyradio.labelleft.blue label {
        width: 89%;

    }

    .submission-form .choose-option {
        width: 100%;
        margin: 0 0 40px;
    }

    .submission-form .prettyradio label {
        left: 30px;
        text-align: left;
        width: 100%;
    }

    .submission-form .wrapper-top .radio-col {
        width: 100%;

    }

}

@media (max-width: 570px) {

}

@media only screen and (max-width: 480px) {

    .logo img {
        width: 100%;
    }

    .header-rgt {
        padding-top: 84px;
    }

    .news-carousel a.more-button {
        width: 100%;
    }

    /*--------------------- kalcht.html mobile ---------------------*/
    .section-inner .content-phrase p {
        font-size: 18px;
    }

    .equal-col.yellow-bg .pull-right {
        padding: 10px 10px 20px;
    }

    .equal-col .pull-right h2 {
        margin-bottom: 10px;
    }

    .flexslider-wrapper h2 {
        margin: 0;
        padding: 10px 10px 15px;
    }

    .flexslider-wrapper .slider-controls-content .pull-right {
        margin-top: 10px;
    }

    .flexslider-wrapper .pull-right h3 {
        font-size: 18px;
    }

    .equal-col .pull-right h2, .carousel .content-inner h2 {
        font-size: 24px;
    }

    .carousel .content-inner h2, .carousel.grey-bg .owl-carousel .owl-wrapper-outer {
        margin-bottom: 20px;
    }

    /*--------------------- text-2.html mobile ---------------------*/
    .flexslider-wrapper.flexslider-wrapper2 .slider-controls {
        margin-bottom: 25px;
    }

    .flexslider-wrapper .main-slider .flex-viewport .col-md-3 {
        width: 100%;
    }

    .section-inner2 .panel-group .panel-body {
        padding: 10px 20px;
    }

    .section-inner2 .panel-group .panel-body p {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .section-inner .content-phrase h1 {
        font-size: 20px;
    }

    .flexslider-wrapper .main-slider .flex-viewport h3 {
        margin: 1em 0 1em 0;
    }

    /*--------------------- april-invite.html mobile ---------------------*/
    .invite-wrapper .content-wrapper {
        padding: 10% 20px;
    }

    .invite-wrapper .content-wrapper h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .invite-page .footer .col-1 {
        margin-left: 0;
        width: 100%;
        padding: 0 20px;
    }

    .invite-page .footer p {
        -moz-columns: 1 128px;
    }

    .invite-wrapper .content-bottom a.more-button {
        font-size: 14px;
        padding: 0 40px;
    }

    /*------ wireframe1.html -------*/
    .contact-col {
        width: 100%;
    }

    .address-col {
        padding-left: 15px;
        margin-top: 20px;
    }

    /** topics **/
    .topics li {
        width: 50%;
    }

}

@media only screen and (max-width: 320px) {

    a.feedback, .news-carousel .owl-buttons {
        display: none;
    }

    .billboard {
        background: url(../images/mobile/banner.jpg);
    }

    .header {
        /*padding: 5px 0 6px;*/
    }

    .logo {
        /*padding: 0 0 0 16px;*/
    }

    .header-rgt {
        padding-top: 6px;
    }

    span.menu-trigger {
        margin: 0 14px 0 5px;
        width: 44px;
        position: relative;
        text-outline: -2px;
    }

    form.search-form .search-icon {
        margin-left: 12px;
    }

    .billboard .search-field input.ipbox {
        margin-bottom: 7px;
        height: 10px;
        padding: 16px 9px 20px;
        font-size: 13px;
    }

    .billboard input.search-button {
        height: auto;
        width: auto;
        padding: 11px 49px 10px 51px;
        font-size: 13px;
    }

    .section1 .content-phrase {
        padding: 37px 20px 8px;
    }

    .homepage .content-phrase h1 {
        font-size: 20px;
        line-height: 16px;
        margin-left: -7px;
        margin-bottom: 20px;
    }

    .carousel.grey-bg .content-inner h2 {
        font-size: 21px;
        padding: 0 26px;
        margin-bottom: 10px;
        line-height: 31px;
        position: relative;
        left: -2px;
    }

    .carousel.grey-bg .owl-carousel p {
        line-height: 25px;
        position: relative;
        left: -5px;
    }

    .carousel.grey-bg .owl-carousel .owl-wrapper-outer {
        margin-bottom: 28px;
    }

    .carousel .owl-prev, .carousel .owl-next {
        left: 19px;
        top: -116px;
    }

    .carousel .owl-next {
        right: 2px;
        left: inherit;
    }

    .owl-pagination .owl-page:first-child {
        margin-left: -6px;
    }

    .carousel.grey-bg .owl-carousel .img-holder {
        margin-bottom: 2px;
    }

    .carousel.grey-bg .owl-carousel .owl-controls {
        margin-bottom: 61px;
    }

    .carousel.grey-bg a.more-button {
        width: 100%;
        padding: 6px 0px 6px;
        font-size: 16px;
    }

    .two-col {
        border-top: 9px solid #fff;
    }

    .news-carousel {
        padding: 0 15px;
    }

    .news-carousel h2 {
        margin: 25px 0 13px;
        font-size: 22px;
        text-align: center;
        position: relative;
        left: -4px;
        letter-spacing: 0.3px;
    }

    .news-carousel .img-cntr.pull-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 26px;
    }

    .news-carousel .img-cntr.pull-left img {
        width: 100%;
    }

    .news-carousel > .content-inner {
        padding-top: 16px;
    }

    .news-carousel .title {
        letter-spacing: 0.8px;
        font-size: 19px;
        line-height: 26px;
        margin-bottom: 16px;
    }

    .news-carousel article {
        padding-right: 0;
    }

    .news-carousel p {
       /* font-size: 18px;*/
        margin-bottom: 24px;

    }

    .news-carousel .date {
        margin-bottom: 14px;
        font-size: 18px;
    }

    .news-carousel a.more-button {
        /*width: auto;
        font-size: 17px;
        padding: 3px 85px 5px;
        letter-spacing: 0.9px;  */
    }

    .owl-carousel .owl-wrapper-outer {
        margin-bottom: 0;
    }

    .carousel.grey-bg.news-categories {
        padding: 36px 20px 52px;
    }

    .carousel.grey-bg.news-categories h2 {
        padding: 0;
        font-size: 20px;
        letter-spacing: 0.3px;
        line-height: 26px;
        margin-bottom: 40px;

    }

    .carousel.grey-bg.news-categories h2 br, .two-col-btm.yellow-bg2 h2 br, .section-inner .content-phrase h1 br {
        display: none;
    }

    .carousel.grey-bg.news-categories .owl-carousel .img-holder {
        margin-bottom: 12px;
    }

    .news-categories .owl-carousel .item h3 {
        line-height: 31px;
        font-size: 20px;
        margin-right: 6px;
    }

    .carousel.grey-bg.news-categories .owl-carousel .owl-controls {
        margin-bottom: 0;
    }

    .carousel.grey-bg.news-categories .owl-carousel .owl-wrapper-outer {
        margin-bottom: -3px;
    }

    .carousel-testimonial {
        padding: 38px 0 48px;
    }

    .carousel-testimonial .owl-carousel .owl-wrapper-outer {
        margin-bottom: 26px;
    }

    .carousel-testimonial .owl-carousel .owl-pagination .owl-page:first-child {
        margin-left: 0;
    }

    .footer {
        padding: 23px 0 10px;
        background: #4e4e4e;
    }

    .social-ico {
        font-size: 44px;
        padding: 0;
    }

    .social-links li {
        padding-right: 34px;
    }

    .footer .social-links {
        padding-bottom: 81px;
    }

    .panel-group.footer-accordion {
        padding-right: 19px;
    }

    .panel-group.footer-accordion .panel-title a {
        font-size: 19px;
        letter-spacing: 2px;
        line-height: 30px;
        background-position: right 12px;
        margin-right: 4px;
    }

    .panel-group.footer-accordion .panel-title {
        margin-bottom: 24px;
    }

    /*------- horizona-menu-mobile -------*/
    .equal-col.horizantal-banner .img-holder {
        height: 175px;
    }

    .equal-col.horizantal-banner .img-holder img {
        width: 100%;
        height: 100%;
    }

    .equal-col.horizantal-banner .icon-wrapper {
        top: 141px;
        width: 70px;
        height: auto;
        margin-left: 0;
        left: 39%;
    }

    .equal-col.horizantal-banner .icon-wrapper img {
        width: 100%;
    }

    .equal-col.horizantal-banner .pull-right.equalHeight {
        margin-top: 53px;
    }

    .equal-col.horizantal-banner .pull-right h2 {
        line-height: 1.5em;
        margin-bottom: 13px;
    }

    .equal-col.horizantal-banner .equalHeight .content-inner p {
        line-height: 1.5em;
        padding-right: 0;
    }

    .equal-col a.purple-bg.pull-right {
        font-size: 18px;
        padding: 3px 10px 6px;
        width: 100%;
        margin: 0;
        letter-spacing: 0.7px;

    }

    section.horizontal-lists.list-element {
        padding: 29px 20px;
    }

    section.horizontal-lists.list-element h2 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    section.horizontal-lists.list-element .item-wrapper span.date {
        text-align: center;
        float: none;
        font-size: 18px;
        padding: 3px 0 4px;
    }

    section.horizontal-lists.list-element .item-wrapper p {
        line-height: 30px;
        margin-bottom: 22px;

    }

    section.horizontal-lists.list-element .item a.more-button {
        padding: 10px 10px;
        font-size: 18px;
        width: 100%;
        text-align: center;

    }

    section.horizontal-lists.list-element .item-wrapper .item {
        padding-bottom: 20px;
    }

    section.horizontal-lists.list-element a.more-button {
        width: 100%;
        font-size: 20px;
        padding: 4px 10px;
    }

    .carousel2-2 {
        padding: 15px 0 63px;
    }

    .carousel2-2 .content-inner h2 {
        font-size: 21px;
        margin-bottom: 27px;
    }

    .carousel2-2 .owl-carousel .item .item-inner {
        max-width: 280px;
    }

    .carousel2-2 .owl-carousel .img-holder {
        width: 100%;
        height: 268px;
    }

    .carousel2-2 .owl-carousel .img-holder img {
        width: 100%;
    }

    .carousel2-2 .bottom-content {
        padding: 16px 25px;
    }

    .carousel2-2 .title {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .carousel2-2 p {
        font-size: 19px;
        line-height: 23px;
    }

    .carousel2-2 .owl-pagination .owl-page {
        top: 24px;
    }

    .carousel3-3 {
        background: #eeeeee;
        padding: 25px 20px;
    }

    .carousel3-3.carousel .content-inner h2 {
        font-size: 22px;
        margin-bottom: 37px;
    }

    .carousel3-3 .owl-carousel .owl-wrapper-outer {
        margin-left: 0;
    }

    .carsousel3 .owl-carousel .img-border {
        border-radius: 50%;
        max-width: inherit;
        min-height: inherit;
        height: 110px;
        width: 110px;
        margin-bottom: 20px;
    }

    .carousel.carousel3-3 .owl-prev, .carousel.carousel3-3 .owl-next {
        top: -140px;

    }

    .carsousel3 .owl-controls {
        display: block !important;
        top: -15px;
    }

    .carsousel3 a.more-button {
        display: none;
    }

    .carousel.carsousel4 {
        padding: 24px 20px 50px;
    }

    .carousel.carsousel4 h2 {
        font-size: 21px;
        margin-bottom: 24px;
    }

    .carousel.carsousel4 a.more-button {
        width: 100%;
        font-size: 15px;
        letter-spacing: 1px;
        padding: 5px 0 2px;
    }

    /*------- text-2-mobile -------*/
    .breadcrumb-wrapper {
        margin-top: -8px;
    }

    .breadcrumb-wrapper .wrapper {
        padding: 0 20px;
    }

    .breadcrumb {
        /*border-top: 2px solid #d9d9d9;*/
        padding: 22px 0 0 17px;
        margin-bottom: 24px;
    }

    .section-inner.section-inner2 .content-phrase {
        padding: 0 20px 0 25px;

    }

    .section-inner.section-inner2 .panel-group .panel + .panel {
        margin-top: -5px;
    }

    .section-inner .content-phrase h1 {
        margin-bottom: 19px;
        line-height: 31px;
    }

    .section-inner .content-phrase {
        margin-bottom: 2px;
    }

    .section-inner .content-phrase p {
        line-height: 27px;
        text-align: left;
    }

    .section-inner2 .panel-group .panel-title a {
        padding: 12px 0 10px 11px;
        font-size: 21px;
    }

    .section-inner2 .panel-default > .panel-heading, .section-inner2 .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: none;
    }

    .section-inner2 .panel-group .panel-body {
        padding: 4px 12px;
    }

    .section-inner2 .panel-group .panel-body p {
        line-height: 27px;
        margin-bottom: 27px;
        padding-top: 10px;
        margin-bottom: 17px;
    }

    .section-inner2 .panel-group .panel-title a {
        background-position: calc(100% - 61px) 16px;
        line-height: 0;
        padding-top: 24px;
    }

    .section-inner2 .social-buttons {
        margin-bottom: 43px;
        margin-top: 82px;
    }

    .section-inner2 .social-buttons a {
        margin-bottom: 20px;
    }

    .equal-col.horizantal-banner .img-holder {
        overflow: hidden;
    }

    .two-col-btm.yellow-bg2 {
        padding: 32px 20px 38px;
    }

    .two-col-btm.yellow-bg2 h2 {
        margin: 0 0 15px;
        font-size: 21px;
        line-height: 28px;
    }

    .two-col-btm.yellow-bg2 .col {
        margin-left: 0;
    }

    .two-col-btm.yellow-bg2 .pull-left {
        margin-bottom: 29px;

    }

    .two-col-btm.yellow-bg2 .pull-left a.more-button, .two-col-btm.yellow-bg2 .pull-right a.more-button {
        margin-left: 0;
        padding: 6px 0;
        width: 100%;
        font-size: 16px;
    }

    /*------- wireframe-1-mobile -------*/
    .breadcrumb.breadcrumb1 li, .breadcrumb.breadcrumb1 li a {
        font-size: 17px;
    }

    .breadcrumb.breadcrumb1.page-identifier, .breadcrumb.breadcrumb1, .breadcrumb.breadcrumb-row {
        padding: 22px 0 0 17px;
        margin-bottom: 15px;
    }

    .section-inner.section-top .content-phrase h1 {
        margin-bottom: 14px;
    }

    .contact-row.contact-row1 {
        text-align: center;
        padding: 0 0 42px;
    }

    .contact-row.contact-row1 .top-row {
        padding: 0 20px 30px;

    }

    .contact-row.contact-row1 .title-block {
        float: none;
    }

    .contact-row.contact-row1 .title-block h2 {
        font-size: 26px;
        padding: 13px 0 5px;
    }

    .contact-row.contact-row1 .top-row a.more-link {
        width: 100%;
        padding: 15px 10px;

    }

    .contact-row.contact-row1 .quick-contact .column-1, .contact-row.contact-row1 .quick-contact li, .contact-row.contact-row1 .quick-contact p {
        font-size: 16px;

    }

    .contact-row.contact-row1 .quick-contact ul li {
        margin-bottom: 9px;
    }

    .contact-row.contact-row1 .google-map {
        padding: 0 20px;
    }

    .daycare-detail {
        padding: 42px 20px 39px;
    }

    .daycare-detail .center-align h2 {
        font-size: 21px;
        letter-spacing: 0.3px;
        margin-bottom: 20px;
    }

    .daycare-detail .center-align a {
        width: 100%;
    }

    .form-section .form-block .field-row label {
        font-size: 20px;
    }

    .form-section.grey-bg {
        padding: 10px 0 24px;
    }

    .form-section .form-block input.inputbox {
        height: 51px;
        border: 2px solid #aaa;
    }

    .form-section .field-row {
        margin-bottom: 6px;
    }

    .form-section .form-block input.input-button {
        padding: 17px 30px 17px;
        margin: 33px 0 0;
        width: 100%;
        font-size: 17px;
        letter-spacing: 1px;
    }

    .contact-row {
        padding: 40px 0 48px;
    }

    .contact-row .info-block {
        padding: 15px 2px;
    }

    .contact-row .info-block .numbers span {
        font-size: 15px;
        line-height: 22px;
        height: 23px;
        width: 23px;
    }

    .contact-row .detail-info {
        margin-left: 10px;
    }

    .contact-row .detail-info h4 {
        font-size: 18px;
        line-height: 21px;
        padding: 0 0 2px 3px;

    }

    .contact-row .detail-info p {
        font-size: 15px;
        line-height: 22px;
    }

    .contact-row .address-col {
        width: 100%;
        padding-left: 33px;
    }

    .contact-row .address-col i {
        display: none;
    }

    .contact-row .address-col p {
        line-height: 21px;
    }

    .contact-details ul li {
        position: relative;
        border: none;
        padding-bottom: 0;
    }

    .contact-details ul li a.more-link {
        position: absolute;
        right: 0;
        top: 30px;
        padding: 5px 10px 6px;
        text-transform: uppercase;
        font-size: 14px;
    }

    .contact-details a.more.purple-bg {
        width: 100%;
        margin-top: -8px;
        font-size: 17px;
        letter-spacing: 1px;
        padding: 16px 10px 18px;
    }

    .form-section.form-container {
        padding: 20px 0;

    }

    .form-section.form-container .form-block .field-row label {
        font-size: 22px;
    }

    section.carousel.list-element.list-element1 .item-wrapper {
        padding: 0;
    }

    section.carousel.list-element.list-element1 {
        padding-top: 6px;
    }

    section.carousel.list-element.list-element1 .item-wrapper span.date {
        float: none;
        text-align: center;
        padding-top: 2px;
        font-size: 17px;
        margin-bottom: 3px;
    }

    section.carousel.list-element.list-element1 .item-wrapper p {
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    section.carousel.list-element.list-element1 .item a.more-button {
        line-height: 31px;
        padding: 10px 20px;
        width: 100%;
        text-align: center;
        font-size: 18px;
        letter-spacing: 1.7px;
    }

    .section-inner.section-top .content-phrase h1 {
        font-size: 19px;
        margin-bottom: 17px;
    }

    .content-phrase.phrase-detail.phrase-detail1 h3 {
        font-size: 18px;
        line-height: 31px;
    }

    .content-phrase.phrase-detail.phrase-detail1 p {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 28px;
    }

    .section-inner.section-top .content-phrase.phrase-detail.phrase-detail1 {
        padding-bottom: 10px !important;
    }

    .orange-bg-wireframe {
        padding: 35px 0 1px;
    }

    .orange-bg-wireframe .row-1 {
        padding: 0 20px;
    }

    .orange-bg-wireframe .row-1 li h2 {
        padding-bottom: 2px;
    }

    .orange-bg-wireframe .row-1 li a.purple-bg {
        padding: 14px 20px 15px;
        width: 100%;
    }

    .orange-bg-wireframe .row-1 li:first-child {
        margin-bottom: 43px;
    }

    .carousel.list-element.list-element1 {
        padding-top: 32px;
    }

    .orange-bg.daycare-detail {
        padding-top: 43px;
    }

    /** topics **/
    .topics li {
        width: 100%;
    }

    .two-col-links li a {
        padding-left: 10px;
    }

}