/*
Theme Name: Hansekinder
Theme URI: https://wordpress.org/themes/hansekinder/
Author: Vivienne Diedrich, Jan Hardy Erikson
Description: Theme for a Kindergarten
Version: 1.0
Licence:
Licence URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Impressum
 *    11.7 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */
 /* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://hanse-kinder.de/wp-content/themes/hansekinder/fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

 body {
   font-family: 'Ubuntu', sans-serif;
 }

 p {
     font-family: Ubuntu, sans-serif;
     font-size: 18px;
     font-weight: 200;
     color: #333333;
     text-align: left;
 }

 /*Logo, Top col*/

 .logo {
   float: left;
   width: 30%;
   margin-bottom: 5%;

 }

 .img_header {
   width: 100%;
   margin-top: 5%;
   z-index: 1;
 }

 .header_image {
   margin-left: 5%;
   margin-right: 5%;
   z-index: 1;
 }

 .pink_dot_wrapper {
   z-index: 2;
 }
 .top-points
 {
   font-family: 'Ubuntu', sans-serif;
   font-size: 14px;
   color: #616161;
   font-weight: 200;
   line-height: 20px;
 }

 .pinkdot {
   width: 20%;
   z-index: 2;
   position: relative;
   float: right;
   margin-right: 10%;
   margin-top: -10%;
 }

 .wrapper_header {
   margin-top: 2%;
 }

 .col-sm-1 p {
   font-family: 'Ubuntu', sans-serif;
   font-size: 14px;
   color: #616161;
   font-weight: 200;
   line-height: 20px;

 }

 .col-sm-1 p:hover {
   text-decoration: none;
   cursor: pointer;
 }
 /* 2.Navigation*/

 .navwrapper {
     margin-top: 10%;
     margin-bottom: 2%;
 }

.kitas_wrapper a {
  text-decoration: underline;
  color: #4e6c7e;
}

.kitas_wrapper ul {
    font-family: Ubuntu, sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #333333;
    text-align: left;
  }

.icons_small {
  display: none;
}

.kitas_wrapper a:hover {
  color: #7797ac;
  transition: all 1s;
}

 .topnav {
     background-color: #FFFFFF;
     font-family: 'Ubuntu', sans-serif;

 }

 .topnav div {
     color: #4A6B7A;;
     text-decoration: none;
     font-size: 18px;
     font-weight: 400;
 	   line-height: 32px;
 }

.kita_content_slider .slider_content {
     width: 65%;
}

 .topnav a:hover {
     background-color: transparent;
     color: #4A6B7A;;
     text-decoration: underline;
 }

 .job_box {
   width: 80%;
   height: 200px;
   border: 1px solid #666666;
   border-radius: 20px;
   box-shadow: 1px 1px #666666;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   margin-bottom: 5%;
   padding: 2%;
 }

 .miniboxes {
   display: none;
 }

 .mediumboxes {
   display: none;
 }

 .job_box h5 {
   color: #4e6c7e;
   font-weight: 200;
   font-size: 28px;
 }

 .job_box p {
   font-family: Ubuntu, sans-serif;
   font-size: 18px;
   font-weight: 200;
   color: #333333;
   text-align: left;
 }

 .job_header {
   width: 100%;
   height: 200px;
   background-color: #4e6c7e;
   color: #ffffff;
   text-align: center;
 }

 .job_header p {
   position: relative;
   top: 50%;
   text-align: center;
   color: #ffffff;
   font-size: 40px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .btn-primary {
   background-color: #4e6c7e;
   border-color: #4e6c7e;
   color: #ffffff !important;
   text-decoration: none !important;
 }

 .btn-primary:hover {
   background-color: #3c5362;
   transition: all 1s;
   border-color: #3c5362;
 }
/* selected link */
.topnav a:active {
  background-color: #FFFFFF;
  color: #4A6B7A;;
  text-decoration: underline;
}

 .topnav a {
     color: #4A6B7A;;
     text-align: center;
     text-decoration: none;
     font-size: 18px;
     font-weight: 400;
 	  line-height: 32px;
    padding: 0 15px;
 }

 #myTopnav ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 35px;
  margin-left: -40%;
}

