@media only screen and (max-width: 4096px) {
.kids img { width:55%; max-width:1000px; right:35%;}
.logo { width:60%; }
.logo img { max-width:680px; margin-top:4rem; }
}

/*@media only screen and (min-width: 1919px) {
.kids img { width:55%; max-width:650px;
}*/

@media only screen and (max-width: 2560px) {
.kids img { width:35%; max-width:840px; right:25%; }
.logo img { max-width:500px; margin-top:4rem; }
}
@media screen and (max-width: 1920px) {
.kids img { width:35% !important; max-width:550px !important; right:20%;}
.logo { width:40%; padding:0; }
.logo img { max-width:450px; margin-top:2rem; }
}

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

}
@media only screen and (max-width:1366px) {
.kids img { width:35% !important; max-width:600px !important; right:10%;}

}
@media only screen and (max-width: 1280px) {
.logo img { max-width:350px; margin-top:1rem; }
.kids img { width:35% !important; max-width:420px !important; right:10%;}
#cssmenu > ul > li > a { padding:5rem 2rem 1rem 2rem; color:#FFFFFF; text-align:center; font-size:1.75rem;  font-family:'m'; text-decoration:none; line-height:0.750rem; float:left; width:100%; background-size:40% !important; }
#cssmenu > ul > li > a { background-position: 50% 10px !important; }
#cssmenu > ul > li > a:hover { background-position:50% 0px !important; }

}
@media only screen and (max-width: 1152px) {
.kids img { width:40%; max-width:600px; position:absolute; bottom:0; left:42%; }
.body { padding:0 3rem;}

}
@media only screen and (max-width: 1024px) {
.kids img { width:43%; max-width:600px; position:absolute; bottom:0px; left:42%; }
#cssmenu > ul > li > a { font-size:1.750rem; padding:8rem 2rem 1.5rem; background-position:50% 20px !important; background-size:80% !important;}

}
@media only screen and (max-width: 991px) { 
}
@media only screen and (max-width: 980px) { 
.kids img { position:fixed; right:10%; left:auto; width:68% !important; max-width:640px !important; }
.logo img { max-width:350px; margin-left:2rem; }
}

@media only screen and (max-width: 900px) { 
}
@media only screen and (max-width: 800px) {
#cssmenu > ul > li > a { font-size:1.750rem; padding:6.5rem 2rem 1.5rem; background-position:50% 20px !important; background-size:80% !important;}

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width:700px){

.menu { padding:0; bottom:0; width:100%; position:absolute; top:0; z-index:10; height:100vh; }
.menu .body { margin:0 auto; width:100%; max-width:1200px; }

#cssmenu > ul > li > a { padding:1rem 0; background-image: none !important; }

nav{width:100%;}
#cssmenu{width:100%;  height:1px !important; padding:0; font-size:1.188em;}
#cssmenu ul{width:100%;display:none; position:absolute; left:0; top:2.750rem; /*border-left:1px solid #444444;  border-right:1px solid #444444;*/ background:#fff; z-index:100000; padding:0;border:1px solid #e6e6e6;}
#cssmenu ul li{width:100%;border-top:0px solid #e6e6e6}
#cssmenu ul li:hover{background:#2e3192;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;}
#cssmenu ul li a.active { }
#cssmenu ul li a:hover { background: #e6e6e6; }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a { border-bottom:none; }
#cssmenu > ul > li{float:none}
/*#cssmenu ul li a.active { color:#000; border-bottom:none; }*/
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { line-height:1.750em !important;}
#cssmenu > ul > li:last-child > a {  }
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0px;color:#ddd;font-weight:700}
.button{ width:50px;height:44px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; background:#fff; }
.button:after{position:absolute;top:20px;right:15px;display:block;height:4px;width:20px;border-top:2px solid #1f2f3a;border-bottom:2px solid #1f2f3a;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:15px;display:block;height:2px;width:20px;background:#1f2f3a;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#134f97;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#134f97;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#f9ce58}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}


.content .body { margin:0.750rem auto 0 auto; padding:3rem 2rem 5rem 2rem; }
.content-left { float:left; width:100%; text-align:left; padding: 0 2rem 0 0; }
.content-right { clear:both; float:left; width:100%; border-left:0px solid #ff2f45; border-top:1px solid #ff2f45; padding:2rem 0 0 0; line-height:1.750rem; }
.social { width:91%; float:left; text-align:right; padding:0.500tem 0; margin-bottom:0.500rem; }
.menu-inner #cssmenu > ul > li > a { padding:1rem 0; }
.menu-inner #cssmenu > ul > li > a:hover { padding:1rem 0; background-image:none; }

.content-right.dark-red  { border-left:0px solid #d4161f; border-top:1px solid #d4161f; }
.content-right.red { border-left:0px solid #ff2f45; border-top:1px solid #ff2f45; }
.content-right.orange { border-left:0px solid #ffb311; border-top:1px solid #ffb311; }
.content-right.yellow { border-left:0px solid #f9ca3c; border-top:1px solid #f9ca3c; }
.content-right.blue { border-left:0px solid #8ad1e3; border-top:1px solid #8ad1e3; }
.content-right.dark-blue { border-left:0px solid #6faaba; border-top:1px solid #6faaba; }

.logo { width:60%; }


footer { position:fixed; bottom:0; float:none; left:0; height:auto;}
.inner { position:relative; clear:both; float:left; }
footer .body { background: rgba(255, 255, 255, 0.8); }
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 600px) {
.social { width:91%; }

}
@media only screen and (max-width: 480px) {
html { background: url(../img/bgr-body-mobile.jpg) #6ca7b9 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; }

.logo { width:50%;}
.logo img {margin-top:1rem;}

.logo-inner { width:100%; text-align:center; clear:both; padding:2rem 0 0 0; }
.logo-inner img { width:50%; }

.social { width:88%; }

footer img { margin:0 0.25rem 1.25rem 0; width:7%; }

.news_logo img, .dark-red img { width:100%; }

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

.kids img { position:fixed; right:8%; left:auto; width:85% !important; max-width:720px !important; }
footer img { width:10%; }
.logo { width:60%; float:none !important; margin:0 auto; }
.logo img { margin-left:0;margin-top:1rem; }
.menu footer .body { padding:0.5rem 0 0 0;}
footer img { margin:0 0.25rem 0.5rem 0; }


}

.err {color: #ce0000; margin-bottom: 5px; font-size:0.875em;}
.ui-autocomplete-input {z-index: 999;}