@media screen and (max-width: 406px) {
 .ms-fullWidth,
    #s4-ribbonrow {
        display: none;
    }
    /* Bootstrap */
    .offset-xs-0 {
        margin-right: 0;
    }
    .offset-xs-1 {
        margin-right: 8.333333%;
    }
    .offset-xs-2 {
        margin-right: 16.666667%;
    }
    .offset-xs-3 {
        margin-right: 25%;
    }
    .offset-xs-4 {
        margin-right: 33.333333%;
    }
    .offset-xs-5 {
        margin-right: 41.666667%;
    }
    .offset-xs-6 {
        margin-right: 50%;
    }
    .offset-xs-7 {
        margin-right: 58.333333%;
    }
    .offset-xs-8 {
        margin-right: 66.666667%;
    }
    .offset-xs-9 {
        margin-right: 75%;
    }
    .offset-xs-10 {
        margin-right: 83.333333%;
    }
    .offset-xs-11 {
        margin-right: 91.666667%;
    }
    .offset-xs-12 {
        margin-right: 100%;
    }
    .offset-xs-1,
    .offset-xs-2,
    .offset-xs-3,
    .offset-xs-4,
    .offset-xs-5,
    .offset-xs-6,
    .offset-xs-7,
    .offset-xs-8,
    .offset-xs-9,
    .offset-xs-10,
    .offset-xs-11 {
        margin-left: 0;
    }
    .xs-hide,
    .services-5-btn span,
    .social-icons-section form {
        display: none !important;
    }
    .xs-show {
        display: block;
    }
    img.margin-bottom {
        margin-bottom: 15px;
    }
    .margin-bottom {
        margin-bottom: 15px;
    }
    .xs-margin-top {
        margin-top: 15px;
    }
    .xs-margin-left {
        margin-left: 0;
    }
    .jumbotron {
        margin-top: 110px;
        max-height: 200px;
    }
    .services-5-btn i {
        margin: 0;
    }
    .news-details h3 {
        margin-top: 15px;
        font-size: 18px;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 30px;
        height: 6px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 31px;
        height: 6px;
        border: 1px thin #017da2;
    }
    .carousel-banner img {
        height: 150px!important
    }
    .internal-banner h3 {
        font-size: 14px !important;
    }
    .internal-banner i {
        font-size: 30px !important;
    }
    .internal-banner img {
        height: 76px !important;
    }
    .internal-banner .carousel-caption {
        bottom: -20px;
    }
    .services-search {
        padding: 20px 0;
        background-color: Silver;
    }
    .services-search select,
    .services-search input {
        margin: 0 0 15px 0 !important;
    }
    .about-section p {
        font-size: 16px;
    }
    .about-section h3,
    .services-section h2,
    .services-search h2,
    .tourism-section h2 {
        padding: 10px 0 5px;
        /* font-size: 20px;*/
        font-size:130%;
    }
    .amana-society-section {
        height: 565px;
    }
    .amana-society-section-tabs span {
        display: none;
    }
    .carousel-occasions h5 {
        font-size: 11px;
    }
    .carousel-occasions {
        height: 210px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 120px;
        max-height: 120px;
    }
    .carousel-occasions .carousel-item {
        max-height: 210px;
    }
    .occasions-img {
        min-height: 120px;
        max-height: 120px;
        min-width: 90px;
        max-width: 90px;
    }
    .carousel-occasions span {
        padding: 2px 10px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .carousel-occasions p {
        font-size: 10px;
    }
    a.about-more-btn {
        margin: 5px 0 15px 0;
    }
    .footer-section {
        margin: 0;
        padding: 0 20px;
        font-size: 16px;
    }
    .footer-section .footer-links {
        font-size: 9px;
    }
    #rc-imageselect,
    .g-recaptcha {
        transform: scale(1);
        -webkit-transform: scale(1.25);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        direction: ltr;
    }
    .contact-form a {
    margin-top:30px;}
    /*.social-icons-section {
            padding: 12px 22px 9px 22px;
        }*/
    .SocialIcons-icon {
        font-size: 1.3em;
        line-height: 1;
        vertical-align: -10%;
    }
    .service-content-section {
        margin-top: 20px;
    }
    a.accordion-btn-details,
    a.accordion-btn-run {
        display: block;
        width: 110px;
        text-align: center;
        clear: both;
    }
    a.accordion-btn-details {
        margin-bottom: 5px;
    }
    .static-content-section {
        margin: 0px 0 40px 0;
    }
    .breadcrumb {
        margin: 15px 0;
    }
    .static-content-section h5 {
        /*font-size: 16px;*/
        margin: 12px 0
    }
    .static-content-section h5.mb-0 {
        /*font-size: 16px;*/
        margin: 0
    }
    .static-content-section h5 {
        /* font-size: 16px;
        font-weight: bold;
        line-height: 18px;*/
    }
    .static-content-section .description {
        padding: 0;
    }
    .filter {
        margin-bottom: 15px;
        padding: 10px;
    }
    .filter h5 i {
        display: inline-block !important;
    }
    #pager .k-pager-info {
        display: block;
        margin-top: 5px;
    }
    #pager a {
        padding: 3px 3px 2px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
        border: 1px dotted #E8E7E6;
        margin: 0 2px;
        font-size: 12px;
    }
    #pager .k-state-selected {
        padding: 2px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        top: -1px;
    }
    .subscription-side a {
        /* font-size: 10px;*/
        padding: 0;
    }
    .subscription-side .content i {
        padding: 9px 10px !important;
        font-size: 18px;
        margin: 0;
        width: 100%;
    }
    .date-share {
        font-size: 10px;
    }
    .carousel-side-banner {
        margin-top: 15px;
    }
    .media-tabs ul.nav,
    .media-tabs ul.nav-tabs {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .media-tabs .nav-tabs p {
        display: none;
    }
    .media-tabs .nav-tabs .nav-link {
        width: 60px;
    }
    .media-tabs .nav-tabs i {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .media-center text {
        display: none;
    }
    .media-tabs .nav-tabs {
        padding-right: 0;
    }
    .mobile-downloads-1,
    .mobile-downloads-2 {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mobile-app-title {
        font-size: 120%;
    }
    .mobile-app-descreption {
        font-size: 100%;
    }
    .mobile-app-section {
        background: #24b953;
        /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #24b953 0%, #027728 51%, #003906 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24b953', endColorstr='#003906', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }
    .media-news .content,
    .media-news .content img,
    .media-events .content,
    .media-events .content img,
    .media-newspapers .content,
    .media-newspapers .content img {
        margin-bottom: 15px;
    }
    #itemsArchiveNews h4,
    #itemsArchiveEvents h4,
    #itemsArchiveNewsPapers h4 {
        margin-right: 10px;
    }
    .about-section .hvr-shutter-out-vertical {
        font-size: 14px;
        padding: 10px 0;
    }
    .navbar-toggler {}
    .media-news h4,
    .media-events h4,
    .media-newspapers h4 {
        font-size: 20px;
    }
    .media-center h5,
    .media-center h4 {
        /*font-size: 16px;*/
    }
    .media-news .list .img-fluid,
    .media-events .list .img-fluid,
    .media-newspapers .list .img-fluid {
        min-height: 60px;
        max-height: 60px;
        min-width: 100px;
        max-width: 100px;
        margin-bottom: 5px;
    }
    a.btn-back,
    a.btn-run,
    .short-url a,
    .qr-code a {
        font-size: 12px;
    }
    .top-nav ul,
    .top-nav ul li {
        width: 100%;
    }
    .top-nav .navbar-nav {
        margin-top: 20px;
    }
    .navbar-nav .nav-item {
        float: right !important;
        margin: 0 0px 5px 0;
    }
    .navbar-nav .nav-item+.nav-item {
        margin-right: 0;
    }
    .top-nav .navbar-nav .nav-link {
        padding-right: 10px;
    }
    .top-nav button.navbar-toggler {
        max-width: 1em !important;
        padding: 0 !important;
        margin-top: 5px;
        float: left
        /*margin-bottom:20px;*/
    }
    a.hmm-logo {
        float: right;
        margin: 0;
        padding: 0;
        max-width: 190px;
        display: inline-block!important;
    }
    a.hmm-logo img {
        margin: 0 !important
    }
    ul.flow-chart li {
        margin: 0 0 15px 10px;
        padding: 10px 12px 0 12px;
        height: 120px;
        width: 120px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        font-size: 12px;
    }
    .static-content-section .details img {
        margin: 0 0 10px 0 !important;
        width: 100%;
    }
    a.accordion-btn-details {
        margin-left: 0;
    }
    .mayors-carousel .carousel-inner {
        max-height: 336px;
        margin-bottom: 8px;
    }
    .mayors-carousel span {
        padding: 3px 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        display: block
    }
    .mayors-carousel .mayor-content {
        min-height: 306px;
        padding: 15px !important;
        line-height: 18px;
        font-size: 12px;
        text-align: justify;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .mayors-carousel .carousel-indicators {
        bottom: 0;
        left: 0;
        top: -30px;
    }
    .mayors-carousel .carousel-indicators img {
        display: none;
    }
    .mayors-carousel .carousel-indicators li {
        margin: 5px 0 5px 5px;
        width: 92px;
        padding: 2px;
    }
    .mayors-carousel h5 {
        font-size: 11px;
    }
    .mayors-carousel .carousel-indicators li h6 {
        font-size: 10px;
        margin-top: 8px;
    }
    ul.mayors-carousel-list {
        margin: 0 10px 0 0;
    }
    .mayors-carousel .carousel-control-prev,
    .mayors-carousel .carousel-control-next {
        top: -335px;
        right: -15px;
        margin: 0;
        padding: 0;
        font-size: 10px;
    }
    .amana-society-section .nav-tabs .nav-item.open .nav-link,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:focus,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:hover,
    .amana-society-section .nav-tabs .nav-link.active,
    .amana-society-section .nav-tabs .nav-link.active:focus,
    .amana-society-section .nav-tabs .nav-link.active:hover {
        padding: 10px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 11px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 8px;
    }
    .amana-society-section .tab-content {
        padding: 8px;
    }
    .amana-society-section .tab-pane table tr td {
        padding: 4px 0;
        border-bottom: 1px dotted #e6e8e9;
        width: 100%;
    }
    .amana-society-section .tab-content img {
        margin-left: 7px;
    }
    .amana-society-section .tab-pane table a {
        font-size: 11px;
    }
    .amana-society-section-tabs {
        margin-top: 20px;
        height: 260px;
        border: solid thin #000;
        background: rgba(255, 255, 255, 0.8);
    }
    .amana-society-section-tabs span {
        display: inline-block;
    }
    a.nav-next-level {
        border: 0 !important;
        background: #f0f0f0 !important;
    }
    a.nav-next-level:hover {
        background: #088d5e !important;
    }
    a.nav-next-level:before {
        color: #70be49;
    }
    a.nav-next-level:hover:before {
        color: #fff;
    }
    .EmailSubscribe .subscribe a {
        padding: 13px 5px
    }
.mundeps-carousel .carousel-indicators li {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0 !important;
    list-style: none;
    display: inline-block;
    max-height:74px;
}

.mundeps-carousel .carousel-indicators li h6 {
    font-size: 12px;
    line-height:18px;
    text-align: right !important;
    margin: 6px 0 0 0;
    right:-15px;
    position:relative;
}
.mundeps-carousel .mundeps-news-content {
	padding:10px 0 !important;
}

.carousel-caption {
	
	left:3%;
	right:3%;
}
div.photo-gallery-list p {
	min-height:70px;
	/*border:1px solid silver;*/
	
}
div.photo-gallery-list img {
	min-height:95px;
}
div.photo-gallery-list {
	min-height:160px;
	/*border:1px solid silver;*/
	margin-bottom:10px;
	
}


}

@media screen and (min-width: 407px) and (max-width:767px) {
    .ms-fullWidth,
    #s4-ribbonrow {
        display: none;
    }
    /* Bootstrap */
    .offset-xs-0 {
        margin-right: 0;
    }
    .offset-xs-1 {
        margin-right: 8.333333%;
    }
    .offset-xs-2 {
        margin-right: 16.666667%;
    }
    .offset-xs-3 {
        margin-right: 25%;
    }
    .offset-xs-4 {
        margin-right: 33.333333%;
    }
    .offset-xs-5 {
        margin-right: 41.666667%;
    }
    .offset-xs-6 {
        margin-right: 50%;
    }
    .offset-xs-7 {
        margin-right: 58.333333%;
    }
    .offset-xs-8 {
        margin-right: 66.666667%;
    }
    .offset-xs-9 {
        margin-right: 75%;
    }
    .offset-xs-10 {
        margin-right: 83.333333%;
    }
    .offset-xs-11 {
        margin-right: 91.666667%;
    }
    .offset-xs-12 {
        margin-right: 100%;
    }
    .offset-xs-1,
    .offset-xs-2,
    .offset-xs-3,
    .offset-xs-4,
    .offset-xs-5,
    .offset-xs-6,
    .offset-xs-7,
    .offset-xs-8,
    .offset-xs-9,
    .offset-xs-10,
    .offset-xs-11 {
        margin-left: 0;
    }
    .xs-hide,
    .services-5-btn span,
    .social-icons-section form {
        display: none !important;
    }
    .xs-show {
        display: block;
    }
    img.margin-bottom {
        margin-bottom: 15px;
    }
    .margin-bottom {
        margin-bottom: 15px;
    }
    .xs-margin-top {
        margin-top: 15px;
    }
    .xs-margin-left {
        margin-left: 0;
    }
    .jumbotron {
        margin-top: 110px;
        max-height: 200px;
    }
    .services-5-btn i {
        margin: 0;
    }
    .news-details h3 {
        margin-top: 15px;
        font-size: 18px;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 30px;
        height: 6px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 31px;
        height: 6px;
        border: 1px thin #017da2;
    }
    .carousel-banner img {
        height: 150px!important
    }
    .internal-banner h3 {
        font-size: 14px !important;
    }
    .internal-banner i {
        font-size: 30px !important;
    }
    .internal-banner img {
        height: 76px !important;
    }
    .internal-banner .carousel-caption {
        bottom: -20px;
    }
    .services-search {
        padding: 20px 0;
        background-color: Silver;
    }
    .services-search select,
    .services-search input {
        margin: 0 0 15px 0 !important;
    }
    .about-section p {
        font-size: 16px;
    }
    .about-section h3,
    .services-section h2,
    .services-search h2,
    .tourism-section h2 {
        padding: 10px 0 5px;
        /* font-size: 20px;*/
    }
    .amana-society-section {
        height: 565px;
    }
    .amana-society-section-tabs span {
        display: none;
    }
    .carousel-occasions h5 {
        font-size: 11px;
    }
    .carousel-occasions {
        height: 210px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 120px;
        max-height: 120px;
    }
    .carousel-occasions .carousel-item {
        max-height: 210px;
    }
    .occasions-img {
        min-height: 120px;
        max-height: 120px;
        min-width: 90px;
        max-width: 90px;
    }
    .carousel-occasions span {
        padding: 2px 10px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .carousel-occasions p {
        font-size: 10px;
    }
    a.about-more-btn {
        margin: 5px 0 15px 0;
    }
    .footer-section {
        margin: 0;
        padding: 0 20px;
        font-size: 16px;
    }
    .footer-section .footer-links {
        font-size: 9px;
    }
    #rc-imageselect,
    .g-recaptcha {
        transform: scale(1);
        -webkit-transform: scale(1.25);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        direction: ltr;
    }
    .contact-form a {
    margin-top:30px;}
    /*.social-icons-section {
            padding: 12px 22px 9px 22px;
        }*/
    .SocialIcons-icon {
        font-size: 1.3em;
        line-height: 1;
        vertical-align: -10%;
    }
    .service-content-section {
        margin-top: 20px;
    }
    a.accordion-btn-details,
    a.accordion-btn-run {
        display: block;
        width: 110px;
        text-align: center;
        clear: both;
    }
    a.accordion-btn-details {
        margin-bottom: 5px;
    }
    .static-content-section {
        margin: 0px 0 40px 0;
    }
    .breadcrumb {
        margin: 15px 0;
    }
    .static-content-section h5 {
        /*font-size: 16px;*/
        margin: 12px 0
    }
    .static-content-section h5.mb-0 {
        /*font-size: 16px;*/
        margin: 0
    }
    .static-content-section h5 {
        /* font-size: 16px;
        font-weight: bold;
        line-height: 18px;*/
    }
    .static-content-section .description {
        padding: 0;
    }
    .filter {
        margin-bottom: 15px;
        padding: 10px;
    }
    .filter h5 i {
        display: inline-block !important;
    }
    #pager .k-pager-info {
        display: block;
        margin-top: 5px;
    }
    #pager a {
        padding: 3px 3px 2px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
        border: 1px dotted #E8E7E6;
        margin: 0 2px;
        font-size: 12px;
    }
    #pager .k-state-selected {
        padding: 2px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        top: -1px;
    }
    .subscription-side a {
        /* font-size: 10px;*/
        padding: 0;
    }
    .subscription-side .content i {
        padding: 9px 10px !important;
        font-size: 18px;
        margin: 0;
        width: 100%;
    }
    .date-share {
        font-size: 10px;
    }
    .carousel-side-banner {
        margin-top: 15px;
    }
    .media-tabs ul.nav,
    .media-tabs ul.nav-tabs {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .media-tabs .nav-tabs p {
        display: none;
    }
    .media-tabs .nav-tabs .nav-link {
        width: 60px;
    }
    .media-tabs .nav-tabs i {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .media-center text {
        display: none;
    }
    .media-tabs .nav-tabs {
        padding-right: 0;
    }
    .mobile-downloads-1,
    .mobile-downloads-2 {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mobile-app-title {
        font-size: 120%;
    }
    .mobile-app-descreption {
        font-size: 100%;
    }
    .mobile-app-section {
        background: #24b953;
        /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #24b953 0%, #027728 51%, #003906 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24b953', endColorstr='#003906', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }
    .media-news .content,
    .media-news .content img,
    .media-events .content,
    .media-events .content img,
    .media-newspapers .content,
    .media-newspapers .content img {
        margin-bottom: 15px;
    }
    #itemsArchiveNews h4,
    #itemsArchiveEvents h4,
    #itemsArchiveNewsPapers h4 {
        margin-right: 10px;
    }
    .about-section .hvr-shutter-out-vertical {
        font-size: 14px;
        padding: 10px 0;
    }
    .navbar-toggler {}
    .media-news h4,
    .media-events h4,
    .media-newspapers h4 {
        font-size: 20px;
    }
    .media-center h5,
    .media-center h4 {
        /*font-size: 16px;*/
    }
    .media-news .list .img-fluid,
    .media-events .list .img-fluid,
    .media-newspapers .list .img-fluid {
        min-height: 60px;
        max-height: 60px;
        min-width: 100px;
        max-width: 100px;
        margin-bottom: 5px;
    }
    a.btn-back,
    a.btn-run,
    .short-url a,
    .qr-code a {
        font-size: 12px;
    }
    .top-nav ul,
    .top-nav ul li {
        width: 100%;
    }
    .top-nav .navbar-nav {
        margin-top: 20px;
    }
    .navbar-nav .nav-item {
        float: right !important;
        margin: 0 0px 5px 0;
    }
    .navbar-nav .nav-item+.nav-item {
        margin-right: 0;
    }
    .top-nav .navbar-nav .nav-link {
        padding-right: 10px;
    }
    .top-nav button.navbar-toggler {
        max-width: 1em !important;
        padding: 0 !important;
        margin-top: 5px;
        float: left
        /*margin-bottom:20px;*/
    }
    a.hmm-logo {
        float: right;
        margin: 0;
        padding: 0;
        max-width: 200px;
        display: inline-block!important;
    }
    a.hmm-logo img {
        margin: 0 !important
    }
    ul.flow-chart li {
        margin: 0 0 15px 10px;
        padding: 10px 12px 0 12px;
        height: 120px;
        width: 120px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        font-size: 12px;
    }
    .static-content-section .details img {
        margin: 0 0 10px 0 !important;
        width: 100%;
    }
    a.accordion-btn-details {
        margin-left: 0;
    }
    .mayors-carousel .carousel-inner {
        max-height: 336px;
        margin-bottom: 8px;
    }
    .mayors-carousel span {
        padding: 3px 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        display: block
    }
    .mayors-carousel .mayor-content {
        min-height: 306px;
        padding: 15px !important;
        line-height: 18px;
        font-size: 12px;
        text-align: justify;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .mayors-carousel .carousel-indicators {
        bottom: 0;
        left: 0;
        top: -30px;
    }
    .mayors-carousel .carousel-indicators img {
        display: none;
    }
    .mayors-carousel .carousel-indicators li {
        margin: 5px 0 5px 5px;
        width: 92px;
        padding: 2px;
    }
    .mayors-carousel h5 {
        font-size: 11px;
    }
    .mayors-carousel .carousel-indicators li h6 {
        font-size: 10px;
        margin-top: 8px;
    }
    ul.mayors-carousel-list {
        margin: 0 10px 0 0;
    }
    .mayors-carousel .carousel-control-prev,
    .mayors-carousel .carousel-control-next {
        top: -335px;
        right: -15px;
        margin: 0;
        padding: 0;
        font-size: 10px;
    }
    .amana-society-section .nav-tabs .nav-item.open .nav-link,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:focus,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:hover,
    .amana-society-section .nav-tabs .nav-link.active,
    .amana-society-section .nav-tabs .nav-link.active:focus,
    .amana-society-section .nav-tabs .nav-link.active:hover {
        padding: 10px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 11px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 8px;
    }
    .amana-society-section .tab-content {
        padding: 8px;
    }
    .amana-society-section .tab-pane table tr td {
        padding: 4px 0;
        border-bottom: 1px dotted #e6e8e9;
        width: 100%;
    }
    .amana-society-section .tab-content img {
        margin-left: 7px;
    }
    .amana-society-section .tab-pane table a {
        font-size: 11px;
    }
    .amana-society-section-tabs {
        margin-top: 20px;
        height: 260px;
        border: solid thin #000;
        background: rgba(255, 255, 255, 0.8);
    }
    .amana-society-section-tabs span {
        display: inline-block;
    }
    a.nav-next-level {
        border: 0 !important;
        background: #f0f0f0 !important;
    }
    a.nav-next-level:hover {
        background: #088d5e !important;
    }
    a.nav-next-level:before {
        color: #70be49;
    }
    a.nav-next-level:hover:before {
        color: #fff;
    }
    .EmailSubscribe .subscribe a {
        padding: 13px 5px
    }
    .mundeps-carousel .carousel-indicators li {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0 !important;
    list-style: none;
    display: inline-block;
    max-height:86px;
}

.mundeps-carousel .carousel-indicators li h6 {
    font-size: 12px;
    line-height:18px;
    text-align: right !important;
    margin: 6px 0 0 0;
    right:-15px;
    position:relative;
}
.mundeps-carousel .mundeps-news-content {
	padding:10px 0 !important;
}
.carousel-caption {
	
	left:10%;
	right:10%;
}
div.photo-gallery-list p {
	min-height:70px;
	/*border:1px solid silver;*/
	
}
div.photo-gallery-list {
	min-height:150px;
	/*border:1px solid silver;*/
	margin-bottom:10px;
	
}

div.photo-gallery-list img {
	min-height:110px;
}


}

@media (min-width: 768px) and (max-width: 991px) {
    .md-hide {
        display: none;
    }
    .tablet-res-fix {
        width: 100%;
    }
    .tablet-res-hide {
        display: none;
    }
    .tablet-margin-bottom {
        margin-bottom: 20px;
    }
    .tablet-margin-top {
        margin-top: 20px;
    }
    .tablet-20 {
        max-width: 20% !important;
        margin: 0;
    }
    .tablet-30 {
        min-width: 30% !important;
        margin: 0;
    }
    .tablet-33 {
        min-width: 33.3% !important;
        margin: 0;
    }
    .tablet-50 {
        min-width: 50% !important;
        margin: 0;
    }
    .tablet-70 {
        min-width: 70% !important;
        margin: 0;
    }
    .tablet-80 {
        min-width: 80% !important;
        margin: 0;
    }
    .tablet-100 {
        min-width: 100% !important;
        margin: 0;
    }
    .tablet-margin-10 {
        margin-right: 10% !important;
        margin-left: 10% !important;
    }
    .tablet-no-margin {
        margin: 0 !important;
    }
    .tablet-margin-right-none {
        margin-right: 0;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 30px;
        height: 6px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 31px;
        height: 6px;
        border: 1px thin #017da2;
    }
    .mobile-app-section {
        background: #24b953;
        /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #24b953 0%, #027728 51%, #003906 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24b953', endColorstr='#003906', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }
    .mobile-app-section .mobile-content {
        width: 84% !important;
    }
    .footer-section ul {
        font-size: 7px;
    }
    .footer-section .footer-links {
        font-size: 7px;
    }
    .navbar-toggler {}
    .top-nav ul,
    .top-nav ul li {
        width: 100%;
    }
    .navbar-nav .nav-item {
        float: right !important;
        margin: 0 0 5px 0;
    }
    .navbar-nav .nav-item+.nav-item {
        margin-right: 0
    }
    .internal-banner h3 {
        font-size: 18px !important;
    }
    .internal-banner i {
        font-size: 45px !important;
    }
    .internal-banner .carousel-caption {
        bottom: -26px;
    }
    .amana-society-section-tabs span {
        display: none;
    }
    .date-share,
    .date-share .date span {
        font-size: 10px;
    }
    .carousel-side-banner,
    .margin-bottom {
        margin-bottom: 10px;
    }
    a.vote-result,
    a.vote-btn,
    .vote-result,
    .subscription-side a {
        /* font-size: 10px;*/
    }
    a.services-5-btn-01,
    a.services-5-btn-02,
    a.services-5-btn-03,
    a.services-5-btn-04,
    a.services-5-btn-05 {
        /*font-size: 12px;*/
    }
    .subscription-side .content i {
        margin: 0;
        padding: 9px 8px !important;
        position: relative;
        right: -1px;
        top: 0px;
    }
    .media-news .list .img-fluid,
    .media-events .list .img-fluid,
    .media-newspapers .list .img-fluid {
        min-height: 60px;
        max-height: 60px;
        min-width: 100px;
        max-width: 100px;
    }
    .about-section .hvr-shutter-out-vertical {
        font-size: 14px;
        padding: 6px 0;
    }
    .media-center h5,
    .media-center h4 {
        /* font-size: 16px;*/
    }
    .media-news .details p,
    .media-events .details p,
    .media-newspapers .details p,
    .media-news .list .content p,
    .media-events .list .content p,
    .media-newspapers .list .content p {
        /*font-size: 12px;
        line-height: 17px;*/
    }
    .media-center text {
        display: inline;
    }
    .mayors-carousel .carousel-inner {
        max-height: 106px;
        margin-bottom: 8px;
    }
    .mayors-carousel span {
        padding: 3px 10px;
        margin-bottom: 5px;
    }
    .mayors-carousel .mayor-content {
        padding: 15px !important;
        line-height: 13px;
        font-size: 8px;
    }
    .mayors-carousel .mayor-content h6 {
        font-size: 12px;
    }
    .mayors-carousel .carousel-indicators {
        bottom: 0;
        left: 0;
        top: -30px;
    }
    .mayors-carousel .carousel-indicators li {
        margin: 8px 0 8px 8px;
        width: 74px;
        padding: 3px;
    }
    .mayors-carousel h5 {
        font-size: 12px;
    }
    .mayors-carousel .carousel-indicators li h6 {
        font-size: 8px;
        margin-top: 8px;
    }
    ul.mayors-carousel-list {
        margin: 0 10px 0 0;
    }
    .mayors-carousel .carousel-control-prev,
    .mayors-carousel .carousel-control-next {
        top: -35px;
        right: -15px;
        margin: 0;
        padding: 0;
        font-size: 10px;
    }
    .breadcrumb {
        margin: 15px 0;
    }
    .mayor-agent span {
        font-size: 10px;
    }
    .mayor-agent h4 {
        font-size: 12px;
        margin: 7px 0 0;
    }
    .carousel-occasions h5 {
        font-size: 12px;
    }
    .carousel-occasions {
        height: 249px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 122px;
        max-height: 122px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-item {
        max-height: 210px;
    }
    .occasions-img {
        min-height: 120px;
        max-height: 120px;
        min-width: 90px;
        max-width: 90px;
    }
    .carousel-occasions span {
        padding: 2px 10px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .carousel-occasions p {
        font-size: 10px;
    }
    .amana-society-section {
        height: 290px;
    }
    .amana-society-section .nav-tabs .nav-item.open .nav-link,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:focus,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:hover,
    .amana-society-section .nav-tabs .nav-link.active,
    .amana-society-section .nav-tabs .nav-link.active:focus,
    .amana-society-section .nav-tabs .nav-link.active:hover {
        padding: 10px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 12px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 6px 7px;
    }
    .amana-society-section .tab-content {
        padding: 10px;
    }
    .amana-society-section .tab-pane table tr td {
        padding: 3px 0;
        border-bottom: 1px dotted #e6e8e9;
        width: 100%;
    }
    .amana-society-section .tab-content img {
        margin-left: 7px;
    }
    .amana-society-section .tab-pane table a {
        font-size: 10px;
    }
    .amana-society-section-tabs {
        margin-top: 20px;
        height: 249px;
        border: solid thin #000;
        background: rgba(255, 255, 255, 0.8);
    }
    .amana-society-section-tabs span {
        display: inline-block;
    }
    .services-5-content ul li {
        margin: 6px 0 0 20px !important;
        padding: 5px;
        width: 310px;
        max-width: 310px;
        font-size: 11px;
    }
    a.services-5-content-more {
        width: 310px;
        padding: 5px;
        margin-top: 5px;
        font-size: 11px;
    }
    h2 {
        /*font-size: 22px!important*/
    }
    h3 {
        /*font-size: 18px!important*/
    }
    a.nav-next-level {
        border: 0 !important;
        background: #f0f0f0 !important;
    }
    a.nav-next-level:hover {
        background: #088d5e !important;
    }
    a.nav-next-level:before {
        color: #70be49;
    }
    a.nav-next-level:hover:before {
        color: #fff;
    }
    .elc-services .elc-s-1,
    .elc-services .elc-s-3,
    .elc-services .elc-s-4,
    .elc-services .elc-s-2 {
        min-height: 270px;
        padding: 15px !important;
    }
    .news-main-archive .img img,
    .newspapers-main-archive .img img,
    .events-main-archive .img img {
        min-width: 64px;
        min-height: 58px;
        max-height: 58px;
        right: -14px;
        position: relative;
        display: none;
    }
    .news-main-archive .col-md-11,
    .newspapers-main-archive .col-md-11,
    .events-main-archive .col-md-11 {
        min-width: 100% !important;
    }
        .mundeps-carousel .carousel-indicators li {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0 !important;
    list-style: none;
    display: inline-block;
    max-height:86px;
}

.mundeps-carousel .carousel-indicators li h6 {
    font-size: 12px;
    line-height:18px;
    text-align: right !important;
    margin: 6px 0 0 0;
    right:-15px;
    position:relative;
}
div.photo-gallery-list img {
	min-height:100px;
}

div.photo-gallery-list p {
	min-height:70px;
	/*border:1px solid silver;*/
	
}
div.photo-gallery-list {
	min-height:120px;
	/*border:1px solid silver;*/
	margin-bottom:10px;
	
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .md-hide {
        display: none;
    }
    .lg-hide {
        display: none;
    }
    .tablet-res-fix {
        width: 100%;
    }
    .tablet-res-hide {
        display: none;
    }
    .tablet-margin-bottom {
        margin-bottom: 20px;
    }
    .tablet-margin-top {
        margin-top: 20px;
    }
    .tablet-margin-right-none {
        margin-right: 0;
    }
    .tablet-20 {
        max-width: 20% !important;
        margin: 0;
    }
    .tablet-30 {
        min-width: 30% !important;
        margin: 0;
    }
    .tablet-50 {
        min-width: 50% !important;
        margin: 0;
    }
    .tablet-70 {
        min-width: 70% !important;
        margin: 0;
    }
    .tablet-80 {
        min-width: 80% !important;
        margin: 0;
    }
    .tablet-100 {
        min-width: 100% !important;
        margin: 0;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 30px;
        height: 6px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 31px;
        height: 6px;
        border: 1px thin #017da2;
    }
    .mobile-app-section {
        background: #24b953;
        /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #24b953 0%, #027728 51%, #003906 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #24b953 0%, #027728 51%, #003906 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#24b953', endColorstr='#003906', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }
    .mobile-app-section .mobile-content {
        width: 84% !important;
    }
    .footer-section ul {
        font-size: 10px;
    }
    .footer-section .footer-links {
        font-size: 9px;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 50px;
        height: 12px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 51px;
        height: 12px;
        border: 1px thin #017da2;
    }
    .navbar-brand {
        width: 30%;
    }
    .navbar-brand img {
        width: 100%;
    }
    .top-nav ul {
        margin-top: 17px;
    }
    .top-nav ul a {
        padding: 5px;
        font-size: 12px;
    }
    .media-news .details .img-fluid,
    .media-events .details .img-fluid,
    .media-newspapers .details .img-fluid {
        max-height: 270px;
        min-width: 306px;
    }
    .internal-banner h3 {
        font-size: 22px !important;
    }
    .internal-banner i {
        font-size: 48px !important;
    }
    .internal-banner .carousel-caption {
        bottom: -15px;
    }
    .amana-society-section-tabs span {
        display: none;
    }
    .carousel-side-banner,
    .margin-bottom {
        margin-bottom: 10px;
    }
    .subscription-side .content i {
        margin: 0;
        padding: 9px 8px;
        position: relative;
        right: -4px;
        top: 0px;
    }
    .date-share,
    .date-share .date span {
        font-size: 14px;
    }
    a.services-5-btn-01,
    a.services-5-btn-02,
    a.services-5-btn-03,
    a.services-5-btn-04,
    a.services-5-btn-05 {
        /*font-size: 12px;*/
    }
    .media-news .list .img-fluid,
    .media-events .list .img-fluid,
    .media-newspapers .list .img-fluid {
        min-height: 80px;
        max-height: 80px;
        min-width: 120px;
        max-width: 120px;
        margin-bottom: 5px;
    }
    .about-section .hvr-shutter-out-vertical {
        font-size: 14px;
        padding: 6px 0;
    }
    .media-center h5,
    .media-center h4 {
        /*font-size: 16px;*/
    }
    .media-news .details p,
    .media-events .details p,
    .media-newspapers .details p,
    .media-news .list .content p,
    .media-events .list .content p,
    .media-newspapers .list .content p {
        /*font-size: 15px;
        line-height: 22px;*/
    }
    .media-center text {
        display: inline;
    }
    .mayors-carousel .carousel-inner {
        max-height: 145px;
        margin-bottom: 8px;
    }
    .mayors-carousel span {
        padding: 3px 10px;
        margin-bottom: 5px;
    }
    .mayors-carousel .mayor-content {
        padding: 15px !important;
        line-height: 18px;
        font-size: 12px;
    }
    .mayors-carousel .carousel-indicators {
        bottom: 0;
        left: 0;
        top: -30px;
    }
    .mayors-carousel .carousel-indicators li {
        margin: 8px 0 8px 8px;
        width: 90px;
        padding: 3px;
    }
    .mayors-carousel h5 {
        font-size: 18px;
    }
    .mayors-carousel .carousel-indicators li h6 {
        font-size: 9px;
        margin-top: 8px;
    }
    ul.mayors-carousel-list {
        margin: 0 10px 0 0;
    }
    .mayors-carousel .carousel-control-prev,
    .mayors-carousel .carousel-control-next {
        top: -40px;
        right: -15px;
        margin: 0;
        padding: 0;
        font-size: 12px;
    }
    .breadcrumb {
        margin: 15px 0;
    }
    .mayor-agent span {
        font-size: 12px;
    }
    .mayor-agent h4 {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .carousel-occasions h5 {
        font-size: 16px;
    }
    .carousel-occasions {
        height: 249px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 140px;
        max-height: 140px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-item {
        max-height: 210px;
    }
    .occasions-img {
        min-height: 145px;
        max-height: 145px;
        min-width: 110px;
        max-width: 110px;
    }
    .carousel-occasions span {
        padding: 7px 10px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .carousel-occasions p {
        font-size: 13px;
    }
    .amana-society-section {
        height: 290px;
    }
    .amana-society-section .nav-tabs .nav-item.open .nav-link,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:focus,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:hover,
    .amana-society-section .nav-tabs .nav-link.active,
    .amana-society-section .nav-tabs .nav-link.active:focus,
    .amana-society-section .nav-tabs .nav-link.active:hover {
        padding: 10px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 12px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 6px 7px;
    }
    .amana-society-section .tab-content {
        padding: 10px;
    }
    .amana-society-section .tab-pane table tr td {
        padding: 3px 0;
        border-bottom: 1px dotted #e6e8e9;
        width: 100%;
    }
    .amana-society-section .tab-content img {
        margin-left: 7px;
    }
    .amana-society-section .tab-pane table a {
        font-size: 10px;
    }
    .amana-society-section-tabs {
        margin-top: 20px;
        height: 249px;
        border: solid thin #000;
        background: rgba(255, 255, 255, 0.8);
    }
    .amana-society-section-tabs span {
        display: inline-block;
    }
    .top-nav ul {
        margin: 22px 0 0 0;
    }
    .top-nav ul a {
        padding: 8px 5px;
        font-size: 10px;
    }
    .services-5-content ul li {
        margin: 6px 0 0 60px !important;
        padding: 5px;
        width: 410px;
        max-width: 410px;
        font-size: 13px;
    }
    a.services-5-content-more {
        width: 410px;
        padding: 5px;
        margin-top: 5px;
        font-size: 13px;
    }
    a.nav-next-level {
        border: 0 !important;
        background: #f0f0f0 !important;
    }
    a.nav-next-level:hover {
        background: #088d5e !important;
    }
    a.nav-next-level:before {
        color: #70be49;
    }
    a.nav-next-level:hover:before {
        color: #fff;
    }
    .elc-services .elc-s-1,
    .elc-services .elc-s-3,
    .elc-services .elc-s-4,
    .elc-services .elc-s-2 {
        min-height: 270px;
        padding: 15px !important;
    }
    .news-main-archive .img img,
    .newspapers-main-archive .img img,
    .events-main-archive .img img {
        min-width: 64px;
        min-height: 58px;
        max-height: 58px;
        right: -14px;
        position: relative;
        border: none;
    }
        .mundeps-carousel .carousel-indicators li {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0 !important;
    list-style: none;
    display: inline-block;
    max-height:124px;
}

.mundeps-carousel .carousel-indicators li h6 {
    font-size: 16px;
    line-height:18px;
    text-align: right !important;
    margin: 6px 0 0 0;
    right:-15px;
    position:relative;
}
.mundeps-carousel .mundeps-news-content {
	padding:10px 0 !important;
}

div.photo-gallery-list img {
	min-height:110px;
}

div.photo-gallery-list p {
	min-height:50px;
	/*border:1px solid silver;*/
	
}
div.photo-gallery-list {
	min-height:120px;
	/*border:1px solid silver;*/
	margin-bottom:10px;
	
}




}

@media (min-width: 1200px) and (max-width: 1600px) {
    .md-hide {
        display: none;
    }
    .site-container {
        font-size: 12px;
    }
    .xl-hide {
        display: none;
    }
    .margin-bottom {
        margin-bottom: 10px;
    }
    .navbar-brand {
        width: 25%;
    }
    h5 {
        /* font-size: 16px;*/
    }
    .size-100 {
        width: 100% !important;
    }
    .carousel-side-banner {
        padding: 5px;
    }
    .carousel-side-banner-ctrl {
        padding: 5px 5px 0 5px;
    }
    .carousel-side-banner .carousel-item {
        /* height: 73px;*/
    }
    .vote-side {
        /* font-size: 14px;*/
        text-align: justify;
    }
    .vote-side .content {
        /* font-size: 12px;*/
    }
    .vote-side p {
        margin-bottom: 10px;
        cursor: default
    }
    a.vote-result,
    a.vote-btn {
        /*   font-size: 10px;*/
    }
    a.vote-result {
        /*margin-left: 3px;*/
    }
    a.vote-btn {
        /* margin-right: 3px;*/
    }
    .custom-control .custom-control-indicator {
        top: 0px;
    }
    .subscription-side input {
        /* font-size: 12px;*/
        margin-bottom: 0;
    }
    .subscription-side .content i {
        /*padding: 50px !important;*/
        /*font-size: 18px;*/
    }
    .subscription-side a {
        /*font-size: 10px;*/
        margin: 5px 0 0 0;
    }
    a.services-5-btn-01,
    a.services-5-btn-02,
    a.services-5-btn-03,
    a.services-5-btn-04,
    a.services-5-btn-05 {
        /*font-size: 14px;*/
    }
    #accordion .card-header {
        padding: .6rem .75rem .4rem;
    }
    .about-section .hvr-shutter-out-vertical {
        font-size: 14px;
        padding: 22px 0;
    }
    .media-tabs ul.nav,
    .media-tabs ul.nav-tabs {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .mobile-app-title {
        /* font-size: 24px;*/
    }
    .mobile-app-numbers {
        font-size: 10px;
    }
    .mobile-app-numbers span {
        font-size: 30px;
    }
    .mobile-app-icons {
        font-size: 20px;
    }
    .mobile-downloads-1 i,
    .mobile-downloads-2 i,
    .mobile-downloads-1,
    .mobile-downloads-2 {
        font-size: 40px;
        margin-top: 10px;
    }
    .media-news .details p,
    .media-events .details p,
    .media-newspapers .details p,
    .media-news .list .content p,
    .media-events .list .content p,
    .media-newspapers .list .content p {
        /*font-size: 12px;
        line-height: 18px;*/
    }
    .media-events table th,
    .media-events table td {
        padding: 7px;
    }
    .media-center h5,
    .media-center h4 {
        /*font-size: 14px;*/
    }
    .media-center text {
        display: none;
    }
    .media-news .content .date-share i,
    .media-events .content .date-share i,
    .media-newspapers .content .date-share i {
        font-size: 20px;
        line-height: 28px;
    }
    .contact-info table thead tr th,
    .contact-info table tr td {
        font-size: 12px;
    }
    .footer-section ul {
        font-size: 12px;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 50px;
        height: 12px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 51px;
        height: 12px;
        border: 1px thin #017da2;
    }
    .internal-banner h3 {
        font-size: 24px !important;
    }
    .internal-banner i {
        font-size: 60px !important;
    }
    .internal-banner .carousel-caption {
        bottom: -10px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 210px;
        max-height: 210px;
    }
    .occasions-img {
        min-height: 160px;
        max-height: 160px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 13px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 10px 8px 8.4px;
    }
    a.vote-result,
    a.vote-btn,
    .vote-result,
    .subscription-side a {
        /*font-size: 8px;*/
    }
    .subscription-side .content i {
        margin: 0;
        padding: 8px 8px 9px 8px;
        position: relative;
        right: -1px;
        top: -5px;
    }
    .date-share,
    .date-share .date span {
        font-size: 14px;
    }
    .contact-static-page table tr td,
    .contact-static-page table tr th {
        font-size: 12px;
    }
    .media-news .list .img-fluid,
    .media-events .list .img-fluid,
    .media-newspapers .list .img-fluid {
        min-height: 60px;
        max-height: 60px;
        min-width: 80px;
        max-width: 80px;
        margin-bottom: 5px;
    }
    .services-5-content ul li {
        margin: 6px 0 0 10px !important;
        padding: 5px;
        width: 290px;
        max-width: 290px;
        font-size: 11px;
    }
    a.services-5-content-more {
        width: 290px;
        padding: 5px;
        margin-top: 5px;
        font-size: 11px;
    }
    .media-center text {
        display: inline;
    }
    .mayors-carousel .carousel-inner {
        max-height: 127px;
        margin-bottom: 8px;
    }
    .mayors-carousel span {
        padding: 3px 10px;
        margin-bottom: 5px;
    }
    .mayors-carousel .mayor-content {
        padding: 12px !important;
        line-height: 16px;
        font-size: 12px;
    }
    .mayors-carousel .carousel-indicators {
        bottom: 0;
        left: 0;
        top: -30px;
    }
    .mayors-carousel .carousel-indicators li {
        margin: 8px 0 8px 8px;
        width: 90px;
        padding: 3px;
    }
    .mayors-carousel .carousel-indicators li h6 {
        font-size: 9px;
        margin-top: 8px;
    }
    ul.mayors-carousel-list {
        margin: 0 10px 0 0;
    }
    .mayors-carousel .carousel-control-prev,
    .mayors-carousel .carousel-control-next {
        top: -40px;
        right: -10px;
        margin: 0;
        padding: 0;
        font-size: 12px;
    }
    .carousel-banner .carousel-item {
        /*max-height: 344px;*/
    }
    .breadcrumb {
        margin: 15px 0;
    }
    .mayor-agent span {
        font-size: 12px;
    }
    .mayor-agent h4 {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .carousel-occasions h5 {
        font-size: 14px;
    }
    .carousel-occasions {
        height: 249px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 147px;
        max-height: 147px;
        margin-bottom: 10px;
    }
    .carousel-occasions .carousel-item {
        max-height: 210px;
    }
    .occasions-img {
        min-height: 145px;
        max-height: 145px;
        min-width: 110px;
        max-width: 110px;
    }
    .carousel-occasions span {
        padding: 7px 10px;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .carousel-occasions p {
        font-size: 12px;
    }
    .amana-society-section {
        height: 290px;
    }
    .amana-society-section .nav-tabs .nav-item.open .nav-link,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:focus,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:hover,
    .amana-society-section .nav-tabs .nav-link.active,
    .amana-society-section .nav-tabs .nav-link.active:focus,
    .amana-society-section .nav-tabs .nav-link.active:hover {
        padding: 10px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 12px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 6px 7px;
    }
    .amana-society-section .tab-content {
        padding: 10px;
    }
    .amana-society-section .tab-pane table tr td {
        padding: 3px 0;
        border-bottom: 1px dotted #e6e8e9;
        width: 100%;
    }
    .amana-society-section .tab-content img {
        margin-left: 7px;
    }
    .amana-society-section .tab-pane table a {
        font-size: 10px;
    }
    .amana-society-section-tabs {
        margin-top: 20px;
        height: 249px;
        border: solid thin #000;
        background: rgba(255, 255, 255, 0.8);
    }
    .amana-society-section-tabs span {
        display: inline-block;
    }
    .top-nav ul {
        margin: 21px 0 0 0;
    }
    .top-nav ul a {
        padding: 16px 8px;
        font-size: 12px;
    }
    a.nav-next-level {
        border: 0 !important;
        background: #f0f0f0 !important;
    }
    a.nav-next-level:hover {
        background: #088d5e !important;
    }
    a.nav-next-level:before {
        color: #70be49;
    }
    a.nav-next-level:hover:before {
        color: #fff;
    }
    .elc-services .elc-s-1,
    .elc-services .elc-s-3,
    .elc-services .elc-s-4,
    .elc-services .elc-s-2 {
        min-height: 280px;
    }
    .news-main-archive .img img,
    .newspapers-main-archive .img img,
    .events-main-archive .img img {
        min-width: 60px;
        min-height: 56px;
        max-height: 56px;
        right: -14px;
        position: relative;
        border: none;
    }
        .mundeps-carousel .carousel-indicators li {
    width: 50%;
    height: auto;
    margin: 0 0 5px 0 !important;
    list-style: none;
    display: inline-block;
    max-height:50px;
}

.mundeps-carousel .carousel-indicators li h6 {
    font-size: 11px;
    line-height:15px;
    text-align: right !important;
    margin: 4px 0 0 0;
    right:-15px;
    position:relative;
}
.mundeps-carousel .mundeps-news-content {
	/*padding:10px 0 !important;*/
}
div.photo-gallery-list img {
	min-height:100px;
}
div.photo-gallery-list p {
	min-height:60px;
}

div.photo-gallery-list {
	min-height:180px;
	/*border:1px solid silver;*/
	margin-bottom:10px;
	
}
.mobadrat-section {
	padding: 16px 0 13px 0;
}


}

@media (min-width: 1600px) and (max-width: 1920px) {
    .md-hide {
        display: none;
    }
    .site-container {
        font-size: 13px;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 60px;
        height: 10px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 61px;
        height: 10px;
    }
    .carousel-side-banner .carousel-item {
        /* height: 98px;*/
    }
    a.vote-result,
    a.vote-btn {
        /*font-size: 14px;*/
    }
    /*h2 {
            font-size: 32px;
        }
        .about-section p {
            font-size: 12px;
        }*/
    .media-tabs ul.nav,
    .media-tabs ul.nav-tabs {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .about-section .hvr-shutter-out-vertical {
        font-size: 16px;
        padding: 21px 0;
    }
    _:-ms-lang(x),
    .about-section .hvr-shutter-out-vertical {
        font-size: 16px;
        padding: 17px 0;
    }
    *::-ms-backdrop,
    .about-section .hvr-shutter-out-vertical {
        font-size: 16px;
        padding: 17px 0;
    }
    .media-news .details p,
    .media-events .details p,
    .media-newspapers .details p,
    .media-news .list .content p,
    .media-events .list .content p,
    .media-newspapers .list .content p {
        /* font-size: 13px;
        line-height: 22px;*/
    }
    .media-news .content .date-share i,
    .media-events .content .date-share i,
    .media-newspapers .content .date-share i {
        font-size: 20px;
        line-height: 28px;
    }
    .media-events table th,
    .media-events table td {
        padding: 9px;
    }
    .media-center h5,
    .media-center h4 {
        /*font-size: 20px;*/
    }
    .media-center text {
        display: inline;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 60px;
        height: 12px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 61px;
        height: 12px;
        border: 1px thin #017da2;
    }
    .internal-banner .carousel-caption {
        bottom: 20px;
    }
    a.vote-result,
    a.vote-btn,
    .vote-result,
    .subscription-side a {
        /*font-size: 12px;*/
    }
    .subscription-side .content i {
        margin: 0;
        padding: 8px 8px 9px 8px;
        position: relative;
        right: -1px;
        top: -5px;
    }
    .media-news .list .img-fluid,
    .media-events .list .img-fluid,
    .media-newspapers .list .img-fluid {
        min-height: 60px;
        max-height: 60px;
        min-width: 90px;
        max-width: 90px;
        margin-bottom: 5px;
    }
    .services-5-content ul li {
        margin: 6px 0 0 25px !important;
        padding: 5px;
        width: 350px;
        max-width: 350px;
        font-size: 13px;
    }
    a.services-5-content-more {
        width: 350px;
        padding: 5px;
        margin-top: 5px;
        font-size: 13px;
    }
    .media-center text {
        display: inline;
    }
    .mayors-carousel .carousel-inner {
        max-height: 161px;
        margin-bottom: 8px;
    }
    .mayors-carousel span {
        padding: 3px 10px;
        margin-bottom: 3px;
    }
    .mayors-carousel .mayor-content {
        padding: 16px !important;
        line-height: 20px;
        font-size: 13px;
    }
    .mayors-carousel .carousel-indicators {
        bottom: 0;
        left: 0;
        top: -30px;
    }
    .mayors-carousel .carousel-indicators li {
        margin: 8px 0 8px 8px;
        width: 100px;
        padding: 3px;
    }
    .mayors-carousel .carousel-indicators li h6 {
        font-size: 10px;
        margin-top: 8px;
    }
    ul.mayors-carousel-list {
        margin: 0 10px 0 0;
    }
    .mayors-carousel .carousel-control-prev,
    .mayors-carousel .carousel-control-next {
        top: -45px;
        right: -15px;
        margin: 0;
        padding: 0;
    }
    .carousel-banner .carousel-item {
        /*max-height: 431px;*/
    }
    .mayor-agent span {
        font-size: 12px;
    }
    .mayor-agent h4 {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .occasions-img {
        min-height: 180px;
        max-height: 180px;
        min-width: 130px;
        max-width: 130px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 180px;
        max-height: 180px;
        margin-bottom: 10px;
    }
    .carousel-occasions h5 {
        font-size: 16px;
    }
    .carousel-occasions {
        height: 280px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-item {
        max-height: 230px;
    }
    .carousel-occasions span {
        padding: 7px 10px;
        margin-bottom: 5px;
        font-size: 13px;
    }
    .carousel-occasions p {
        font-size: 13px;
    }
    .amana-society-section {
        height: 320px;
    }
    .amana-society-section .nav-tabs .nav-item.open .nav-link,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:focus,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:hover,
    .amana-society-section .nav-tabs .nav-link.active,
    .amana-society-section .nav-tabs .nav-link.active:focus,
    .amana-society-section .nav-tabs .nav-link.active:hover {
        padding: 8px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 13px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 8px;
    }
    .amana-society-section .tab-content {
        padding: 15px;
    }
    .amana-society-section .tab-pane table tr td {
        padding: 4px 0;
        border-bottom: 1px dotted #e6e8e9;
        width: 100%;
    }
    .amana-society-section .tab-content img {
        margin-left: 7px;
    }
    .amana-society-section .tab-pane table a {
        font-size: 13px;
    }
    .amana-society-section-tabs {
        margin-top: 20px;
        height: 280px;
        border: solid thin #000;
        background: rgba(255, 255, 255, 0.8);
    }
    .amana-society-section-tabs span {
        display: inline-block;
    }
    .top-nav ul {
        margin: 26px 0 0 0;
    }
    .top-nav ul a {
        padding: 20px 10px;
        font-size: 13px;
    }
    a.nav-next-level {
        border: 0 !important;
        background: #f0f0f0 !important;
    }
    a.nav-next-level:hover {
        background: #088d5e !important;
    }
    a.nav-next-level:before {
        color: #70be49;
    }
    a.nav-next-level:hover:before {
        color: #fff;
    }
    .news-main-archive .img img,
    .newspapers-main-archive .img img,
    .events-main-archive .img img {
        min-width: 72px;
        min-height: 59px;
        max-height: 59px;
        right: -14px;
        position: relative;
        border: none;
    }
    .news-details img {
        max-width: 300px;
    }
    
    .mundeps-carousel .carousel-indicators li {
    width: 50%;
    height: auto;
    margin: 0 0 5px 0 !important;
    list-style: none;
    display: inline-block;
    max-height:64px;
}

.mundeps-carousel .carousel-indicators li h6 {
    font-size: 11px;
    line-height:15px;
    text-align: right !important;
    margin: 4px 0 0 0;
    right:-15px;
    position:relative;
}
.mundeps-carousel .mundeps-news-content {
	/*padding:10px 0 !important;*/
}
div.photo-gallery-list img {
	min-height:120px;
}
div.photo-gallery-list p {
	min-height:70px;
}

div.photo-gallery-list {
	min-height:180px;
	/*border:1px solid silver;*/
	margin-bottom:10px;
	
}
.mobadrat-section {
	padding: 30px 0 27px 0;
}
.foras-banner {
	min-width: 60%;
}


}


@media (min-width: 1679px) and (max-width: 1681px) {
.mobadrat-section {
	padding: 30px !important;
}

}

@media (min-width: 1920px) {
.foras-banner {
	min-width: 50%;
}
    .md-hide {
        display: none;
    }
    .site-container {
        font-size: 14px;
    }
    .carousel-side-banner .carousel-item {
        /*  height: 122px;*/
    }
    .margin-bottom {
        margin-bottom: 30px;
    }
    a.vote-result,
    a.vote-btn {
        /* font-size: 16px;*/
    }
    .vote-side .content {
        /*    font-size: 16px;*/
    }
    .subscription-side input {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .subscription-side .content i {
        left: ;
        padding: 8px 10px 9px 10px !important;
        /*  font-size: 16px;*/
    }
    .subscription-side a {
        /*  font-size: 14px;*/
        margin: 0;
        padding: 0;
    }
    a.services-5-btn-01,
    a.services-5-btn-02,
    a.services-5-btn-03,
    a.services-5-btn-04,
    a.services-5-btn-05 {
        /*font-size: 18px;*/
    }
    .about-section h3 {
        /* font-size: 30px;*/
    }
    .about-section p {
        /*font-size: 18px;*/
    }
    .about-section .hvr-shutter-out-vertical {
        /*font-size: 20px;*/
        padding: 20px 0;
    }
    .carousel-banner .carousel-indicators > li {
        margin-bottom: -1.25rem;
        width: 60px;
        height: 12px;
        border-radius: 0;
    }
    .carousel-banner .carousel-indicators .active {
        width: 61px;
        height: 12px;
        border: 1px thin #017da2;
    }
    .carousel-banner .carousel-item {
        /* max-height: 518px;*/
    }
    .services-search {
        padding: 62px;
    }
    .media-news .details .img-fluid,
    .media-events .details .img-fluid,
    .media-newspapers .details .img-fluid {
        max-height: 260px;
        min-width: 306px;
    }
    .media-news .list .img-fluid,
    .media-events .list .img-fluid,
    .media-newspapers .list .img-fluid {
        min-height: 60px;
        max-height: 60px;
        min-width: 100px;
        max-width: 100px;
    }
    .media-news .details p,
    .media-events .details p,
    .media-newspapers .details p,
    .media-news .list .content p,
    .media-events .list .content p,
    .media-newspapers .list .content p {
        /* font-size: 14px;
        line-height: 26px;*/
    }
    .media-events table {
        background: #fff;
    }
    .media-events table i {
        margin-left: 4px;
    }
    .media-events table th,
    .media-events table td {
        padding: 8px;
    }
    .media-center h5,
    .media-center h4 {
        /*font-size: 20px;*/
    }
    .mobile-app-title {
        /* font-size: 30px;*/
    }
    .mobile-app-numbers {
        font-size: 12px;
        line-height: 36px;
    }
    .mobile-app-numbers span {
        font-size: 60px;
    }
    .mobile-app-icons {
        font-size: 30px;
    }
    .mobile-downloads-1 i,
    .mobile-downloads-2 i,
    .mobile-downloads-1,
    .mobile-downloads-2 {
        font-size: 50px;
        margin-top: 30px;
    }
    .internal-banner .carousel-caption {
        bottom: 50px;
    }
    .internal-banner h3 {
        font-size: 27px !important;
    }
    .internal-banner i {
        font-size: 72px !important;
    }
    .internal-banner .carousel-caption {
        bottom: 20px;
    }
    .occasions-img {
        min-height: 210px;
        max-height: 210px;
    }
    table.service-table tr th {
        width: 100% !important;
    }
    .table-fix {
        min-width: 921px !important;
    }
    .subscription-side .content i {
        margin: 0;
        padding: 9px 8px;
        position: relative;
        right: -6px;
        top: 0px;
    }
    .services-5-content ul li {
        margin: 6px 0 0 25px !important;
        padding: 5px;
        width: 336px;
        max-width: 350px;
        font-size: 13px;
    }
    a.services-5-content-more {
        width: 336px;
        padding: 5px;
        margin-top: 5px;
        font-size: 13px;
    }
    .mayors-carousel .carousel-inner {
        max-height: 195px;
        margin-bottom: 10px;
    }
    .mayors-carousel span {
        padding: 4px 10px;
        margin-bottom: 5px;
    }
    .mayors-carousel .mayor-content {
        padding: 20px !important;
        line-height: 30px;
        font-size: 14px;
    }
    .mayors-carousel .carousel-indicators {
        bottom: 0;
        left: 0;
        top: -30px;
    }
    .mayors-carousel .carousel-indicators li {
        margin: 10px 0 10px 10px;
        width: 120px;
        padding: 4px;
    }
    .mayors-carousel .carousel-indicators li h6 {
        font-size: 12px;
        margin-top: 10px;
    }
    ul.mayors-carousel-list {
        margin: 0 10px 0 0;
    }
    .mayors-carousel .carousel-control-prev,
    .mayors-carousel .carousel-control-next {
        top: -50px;
        right: -15px;
        margin: 0;
        padding: 0;
    }
    .occasions-img {
        min-height: 210px;
        max-height: 210px;
        min-width: 150px;
        max-width: 150px;
    }
    .carousel-occasions .carousel-inner {
        min-height: 210px;
        max-height: 210px;
        margin-bottom: 10px;
    }
    .carousel-occasions h5 {
        font-size: 18px;
    }
    .carousel-occasions {
        height: 300px;
        margin-bottom: 20px;
    }
    .carousel-occasions .carousel-item {
        max-height: 230px;
    }
    .carousel-occasions span {
        padding: 7px 10px;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .carousel-occasions p {
        font-size: 14px;
    }
    .amana-society-section {
        height: 340px;
    }
    .amana-society-section .nav-tabs .nav-item.open .nav-link,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:focus,
    .amana-society-section .nav-tabs .nav-item.open .nav-link:hover,
    .amana-society-section .nav-tabs .nav-link.active,
    .amana-society-section .nav-tabs .nav-link.active:focus,
    .amana-society-section .nav-tabs .nav-link.active:hover {
        padding: 10px;
    }
    .amana-society-section .nav-stacked .nav-item+.nav-item,
    .amana-society-section .nav,
    .amana-society-section .nav-tabs,
    .amana-society-section .nav-stacked,
    .amana-society-section .nav-tabs .nav-link {
        font-size: 14px;
    }
    .amana-society-section .nav-tabs a.nav-link {
        padding: 8px;
    }
    .amana-society-section .tab-content {
        padding: 20px;
    }
    .amana-society-section .tab-pane table tr td {
        padding: 5px 0;
        border-bottom: 1px dotted #e6e8e9;
        width: 100%;
    }
    .amana-society-section .tab-content img {
        margin-left: 7px;
    }
    .amana-society-section .tab-pane table a {
        font-size: 14px;
    }
    .amana-society-section-tabs {
        margin-top: 20px;
        height: 300px;
        border: solid thin #000;
        background: rgba(255, 255, 255, 0.8);
    }
    .amana-society-section-tabs span {
        display: inline-block;
    }
    .top-nav ul {
        margin: 32px 0 0 0;
    }
    .top-nav ul a {
        padding: 20px 10px;
        font-size: 14px;
    }
    a.nav-next-level {
        border: 0 !important;
        background: #f0f0f0 !important;
    }
    a.nav-next-level:hover {
        background: #088d5e !important;
    }
    a.nav-next-level:before {
        color: #70be49;
    }
    a.nav-next-level:hover:before {
        color: #fff;
    }
    .elc-services .elc-s-1,
    .elc-services .elc-s-3,
    .elc-services .elc-s-4,
    .elc-services .elc-s-2 {
        min-height: 285px;
    }
    .news-main-archive .img img,
    .newspapers-main-archive .img img,
    .events-main-archive .img img {
        min-width: 83px;
        min-height: 63px;
        max-height: 63px;
        right: -14px;
        position: relative;
        border: none;
    }
    
.mundeps-carousel .carousel-indicators li {
    width: 50%;
    height: auto;
    margin: 0 0 5px 0 !important;
    list-style: none;
    display: inline-block;
    max-height:80px;
}

.mundeps-carousel .carousel-indicators li h6 {
    font-size: 14px;
    line-height:24px;
    text-align: right !important;
    margin: 7px 0 0 0;
    right:-15px;
    position:relative;
}
.mundeps-carousel .mundeps-news-content {
	/*padding:10px 0 !important;*/
}

div.photo-gallery-list img {
	min-height:150px;
}
div.photo-gallery-list p {
	min-height:70px;
}

div.photo-gallery-list {
	min-height:180px;
	/*border:1px solid silver;*/
	margin-bottom:10px;
	
}

.mobadrat-section {
	padding: 32px 0 31px 0;
}


}