#myTopnav ul ul li { /* this targets all submenu items */
    float: left; /* overwriting our float up above */
    width: 250px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

#myTopnav ul ul li a { /* target all sub menu item links */
  padding: 5px 0px;/* give our sub menu links a nice button feel */
}
#myTopnav ul li:hover > ul {
    display: none; /* show sub menus when hovering over a parent */
}
.menu {
  padding-left: 0!important;
}

.sub-menu {
  padding-left: 0!important;
  display: none;
}

.sub-menu li {
  margin-left: 0;
  margin-right: 0;
}

 .topnav .icon {
     display: none;
 }

 .menu-item  {
     position: relative;
     display: inline-block;
     width: auto;
     height: auto;;
     border-bottom: 2px solid transparent;
     padding-right: 7px;
 }

 .dropdown-content {
     visibility: hidden;
     position: absolute;
     display: none;
     background-color: #FFFFFF;
     width: auto;
     color: #4A6B7A;
     height: auto;
     text-decoration: none;
     font-size: 18px;
     font-weight: 400;
 	   line-height: 32px;
     z-index: 0;
     float: left;
     padding: 5px;
 }

 .dropdown:hover .dropdown-content {
     z-index: 1;
     display: none;
     visibility: hidden;
 }

 .dropdown span {
     text-decoration: none;
     visibility: hidden;
     font-size: 18px;
     font-weight: 400;
 	   line-height: 32px;
 }

 .dropdown:hover {
     border-bottom: 2px solid #4A6B7A;
     cursor: pointer;
     z-index: 2;
     display: none;
 }

 /*Content*/

 .content_wrapper {
   margin-top: 5%;
   margin-bottom: 7%;
   margin-left: 15%;
   margin-right: 15%
 }

 i {
   font-size: 18px;
   color: #616161;
   padding-left: 1%;
 }

 .icon_container {
   margin-top: -3.8%;
   float: right;
   width: 100px;
   margin-right: -3%;
 }

 .content_wrapper h2 {
   margin-bottom: 10%;
   font-weight: 100;
 }

 .wrapper {
   margin-top: 5%;
   margin-bottom: 10%;
 }

 .wrapper h2 {
   margin-bottom: 5%;
 }

 .wrapper h4 {
   margin-top: 5%;
   margin-bottom: 3%;
 }

 .wrapper li {
   font-family: Ubuntu, sans-serif;
   font-size: 18px;
  font-weight: 200;
  color: #333333;
  text-align: left;
 }

 .wrapper a {
   text-decoration: none;
   color: #333333;
 }

 .wrapper a:hover {
   text-decoration: none;
   color: #4e6c7e;
   cursor: pointer;
   transition: all 0.5s;
 }

  .wrapper p {
  margin-bottom: 3%;
}

 h2 {
   font-family: Ubuntu, sans-serif;
   font-size: 42pt;
   color: #4e6c7e;
   text-align: center;
   font-weight: 200;
 }

 h4 {
    font-family: Ubuntu, sans-serif;
    font-size: 22pt;
    color: #4e6c7e;
    text-align: left;
    font-weight: 200;
 }

 .content_wrapper p {
   font-family: Ubuntu, sans-serif;;
   font-size: 18px;
   font-weight: 200;
   color: #333333;
   text-align: left;
 }

 .col_wrapper {
   margin: 5%;
 }

 .col_wrapper .row .col {
   padding: 3%;
   text-align: left;
   margin-top: 2%;
   font-size: 20px;
 }

 .col_wrapper .row {
   margin-top: 5%;
 }
