#unesco-izum-home {
    height: 250px;
    margin-bottom: 20px;
}

@media (max-width:1199px) {
    canvas {
        max-width: 100%;
        height: auto!important
    }
    #unesco-izum-home {
        height: 250px;
        margin-bottom: 15px;
        margin-top: 30px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #wrapper {
        width: 1000px
    }
}

@media (max-width:991px) {
    #wrapper {
        width: 100%;
        margin: 0;
        box-shadow: none
    }
    #header.full-header .container {
        padding: 0 15px!important;
        margin: 0 auto;
        width: 750px!important
    }
    #header,
    #header-wrap {
        height: auto!important
    }
    #header.transparent-header {
        background: #FFF;
        border-bottom: 1px solid #F5F5F5;
        z-index: auto
    }
    #header.dark.transparent-header {
        background-color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
    #header.transparent-header+#page-title.page-title-parallax,
    #header.transparent-header+#slider {
        top: 0;
        margin-bottom: 0
    }
    .slider-parallax .slider-parallax-inner {
        position: relative
    }
    #header.transparent-header+#page-title.page-title-parallax .container {
        padding-top: 0
    }
    #logo,
    #primary-menu>ul {
        border: 0!important;
        padding: 0!important
    }
    #logo {
        display: block;
        height: 100px;
        float: none;
        margin: 0 auto!important;
        max-width: none;
        text-align: center
    }
    #logo a.standard-logo {
        display: inline-block
    }
    #primary-menu {
        display: block;
        float: none
    }
    #primary-menu-trigger {
        opacity: 1;
        pointer-events: auto;
        top: 25px;
        margin-top: 0;
        left: 0;
        z-index: 1
    }
    #primary-menu>ul {
        display: none;
        float: none!important;
        margin: 0!important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
    body:not(.top-search-open) #primary-menu-trigger {
        opacity: 1;
        -webkit-transition: opacity .2s .2s ease, top .4s ease;
        -o-transition: opacity .2s .2s ease, top .4s ease;
        transition: opacity .2s .2s ease, top .4s ease
    }
    #primary-menu ul li {
        float: none;
        margin: 0!important;
        text-align: left!important;
        border-top: 1px solid #EEE
    }
    #primary-menu ul li:first-child {
        border-top: 0
    }
    #primary-menu ul>li>a {
        padding: 14px 5px!important;
        border: none!important;
        margin: 0!important
    }
    #primary-menu ul ul:not(.mega-menu-column) {
        position: relative;
        width: auto;
        max-width: none;
        background: 0 0!important;
        box-shadow: none;
        border: 0;
        border-top: 1px solid #EEE;
        z-index: 1;
        top: 0;
        padding-left: 15px
    }
    #primary-menu ul ul li {
        float: none;
        margin: 0;
        border-top: 1px solid #EEE
    }
    #primary-menu ul ul li>a {
        padding: 11px 5px!important;
        font-size: 13px;
        text-transform: none;
        font-weight: 400
    }
    #primary-menu ul ul li:hover>a {
        background-color: transparent!important;
        font-weight: 400;
        padding-left: 5px;
        color: #1ABC9C
    }
    #top-cart {
        position: absolute;
        top: 0;
        left: auto;
        right: 15px;
        margin: 40px 0;
        -webkit-transition: margin .4s ease;
        -o-transition: margin .4s ease;
        transition: margin .4s ease
    }
    body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap {
        position: relative!important;
        top: 0!important
    }
    #page-submenu-trigger {
        opacity: 1;
        pointer-events: auto;
        color: #FFF
    }
    #page-menu.pagemenu-active #page-submenu-trigger {
        background-color: rgba(0, 0, 0, 0.2)
    }
    #page-menu nav {
        display: none;
        position: absolute;
        float: none;
        width: 200px;
        top: 43px;
        left: auto;
        right: 15px;
        height: auto;
        background-color: #1ABC9C;
        z-index: 11
    }
    #page-menu.pagemenu-active nav {
        display: block
    }
    #page-menu nav ul {
        height: auto;
        background-color: rgba(0, 0, 0, .2)
    }
    #page-menu nav li {
        float: none
    }
    #page-menu nav li a {
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0 15px;
        border-radius: 0
    }
    .sticky-responsive-menu #header {
        min-height: 100px;
        -webkit-transition: min-height .4s ease;
        -o-transition: min-height .4s ease;
        transition: min-height .4s ease
    }
    .sticky-responsive-menu #header-wrap {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .portfolio .portfolio-item {
        width: 33.33333333%
    }
    #unesco-izum-home {
        height: 225px;
        margin-bottom: 10px;
        margin-top: 5px;
    }
}

