.container,.container_alt,.container_vis,.container_head {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
    position: relative
}

.tmnf_width_wide .container,.tmnf_width_wide .container_alt,.tmnf_width_wide .container_vis {
    max-width: 1340px
}

.container_alt {
    overflow: visible;
    padding: 0
}

.container_head {
    overflow: visible;
    padding: 0;
    max-width: 1140px
}

.tmnf_width_wide .container_head {
    max-width: 1300px
}

.container_vis {
    overflow: visible
}

#footer .container {
    background: 0 0 !important
}

.onecol,.twocol,.threecol,.fourcol,.fivecol,.fifthcol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.warpbox {
    margin-left: 0;
    float: left;
    min-height: 1px
}

.foocol {
    margin: 0;
    width: 18%;
    padding: 60px 20px 30px;
    position: relative;
    height: 100%;
    min-height: 1px;
    float: left
}

.foocol.first {
    margin-top: 100px;
    width: 46%;
    padding-right: 60px
}

.fourcol {
    width: 30%;
    padding: 0 20px;
    margin: 0 0 40px;
    min-height: 1px;
    float: left
}

.eightcol {
    width: 70%;
    padding: 0 20px;
    margin: 0 0 40px;
    min-height: 1px;
    float: left
}

.postbarLeft .eightcol {
    float: right !important
}

.postbarNone .eightcol {
    float: none !important;
    margin: 0 auto 40px auto !important
}

.postbarNone .entryhead iframe {
    width: 100%
}

.sixcol {
    width: 50%
}

.first,.ml-first {
    margin-left: 0 !important
}

.widgetable {
    padding: 0;
    overflow: hidden;
    margin: 0
}

.single-post .fourcol,.single-post .eightcol,.page .fourcol,.page .eightcol {
    margin-bottom: 90px
}

@media only screen and (min-width: 1155px) {
    .header_fullwidth #header {
        top:0;
        position: relative
    }

    .header_fullwidth #header.scrolled {
        box-shadow: 0 0 4px rgba(0,0,0,.1)
    }

    .admin-bar .header_fullwidth #header {
        top: 0
    }

    .header_fullwidth #main-nav {
        padding: 0 0 0 40px
    }

    .header_transparent.header_transparent_full #main-nav {
        padding: 0;
        margin: 0 50px 0 60px;
        width: auto;
        float: right
    }

    .header_transparent.header_transparent_full li.special {
        margin-left: 40px !important
    }

    .header_fullwidth #bottombar {
        margin-bottom: -50px
    }

    .header_fullwidth .page-header {
        padding: 140px 0 120px
    }

    .header_transparent .container_head,.header_fullwidth #header.scrolled .container_head {
        background: 0 0;
        box-shadow: none !important
    }

    .header_transparent #bottombar {
        background: rgba(204,204,204,.1);
        padding: 0 20px 0 0
    }

    .header_transparent #header {
        top: 0
    }

    .admin-bar .header_transparent #header {
        top: 32px
    }

    .header_transparent #main-nav {
        padding: 0 0 0 40px
    }

    .header_fullwidth_2 #header {
        top: 0;
        position: relative
    }

    .header_fullwidth #header.scrolled,.header_fullwidth_2 #header.scrolled {
        top: 0;
        position: fixed;
        transform: translateY(0px)
    }

    .header_fullwidth_2 .container_head,.header_transparent_full .container_head {
        max-width: 100% !important
    }

    .header_fullwidth #header.scrolled {
        box-shadow: 0 0 4px rgba(0,0,0,.1)
    }

    .admin-bar .header_fullwidth_2 #header {
        top: 32px
    }

    .header_fullwidth_2 #bottombar {
        margin-bottom: -50px
    }

    .header_fullwidth_2 .page-header {
        padding: 120px 0
    }

    .header_fullwidth_2 #header,.header_fullwidth_special #header {
        top: 0;
        position: fixed
    }

    .header_fullwidth_special #titles {
        position: relative;
        padding-left: 0;
        text-align: left
    }

    .header_fullwidth_special #titles .logo {
        margin-left: 0;
        text-align: left
    }

    .header_fullwidth_special #titles:before {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        display: block;
        height: 100%;
        width: 10000px;
        margin-left: -10000px
    }

    .header_fullwidth_special #bottombar {
        overflow: visible;
        padding-right: 0;
        z-index: 2;
        margin-bottom: -58px
    }

    .header_fullwidth_2 .header_fix,.header_fullwidth_special .header_fix {
        display: block;
        position: relative !important;
        content: '';
        width: 100%;
        overflow: hidden;
        min-height: 40px
    }

    .header_fullwidth_special #header.scrolled #bottombar #add-nav {
        margin-top: -58px
    }

    .header_fullwidth_special #bottombar .social-menu {
        margin: 11px -9px 0 0
    }

    .header_fullwidth_special #bottombar:after {
        position: absolute;
        right: 0;
        top: 0;
        content: '';
        display: block;
        height: 100%;
        width: 10000px;
        margin-right: -10000px;
        z-index: 1
    }

    .header_fullwidth_special .menu_label {
        display: none
    }

    .header_fullwidth_special #main-nav>li {
        padding: 15px 8px 10px
    }

    .header_fullwidth_special #main-nav>li:before {
        display: none
    }

    .header_fullwidth_special #add-nav>li>a {
        font-size: 13px !important;
        padding: 23px 0 18px !important;
        font-weight: 600
    }
}

