@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{
        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 {
        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;

   }

}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */