#topMenu {background:#000;width: 100%;padding-top:15px;padding-bottom:5px}
#topMenu a {color:#fff;font-size:1.1em}
#topMenu ul {margin:0;padding:0}
#topMenu li {list-style: none;display:inline-block}
.nav-close {display:none}
.topwrapper {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.topwrapper .container {height:100%;position: relative}
.menu-item a {padding:10px 20px}
.menu-left li:first-child a {padding-left:0}
.menu-right li:last-child a {padding-right: 0!Important}
.menu-left {display:inline-block}
.menu-right {display:inline-block;float:right}
.menu-right .menu-item {display:inline-block}
.menu-right .menu-item:nth-child(2) {border-left: 1px solid #fff}
.carousel img{width:100%}
.main-caption {padding:1%;}
.main-caption.left {position: absolute;background: rgba(255, 255, 255, 0.7);width: 400px;height:80px;left: 15px;bottom:55px;color:#000;text-align: center}
.main-caption.left h1 {font-size:38px;margin:0;text-transform: uppercase;}
.main-caption.left h1 small {display:block;font-size:14px;color:#000}
.main-caption.right{position:absolute;width:105px;left: 420px;bottom:55px;height: 80px;background-color: rgba(255, 255, 255, 0.73);color:#000;padding:0!Important;text-align:center}
.main-caption.right p {font-size:33px;}
.main-caption.right span {font-size:19px;display:block}
.main-caption.menu {position: absolute;left:15px;bottom: 5px;width:40%;background: linear-gradient(to right, rgba(0, 0, 0, 0.98) 0%,rgba(229, 229, 229, 0) 100%);text-align:left;padding:5px 0 5px 1%}
.main-caption.menu h2 {margin: 0;color:#fff;font-size:35px;}

@media  (min-width: 1200px) {
    .main-caption.right {height:80px;bottom:80px}
    .main-caption.left {height:80px;bottom:80px}
    .main-caption.menu{bottom:25px}
}
@media  (min-width: 1600px) {
    .main-caption h1{font-size: 33px}
    .main-caption.left span {font-size: 18px;}
}
/*
@media(min-width:970px) {
    .main-caption.left h1{font-size: 30px}
    .main-caption.left h1 small{font-size:15px}
}*/

@media(max-width: 990px) {
    .program h3{background:#7b7373!Important;padding:7px 5px!Important;margin-right:0!Important}
    .days .active {width:100%!Important;margin-left:0!Important}
    #topMenu {padding:0; max-height:36px;position: fixed;z-index:1;top:0; } 
    #topMenu .menu-item a {padding:0;border:none}
    #topMenu .menu-item {border:none}
    #topMenu .container {padding:0;min-height:50px;}
    #topMenu .nav-close {display: block;position: absolute;font-size: 40px;color: #fff;right: 16px;top: -10px;cursor:pointer;}
    #topMenu .nav-close:hover {opacity:.8}
    #topMenu .top-navbar {display:none;padding-top:80px;position:fixed!Important;top:0;overflow-y: auto;overflow-x: hidden;margin-bottom:0px!Important;bottom:0px;right:0;width:100%;background:#000;z-index: 9999;text-align:center}  
    #topMenu li {display:block;margin-top:7px}
    #topMenu menu-item:last-child {padding-bottom:20px}
    #topMenu .menu-left {display:block}
    #topMenu .menu-right {float:none;display:block}
    #topMenu .navbar-button { display:block;    position: relative;float:right;;width: 20px; height: 15px;    margin: 0px;padding:15px!Important;}
    #topMenu .navbar-button .stripes{width: 30px;border-radius:1px; top: 10px;right:10px;background: #fff;display: block;position: absolute;height: 3px;}
    #topMenu .navbar-button .stripes::before {width:30px;top: 7px;background: #fff;content: "";display: block;border-radius:1px;position: absolute;left: 0; height: 3px;}
    #topMenu .navbar-button .stripes::after  {width: 30px;top: 14px;background: #fff;content: "";display: block;border-radius:1px;position: absolute;left: 0;height: 3px;}
    .carousel {margin-top:36px;}
    footer {text-align: center}
    footer ul {padding:0;}

}

@media (max-width:970px) {
    .main-caption.left {width: 400px;height:80px;left:15px;bottom:55px;}
    .main-caption.left h1{font-size:35px!Important}
    .main-caption.left h1 small {font-size:18px}
    .main-caption.right  {width: 105px;left:420px;bottom:55px;height: 80px;}
    .main-caption.right p {font-size:35px;}
    .main-caption.right p span {font-size:18px;}
    .main-caption.menu {left:15px;padding: 3px 0 3px 33px;}
    .main-caption.menu h2 {font-size:35px;}
}

@media(max-width: 640px) {
    .main-caption.left {width: 320px;height:60px;left:15px;bottom:55px;}
    .main-caption.left h1{font-size:30px!Important}
    .main-caption.left h1 small {font-size:16px}
    .main-caption.right  {width: 80px;left:340px;bottom:55px;height: 60px;}
    .main-caption.right p {font-size:30px;}
    .main-caption.right p span {font-size:16px;line-height: 9px}
    .main-caption.menu {left:15px;padding: 3px 0 3px 20px;}
    .main-caption.menu h2 {font-size:30px;}
}


@media(max-width: 480px) {
    .main-caption.left {width: 200px;height:35px;left:15px;bottom:32px;}
    .main-caption.left h1{font-size:17px!Important}
    .main-caption.left h1 small {font-size:9px}
    .main-caption.right  {width: 50px;left:218px;bottom:32px;height: 35px;}
    .main-caption.right p {font-size:17px}
    .main-caption.right p span {font-size:9px;line-height: 2px}
    .main-caption.menu {left:15px;padding: 3px 0 3px 20px;}
    .main-caption.menu h2 {font-size:17px;}


}