@media all and (max-width: 1150px) and (min-width: 100px) {
    
    #cie_logo {
        position: relative;
        font-size: 27px;
    }
    
    
    body {
        overflow: initial;
        position: relative;
        padding: 0px;
        margin: 0px;
    }

    .projects-items a {
        font-weight: 600;
    }

    .home-posts.on-home {
        position: relative;
        top:80px;
        width: 100%;
        box-shadow: 0 0 black;
    }

    .content {
        /*position: unset;
        max-width: 100%;
        padding: 0px 10px;*/
       
    }

    .seo-section {
        text-align: left;
        margin-bottom:0px
    }

    .page-chome .content {
        position: unset;
    }

    .page-content.cie-projects .page-menu .visible, 
    .page-content.cie-projects .page-menu .no-thumb .item-img, 
    .page-content.cie-projects .page-menu .no-thumb {
        width: 100%;
    }

    .site-title {
        font-size: 7vh;
        width: 100%;
        line-height: 6.5vh;
        top:46%
    }

    .tag-line {
        font-size: 2.3vh;
        top:48%
    }

    .home-block-right img {
        width: 193vh !important;
        left: 50%  !important;
        top: 109%  !important;
        transform: translate(-50%, -100%) !important;
    }

    .home-blocks {
        left:0px
    }
    
    .home-big-button a {
        text-decoration: none;
    }

    .home-block.block-center {
        max-height: 110vh;
    }

    .page-foot .page-foot-pad {
        padding:100px 0px;
    }

    .building {
        display: none;
    }

    .mjpeg-holder .img-stream {
        background-size: 300%;
    }

    .page-foot .page-foot-pad .col {
        width: 72%;
        margin-bottom: 20px;
    }

    .home-block {
        max-height: 70vh;
    }

    .home-block-left {
        top: 45% !important
    }

    .home-block .home-block-title {
        width: 100%  !important;
    }

    .home-block .home-block-title h2 {
        font-size: 6vh !important;
        line-height: 6vh !important;
    }

    .home-block .home-block-title p {
        font-size: 2vh !important;
        line-height: 2vh !important;
    }

    .home-block .img-mask {
        opacity: .45 !important;
    }

    .tags .service-page-category-list, .projects-items .tags {
        bottom:68px
    }

    .home-blocks .home-block.block-center .home-block-left { 
        width: 100%;
    }

    .home-big-button {
        min-width: 53vw;
        text-align: center;
    }

    .home-projects-btn {
    }

    .all-categories-list {
        width: 100%;
        margin-top:20px
    }

    .extra-menu {
        right: 20px;
        top:31px;
    }

    .extra-menu.centered {
        top: 20px;
        margin-left: 16px;
        left: unset;
        right: -35px;
    }

    .page-content {
        left: 0%;
        position: relative;
        padding-right: 13px;
        padding: 0;
        background-color: #FFF;
        padding-top: 0px;
        margin-top: 110px;
        width: 100%;
    }

    #logo_27 {
        left: 0px;
        width: 100%;
        padding-top: 166px;
        text-align: center;
        position: absolute;
        z-index: -1;
    }

    #logo_27 img {
        width: 140px;
    }

    .page-content.cie-page {
        margin-top:250px;
    }

    #page_info {
        bottom: unset;
        right: -206px;
        top: -160px;
        position: absolute;
    }

    body.quote h1 {
        text-align: left;
        font-size: 40px;
        margin: 70px 0px 0px 0px;
    }

    .page-content .page-img-holder {
        padding:0px
    }

    .page-sub-title {
        margin-top:5px
    }

    .page-content.cie-page h1  {
        text-align: left;
        line-height: 38px;
        margin-left: 0px;
        max-width: 80%;
        margin-top: 0px;
        margin: 0% 0px 4% 3px;
    }

    .page-sub-title {
        position: fixed;
    }

    .page-content img, .page-content video {
        width: 100%;
    }

    .page-content h3 {
        margin-top:16px;
    }

    .page-content .page-desc {
        margin-bottom: 30px;
    }

    .page-content .page-img-holder {
        margin-bottom:0px
    }

    .page-content h1 {
        width: 100%;
        text-align: left;
        font-size: 8vh;
        margin: 65% 0px 8% 3px;
        text-transform: capitalize;
    }

    .home-posts a {
        border: 1px solid #efefef;
        display: inline-block;
        min-width: unset;
        min-height: unset;
        margin: 4px 4px;
        position: relative;
        width: 139px;
        height: 105px;
        width: 45%;
        height: 17%;
        max-width: 300px;
    }

    .home-posts.on-project a {
        margin:0px
    }

    .home-posts {
        top:unset;
        position: relative;
        left: 0px;
        right: 0px;
        transform: none;
        min-width: unset;
        width: 85%;
    }

    .all-categories-list .category-item {
        margin-bottom: 0px;
    }

    body.cie-site .page-content.cie-projects.service-page,
    body.cie-site .page-content.cie-projects.project-page {
        position: unset;
        top: unset;
        padding: unset;
        right: unset;
        overflow: unset;
        left: 0;
        transform: unset;
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top:40px;
    }

    .page-content.service-page {
        transform: unset !important;
        left: unset !important;
        position: absolute;
        padding-top: 0px !important;
        top: 21% !important;
    }

    .page-content.service-page h1 {
    }

    .page-content.service-page h2 {
        font-size: 13px;
        max-width: 98%;
        margin: 26px auto -11px auto;
        text-align: left;
    }

    .page-content.service-page.with-thumb {
        transform:  unset !important;
        margin-top: 20px;
    }

    .page-content.service-page.with-thumb .service-big-thumb {
        position: relative;
        width: 100%;
        height: 200px;
        margin: 20px auto 0px auto;
    }

    .home-posts.on-project {
        width: 100%;
    }


    .projects-items {
        display: inline-block;
        text-align: left;
        line-height: 22px;
        max-width: 650px;
        font-weight: 500;
        font-size: 9vw;
        margin: 0px 1px 62px;
        opacity: 1;
        padding-right: 0px;
        width: 100%;
        padding: 0px;
    }

    .all-categories-list .category-item {
        width: 100%;
        left: -10px;
    }

    .in-category-menu {
        display: none;
    }

    body.cie-site .page-content.cie-projects.page-content.service-page.in-category {
        width: 100% !important;
        transform: translate(0%, 0%) !important;
        left: unset !important;
        position: relative;
        padding-top: 90px !important;
        top: 41% !important;
        max-width: 1200px;
    }

    .page-content.service-page.in-category h1 {
        text-align: left;
        font-size: 35px;
    }

    .extra-menu .extra-menu-item {
        display: inline-block;
        margin: 0px 4px;
        font-size: 12px;
        font-weight: 600;
    }

    .extra-menu .extra-menu-item:last-child {
        margin-right:0px;
    }

    .extra-menu .extra-menu-item a {
        text-decoration: none;
    }

    .pad.home-text {
        top:58px;
        text-align: center;
    }

    .home-text h1 {
        font-size: 3vw;
        text-align: left;
        font-weight: normal;
        width: 100%;
        margin: 0 auto;
        line-height: 3vw;
        margin-bottom: 117px;
    }

    .projects-items h3 {
        font-weight: 500;
        font-size: 12px;
        margin: 7px 5px;
        opacity: 1;
    }

    .projects-items .item-img {
        padding:5vw 0px
    }

    .page-content .page-menu {
        padding: unset;
        width: 100%;
        text-align: center;
        margin-left: 0%;
        margin-bottom: 60px;
        margin-top:20px
    }

    .index-frame .pad {
        padding: 20px;
        transform: unset;
        position: relative;
        top: unset;
    }

    .pad.home-text .col15 {
        width: 0px;
    }

    .pad.home-text .col70 {
        width: 100%
    }

    .index-frame {
        position: relative;
        width: 100%;
        max-width: 2000px;
        margin: 0 auto;
    }

    #olins_logo {
        display: none;
    }
    .page-images {
        display:none;
    }

    #home-rotator {
        position:relative;
        max-height: 40%;
    }

    body.quote .page-content {
        padding-top: 0px;
        margin-top: 0px;
        width: 90%;
        top: 20%;
        transform: translate(-50%, 5%);
    }

    body.quote #category_cnc {

    }

    #category_cnc {
        display: none;
    }

    .page-content .page-img-holder {

    }

    #custom-simple-home .container h1 {
        font-size: 30px;
    }

    #custom-simple-home .container {
        width: 80%;
    }

    #custom-simple-home .container h2 {
        font-size: 18px;
        margin-top: 0px;
    }

    #custom-simple-home .container p {
        font-weight: bold;
        color: #000;
        line-height: 14px;
        border-top: 2px solid #000;
        padding: 10px;
        font-size: 14px;
        border-bottom: 2px solid #000;
        text-align: left;
        padding-left: 0px;
    }

    .featured-image-holder .append-js img {
        opacity: 0.5;
    }

    .notification-content {

    }

    .notification-content.noti-full {
        right: 20px;
        width: 94% !important;
        top: 20px !important;
        position: fixed !important;
        transform: unset !important;
        left: 10px !important;
        overflow-x: hidden !important;
        min-height: 94% !important;
    }

    .ui-notification .edits .col60,
    .ui-notification .edits .col40,
    .ui-notification .edit-rows .col60,
    .ui-notification .edit-rows .col40 {
        width: 100% !important;
    }

    .ui-notification .edit-rows .cus-select.no-icon input {
        
        width: 100%;
    }

    .ui-notification .edits {
        width: 95% !important;
        padding: 6px 4px;
    }

    .ui-notification .edits .title {
        min-height: 18px;
        margin-bottom: 7px;
    }

    .notification-content .notification-center .comments-links-share {
        width: 94% !important;
        margin: 10px 0px 10px 0px;
    }

    .notification-content .notification-center .ui-notification .inner-padding {
        padding: 11px
    }

    .ui-notification .edit-rows {
        padding: 13px 0px !important
    }

    .ui-notification .notification-msg {
        max-height: 79% !important;
        overflow-x: hidden;
    }

    .ui-notification .col-hold {
        width: 100% !important;
    }

    .extra-page-menu .menu-item {
        width: 36px !important;
    }
    .notification-content .left-column {
        width: 100%;
    }

    .ui-notification .right-column.edits {
        width: 100% !important;
        margin-top:10px;
    }
}