@media only screen and (min-width: 1024px) {
    .postbarLeftNarrow .page-header .container {
        max-width:1200px;
        text-align: center
    }

    .postbarLeftNarrow .fullcontent {
        max-width: 800px;
        margin: 0 auto 80px auto;
        overflow: visible
    }

    .postbarLeftNarrow .entryfull {
        overflow: visible
    }

    .postbarLeftNarrow .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .postbarLeftNarrow .alignwide {
        margin-left: calc(38% - 30vw) !important;
        margin-right: calc(38% - 30vw) !important;
        width: auto;
        max-width: 1000%
    }

    .alignwide img,.alignfull img {
        display: block;
        margin: 0 auto;
        padding: 0
    }

    .wp-block-gallery.alignleft {
        margin-right: 30px !important
    }

    .wp-block-gallery.alignright {
        margin-left: 30px !important
    }

    .postbarLeftNarrow .wp-block-gallery.alignfull {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (min-width: 685px) {
    .grid_post {
        width:33.33%
    }

    .grid_post:nth-child(3n+4) {
        clear: left
    }

    .tmnf_columns_4 .grid_post {
        width: 25%
    }

    .tmnf_columns_4 .grid_post:nth-child(3n+4) {
        clear: none
    }

    .tmnf_columns_4 .grid_post:nth-child(4n+5) {
        clear: left
    }

    .tmnf_columns_2 .grid_post {
        width: 50%
    }

    .tmnf_columns_2 .grid_post:nth-child(3n+4) {
        clear: none
    }

    .tmnf_columns_1 .grid_post:nth-child(2n+3) {
        clear: left
    }

    .tmnf_columns_1 .grid_post {
        width: 100%
    }

    .tmnf_columns_4 .grid_post h3 {
        font-size: 18px !important
    }

    .tmnf_columns_4 .grid_post .read_more,.tmnf_columns_4 .grid_post p.teaser {
        display: none
    }
}

@media screen and (max-width: 1505px) {
    .page-header img {
        width:140%;
        max-width: 140% !important;
        left: -20%
    }

    .owl-carousel .owl-item img.bg_image {
        width: 140% !important;
        max-width: 140% !important;
        margin: 0 -20%
    }
}

@media screen and (max-width: 1320px) {
    .owl-carousel:hover .owl-nav .owl-prev {
        left:0
    }

    .owl-carousel:hover .owl-nav .owl-next {
        right: 0
    }

    .owl-nav>div {
        padding: 17px 5px !important;
        width: 30px
    }

    .owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before {
        left: 7px;
        position: absolute;
        font-size: 16px !important
    }
}

@media screen and (max-width: 1295px) {
    #header {
        top:0
    }
}

@media screen and (max-width: 1155px) {
    .site_wrapper {
        padding:0 !important
    }

    #header {
        position: relative;
        top: auto;
        left: auto
    }

    .container_head {
        max-width: 100%
    }

    #titles,p.menu_label {
        max-width: 25%
    }

    .nav>li>a {
        padding: 15px 6px
    }

    #main-nav>li {
        padding: 15px 10px 15px 17px
    }

    .nav li.menu-item-has-children a,.nav li.page_item_has_children a {
        padding-right: 14px !important
    }

    .menu-item-has-children>a:after {
        right: 8px
    }

    .eleslideinside {
        top: 10% !important;
        width: 60%;
        left: 20%;
        margin: 0
    }

    .eleinside_Left .eleslideinside {
        left: 50px;
        max-width: 100%;
        width: 60%;
        margin-left: 0 !important
    }

    .eleinside_Right .eleslideinside {
        right: 50px;
        max-width: 100%;
        width: 60%;
        margin-right: 0
    }

    .eleslideinside p {
        font-size: 110%;
        line-height: 1.3;
        margin: 12px 0
    }

    .eleslideinside .su-button {
        margin-top: 25px !important
    }

    .eleslideinside .su-button span {
        padding: 14px 18px !important
    }

    .page-header {
        padding: 70px 0 60px
    }

    .page-header img {
        width: 180%;
        max-width: 180% !important;
        left: -40%
    }

    h1.entry-title,h2.archiv,.eleslideinside h2,h1.archiv,.eleslideinside h1 {
        font-size: 70px !important
    }

    #titles .logo {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        overflow: hidden
    }

    #titles h1.logo {
        margin: 29px 0 !important
    }

    #header input[type=checkbox] {
        opacity: .3
    }

    .show-menu {
        display: block !important
    }

    .header-right.for-menu {
        display: block;
        float: none;
        width: 100%
    }

    #navigation {
        display: none;
        position: relative;
        overflow: hidden;
        height: auto;
        top: auto;
        margin: -2px -20px 0 !important;
        padding: 0 20px !important;
        width: calc(100% + 40px);
        background: #1f2024
    }

    #navigation a {
        color: #fff !important
    }

    #main-nav,#top-nav {
        display: block;
        overflow: hidden;
        margin-bottom: 10px !important
    }

    #navigation a:hover,#navigation .current-menu-item>a {
        opacity: .6
    }

    ul.nav,#main-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }

    ul.nav li,.nav li ul {
        width: 100% !important;
        background-color: transparent !important;
        border: none !important;
        float: none;
        display: block;
        margin: 0 !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        position: relative !important;
        left: auto !important;
        display: block !important;
        visibility: visible !important;
        padding-top: 0
    }

    ul.nav li.special {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .nav>li ul {
        max-height: none;
        opacity: 1
    }

    #navigation .nav li ul li>a {
        border-bottom: 1px dotted rgba(255,255,255,.2) !important;
        text-align: left
    }

    ul.nav li a {
        width: 100% !important;
        text-align: left;
        padding: 15px 20px !important;
        margin: 0 0 0 20px;
        font-size: 16px !important
    }

    ul.nav li ul.sub-menu a {
        padding: 5px 0 !important
    }

    #top-nav li a {
        margin: 0;
        padding: 10px 0 !important
    }

    #top-nav>li.special {
        padding-left: 0
    }

    #top-nav>li.special>a {
        padding: 15px 18px !important
    }

    .nav li ul li>a {
        font-size: 13px !important
    }

    .nav li a.sf-with-ul {
        padding-right: 0 !important
    }

    #main-nav>li>a {
        margin: 0 !important
    }

    .nav>li>ul>li,.nav li ul ul li,#main-nav li ul li>a,.nav li ul li>a {
        max-width: 100% !important;
        margin: 0;
        padding: 0
    }

    .nav li ul {
        padding: 0 20px
    }

    #main-nav li.mega ul.sub-menu {
        min-height: 0px
    }

    .nav li ul ul {
        margin: 0;
        padding: 0
    }

    div.sub,.nav>li>ul:after,.menu-item-has-children>a:after,.header_icons {
        display: none !important
    }

    #main-nav>li {
        padding: 0
    }

    #main-nav>li.special {
        padding-right: 0
    }

    #main-nav>li:before,.menu-item-has-children>a:after,.nav>li.mega:hover:after {
        display: none
    }

    .nav li ul.sub-menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .nav li.mega>ul.sub-menu {
        padding: 0 20px !important
    }

    .nav li.mega>ul.sub-menu>li ul,.nav li.mega>ul.sub-menu>li ul ul,.nav li.mega>ul.sub-menu>li ul ul ul {
        margin-left: 0 !important
    }

    .nav li ul.sub-menu {
        padding: 0 0 0 20px !important
    }

    .nav li.mega>ul.sub-menu>li>a {
        text-transform: none !important;
        font-weight: 400 !important
    }

    #bottombar {
        padding: 0
    }

    p.menu_label {
        display: none
    }

    #bottombar .social-menu {
        padding: 0 15px
    }

    #bottombar .social-menu a {
        padding: 12px 6px 10px 24px
    }

    ul.nav .sub-menu {
        display: none !important
    }

    ul.nav .active .sub-menu {
        display: block !important
    }

    a .tmnf_mobile_dropdown {
        display: block;
        position: absolute;
        content: "↓";
        height: 45px;
        width: 45px;
        background: rgba(255,255,255,.15);
        top: 6px;
        right: 20px;
        font-size: 11px !important;
        margin-top: -2px;
        font-weight: 400;
        padding: 15px 20px;
        font-family: Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
        -moz-border-radius: 30px;
        -khtml-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        z-index: 2
    }

    .enlarge_submenu_toggle a .tmnf_mobile_dropdown {
        width: 100%;
        background: rgba(255,255,255,0);
        top: 0;
        right: 0;
        text-align: right;
        height: 55px;
        padding: 20px 30px
    }

    li.menu-item-has-children li a .tmnf_mobile_dropdown {
        display: none
    }

    .menu-item-has-children>a:after {
        top: 15px;
        right: 17px;
        z-index: 1
    }

    .nav li ul li.menu-item-has-children>a:after {
        top: 13px
    }

    .menu-item-has-children.active>a .tmnf_mobile_dropdown {
        transform: rotate(-180deg);
        text-align: left
    }

    #navigation ul.nav li ul li.menu-item-has-children>a:after {
        transform: rotate(0deg);
        right: 16px;
        top: 13px
    }

    #navigation ul.nav li ul li.menu-item-has-children.active>a:after {
        transform: rotate(180deg);
        right: 12px;
        top: 22px
    }

    .nav li ul li.menu-item-has-children.active>a:after {
        top: 22px
    }

    .tmnf_radius_buttons li.special>a {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

    ul.menu li ul {
        margin: -2px 0 0 8px
    }
}

