@media (max-width: 767px) {
    .header {
    }

        .header .header-logo {
            margin: 0 auto;
            margin-top: 10px;
        }

        .header .icon1,
        .header .icon2 {
            float: left !important;
            margin: 0 auto;
        }

        .header .header-links {
            display: inline-block;
        }

        .header .header-links-container {
            text-align: center;
        }

        .header .header-slideshow .title {
            position: initial;
            width: 100%;
            font-size: 16px;
            line-height: 30px;
            height: 55px;
            padding: 10px 15px 5px 15px;
        }

        .header #slideshowHeaderHomePage {
            border-top: 0;
            margin-top: 0;
        }

            .header #slideshowHeaderHomePage .carousel-indicators {
                bottom: 24px;
                width: 100%;
                bottom: 45px;
            }

                .header #slideshowHeaderHomePage .carousel-indicators li {
                    width: 10px;
                    height: 10px;
                    margin: 1px;
                    border-radius: 10px;
                }

                .header #slideshowHeaderHomePage .carousel-indicators .active {
                    width: 12px;
                    height: 12px;
                }

        .header .main-menu {
            width: 100%;
            height: auto;
        }

            .header .main-menu > .menu-item {
                text-align: left;
                width: 100%;
            }

                .header .main-menu > .menu-item > span > i {
                    float: right;
                }

    .nav-responsive {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .nav-responsive > li {
            border-bottom: 1px solid #dcdcdc;
        }

    .menuResponsiveContainer {
        background: #fff;
        padding-bottom: 5px;
        border-bottom: 1px solid #4f4f4f;
    }

    .navbar-inverse .nav-responsive > li > a,
    .navbar-inverse .nav-responsive > li > a:hover {
        color: #505050;
    }

    .navbar-nav {
        float: left;
        width: 100%;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #4f4f4f;
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            color: #4f4f4f;
        }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-nav > li > a {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .navbar-nav .dropdown {
        background: #2556a2;
    }

        .navbar-nav .dropdown > .dropdown-toggle {
            color: #fff;
        }

    .navbar-nav .open {
        background: #2556a2;
    }

    .nav-responsive li a .fa-caret-right,
    .nav-responsive li a .fa-caret-down {
        margin-left: -10px;
    }

    .nav-responsive li a span {
        margin-left: 5px;
    }

    .nav-inside {
        background: #FFF;
    }

        .nav-inside li {
            padding: 0;
        }

    .navbar-nav > li > a {
        margin: 0;
        font-size: 1em;
    }

    .nav-inside > li:first-child > a,
    .nav-inside > li:first-child > a:hover {
        color: #2556a2;
        background: #f0f0f0;
    }

    .oneSubmenu .nav-inside > li:first-child > a {
        font-weight: normal;
        color: #505050;
    }

    a.responsiveMenuSearchButton {
        display: inline;
    }

    .responsiveMenuButton .remove-icon {
        font-size: 20px;
        color: #fff;
        margin-left: 5px;
        margin-left: 42px;
        display: none;
    }

    .openMenu {
        background-color: #505050 !important;
    }

        .openMenu .remove-icon {
            display: block;
        }

        .openMenu .icon-bar {
            display: none;
        }

    .insideMenuContainer {
        background: #FFF;
    }

        .insideMenuContainer .researchSectionItemsContainer {
            padding-top: 10px;
            background: #FFF;
        }

    .fullWidthContainer {
        margin-top: 20px;
    }
    /*.nav-inside > li:first-child > a:hover {
        color: #2556a2;
    }*/

    .firstLevelMenu {
        background: #505050;
    }

    .navbar-inverse .firstLevelMenu > li > a,
    .navbar-inverse .firstLevelMenu > li > a:hover {
        color: #FFF;
    }

    .linkNavbar {
        padding: 13px 0 0 10px;
        float: right;
    }

        .linkNavbar img {
            height: 35px;
        }

    .smallMenu {
        display: block;
        position: fixed;
        top: 0;
        background: #2556a2;
        width: 100%;
        z-index: 99;
    }

        .smallMenu .linkNavbar {
            display: none;
        }

        .smallMenu .navbar-toggle {
            margin-top: 5px;
            padding: 6px 10px;
            width: 90px;
            margin-right: 3px;
        }

    .openedMenu {
        display: none;
    }

    .quickLinksMenu {
        display: block;
        background: #505050;
    }

        .quickLinksMenu .quicklinks {
            float: none;
        }

            .quickLinksMenu .quicklinks .col-xs-2, .quickLinksMenu .quicklinks .col-xs-3 {
                color: #fff;
                height: auto;
                padding-top: 7px;
                margin-top: 5px;
                margin-bottom: 5px;
                text-align: center;
                border-right: 1px solid #FFF;
            }

                .quickLinksMenu .quicklinks .col-xs-2:last-child, .quickLinksMenu .quicklinks .col-xs-3:last-child {
                    border-right: 0;
                }

            .quickLinksMenu .quicklinks img {
                margin: 0px 2px 0 2px;
                width: 19px;
                padding-bottom: 3px;
            }

            .quickLinksMenu .quicklinks span {
                font-size: 9px;
                display: block;
                margin: 0;
                width: auto;
                text-align: center;
            }

    .bannerBasePage {
        border-top: 0;
        margin-top: 0;
    }

    /*HIGHLIGHTS*/
    .containerRightColumn {
        border-left: 0;
    }

    .highlightItem .highlightImageContainer {
        width: 40%;
        min-width: 210px;
        margin-right: 15px;
        float: left;
    }

    .highlightItem img {
        padding-bottom: 0;
        width: 100%;
    }

    .highlightItem {
        height: auto;
        margin-bottom: 10px;
    }

        .highlightItem span {
            font-size: 14px;
        }

        .highlightItem p {
            font-size: 16px;
        }

        .highlightItem h5 {
            font-size: 22px;
        }

    .highlightLink .highlightImageContainer {
        padding-bottom: 0;
    }

        .highlightLink .highlightImageContainer img {
            margin-bottom: 0;
        }

    .highlightLink h3 {
        margin-top: 5px;
    }

    .highlightLink {
        padding-bottom: 5px;
    }

    /* END HIGHLIGHTS*/

    /*Left Column*/
    .leftColumnContainer {
        margin: 20px 1%;
        width: 48%;
        float: left;
    }

    /* End Left Column*/

    /* research sections / next deadlines / visit ICTP*/

    .researchSectionItem,
    .visitIctpItem,
    .nextDeadlineItem,
    .sponsors-container .sponsor {
        padding: 5px 15px;
    }

    .nextDeadlineItem {
        margin-top: 15px;
    }

    .sponsors-container > .col-xs-12 {
        width: 33.33333%;
    }

    .sponsors-container .sponsor {
        padding: 0;
    }

    .researchSectionItemsContainer .col-xs-12,
    .nextDeadlinesContainer .col-xs-12,
    .visitIctpItemsContainer .col-xs-12 {
        width: 50%;
    }


    /* END research sections / next deadlines / visit ICTP*/

    .multimediaContainer .col-xs-12 .salamButton,
    .multimediaContainer .col-xs-12 .ictpButton {
        width: 49%;
        float: left;
        padding-top: 27px;
        padding-left: 80px;
        max-width: none;
        height: 95px;
    }

    .multimediaContainer .col-xs-12 .salamButton {
        margin-right: 1%;
    }

    .multimediaContainer .col-xs-12 .ictpButton {
        margin-left: 1%;
    }

    .multimediaGalleryDescription {
        min-height: 30px;
        max-height: 50px;
        font-size: 13px;
        display: block;
    }

    .multimediaCarousel .carousel-indicators {
        bottom: -40px;
    }

    .multimediaContainer {
        margin-bottom: 55px;
    }

    #carousel-multimedia-home {
        margin-top: 50px;
    }

    .breadcrumb {
        margin: 0 10px;
    }

    .about-ictp-swatches.first {
        margin-top: 0;
    }

    .about-ictp-swatch {
        margin: 0 0 20px 0;
    }

        .about-ictp-swatch > .bordered-swatch p {
            height: 110px;
        }

    .containerRightColumn.borderless {
        margin-top: 25px;
        padding: 0 20px 0 20px;
    }

    .containerRightColumn.paddingZero {
        padding: 0;
    }

        .containerRightColumn.paddingZero .page-title {
            padding-left: 10px;
        }

    .side-links > li.header,
    .side-links > li > a {
        padding: 5px 10px;
    }

    .side-links.first {
        margin-top: 50px;
    }

    .full-width-page {
        margin: 20px;
    }

    /*.contacts-swatch {
        float: left;
    }*/

    .page-image {
        margin: 0 0 20px 0;
    }

    .page-section-block-border-top {
        margin: 20px 0;
    }

    .seminar-row-header {
        text-align: left;
        border-bottom: solid 2px #ff8200;
    }

    .seminar-row .seminar-label {
        float: left;
        margin-top: 3px;
        margin-bottom: 0;
    }

    .seminar-row .seminar-date {
        float: left;
        margin: 0 10px 0 15px;
    }

    .seminar-row .seminar-location {
        float: left;
        margin: 2px 0 0 15px;
    }

    .seminar-row .seminar-category {
        margin-top: 2px;
    }

    .bordered-swatch.bordered-swatch-seminar {
        border-left: none;
        padding: 5px 0;
    }

    .degree-programme-table {
        margin-right: 0;
    }

        .degree-programme-table > .row > div {
            padding: 0;
        }

            .degree-programme-table > .row > div.programme-label {
                text-align: left;
                font-weight: bold;
                padding-bottom: 10px;
            }

    .research-swatch {
        width: 50%;
    }

        .research-swatch.clear-sm {
            clear: none;
        }

        .research-swatch.clear-xs {
            clear: both;
        }

        .research-swatch.pin-left-3 .research-swatch-content {
            margin-left: 10px;
        }

        .research-swatch.pin-right-3 .research-swatch-content {
            margin-right: 10px;
        }

        .research-swatch.pin-left-2 .research-swatch-content {
            margin-left: 0;
        }

        .research-swatch.pin-right-2 .research-swatch-content {
            margin-right: 0;
        }

    .research-container-margin {
        margin-left: 15px;
        margin-right: 15px;
    }

    .picture-galleries-row {
        margin: 0;
    }

    .picture-galleries-item {
        margin: 20px 0;
    }

    .media-highlights-row {
        margin: 0;
    }

    .hecap-member-row {
        margin: 0;
    }

        .hecap-member-row > div {
            margin: 10px 0;
        }

    .title-and-description-404 {
        margin: 0 20px;
        text-align: center;
    }

    .code-and-description-404 {
        margin: 40px 0;
        text-align: center;
        width: 100%;
    }

    .programme-col {
        width: 50%;
    }

    .member-details-text-container {
        width: 100%;
    }

    .member-details-image-container {
        width: 100%;
    }

    .hecap-news-item.right-4 > div {
        margin-right: 10px;
    }

    /*.hecap-news-item {
        width: 50%;
    }*/

    .hecap-news-item.left-2 > div {
        margin-left: 0;
        clear: both;
    }

    .hecap-news-item.right-2 > div {
        margin-right: 0;
    }

    .archive-menu,
    .filter-by-keyword-menu,
    .filter-by-date-menu {
        margin-top: 0;
        margin-left: 10px;
        margin-right: 10px;
    }

    .video-frame {
        width: 100%;
    }

    .media-highlights-row > .media-highlights-item {
        width: 50%;
    }

        .media-highlights-row > .media-highlights-item.left-3 {
            clear: none;
        }

            .media-highlights-row > .media-highlights-item.left-3 > div,
            .media-highlights-row > .media-highlights-item.right-3 > div {
                margin: 10px;
            }

        .media-highlights-row > .media-highlights-item.left-2 {
            clear: both;
        }

            .media-highlights-row > .media-highlights-item.left-2 > div {
                margin-left: 0;
            }

        .media-highlights-row > .media-highlights-item.right-2 > div {
            margin-right: 0;
        }

    /* view all highlights*/

    .all-highlights-container .border-right-gray {
        border: 0;
    }

    .all-highlights-container .all-highlights-media .all-highlights-item .all-highlights-item-description {
        padding: 7px 0;
        height: 70px;
    }

    #news-carousel .owl-pagination {
        display: none;
    }

    #news-carousel .owl-buttons {
        display: block;
        margin: 0 0 20px 0;
    }
}

