/*************************************************/
/*  Responsive Styles for Mobile / iPad devices  */
/*************************************************/

@media (min-width: 768px) {
    .node-type-static-pages .content-module-wrapper {
        width: 30.33333%;
    }
}

/* START - Temp Code for Info-graphics - Desktop */
.page-carouselviewall .mfp-iframe-holder .mfp-content iframe,
.page-wbg-home .mfp-iframe-holder .mfp-content iframe {
    box-shadow: none;
    background: transparent;
}
/*
@media (min-width: 769px) {
    .page-wbg-home .mfp-wrap.mfp-ready {
        overflow: hidden;
    }
    .page-wbg-home .mfp-iframe-holder .mfp-content {
        transform: scale(.8,.8);
        height: 111%;
    }
}*/
/* END - Temp Code for Info-graphics - Desktop */

/*********** START - iPad ***********/
@media screen and (min-width: 768px) and (max-width: 992px) {
    /* START - Landing Page */
    /*
    .page-node #carousel-dates .carousel-inner .item .date {
        width: 33%;
    }
    */
    /* END - Landing Page */
    
    /* START - Search Box Alignment */
    .navbar.navbar-default {
        height: auto;
    }
    .chosen-container-single .chosen-single div b {
        background: url("../images/chosen-sprite.png") no-repeat 0 2px !important;
    }
    /* END - Search Box Alignment */
    
    /* START - Calendar Page */
    .page-calendar-view #calendar-filter .sort-wrapper label,
    .page-calendar-day-view #calendar-filter .sort-wrapper label,
    .page-calendar #calendar-filter .sort-wrapper label {
        display: none;
    }
    /*
    .page-calendar-view #calendar-filter .filters-container .form-control,
    .page-calendar-day-view #calendar-filter .filters-container .form-control,
    .page-calendar #calendar-filter .filters-container .form-control {
        height: 28px !important;
    }
    */
    /* END - Calendar Page */
    
    /* START - Navigation Search Button / Popup */
    .olcheader nav.navbar .navbar-header #nav-search-mobile,
    .olcheader nav.navbar #olc-navbar-search {
        display: none !important;
    }
    /* END - Navigation Search Button / Popup */
    
    /* START - Home page 3 boxes */
    .page-wbg-home .content-wrapper div.org-feature .org-feature-module {
        height: 550px !important;
    }
    /* END - Home page 3 boxes */
    
    /* START - Home Page First Slider */
    /*.olcslider.olcslider-home .royalSlider .rsOverflow .rsSlide img {
        width: 100% !important;
        height: auto !important;
    }
    .olcslider.olcslider-home h4 {
        font-size: 18px;
    }
    .olcslider.olcslider-home .caption {
        font-size: 12px;
    }
    .olcslider.olcslider-home .rsDefault .rsGCaption {
        padding: 10px 18%;
    }*/
    /* END - Home Page First Slider */
    
    /* START - Home Page Second Slider - removeing extra elements */
    .page-wbg-home .carousel .carousel-inner .item article {
        width: 50%;
    }
    .page-wbg-home .carousel .carousel-inner .item article:nth-of-type(5),
    .page-wbg-home .carousel .carousel-inner .item article:nth-of-type(6) {
        display: none;
    }
    /* END - Home Page Second Slider - removeing extra elements */
    
    /* START - Related Content */
    .page-node #related-content {
        padding: 15px;
    }
    .page-node #related-content .related-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .page-node #related-content .related-content .view-all-content {
        font-size: 9px;
    }
    /* END - Related Content */
    
    /* START - Filter Date Field alignment */
    /*
    .page-calendar .view-filters #edit-field-tc-sessions-field-session-schedule-value-1-wrapper input,
    .page-calendar .view-filters #edit-field-tc-sessions-field-session-schedule-value2-wrapper input,
    .page-calendar-view .view-filters #edit-field-tc-sessions-field-session-schedule-value-1-wrapper input,
    .page-calendar-view .view-filters #edit-field-tc-sessions-field-session-schedule-value2-wrapper input,
    .page-wbg-academy .view-filters #edit-field-tc-sessions-field-session-schedule-value-wrapper input,
    .page-wbg-academy .view-filters #edit-field-tc-sessions-field-session-schedule-value2-wrapper input {
        height: 28px !important;
        font-size: 10px;
    }
    .page-calendar #edit-field-tc-sessions-field-session-schedule-value-value-inside-wrapper .container-inline-date > .form-group,
    .page-wbg-academy #edit-field-tc-sessions-field-session-schedule-value-value-inside-wrapper .container-inline-date > .form-group {
        margin-bottom: 15px;
    }
    */
    /* END - Filter Date Field alignment */
    
    .page-node .content-details .content-secondary .module.kn-view-download a.btn.btn-primary {
        padding: 6px 8px;
    }
    
    /* START - Edit Profile */
    /*
    .page-user-edit .learning-preference > div,
    .page-user-edit .profile-info > div {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .page-user-edit .profile-info .info-cell:first-child {
        width: 46%;
    }
    .page-user-edit .user-image-group {
        width: 35%;
    }
    .page-user-edit .user-img-fields {
        width: 65%;
    }
    */
    /* END - Edit Profile */
    
    /* START - Edit Profile */
    .page-user #profile > .col-xs-12.profile-personal {
        padding: 0 !important;
    }
    .page-user .profile-data > div {
        margin: 10px 0;
    }
    .page-user #learning-preferences .profile-data > div {
        width: 100%;
    }
    .page-user .popover-content .input-profile {
        float: left;
    }
    .page-user .nav.profile-tabs>li>a, .page-leader-board .nav.profile-tabs>li>a {
        padding: 7px 15px;
    }
    .page-user .nav.profile-tabs>li.active>a, .page-leader-board .nav.profile-tabs>li.active>a {
        background-color: #eee;
        border: none;
    }
    /* END - Edit Profile */
    
    /* START - Tooltip contact us popup */
    .tooltip {
        display: none !important;
    }
    /* END - Tooltip contact us popup */
    
    /* START - Navigation */
    #olc-navbar .nav.user-box > li.social-icons-top {
        display: none;
    }
    #olc-navbar .nav.user-box {
        top: -212px;
    }
    /* END - Navigation */
    
    /* START - Search Page */
    .page-search #edit-search-full-text-radios-wrapper #edit-search-full-text-radios .form-item-search-full-text-radios {
        display: block;
    }
    /* END - Search Page */
    
    /* START - Ministry Logo Alignment */
    .olcheader .header-container .header-primary a {
        display: table;
    }
    /* END - Ministry Logo Alignment */
    /* START - Detail page - Social Share Icons */
    .page-node .social-share-links .flag-wrapper .flag .flag-image.flagged:hover {
        background-position: 0px -2px;
    }
    .page-node .social-share-links .flag-wrapper .flag .flag-image.unflagged:hover {
        background-position: 21px -2px;
    }
    /* END - Detail page - Social Share Icons */
    
    /* START - Navigation */
    .olcheader #olc-navbar ul.menu.nav li a {
        padding: 5px 6px;
        font-size: 12px;
    }
    .chosen-container-single .chosen-single span {
        margin-right: 0;
        font-size: 12px;
    }
    #block-portal-blocks-header-search-block .search-menu {
        min-width: 17rem;
    }
    .chosen-container-single .chosen-single {
        width: 103px;
        margin-top: 2px;
    }
    .chosen-container-single .chosen-single div {
        width: 16px;
    }
    #block-portal-blocks-header-search-block .search-menu .slide-in-toggle {
        margin: 3px 3px 0;
    }
    .region.region-header {
        margin-bottom: -5px;
    }
    /* END - Navigation */
    
    /* START - Pagination */
    .pagination-numbers>li>a, .pagination-numbers>li:first-child>a, .pagination-numbers>li:first-child>span {
        padding: 2px 7px;
    }
    /* END - Pagination */
    
    /* START - Filters */
    .view-filters .dropdown-menu.open ul li a {
        white-space: normal;
    }
    /* END - Filters */
    
    /* START - MOOCS Page */
    .page-node.node-type-moocs .content-summary iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 450px;
    }
    /* END - MOOCS Page */
    
    /* START - Advanced Search - Added styles to activate the document click event */
    p, div, header, h1, h2, h3, h4, h5, article, img, span, section {
        cursor: pointer;
    }
    /* END - Advanced Search - Added styles to activate the document click event */
    
    /* START - Temp image size for article */
    .page-wbg-home .content-module img {
        height: 180px;
    }
    .content-module img {
        height: 130px;
    }
    /* END - Temp image size for article */
    
    /* START - Sector Week */
    .page-node .sector-week-content .sector-week-schedule .schedule-learning .week-tab ul {
        width: 92%;
        margin-left: 4%;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .navigations a.day-nav-left {
        margin-left: 0px;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .navigations a.day-nav-right {
        margin-right: 0px;
    }
    /* END - Sector Week */
}
/*********** END - iPad ***********/

/*********** START - iPhone ***********/
@media screen and (min-width: 320px) and (max-width: 767px) {
    /* START - Calender List Page Table */
    .page-calendar .view-calendar .view-content {
        width: 100%;
        overflow-y: scroll;
    }
    /* END - Calender List Page Table */
    
    /* START - Collapse Bar Common */
    .filter-mobile-bar {
        border: none;
        margin: 20px 0 0 0;
    }
    .filter-mobile-bar .navbar-toggle.glyphicon.glyphicon-minus {
        background: #000;
        text-transform: uppercase;
    }
    /* END - Collapse Bar Common */
    
    /* START - Filters */
    .view-filters .views-exposed-form.filterform .views-exposed-widgets.clearfix {
        overflow: visible;
    }
    .view-filters .dropdown-menu.open {
        width: 100%;
    }
    .view-filters .dropdown-menu.open ul li a {
        white-space: normal;
    }
    .view-filters .filters-container .date-padding,
    .view-filters .filters-container .form-group {
        width: 100%;
    }
    .view-filters .filters-container .date-padding > div.form-group {
        margin-bottom: 0;
    }
    .view-filters .views-exposed-form.filterform {
        background: #f2f2f2;
    }
    .view-filters .filters-container .date-padding input {
        width: 100% !important;
    }
    .view-filters .filters-container .form-control .btn {
        height: 100%;
    }
    .view-filters #active-filters {
        margin: 20px 0 15px 0;
        padding: 0;
    }
    .view-filters #active-filters #display-active-filters {
        padding: 0 0 15px 0 !important;
    }
    .view-filters .sort-wrapper {
        background: #f2f2f2;
        padding: 10px !important;
        margin: 10px 0;
    }
    .page-calendar-view .view-filters .sort-wrapper {
        display: none !important;
    }
    .view-filters .sort-wrapper #sort-by .btn-group {
        display: block;
    }
    .view-filters .sort-wrapper #sort-by .btn-group .btn {
        height: 100%;
    }
    .page-calendar .view-filters .sort-wrapper .view-by {
        float: none;
    }
    .page-calendar-view .view-filters .sort-wrapper .view-by {
        text-align: left;
    }
    .page-calendar-view .view-filters .sort-wrapper .view-by > .form-group > .btn-group,
    .page-calendar .view-filters .sort-wrapper .view-by > .form-group > .btn-group {
        width: 100%;
        max-width: 100% !important;
    }
    .view-filters .sort-wrapper label {
        display: block;
    }
    .view-content article {
        padding: 0;
    }
    .page-wbg-talks .views-exposed-form.filterform .navbar-collapse,
    .page-calendar-view .views-exposed-form.filterform .navbar-collapse,
    .page-calendar .views-exposed-form.filterform .navbar-collapse {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .page-calendar .view-filters .filter-by-container,
    .page-calendar-view .view-filters .filter-by-container,
    .page-wbg-connect .view-filters .filter-by-container,
    .page-wbg-academy .view-filters .filter-by-container,
    .page-wbg-talks .view-filters .filter-by-container {
        display: inline-block;
    }
    .page-calendar .view-filters .filters-container,
    .page-calendar-view .view-filters .filters-container,
    .page-wbg-connect .view-filters .filters-container,
    .page-wbg-academy .view-filters .filters-container,
    .page-wbg-talks .view-filters .filters-container {
        display: inline;
    }
    .page-calendar-view .view-filters .calendar-type-view,
    .page-calendar .view-filters .calendar-type-view {
        margin: 0 10px 5px 0;
    }
    .view-filters .filters-container > div {
        min-height: auto;
    }
    .page-calendar .view-filters .views-exposed-form.filterform,
    .page-calendar-view .view-filters .views-exposed-form.filterform,
    .page-wbg-connect .view-filters .views-exposed-form.filterform,
    .page-wbg-academy .view-filters .views-exposed-form.filterform,
    .page-wbg-talks .view-filters .views-exposed-form.filterform {
        margin-top: 20px !important;
    }
    .page-calendar .view-filters #edit-field-tc-sessions-field-session-schedule-value-1-wrapper input,
    .page-calendar .view-filters #edit-field-tc-sessions-field-session-schedule-value2-wrapper input,
    .page-wbg-talks .view-filters #edit-field-tc-sessions-field-session-schedule-value-value input,
    .page-wbg-talks .view-filters #edit-field-tc-sessions-field-session-schedule-value2-value input,
    .page-wbg-academy .view-filters #edit-field-tc-sessions-field-session-schedule-value-wrapper input,
    .page-wbg-academy .view-filters #edit-field-tc-sessions-field-session-schedule-value2-value-wrapper input {
        height: 33px !important;
    }
    .view-filters .views-exposed-form #connect-filter,
    .view-filters .views-exposed-form #academy-filter,
    .view-filters .views-exposed-form #talks-filter,
    .view-filters .views-exposed-form #calendar-filter {
        padding-bottom: 5px !important;
    }
    .view-filters .sort-wrapper #sort-by .form-item-sort-by.form-group {
        margin-bottom: 0;
    }
    .page-calendar-view a.fc-more {
        line-height: 1.4;
        display: inline-block;
    }
    /* END - Filters */
    
    /* START - Navigation */
    header.olcheader #olc-navbar {
        margin-top: 0;
    }
    header.olcheader #olc-navbar .region.region-header {
        margin-left: -10px;
        margin-right: -10px;
        background: white;
    }
    header.olcheader #olc-navbar #block-menu-menu-olc-menu {
        width: 100%;
    }
    header.olcheader #olc-navbar #block-menu-menu-olc-menu .menu.nav li a {
        padding: 10px 15px;
        margin-top: 3px;
    }
    header.olcheader #olc-navbar #block-portal-blocks-header-search-block {
        width: 126px;
    }
    header.olcheader #olc-navbar #block-portal-blocks-header-search-block #nav-search {
        display: none;
    }
    #olc-navbar .nav.user-box > li a:first-child {
        min-height: 26px;
    }
    #olc-navbar .nav.user-box > li > a.learning-button:before {
        margin: 0 9px 0 3px;
    }
    #olc-navbar .nav.user-box > li > a.achievements-button:before {
        margin: 0 12px 0 5px;
    }
    /* END - Navigation */
    
    /* START - Search Page */
    .page-search #block-views-exp-search-catalog-page {
        max-height: none;
        padding: 0;
    }
    .page-search .content-details .views-exposed-form .views-submit-button {
        right: 16px;
    }
    .page-search .content-details.content-details-reversed {
        padding-top: 0;
    }
    .page-search .filter-heading {
        margin: 15px 0 0 0;
        visibility: hidden;
    }
    .page-search #views-exposed-form-search-catalog-page .views-widget-sort-by {
        margin-top: 15px;
        padding: 15px 10px;
        background: #f2f2f2;
    }
    .page-search #views-exposed-form-search-catalog-page #refine-collapse1 {
        margin-top: 15px;
    }
    .page-search #views-exposed-form-search-catalog-page .views-widget-sort-by label {
        float: none;
        display: block;
        margin: 0 0 5px 0;
    }
    .page-search #views-exposed-form-search-catalog-page .views-widget-sort-by .form-control.form-select {
        width: 100%;
        float: none;
        height: 100%;
    }
    .page-search .content-wrapper .content-details .content-secondary .filter-clear:last-child {
        display: none;
    }
    .page-search .content-wrapper .content-details .content-secondary .filter-clear {
        padding-left: 10px;
    }
    .page-search #edit-search-full-text-radios-wrapper #edit-search-full-text-radios .form-item-search-full-text-radios {
        display: block;
    }
    .page-search #edit-search-full-text-radios-wrapper {
        margin-top: 15px;
        margin-bottom: 0;
    }
    /* END - Search Page */
    
    /* START - Navigation Search Button / Popup */
    .olcheader nav.navbar .navbar-header #nav-search-expand {
        visibility: hidden;
    }
    #block-portal-blocks-header-search-block .search-menu .browse-menu,
    .olcheader nav.navbar .navbar-header #edit_field_term_tree_chosen {
        display: none;
    }
    .olcheader nav.navbar .navbar-header #nav-search-mobile {
        float: right;
        background-color: transparent;
        border: 1px solid #dedede;
        border-radius: 4px;
        margin-top: -50px;
        margin-right: 10px;
        padding: 8px 12px 8px 11px;
        cursor: pointer;
    }
    .olcheader nav.navbar .navbar-header #nav-search-mobile .icon-search {
        position: relative;
        height: 18px;
        width: 19px;
        display: block;
        right: 0;
        top: 0;
        background: none;
        color: #333;
        font-size: 18px;
    }
    .olcheader nav.navbar #olc-navbar-search {
        position: absolute;
        right: 10px;
        top: -43px;
        left: 10px;
        display: none;
    }
    .olcheader nav.navbar #views-exposed-form-search-catalog-page #edit-field-term-tree {
        display: none;
    }
    #block-portal-blocks-header-search-block .search-menu .advance-search-dropdown {
        width: 100%;
    }
    .search-window {
        max-width: calc(100% - 32px);
        margin-right: 9px;
    }
    .advance-search-dropdown .form-type-radios.form-item-search-full-text-radios.form-item.form-group {
        width: 100%;
        padding-bottom: 5px;
    }
    .advance-search-dropdown .search-filter-menu {
        width: 100%;
        margin-left: 0;
        border-left: none;
        border-top: 1px solid #ddd;
        padding-left: 0;
        padding-top: 15px;
    }
    .advance-search-dropdown .advanced-search-submit button#edit-submit-search-catalog {
        margin-right: 0 !important;
    }
    #block-portal-blocks-header-search-block .search-menu .advance-search-dropdown > div > label {
        font-size: 12px;
    }
    #block-portal-blocks-header-search-block .search-menu .advance-search-dropdown .dropdown-menu {
        width: 100%;
    }
    #block-portal-blocks-header-search-block .search-menu .advance-search-dropdown .dropdown-menu li a span.text {
        white-space: initial;
    }
    .search-window #edit-submit-search-catalog {
        float: none !important;
        margin: 6px 0px !important;
    }
    .page-search .content-details.content-details-reversed .content-primary {
        padding: 10px !important;
    }
    .page-search .view-search-catalog .no-result {
        width: 80%;
    }
    /*
    .olcheader nav.navbar #olc-navbar-search {
        border-color: transparent;
    }
    .olcheader nav.navbar #olc-navbar-search .form-item-search-api-views-fulltext {
        margin: 4px 0 10px 0;
    }
    .olcheader nav.navbar #olc-navbar-search #edit-search-api-views-fulltext {
        border: 1px solid #dedede;
        width: 298px;
        margin: 0;
        padding: 0 35px 0 12px;
    }
    .olcheader nav.navbar #olc-navbar-search #block-portal-blocks-header-search-block .views-exposed-widget.views-submit-button {
        position: absolute;
        top: 42px;
        right: 19px;
    }
    .olcheader nav.navbar #olc-navbar-search #block-portal-blocks-header-search-block a {
        display: block;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .olcheader nav.navbar #olc-navbar-search #block-portal-blocks-header-search-block #nav-search {
        display: none;
    }
    .olcheader nav.navbar #olc-navbar-search #block-portal-blocks-header-search-block select {
        padding: 6px 0;
        width: 112px;
    }*/
    /* END - Navigation Search Button / Popup */
    
    /* START - Navigation Browse Button */
    .olcheader nav.navbar .navbar-header .browse-menu-link {
        float: right;
        margin-right: 10px;
        padding: 7px 7px;
        margin-top: -11px;
        background-color: transparent;
        border: 1px solid #dedede;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    .olcheader nav.navbar .navbar-header .browse-menu-link span {
        background-image: url("../images/icons/browse-icon.png");
        background-position: -6px -7px;
        width: 28px;
        height: 20px;
        display: block;
    }
    /* END - Navigation Browse Button */
    
    /* START - Remove Bootstrap animation */
    .collapsing {
        -webkit-transition: none;
        transition: none;
    }
    /* END - Remove Bootstrap animation */
    
    /* START - Home First Page Slider */
    /*.olcslider.olcslider-home .royalSlider .rsOverflow .rsSlide img {
        height: auto;
    }
    .olcslider.olcslider-home .royalSlider {
        height: 128px !important;
    }
    .olcslider.olcslider-home h4 {
        font-size: 18px;
    }
    .olcslider.olcslider-home .caption {
        font-size: 12px;
    }
    .olcslider.olcslider-home .captionview {
        bottom: -16px;
        right: 10px;
    }*/
    .olcslider.olcslider-home .rsCaption {
        padding-top: 13px;
    }
    .page-wbg-home .view-carousel .olcslider.olcslider-home .home-carousel-view-all {
        right: 8px;
        top: 5px; 
    }
    .page-wbg-home .view-carousel .olcslider.olcslider-home a.mobile {
        display: block;
    }
    .page-wbg-home .view-carousel .olcslider.olcslider-home a.mobile img {
        width: 100%;
	height: auto;
    }
    .page-wbg-home .view-carousel .olcslider.olcslider-home a.desktop {
        display: none;
    }
    /* END - Home First Page Slider */
    
    /* START - Video Alignment */
    .page-node .modalcontent,
    .page-wbg-home .modalcontent {
        margin: 40px auto;
    }
    /* END - Video Alignment */
    
    /* START - Home Page Second Slider - removeing extra elements */
    .page-wbg-home .carousel .carousel-inner .item article:not(:first-of-type){
        display: none;
    }
    /* END - Home Page Second Slider - removeing extra elements */
    
    /* START - Contant Up Popup */
    .page-node .header-content-primary.has-secondary h2 {
        word-wrap: break-word;
    }
    /* END - Contant Up Popup */
    
    /* START - Knowledge Notes */
    .page-node .visible-xs-block {
        height: auto;
    }
    .page-node .content-details .content-primary.content-equal .module.visible-xs-block .btn.btn-primary {
        margin-top: 10px;
    }
    /* END - Knowledge Notes */
    
    /* START - Detail Page fixes */
    .header-content-wrapper > div {
        padding-top: 10px;
    }
    /* session */
    .page-node .session a {
        word-wrap: break-word;
    }
    /* target audience */
    .page-node .content-details .target-audience-collapse {
        display: inline;
    }
    .page-node .header-content-primary.has-secondary {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .page-partner header.content-summary,
    .page-node header.content-summary {
        margin-top: 10px;
    }
    .page-node .header-content-primary.has-secondary .btn.btn-primary {
        width: 100%;
    }
    /* END - Detail Page fixes */
    
    /* START - Series page */
    .page-node #block-system-main .content-details .content-primary article .caption,
    .page-node #block-system-main .content-details .content-primary article .content-image {
        width: 100%;
    }
    /* END - Series page */
    
    /* START - Static Page (Finance Development page) */
    .node-type-static-pages .fin-dev table tr td {
        display: inline;
    }
    .node-type-static-pages .fin-dev table tr td p {
        display: inline;
    }
    .node-type-static-pages .fin-dev table tr td img.img-left {
        float: left;
        margin: 0 10px 10px 0;
    }
    .node-type-static-pages .fin-dev table tr td img.img-right {
        float: right;
        margin: 0 0 10px 10px;
        max-width:200px;
        height:auto !important;
    }
    .node-type-static-pages .fin-dev table.mooc-set tr td img {
        width: 100px;
        margin-bottom: 0;
    }
    .node-type-static-pages .fin-dev table.mooc-set tr td p {
        padding: 0 !important;
    }
    .node-type-static-pages .fin-dev table.mooc-set tr td:nth-of-type(2) {
        display:block;
        padding: 5px;
    }
    /* END - Static Page (Finance Development page) */
    
    /* START - Profile Page */
    .page-user .profile .header-content-wrapper .header-content-primary.header-inline {
        padding: 0 10px;
    }
    .page-user .profile .header-content-wrapper .header-content-primary.header-inline h2 {
        float: left;
    }
    .page-user .profile .header-content-wrapper .header-content-primary.header-inline .btn {
        float: right;
    }
    .page-user h2.field {
        font-size: 16px !important;
    }
    /* END - Profile Page */
    
    /* START - Edit Profile */
    /*
    .page-user-edit .learning-preference > div,
    .page-user-edit .profile-info > div {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .page-user-edit .profile-info .info-cell {
        float: left;
        width: 100% !important;
    }
    .page-user-edit .profile-info .user-image-group {
        width: 100%;
    }
    .page-user-edit .profile-info .personal-info .user-image-group {
        width: 100%;
        margin-bottom: 7px;
    }
    .page-user-edit .profile-info .personal-info .user-img-fields {
        width: 100%;
    }
    .page-user-edit .dividor-right {
        border-right: none;
    }
    .page-user-edit .learning-preference .col-xs-7,
    .page-user-edit .learning-preference .col-xs-5 {
        width: 100%;
    }
    .page-user-edit .learning-preference .col-xs-7 .field-widget-term-reference-tree > .form-item {
        margin-left: 0;
    }
    .page-user-edit .learning-preference .col-xs-5 .field-widget-term-reference-tree > .form-item {
        margin-left: 0;
    }
    .page-user-edit hr {
        margin-top: 10px;
    }
    .page-user-edit .user-image-group .form-item-files-picture-upload {
        left: 84px;
    }
    */
    /* END - Edit Profile */
    
    /* START - Edit Profile */
    .page-user .profile-personal .profile-pic {
        margin-bottom: 15px;
    }
    .page-user .profile-personal .profile-data {
        margin-left: 0;
    }
    .page-user .profile-data > div > div > label {
        width: 100%;
    }
    .page-user .profile-data > div {
        margin: 10px 0;
    }
    .page-user .popover,
    .page-user #learning-preferences .popover {
        left: 0 !important;
        width: 270px;
        max-width: 270px;
    }
    .page-user #learning-preferences .profile-data > div {
        width: 100%;
    }
    .page-user .popover-content .input-profile {
        float: left;
    }
    .page-user .nav.profile-tabs>li>a, .page-leader-board .nav.profile-tabs>li>a {
        padding: 7px 15px;
    }
    .page-user .nav.profile-tabs>li.active>a, .page-leader-board .nav.profile-tabs>li.active>a {
        background-color: #eee;
        border: none;
    }
    /* END - Edit Profile */
    
    /* START - Tooltip contact us popup */
    .tooltip {
        display: none !important;
    }
    /* END - Tooltip contact us popup */
    
    /* START - Page Export User Details */
    .page-export-user-details .region.region-content .views-exposed-form .views-submit-button {
        float: none;
        width: 100% !important;
        height: auto;
        position: initial;
        margin-left: 0;
    }
    .page-export-user-details .region.region-content .views-exposed-form .views-exposed-widget .form-submit {
        margin-top: 10px;
    }
    /* END - Page Export User Details */
    
    /* START - Navigation */
    #olc-navbar .nav.user-box > li {
        margin-left: 0px;
    }
    #olc-navbar .nav.user-box > li.social-icons-top {
        display: none;
    }
    /* END - Navigation */
    
    /* START - Logo Alignment */
    .olcheader .logo-partner {
        margin-bottom: 0;
    }
    .olcheader .header-container .header-primary a {
        display: table;
    }
    /* END - Logo Alignment */
    
    /* START - Detail page - Social Share Icons */
    .page-node .social-share-links .addtoany_list .plus-minus-social .share-social-popup {
        width: 255px;
        padding: 8px 5px 8px 12px;
    }
    .page-node .social-share-links .addtoany_list .plus-minus-social .share-social-popup .sharebox {
        padding-right: 5px;
    }
    .page-node .social-share-links .addtoany_list .plus-minus-social .share-social-popup .a2a_label {
        font-size: 12px;
    }
    /* END - Detail page - Social Share Icons */
    
    /* START - Experts Block */
    .page-node .module.related-content .experts-block .sidebar-feature {
        width: auto !important;
    }
    .page-node .module.related-content .experts-block .sidebar-feature .field-content {
        float: none;
        width: auto;
        margin-right: 0;
    }
    /* END - Experts Block */
    
    /* START - Detail page - Social Share Icons */
    .page-node .social-share-links .flag-wrapper .flag .flag-image.flagged:hover {
        background-position: 0px -2px;
    }
    .page-node .social-share-links .flag-wrapper .flag .flag-image.unflagged:hover {
        background-position: 21px -2px;
    }
    /* END - Detail page - Social Share Icons */
    
     /* START - Partners */
    .content-details.about.partners .nav-about #olc-subnavbar {
        margin: 0;
        padding: 0;
        border-left: 1px solid #cececf;
        border-right: 1px solid #cececf;
    }
    .content-details.about.partners .nav-about #olc-subnavbar ul.menu li {
        border-bottom: 1px solid #cececf;
    }
    /* END - Partners */
    
    /* START - Footer - Social Share Icons */
    .region-footer #block-block-10 #hf_footer_wrapper {
        padding: 10px 20px;
    }
    /* END - Footer - Social Share Icons */
    
    /* START - MOOCS Page */
    .page-node.node-type-moocs .content-summary iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 210px;
    }
    /* END - MOOCS Page */
    
    /* START - Detail page - Image alignment */
    .page-node .region.region-content .header-content-secondary .field-item img {
        width: 100%;
        height: auto;
    }
    /* END - Detail page - Image alignment */
    
    /* START - Reward message pop-up */
    .page-node #popup-message-window {
        width: 90% !important;
        left: 5% !important;
        height: auto !important;
    }
    /* END - Reward message pop-up */
    
    /* START - Discussion Block */
    .page-node #comments .visible-xs-block {
        border: none;
        margin: 0;
    }
    .page-node #comments #start-discussion.col-sm-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* END - Discussion Block */
    
    /* START - Advanced Search - Added styles to activate the document click event */
    p, div, header, h1, h2, h3, h4, h5, article, img, span, section {
        cursor: pointer;
    }
    /* END - Advanced Search - Added styles to activate the document click event */
    
    /* START - Sector Week */
    .page-node .sector-week-content .sector-week-top-image img {
        height: 100%;
        width: auto;
        max-width: none;
        min-width: 100%;
    }
    .page-node .sector-week-content .sector-week-top-image .container .inner-container {
        overflow: hidden;
    }
    .page-node .sector-week-content .sector-week-top-image .top-content {
        padding: 10px 10px 45px 10px; 
    }
    .page-node .sector-week-content .sector-week-top-image .top-content h2 {
        font-size: 25px;
    }
    .page-node .sector-week-content .forum-content .forum-content-text {
        width: 100%;
    }
    .page-node .sector-week-content .forum-content .forum-content-enroll {
        width: 100%;
        text-align: left;
    }
    .page-node .sector-week-content .forum-content .forum-content-enroll a {
        margin-top: 10px;
    }
    .page-node .sector-week-content .sector-week-schedule .schedule-learning .week-tab ul {
        margin: 0 6%;
    }
    .page-node .sector-week-content .sector-week-schedule .schedule-learning .week-tab ul li {
        width: 100%;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .navigations a {
        margin-top: -123px;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .navigations a.day-nav-left {
        margin-left: 0;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .navigations a.day-nav-right {
        margin-right: 0;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .learning-item .left-content img {
        float: none;
        width: 100%;
        height: auto;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .learning-item .right-content {
        margin-left: 0;
        margin-top: 10px;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .learning-item .right-content .forum-content-text {
        width: 100%;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .learning-item .right-content .forum-content-enroll {
        width: 100%;
        text-align: left;
    }
    .page-node .sector-week-content .schedule-partners .schedule-partner {
        width: auto;
    }
    .page-node .sector-week-content .schedule-presenters img {
        float: left;
    }
    .page-node .sector-week-content .schedule-presenters .schedule-presenter .present-right {
        margin-left: 47px;
        margin-top: 0;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .videos-podcasts-block .videos-podcasts {
        width: auto;
        margin: 0 0 15px 0;
    }
    .page-node .sector-week-content .schedule-learning .week-tab .videos-podcasts-block .videos-podcasts img {
        height: auto;
    }
    .page-node .sector-week-content .sector-week-photo a {
        margin-right: 0;
    }
    .page-node .sector-week-content .sector-week-photo a img {
        width: 100%;
        height: auto;
    }
    .page-node .sector-week-content .sector-week-faq .content-details.about {
        margin: 0;
    }
    .page-node .sector-week-content #comments .title.comment-form.row h3 {
        display: inline-block;
    }
    .page-node .sector-week-content #comments .navbar-toggle.glyphicon.glyphicon-minus {
        width: auto;
    }
    /* END - Sector Week */
}
/*********** END - iPhone ***********/


/* ------- iPad - START ------- */
@media screen and (min-width: 768px) and (max-width: 992px) {
    .container, .header-container {
        width: 740px;
        /*outline: red solid 2px;*/
    }
    
    .page-node .content-wrapper .header-content-wrapper iframe {
        height: 410px;
    }
    .page-node .content-wrapper .content-primary iframe {
        height: 320px !important;
    }
    
    .page-node .content-wrapper .content-secondary .btn.btn-primary  {
        width: 100%;
        white-space: normal;
    }
    
    #comments .comment-form select.most-commented,
    #comments .comment-form select {
        width: 125px;
    }
    
    .page-node #vert_menu a {
        padding: 8px 10px 8px 20px;
        font-size: 14px;
    }
    
    .header-content-primary-big {
        width: 56%;
    }
    
    .header-content-secondary-small.moocs h1 {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    h1 {
        font-size: 34px !important;
    }
}
/* ------- iPad - END ------- */

/* ------- iPhone - START ------- */
@media screen and (min-width: 320px) and (max-width: 767px) {
    /*.container, .header-container {
        width: 320px;
        /*outline: yellow solid 2px;
    }*/
    .page-node .content-wrapper .header-content-wrapper iframe {
        height: 200px;
    }
    
    .page-node .content-wrapper .kWidgetIframeContainer {
        width: 100% !important;
        height: 230px !important;
    }
    
    .page-node .content-wrapper .content-primary iframe {
        height: 260px !important;
    }
    
    .page-node #vert_menu a {
        padding: 10px;
        font-size: 12px;
    }
    
    .page-node .content-summary .meta .social.comment-tot {
        display: block;
    }
    
    .page-node .content-summary .meta .social.comment-tot .rating {
        display: inline-block;
    }
    
    .page-node .content-summary .meta .social.comment-tot .rating .form-group,
    #block-system-main .content-summary p {
        margin-bottom: 0;
    }
    
    .page-node .content-summary .meta .social.comment-tot .comments {
        margin-left: 0;
        margin-top: 5px;
    }
    
    .page-node .content-details .module h2,
    .page-node .content-details .module h3 {
        display: inline-block;
    }
    .page-node .navbar-toggle.collapsed.glyphicon.glyphicon-minus,
    .page-node .navbar-toggle.glyphicon.glyphicon-minus,
    .page-node .anno-user-disc-block .navbar-toggle,
    .page-node .content-details .module .navbar-toggle {
        display: inline-block;
        margin: 0;
        padding: 4px;
        background-color: #ddd;
        color: white;
        border-radius: 0;
        font-size: 14px;
        height: auto;
        float: right;
    }
    .page-node h2 + .navbar-toggle.glyphicon.glyphicon-minus,
    .page-node h2 + .navbar-toggle.glyphicon.glyphicon-minus.collapsed {
        margin-top: 8px;
    }
    .page-node #comments .title.comment-form.row {
        margin: 0;
    }
    .page-node #comments .title.comment-form.row h3 {
        padding: 0 !important;
    }
    
    .page-node .navbar-toggle.collapsed.glyphicon.glyphicon-minus:before,
    .page-node .navbar-toggle.glyphicon.glyphicon-minus:before {
        content: '+';
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        text-align: inherit;
        margin: inherit;
    }
    
    .page-node .anno-user-disc-block .navbar-toggle {
        margin-top: 4px;
    }
    
    .page-node .content-details .content-primary {
        height: auto !important;
    }
    
    .page-node .content-details .content-primary.content-equal {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    
    .page-node .navbar-toggle.collapsed.glyphicon.glyphicon-minus:before,
    .page-node .anno-user-disc-block .navbar-toggle.collapsed:before,
    .page-node .content-details .module .navbar-toggle.collapsed:before {
        display: none;
    }
    
    .page-node .navbar-toggle.collapsed.glyphicon.glyphicon-minus:after,
    .page-node .anno-user-disc-block .navbar-toggle.collapsed:after,
    .page-node .content-details .module .navbar-toggle.collapsed:after {
        content: "\2212";
    }
    
    .page-node .anno-user-disc-block .navbar-toggle.glyphicon:empty,
    .page-node .content-details .module .navbar-toggle.glyphicon:empty {
        width: auto;
    }
    
    .page-node #comments #start-discussion select {
        width: 100%;
    }
    
    .page-node .filter-mobile-bar {
        margin: 0;
        padding: 0 10px;
    }
    
    .page-node .filter-mobile-bar h2{
        margin: 4px 0;
        float: left;
    }
    
    .page-node .content-details .filter-mobile-bar .navbar-toggle.glyphicon:empty {
        width: auto;
    }
    
    .page-node .anno-user-disc-head {
        display: inline-block;
    }
    
    .page-node .anno-user-disc-block {
        display: inline-block;
        float: right;
    }
    
    .page-node #related-content {
        margin-top: 10px;
    }
    
    .page-node .module.related-content .sidebar-feature {
        width: 100%;
    }
    
    .page-node .module.related-content .sidebar-feature > .field-content {
        width: 110px;
        float: left;
        margin: 0 10px 10px 0;
    }
    
    .page-node .module.related-content .sidebar-feature .flag-wrapper {
        top: 10px;
        right: 192px;
        z-index: 1;
    }
    
    .page-node .module.related-content .sidebar-feature .flag {
        height: 18px;
        font-size: 9px;
        padding: 3px 10px 3px 0;
    }
    
    .page-node .module.related-content .sidebar-feature .flag:before {
        border-width: 9px;
        left: -18px;
    }
    
    .page-node .nav-tabs > li {
        height: 46px;
        display: table;
        width: 1%;
    }
    
    .page-node .nav-tabs > li > a,
    .page-node .nav-tabs > li.active > a,
    .page-node .nav-tabs > li.active > a:hover,
    .page-node .nav-tabs > li.active > a:focus {
        padding: 5px 7px;
        font-size: 12px;
        margin-right: 0;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    
    /*
    .page-node .content-wrapper .content-secondary .btn.btn-primary  {
        width: 100%;
    }
    */
    .page-node .region.region-content .header-content-wrapper .header-content-primary-big.has-secondary {
        width: 100%;
    }
    
    .page-node .region.region-content .header-content-wrapper .header-content-secondary-small {
        width: 100%;
        margin-left: 0px;
    }
    
    .page-node .region.region-content .header-content-wrapper {
        padding-top: 0;
    }
    
    .page-node #comments .links.list-inline > li {
        padding: 0;
    }
    
    .page-node .content-summary .meta > li {
        display: table;
    }
    
    .page-node .content-details .module-second-child {
        background: rgba(0, 0, 0, 0) url("../images/pattern.png") repeat-x scroll left top / 2px 5px;
        margin: 20px 0 0;
        padding: 20px 0 0;
    }
    
    /*
    .page-node .region.region-content .header-content-wrapper .olcslider .royalSlider {
        height: 186px !important;
    }
    */
    
    .page-node .region.region-content .header-content-wrapper .olcslider .royalSlider-notext .rsSlide img,
    .page-node .region.region-content .header-content-wrapper .olcslider .royalSlider .rsSlide img {
        width: 100%;
        height: auto;
    }
    .page-node .header-content-wrapper .col-sm-video iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 250px;
    }
    
    .modalcontent.quizframe {
        padding:15px;
        height: 90%;
    }
    
    .modalcontent.quizframe iframe {
        height: 100%;
    }
    
    .chosen-container .chosen-results {
        -webkit-overflow-scrolling: touch;
    }
    .pagination > li > a,
    .pagination > li.active:first-child > a {
        padding: 2px 4px !important;
        font-size: 12px !important;
    }    
    .view-display-id-page .pagination.pagination-numbers .next.last > a,
    .view-display-id-page .pagination.pagination-numbers .prev.first > a {
        margin-top: 2px;
    }
    
    #modalContent {
        margin: -135px 0 0 -150px;
    }
    
    #modalContent div.ctools-modal-content {
        width: 300px;
    }
    
    #block-system-main #quiz-question-answering-form .btn-default,
    #modalContent div.ctools-modal-content .modal-content button,
    #comments .btn-primary,
    #comments .ctools-modal-comment-abuse-modal-style,
    .btn-primary,
    .btn-success {
        /*font-size: 11px;
        padding: 5px 10px !important;*/
    }
    
    .mfp-content {
        height: 100%;
    }
    
    h1 {
        font-size: 30px !important;
    }
    
    /*h2 {
        font-size: 22px !important;
    }*/
    h3 {
        font-size: 18px !important;
    }
}