@media screen and (max-width: 885px) {
    div.tooltip p:after,.nav>li>ul:after,.sf-arrows .sf-with-ul:after,.sf-arrows .sf-with-ul:after {
        display:none !important
    }

    body {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        font-size: 16px;
        -webkit-text-size-adjust: none
    }

    .onecol,.twocol,.threecol,.threecol_spec,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol,.fifthcol {
        width: auto;
        float: none !important;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

    #bottombar p {
        display: none
    }

    #header {
        overflow: hidden
    }

    #titles {
        max-width: 50%;
        text-align: left
    }

    .page-header {
        padding: 55px 0 50px
    }

    body.page .page-header {
        padding: 70px 0 60px
    }

    .owl-carousel .owl-item img.bg_image {
        width: 140% !important;
        max-width: 140% !important;
        margin: 0 -20%
    }

    .owl-item .eleslideinside {
        top: 18%
    }

    .eleslideinside p {
        font-size: 100%;
        line-height: 1.3;
        margin: 8px 0
    }

    .eleslideinside .su-button {
        margin-top: 18px !important
    }

    .eightcol,.fourcol {
        width: 100%;
        margin: 0 auto !important;
        float: none !important;
        display: block;
        width: 100%;
        border-left: none;
        border-right: none;
        padding: 20px
    }

    #sidebar,#footer .foocol,.landing-section,.footer-logo {
        max-width: 360px;
        width: 100%;
        float: none !important;
        margin: 0 auto !important;
        padding: 20px 0 !important
    }

    #footer .foocol {
        padding: 20px !important
    }

    #core {
        padding-top: 0
    }

    .fullcontent {
        padding-top: 20px
    }

    .blogger {
        padding: 0;
        overflow: hidden
    }

    .blogger>.item {
        margin: 0 0 20px
    }

    .blogger>.item img {
        width: 100%
    }

    .blogger div.post.sticky:after {
        top: 15px;
        right: 20px
    }

    .item_inn {
        overflow: hidden;
        padding: 0
    }

    .item_inn:after,.item_inn:before {
        display: none
    }

    .postbarNone .entry img.heroimg {
        margin: 30px -20px;
        left: 0;
        max-width: calc(100% + 40px)
    }

    .postbarLeft .eightcol {
        float: none !important
    }

    #woo-inn {
        margin-left: 0
    }

    .woocommerce-page div.product div.summary {
        margin: 0 0 40px;
        width: 100%
    }

    .woocommerce-page ul.products li.product,.woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 0 30px !important
    }

    .woocommerce h1.page-title,p.woocommerce-result-count {
        text-align: center;
        width: 100%
    }

    .woocommerce #foliocontent .woocommerce-tabs,.woocommerce #foliocontent .related.products {
        width: 100%
    }

    .woocommerce-page #foliosidebar {
        clear: both
    }

    .woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering {
        float: none
    }

    .tmnf-sc-quote.left,.tmnf-sc-quote.right {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .wpcf7-form p.sixcol {
        float: none;
        margin-right: 0;
        width: 100%
    }

    .commentlist li.comment.parent {
        padding: 15px 0 0
    }

    .commentlist li.comment {
        padding: 20px 5px 10px
    }

    ul.children li.comment:last-child {
        padding: 20px 0 10px 20px !important
    }

    .commentlist .avatar {
        right: 0;
        left: auto;
        top: 20px;
        width: 40px
    }

    li.bypostauthor {
        padding-left: 10px !important
    }

    .front_post {
        padding: 20px 0
    }

    .front_post.has-post-thumbnail .imgwrap {
        margin: 0 20px 5px 0
    }

    .wrapper .events-table td.thumb {
        padding: 20px 0 !important
    }

    .events-table th,.events-table td {
        padding: 20px 0 20px 20px !important
    }

    .footop.populated {
        display: block;
        overflow: hidden;
        margin: 0 -20px;
        width: calc(100% + 40px)
    }

    ul.social-menu {
        margin: auto;
        float: none;
        display: inline-block
    }

    .footop-right {
        padding: 0;
        margin-left: 0;
        width: 100%;
        text-align: center;
        float: left;
        float: none
    }

    .footer_text {
        float: none;
        overflow: hidden;
        text-align: center
    }

    #footer .foocol h2 {
        padding: 0 0 15px
    }

    .footer-logo img {
        margin: 30px auto;
        float: left
    }

    #curtain .searchform {
        left: 10%;
        margin: 0;
        max-width: 80%;
        width: 80%
    }

    #curtain a.curtainclose {
        left: auto;
        right: 30px;
        margin: 0;
        top: 30px
    }

    .wrapper .entry h1 {
        font-size: 150% !important
    }

    .wrapper .entry h2 {
        font-size: 140% !important
    }

    .wrapper .entry h3 {
        font-size: 130% !important
    }

    .wrapper .entry h4 {
        font-size: 120% !important
    }

    .wrapper .entry h5 {
        font-size: 110% !important
    }

    .wrapper .entry h6 {
        font-size: 100% !important
    }

    #footer .bottom-menu {
        margin-bottom: 50px !important
    }

    .tmnf_img_box figure.elementor-image-box-img {
        max-width: 90px !important
    }
}