.link_starting_page{
height: 230px;
width: 252.25px;
}
.link_starting_page:hover{
background-color: #000;
opacity: 0.8;
}
.landing_head{
  font-family: 'Ubuntu', sans-serif;
  font-size: 22px;
  color: #ffffff;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 1px;
  text-align:center;
}
 .col_wrapper p {
   color: #4e6c7e;
   font-size: 13px;
   font-weight: 400;
   letter-spacing: 1px;
   font-family: Ubuntu, sans-serif;
   margin-top: 1.5%;
   margin-bottom: 0px;
 }
.clearfix{
  height: 100px;
}
.card-header{
color: #4e6c7e;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.5px;
text-align: left;
font-family: Ubuntu, sans-serif;
 }

.card-title
{
color: #4e6c7e;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.5px;
text-align: left;
font-family: Ubuntu, sans-serif;
}
 .col h3 {
   font-family: 'Ubuntu', sans-serif;
   font-size: 22px;
   color: #ffffff;
   font-weight: 600;
   line-height: 32px;
   letter-spacing: 1px;
   letter-spacing: 1px;
   text-align: center;
   padding-top: 10px;
 }
 .foldbox-closed {
   height: 60px;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom: 1px;
   border-color: #666666;
   text-align: left;
   border-style: solid;
   display: flex;
   align-items: center;
   white-space: nowrap;
   cursor: pointer;
 }

 .foldbox-closed p:active {
    content: "▲";
 }

 .foldbox-after {
   height: 100%;
   background-color: #f3f3f3;
   display: flex;
   align-items: center;
   padding: 30px;
   font-size: 16px;
 }
 .accordion {
      margin-top: 40px;
 }

 .accordion1 {
     margin-top: 40px;
     margin-bottom: 60px;
     width: 100%;
 }

 .accordion1 h4 {
     margin-left: 25px;
     font-weight: 600;
     font-size: 18px;
 }

 .foldbox-after .p {
   	width: inherit;
 }

 a:hover {
     text-decoration: none;
     color: #D04F0F;
 }

 .ui-accordion-header:after {
     content : url(../images/pfeil-unten.png);
     margin-left: 20px;
     font-size: 13px;
     color: #777;
     float: right;
 	margin-top: 1.5%;
 }

 .ui-accordion-header-active:after {
     content : url(../images/pfeil-oben.png);
 }

 /* Start Accordion CSS Neues Accordion Bootstrap 4 */
 #accordion{
   font-family: 'Ubuntu', sans-serif;
 }
 #accordion .card {
   border:none!important;
 }
#accordion .card-header{
   text-align: center;
   background-color:#fff!important;
   border-bottom: 2.5px solid rgba(236, 240, 242, 0.8)!important;
 }
#accordion .card-body{
   background-color: #f7f9f9!important;
 }
#accordion .card-header .btn-link{
   color:#648692;
   font-weight: bolder;
   text-decoration: none!important;
 }
#accordion .card-header .btn-link:hover{
   color:#648692;

 }