/*Bootstrap.theme.css  */
@media (max-width: 767px) {
    .header-logo {
        padding: 10px;
    }

    .navbar-inverse {
        background: #2556a2;
        border-color: #2556a2;
    }

        .navbar-inverse .navbar-toggle,
        .navbar-inverse .navbar-toggle {
            background: #2556a2;
            border-color: #FFF;
        }

            .navbar-inverse .navbar-toggle:hover,
            .navbar-inverse .navbar-toggle:focus {
                background: #2556a2;
                border-color: #FFF;
            }

        .navbar-inverse > .container-fluid > .collapse.navbar-collapse {
            margin: 0;
            padding: 0;
        }

    .container-fluid > .navbar-collapse {
        margin: 0;
    }

    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }

    .all-highlights-container .all-highlights-media .all-highlights-item a .all-highlights-videoplay {
        font-size: 5em;
    }

    .owl-pagination {
        display: none;
    }

    .page-body img {
        width: 100%;
        height: auto;
    }

    .page-body .contact-info img {
        width: auto;
        height: auto;
    }

    /* Library page*/

    .news-widget-library {
        margin-left: 0;
    }

    .subsiteHomeQuicklinksOuterWrapper {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .suggestionFormContainer {
        margin-top: 30px;
    }

    .search-library-container input {
        font-size: 12px;
        padding: 6px 10px;
        width: 70%;
    }

    .suggestionFormContainer .page-section-title {
        font-size: 20px;
        margin: 0;
    }

    .suggestionFormContainer .form-box {
        margin: 0;
    }

    .search-library-container {
        text-align: left;
    }

    .input-library-container {
        display: inline-block;
        width: 100%;
    }

    .library-advanced-search {
        margin: 0;
        margin-top: 4px;
        text-align: left;
        display: block;
        width: 50%;
        font-size: 14px;
    }

    .insideNewArrival {
        border: 0;
    }
    /* END Library page*/

    /* Library eResources page*/

    .resourceLeftIcons {
        width: 6%;
        margin-right: 0;
    }

    .resourceLegendsRightContent,
    .resourceRightContent {
        width: 94%;
    }

    .withoutLeftIcons {
        margin-left: 6%;
    }

    /* END Library eResources page*/


    .sitemap .sitemap-column {
        width: 50%;
    }
}

@media (max-width: 550px) {
    .form-box-requestArticle {
        max-width: 100%;
        float: none;
    }
}