@media only screen and (max-width: 685px) {
    #add-nav li a {
        margin:0 !important
    }

    h1.entry-title,h2.archiv,.eleslideinside h2,h1.archiv,.eleslideinside h1 {
        font-size: 55px !important
    }

    .owl-carousel .owl-item img.bg_image {
        width: 200% !important;
        max-width: 200% !important;
        margin: 0 -50%
    }

    .eleslideinside h3 {
        font-size: 5vw
    }

    .eleslideinside p {
        font-size: 90%;
        line-height: 1.3;
        margin: 5px 0
    }

    .eleslideinside .su-button {
        margin-top: 15px !important
    }

    .blogger {
        width: calc(100% + 40px);
        margin: 0 -20px
    }

    .blogger>.item {
        width: 50%;
        padding: 0 20px
    }

    .blogger>.item:nth-child(2n+3) {
        clear: left
    }

    .blogger>.item.has-post-thumbnail .imgwrap {
        margin: 0 0 20px;
        max-width: 100%;
        float: none
    }

    .search .errorentry {
        padding: 0 20px
    }

    .search #content .searchform,.archive #content .searchform {
        width: 100%
    }

    .event_button {
        display: none
    }

    .page-header {
        padding: 30px 0 20px
    }

    body.page .page-header {
        padding: 50px 0 40px
    }

    .page-header img {
        width: 300%;
        max-width: 300% !important;
        left: -100%
    }

    .main-breadcrumbs {
        font-size: 11px
    }

    .comment-form-author,.comment-form-email,.comment-form-url,#post-nav,.postauthor {
        width: 100%
    }

    #respond textarea {
        width: 99.5%
    }

    .entry blockquote {
        margin: 5px 10px;
        padding: 0 20px !important
    }

    .scrollTo_top {
        right: 0;
        width: 100%;
        display: none !important
    }

    ul.social-menu li a {
        padding: 9px 8px 8px 21px
    }

    ul.social-menu li span {
        display: none
    }

    .events-table a.mainbutton {
        display: none
    }

    .grid_post {
        width: 50% !important
    }

    .grid_post:nth-child(3n+4),.grid_post:nth-child(4n+5) {
        clear: none !important
    }

    .grid_post:nth-child(2n+3) {
        clear: left !important
    }

    .grid_blogger.tmnf_columns_3>.item:nth-child(2n+3) {
        display: none
    }
}