/* .card-header.btn-link.collapsed:after {
    content : url(/wp-content/themes/hansekinder/images/pfeil_nachoben.png)!important;
 }*/
 .img-cardheader{
   float: right;
   margin-top: 1.3%;
 }

 .kita_header {
   width: 100%;
   margin-top: 2%;
   margin-bottom: 1%;
 }

 .kita_content_wrapper {
   margin-left: 10%;
   margin-right: 10%;
   margin-top: 2%;
   margin-bottom: 5%;
 }

 .kita_content_wrapper a{
   text-decoration: none;
   color: #333333;
 }

 .kita_content_wrapper a:hover {
   color: #4a6b7a;
   cursor: pointer;
 }

 .kita_content_wrapper a:visited {
   color: #4a6b7a;
 }

 .kita_info_banner_content ul {
   list-style: none;
   margin-bottom: 10%;
   margin-top: 10%;
   padding-left: 10%;
   padding-right: 10%;
 }

 iframe {
   width: 100%;
   height: 404px;
   margin-top: 5%;
   margin-bottom: 5%;
 }

 .map_list_wrapper h2 {
   margin-bottom: 10%;
   font-family: Ubuntu, sans-serif;;
   font-weight: 100;
   font-size: 2rem;
 }

 .kita_info_banner_content li {
   font-family: Ubuntu, sans-serif;;
   font-size: 14px;
   line-height: 24px;
   color: #666666;
   margin-bottom: 1%;
 }

 .kita_info_banner {
   border: 1px solid #e7e7e7;
   width: 300px;
   box-shadow: 1px 1px #e7e7e7;
   margin_bottom: 10%;
 }

 .kita_info_banner_content i {
   color: #c9d5d9;
   margin-right: 1%;
 }

 .header_kita_info_banner {
   background-color: #4e6c7e;
   padding: 1%;
 }

 .header_kita_info_banner p {
   color: #ffffff;
   text-align: left;
   font-family: Ubuntu, sans-serif;
   font-size: 18px;
   margin-left: 3%;
   margin-top: 4%;
   font-weight: 500;
   letter-spacing: 0.5px;
 }

 .kita_button_wrapper {
   text-align: center;
 }
.button_landing{
background-color: #fff;
color:#3a5d6b;
text-transform: uppercase;
font-family: Ubuntu, sans-serif;
font-weight: 500;
width: 80%;
margin-top: 4%;
margin-bottom: 4%;
height: 40px;
border-radius: 20px;
border: 1px solid#3a5d6b;
text-align: center;
position: absolute;
bottom:   0;
}
 .kita_button {
   background-color: #b1cf48;
   color: #616161;
   text-transform: uppercase;
   font-family: Ubuntu, sans-serif;
   font-weight: 500;
   width: 80%;
   margin-top: 4%;
   margin-bottom: 4%;
   height: 40px;
   border-radius: 20px;
   border: 1px solid #b1cf48;
   text-align: center;
 }

 .kita_button a {
   color: #616161;
 }

 .kita_button a:hover {
   text-decoration: none;
 }