/* iPhone iframe - START */
@media screen and (min-width: 300px) and (max-width: 767px) {
    /*h2 {
        font-size: 18px !important;
    }
    
    h3 {
        font-size: 17px !important;
    }*/
    .btn-primary {
        /*font-size: 11px;
        padding: 5px 10px !important;*/
    }
    /* START - Contant Up Popup */
    #contact_us_popup.modalcontent fieldset.captcha .panel-body img {
        float: none;
    }
    #contact_us_popup.modalcontent fieldset.captcha .panel-body .form-item-captcha-response {
        float: none;
        width: auto;
    }
    /* END - Contant Up Popup */
    
    /* START - Detail page - Forward Popup */
    #forward-form fieldset.captcha .panel-body img {
        float: none;
    }
    #forward-form fieldset.captcha .panel-body .form-item-captcha-response {
        float: none;
        width: auto;
    }
    /* END - Detail page - Forward Popup */
}
/* iPhone iframe - END */

/* iPhone iframe QUIZ - START */
@media screen and (min-width: 250px) and (max-width: 767px) {
    /*h2 {
        font-size: 18px !important;
        margin-bottom: 10px;
    }
    h3 {
        font-size: 17px !important;
    }*/
    
    .node-type-quiz .btn-primary,
    .node-type-quiz .btn-success,
    .node-type-quiz #block-system-main #quiz-question-answering-form .btn-default {
        font-size: 11px !important;
        padding: 5px 10px !important;
        margin-bottom: 10px;
    }
    
    .page-node-take.node-type-quiz .region.region-content{
        padding:15px;
    }
    
    .page-node-take.node-type-quiz .field.field-name-body.field-type-text-with-summary {
        font-size: 14px;
    }
    
    .node-type-quiz #block-system-main #edit-tries-answer .table-striped tr td {
        padding: 4px;
    }
    
    .node-type-quiz #block-system-main #quiz-report-form .table-striped tr th,
    .node-type-quiz #block-system-main #quiz-report-form .table-striped tr td {
        padding: 6px;
    }
    
    .node-type-quiz #block-system-main #edit-tries-answer .table-striped tr td > div > label {
        display: none;
    }
    
    .node-type-quiz .quiz-report .dd {
        margin-bottom: 20px;
    }
    
    /* START - Tooltip contact us popup */
    .tooltip {
        display: none !important;
    }
    /* END - Tooltip contact us popup */
}
/* iPhone iframe QUIZ - END */

/* ------- iPhone - END ------- */