@media (max-width:767px) {
    #page-title .breadcrumb {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 15px 0 0 !important
    }
    #copyrights .col_halfxx,
    #page-title {
        text-align: center
    }
    #copyrights .col_halfxx:last-child,
    .portfolio-shuffle {
        display: none
    }
    body {
        padding: 0!important
    }
    #wrapper {
        width: 100%!important
    }
    h1 {
        font-size: 28px
    }
    h3 {
        font-size: 20px
    }
    h4 {
        font-size: 16px
    }
    .col_full,
    .col_half,
    .col_one_fourth,
    .col_one_third {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 50px!important
    }
    #page-title {
        padding: 20px 0 25px
    }
    #page-title h1 {
        line-height: 1.5;
        font-size: 24px
    }
    .portfolio-filter {
        border: none;
        border-radius: 0;
        margin-bottom: 20px
    }
    .portfolio-filter li {
        width: 33.33%;
        margin: 0 0 20px!important
    }
    .portfolio-filter li a {
        text-align: center;
        border-left: none;
        padding: 12px 18px!important;
        border-radius: 2px!important
    }
    .portfolio-filter li a:hover {
        color: #1ABC9C
    }
    .portfolio-filter li.activeFilter a {
        color: #FFF;
        margin: 0
    }
    .tabs-responsive .tab-container {
        padding: 0!important
    }
    .tabs-responsive .tab-container:not(.accordion-border) {
        border: 0
    }
    .heading-block h1 {
        font-size: 30px
    }
    .heading-block h1+span {
        font-size: 20px
    }
    #unesco-izum-home {
        height: 220px;
        margin-bottom: 0;
    }
}

@media (min-width:480px) and (max-width:767px) {
    #header.full-header .container,
    .container {
        width: 470px!important
    }
    .portfolio:not(.portfolio-1) {
        margin: 0 -6px -6px 0
    }
    .portfolio:not(.portfolio-1) .portfolio-item {
        padding: 0 6px 6px 0;
        width: 50%
    }
    .portfolio:not(.portfolio-1) .portfolio-desc {
        padding: 15px 5px 10px
    }
    .portfolio:not(.portfolio-1) .portfolio-desc span {
        font-size: 14px
    }
}

@media (max-width:479px) {
    #header.full-header .container,
    .container {
        width: 310px!important
    }
    #top-cart {
        display: none
    }
    .portfolio-filter li {
        width: 50%
    }
    .portfolio:not(.portfolio-1) {
        margin: 0
    }
    .portfolio .portfolio-item {
        width: 100%
    }
    #unesco-izum-home {
        height: 210px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    #logo a.standard-logo {
        display: none
    }
    #logo a.retina-logo {
        display: block
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:991px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991px),
only screen and (min-device-pixel-ratio:2) and (max-width:991px),
only screen and (min-resolution:192dpi) and (max-width:991px),
only screen and (min-resolution:2dppx) and (max-width:991px) {
    #logo a.standard-logo {
        display: none
    }
    #logo a.retina-logo {
        display: inline-block
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .sidebar {
        width: 210px
    }
    .postcontent {
        width: 690px
    }
    #slider h1 span {
        line-height: 1.12em !important;
        font-size: 26px !important
    }
}

@media (max-width: 991px) {
    .postcontent,
    .postcontent.bothsidebar,
    .sidebar {
        width: 100%;
        margin-right: 0;
        float: none !important;
        margin-bottom: 40px !important;
        padding-bottom: 40px;
        border-bottom: 1px solid #eee
    }
    #slider h1 span {
        line-height: 1.12em !important;
        font-size: 20px !important
    }
    .heading-block h1+span {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .postcontent,
    .postcontent.bothsidebar,
    .sidebar,
    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 50px !important
    }
    #slider h1 span {
        line-height: 1.12em !important;
        font-size: 19px !important
    }
}