@media only screen and (max-width: 595px) {
    #titles {
        padding:0 15px
    }

    #add-nav {
        display: none
    }

    #bottombar {
        max-height: none
    }

    #bottombar .social-menu {
        width: 100%;
        display: inline-block
    }

    #bottombar .social-menu li {
        float: left
    }

    #bottombar .social-menu li.search-item {
        float: right
    }

    .eleslideinside,.eleinside_Left .eleslideinside {
        left: 10%;
        width: 80%;
        top: 10%
    }

    .eleinside_Right .eleslideinside {
        right: 10%
    }

    .eleslideinside h3 {
        font-size: 7vw;
        margin-top: 5px
    }

    .wpm_eleslider .owl-dots {
        bottom: 0
    }

    .eleslideinside .su-button span {
        padding: 6px 8px !important
    }

    .eleslideinside .su-button span i {
        display: none
    }

    h2.archiv span.subtitle {
        max-width: 100%
    }

    .entryhead iframe {
        max-height: 200px
    }

    .post-previous,.post-next {
        width: 100%;
        margin-top: -1px;
        margin-left: 0;
        border-width: 1px 0
    }

    ul.related li {
        width: 50% !important
    }

    ul.related li:nth-child(4) {
        clear: left
    }

    .give-archive-item {
        width: 100%;
        float: none
    }

    .give-archive-item img {
        width: 100%
    }

    .give-archive-item:nth-child(2n+3) {
        clear: none
    }

    .events-table th,.events-table td {
        width: 100% !important;
        display: block !important;
        overflow: hidden
    }

    .events-table img {
        float: none;
        width: 100%
    }

    .events-table td {
        padding: 20px 0 !important
    }

    div.css-search div.em-search-field {
        display: block;
        width: 100%
    }

    div.css-search.has-search-geo.has-search-term input.em-search-text,div.css-search.has-search-geo.has-search-term input.em-search-geo {
        width: 80%
    }

    .post-pagination>p a {
        display: none
    }

    .page-link {
        margin: 5px 0 0;
        position: relative;
        width: 100%;
        left: 0
    }

    #footop h2 {
        font-size: 3vw !important
    }

    .error-titles h1 {
        margin: 20px 0
    }

    .error-search .searchform {
        margin: 30px auto 40px auto;
        width: 100%
    }

    .searchSubmit {
        width: 70px
    }
}

@media only screen and (max-width: 460px) {
    h1.entry-title,h2.archiv,.eleslideinside h2,h1.archiv,.eleslideinside h1 {
        font-size:45px !important
    }

    .front_post h3 {
        font-size: 20px !important
    }

    .blogger>.item {
        width: 100%
    }

    #titles {
        max-width: 55%
    }

    #titles img {
        max-width: 120px
    }

    .post-nav-image {
        display: none
    }

    #post-nav .post-nav-text {
        padding: 15px 0 20px
    }

    #post-nav .post-next .post-nav-text {
        text-align: left;
        float: left
    }
}

@media only screen and (max-width: 395px) {
    h1.entry-title,h2.archiv,.eleslideinside h2,h1.archiv,.eleslideinside h1 {
        font-size:38px !important
    }

    .grid_post {
        width: 100% !important
    }
}