.kita_content_slider .slider_content {
  width: 50%;
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

 .kita_header p {
   font-size: 40px;
   text-align: center;
   color: #ffffff;
   font-family: Ubuntu, sans-serif;
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .kita_info_banner_line {
   height: 1px;
   width: 90%;
   background-color: #e7e7e7;
   margin-left: auto;
   margin-right: auto;
 }

 .kitas_maps_info_button {
   background-color: #b1cf48;
   color: #616161;
   text-align: center;
   width: 50%;
   height: 50px;
   float: left;
   font-family: Ubuntu, sans-serif;
   font-size: 18px;
   letter-spacing: 0.5px;
   border-radius: 20px;
   font-weight: 400;
 }
.kitas_maps_info_button a {
  color: #4e6c7e;
  text-decoration: none;
}
.kitas_maps_info_button a:hover {
  color: #ffffff;
  text-decoration: none;
}

 .kita_mini_image {
    float: right;
    border-style: solid;
    border-width: 10px;
    border-color: #FFF;
    -webkit-box-shadow: 2px 1px 12px 2px #ededed;
     -moz-box-shadow: 2px 1px 12px 2px #ededed;
          box-shadow: 2px 1px 12px 2px #ededed;
    border-radius: 10px;
 }
 .card .kita_mini_image {
    transition:transform 0.25s ease;
}

.card .kita_mini_image:hover {
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
}
  .kita_mini_image_map {
    float:right;
  }

 .kitas_list h5 {
   color: #4e6c7e;
   font-size: 20px;
   font-weight: 500;
   letter-spacing: 0.5px;
   text-align: left;
   font-family: Ubuntu, sans-serif;
 }

 .kitas_list p {
   color: #616161;
   text-align: left;
   font-family: Ubuntu, sans-serif;
   font-weight: 400;
   font-size: 14px;
 }

 .kitas_maps_info_button:hover {
   color: #ffffff!important;
   transition: all 1s;
   background-color: #92ab3b;
 }

 .kitas_list .row {
   margin-top: 5%;
 }

 .kitas_list_line {
   background-color: #eeeeee;
   height: 1px;
   width: 70%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 2%;
 }

 .slider_content {
   height: 200px;
   background-color: #ffffff;
 }

 .slider_content p {
   font-family: Ubuntu, sans-serif;
   font-style: italic;
   font-size: 2rem;
   text-align: center;
   margin-top: 5%;
   margin-bottom: 5%;
 }

 .flexslider {
   margin-top: 2% !important;
   margin-bottom: 10% !important;
   margin-left: auto !important;
   margin-right: auto !important;
   width: 80%;
 }

 .flex-control-paging li a.flex-active {
   background-color: #ffffff !important;
   border-radius: 50%;
   border: 1px solid #4a6b7a;
 }

 .flex-control-nav li {
   background-color: #4a6b7a !important;
   border: 1px solid #4a6b7a !important;
   border-radius: 50%;
 }

 .flex-control-paging li a {
   background-color: #4a6b7a !important;
 }

 .kitas_wrapper {
   margin-left: 6%;
   margin-right: 6%;
   margin-top: 4%;
   margin-bottom: 4%;
 }

 .kitas_wrapper h2 {
   margin-bottom: 5%;
   margin-top: 5%!important;
   font-family: Ubuntu, sans-serif;;
   font-weight: 100;
   font-size: 2rem;
 }

 .wrapper_outer_slider h2 {
   margin-bottom: 10%;
   font-family: Ubuntu, sans-serif;;
   font-weight: 100;
   font-size: 2rem;
 }

 /*Footer*/

 .footer_wave {
   width: 100%;
   z-index: 2;
   margin-top: -12%;
 }

 .boat {
   z-index: 3;
 }

 footer {
   background-color: #5a7e8d;
   z-index: 1;
   color: #ffffff;
   font-family: Ubuntu, sans-serif;
   font-size: 14px;
   line-height: 22px;
   left: 0;
   bottom: 0;
   height: auto;
   width: 100%;
 }

 footer a {
   cursor: pointer;
   text-decoration: none;
   color: #ffffff;
   transition: all 1s;
 }

 footer a:hover {
   text-decoration: underline;
   color: #ffffff;
 }


 footer p {
   color: #ffffff;
   font-family: Ubuntu, sans-serif;
   font-size: 13px;
   line-height: 22px;
 }

 .wrapper_wide {
   margin-top: 2%;
   margin-left: 4%;
   margin-right: 4%;
   padding: 2%;
 }

 footer i {
   color: #ffffff;
   padding: 2%;
   font-size: 18px;
 }

 @media only screen and (min-width: 1750px) {
    .footer_wave {
      margin-top: -11.5%;
    }
 }

 @media only screen and (min-width: 2500px) {
    .footer_wave {
      margin-top: -11%;
    }
 }

 @media only screen and (min-width: 1001px) and (max-width: 1025px) {
   .rowwrapper {
     display: none;
   }

   .footer_wave {
     margin-top: -12.5%;
   }

   .mediumboxes {
     display: block;
   }

   .topnav a {
     font-size: 16px;
   }

   .icon_container {
     margin-top: -4.8%;
   }

   .mediumboxes h6 {
     color: #ffffff;
     font-size: 20px;
     text-align: center;
     padding: 5%;
     margin-top: 10%;
   }

   #footer_wrapper {
     display: none;
   }

   .mediumboxes .row .col-sm-3 {
     border: 7px solid #ffffff;
     height: 220px;
   }
 }

@media only screen and (min-width:760px) and (max-width: 1000px) {
    .content_wrapper {
      margin-left: 8%;
      margin-right: 8%;
    }

    .kitas_wrapper {
      margin-bottom: 11%;
    }

    #mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical {
      max-width: 200px
    }

    .hamburger-box {
      margin-top: 65%
    }

    .icon_container {
    margin-top: -5.8%
    }

    #footer_wrapper {
      display: none;
    }

    h2 {
      font-size: 40px;
    }

    .pinkdot {
      width: 30%;
    }


    .rowwrapper .row {
      margin-left: 10%;
      margin-top: 0px !important;
    }

    .rowwrapper .row .col {
      border-bottom: 10px solid #ffffff;
    }

    .wrapper_outer_slider h2 {
      font-size: 34px;
    }

    .slider_content p {
      font-size: 28px;
    }

    .footer_wave {
      margin-top: -13%;
    }
}

