/*********************************************** RESPONSIVE ***************************************************/
.visible-xxs { display: none !important; }

@media(min-width: 1220px) {
    #middle-content {width: 62%;}
    .column {width: 19%;}
    #calendar {width: 31%; float: right;}
    #carousel-slider {width: 67.5%;margin-left: 0.7%;}}

@media (max-width: 1220px) {
    .container {padding: 0 2%}

    #calendar {/*width: 100%;*/}
    #carousel-slider {  /*width: 98%;*/ /*margin: 0 1% 18px;*/}
}
@media (max-width: 990px) {
    #top #search {margin: 20px 0;}
    #top10 .img {margin: 20px auto 0;position: relative;}
    #welcome {position: absolute;right: 20px;margin: 0;top: 90px;}
    #calendar {width: 100%;}
    #carousel-slider {width: 98%; margin: 0 1% 18px;}
    #footer .menu {clear: both;float: none;text-align: center;}
    #footer-box2 .container {text-align: center;}
}
@media (max-width: 769px) {
    .container {padding-left: 0;padding-right: 0;/* width: 96%; */}
    table.responsive-xs td {width: 100%;display: block;padding: inherit !important;}
    .left-xs {float: left !important;}
    .right-xs {float: right !important;}

    #page-wide, #page {overflow-y: hidden}

    #links {margin: 0 -0px 10px;padding: 0 10px 10px;}
    #links:before, #links:after {display: none}

    #mainmenu ul li {width: 100%;}
    #mainmenu ul li h2 {width: 100%;display: block;}
    #mainmenu ul li a {padding: 15px;}
    #mainmenu li:hover ul.dropdown-menu {position: relative;text-align: center;display: none;}

    #top #search {float: none;width: 94%;margin: 0 3% -10px;clear: both;}
    #welcome {top: -60px;position: relative;text-align: center;float: none;display: block;width: 100%;left: 0;}

    #top .logo {margin-top: 0px;margin-bottom: 40px;width: 100%;}

    #top10 .img {}

    .column .block .title:before {content: "\f067";color: #fff;font-family: "FontAwesome";font-size: 24px;position: absolute;z-index: 10;top: 7px;right: 15px;}
    .column .block .block-content {display: none}

    .carousel.slide .carousel-caption h2 {}
    .carousel.slide .carousel-caption p {}

    #partners {padding: 20px 0}
    .partners .partner {width: 33%;float: left;display: block;}

    #footer .logo {margin-bottom: 20px;}}
@media (max-width: 600px) {
}
@media (max-width: 480px) {
    .col-xxs-6 {width: 50% !important; }
    .col-xxs-12 {width: 100% !important; }
    .tac-xxs {text-align: center; }
    .visible-xxs {display: block !important; }
    .hidden-xxs {display: none !important; }
    table.responsive-xxs td {width: 100%;display: block;padding: inherit !important;}
    .left-xxs {float: left !important;}
    .right-xxs {float: right !important;}

    .carousel.slide .carousel-caption {padding-bottom: 20px;}
    .carousel.slide .carousel-caption h2 {font-size: 22px;}
    .carousel.slide .carousel-caption p {font-size: 14px;}

    .carousel.slide .carousel-indicators {display: none;}

    #top .logo {text-align: center;}
    #top10 .img {}
    #top10 ul {text-align: left !important;}

    #top10 ul img {float: left !important;margin: 0 20px 0;background: inherit;}

    .partners .partner {width: 50%;}
    #footer .logo {clear: both;float: none !important;text-align: center;display: inline-block;margin: 10px auto 20px 20%;width: auto;}
    #footer_wide .addthis_toolbox {float: none;text-align: center;display: block;}}