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

.site-brand .logo, .CL-site-identity {
    width: 100% !important;
}

.CL-template-image {
    text-align: center;
    position: relative !important;
    margin: 0 auto;
}

.textwidget {
    max-width: 320px;
    margin: 0 auto;
}

.site-brand .header-widgets .widget { 
	border:0;
	padding:0;
	margin-bottom: 0;
}

.header-widgets {
    padding: 0 0 10px 0;
}

#logo {
    margin-top: 10px;
}

.CL-position-location {
    width: 100% !important;
    text-align: center;
}

#top-navigation .CL-menu-level-0 {
    float: none;
    text-align: center;
    width: 100%;
}

#top-navigation ul li {
    float: none;
    list-style-type: none;
    text-align: center;
    display: inline-block;
}

.CL-language-switch {
    width: 100%;
}

.header {
    z-index: 0;
}

#header.upscrolled {
    opacity: 0;
}

.site-brand .header-widgets, .widget_text {
    width: 100% !important;
}

.site-brand .header-widgets .widget {
    display: block;
}

.block-style-six .CL-box-subtitle,
.block-style-six .CL-box-title {
    text-align: center;
}

.header-widgets .CL-language-switch {
    margin: 0 auto;
    width: 100%;
}

.footer-widgets .CL-portlet{
    padding-top:10px;
}


}

@media screen and (min-width: 746px) {
    #navButton .toggle::before {
    top: 9px;
}

}

.admin-title {
    display: none;
}

.four_content {
    background: #FFF;
    padding: 20px;
    display: inline-block;
}

.four_content_wrapper {
    margin-top: -60px;
    display: block;
    z-index: 1;
    position: relative;
    background: #FFF;
    padding: 5px;
}

.four_content_wrapper .CL-box-subtitle {
    color: #777777;
}

/* sidebar navigation */
.CL-parent-menu ul {
    display: none;
}

.CL-parent-menu.sidebar-parent-show > ul {
    display: block;
}

.sidebar .CL-parent-menu::before,
.sidebar .CL-parent-menu .sidebar-parent-show::before {
    content: '\f0dd';
    font-family: FontAwesome;
    font-size: 15px;
    padding: 5px 5px 0 5px;
    position: relative;
    top: -3px;
}

.CL-article-column {
    min-height: 0.1px;
}

.position-padding {
    padding: 0;
}

@media screen and (max-width: 980px) {
    .header {
    position: relative;
    width: 100%;
    height: 50px;
}
}

@media screen and (max-width: 766px) {
    .block-style-nine .CL-box-content-image {
        margin: 0 auto;
        position: absolute;
        left: calc(50% - 100px);
    }

    .block-style-nine .profile-text {
        padding-top: 200px !important;
    }
}