@media only screen and (min-width: 421px) and (max-width: 860px) {

.top-points{
  display: none;
}
}

@media only screen and (min-width: 860px) and (max-width: 1100px) {

  .top-points{
  font-size: 10px !important;
  }
  .col-sm-1 {
  font-size: 10px !important;
}
}

 @media only screen and (max-width: 420px) {
    .footer_wave {
      margin-top: -17%
    }
    .icon_container {
      margin-top: -11.8%
    }

    .mb-0 {
      font-size: 14px
    }

    .wprmenu_bar #custom_menu_icon.hamburger {
      margin-top: 18%;
    }

    .top-points
    {
      display: none;
    }
    .job_header {
      margin-top: 5%;
    }

    .kitas_wrapper {
      margin-bottom: 13%;
    }

    .kita_header {
      margin-top: 8%;
    }

    .flexslider {
      margin-top: -15% !important;
    }
    .kita_content_slider .slider_content {
      margin-bottom: 8%;
    }

    .map_list_wrapper .col-sm-6 {
      width: 50%;
    }

    .kitas_list p {
      font-size: 12px;
      margin-bottom: 9%;
    }

    .kitas_list h5 {
      font-size: 16px;
    }

    .kitas_list_line {
      margin-top: 5%;
    }

    .kita_info_banner {
      width: auto;
    }

    .kitas_maps_info_button {
      width: 80%;
      height: 28px;
      font-size: 16px;
    }

    .kita_mini_image {
      width: -webkit-fill-available;
    }
    .slider_content p {
      font-size: 14px;
    }

    .slider_content {
      height: 100px;
    }

    .wrapper_outer_slider h2 {
      font-size: 18px;
    }

    .content_wrapper h2 {
      font-size: 20px;
    }

    footer p {
      font-size: 12px;
    }

    .content_wrapper p {
      font-size: 15px;
    }

    .miniboxes {
      display: block;
    }

    .miniboxes .col-sm-6 {
      width: 46%;
      padding: 4%;
      height: 100px;
      margin-left: 2%;
      margin-right: 2%;
      margin-bottom: 2%;
      text-align: center;
    }

    .miniboxes h6 {
      color: #ffffff;
      font-size: 12px;
      font-weight: 600;
    }

    .rowwrapper {
      display: none;
    }

    .wrapper_outer_slider {
      margin-top: 10%;
    }

    .flex-control-paging li a {
      width: 6px !important;
      height: 6px !important;
    }

    #footer_wrapper {
      display: none;
    }

    .clearfix {
      display: none;
    }

    .pinkdot {
      width: 30%;
    }

    h2 {
      font-size: 21pt;
    }

    #accordion .card-body {
      font-size: 14px;
    }

    p {
      font-size: 14px;
    }

    .kitas_wrapper h2 {
      font-size: 21pt !important;
    }

    .kita_content_wrapper {
      margin-left: 0px;
      margin-right: 0px;
    }

    .kita_content_wrapper .col p {
      font-size: 10px;
    }

    .kita_content_wrapper .col {
      padding-left: 5px;
      padding-right: 5px;
    }

    .kitas_wrapper {
      margin-left: 0px;
      margin-right: 0px;
    }

    .icons_big {
      display: none;
    }

    .icons_small {
      display: block;
    }

    .content_wrapper {
      margin-left: 0px;
      margin-right: 0px;
    }
 }

 }