/*================================================*/
@media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d) {
    .spe-cor .carousel-thumb [class*="cloneditem-"] {
        display: none;
    }

    .carousel-thumb .carousel-inner .cloneditem-1, .carousel-thumb .carousel-inner .cloneditem-2, .carousel-thumb .carousel-inner .cloneditem-3, .carousel-thumb .carousel-inner .cloneditem-4, .carousel-thumb .carousel-inner .cloneditem-5 {
        display: block;
    }

    .carousel-thumb .carousel-inner > .item.active.right, .carousel-thumb .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.66667%, 0, 0);
        transform: translate3d(16.66667%, 0, 0);
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .carousel-thumb .carousel-inner > .item.active.left, .carousel-thumb .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.66667%, 0, 0);
        transform: translate3d(-16.66667%, 0, 0);
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .carousel-thumb .carousel-inner > .item.left, .carousel-thumb .carousel-inner > .item.prev.right, .carousel-thumb .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .carousel-thumb .carousel-inner > .item.active.right .slider-content, .carousel-thumb .carousel-inner > .item.next .slider-content {
        -webkit-transform: translate3d(83.33333%, 0, 0);
        transform: translate3d(83.33333%, 0, 0);
        left: 83.33333%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .carousel-thumb .carousel-inner > .item.active.left .slider-content, .carousel-thumb .carousel-inner > .item.prev .slider-content {
        -webkit-transform: translate3d(-116.6667%, 0, 0);
        transform: translate3d(-83.33333%, 0, 0);
        left: -83.33333%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .carousel-thumb .carousel-inner > .item.left .slider-content, .carousel-thumb .carousel-inner > .item.prev.right .slider-content, .carousel-thumb .carousel-inner > .item.active  .slider-content {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

}

@media all and (max-width:991px) and (transform-3d), all and (max-width:991px) and (-webkit-transform-3d) {
    .spe-cor .carousel-thumb [class*="cloneditem-"] {
        display: none;
    }

    .carousel-thumb .carousel-inner .cloneditem-1, .carousel-thumb .carousel-inner .cloneditem-2, .carousel-thumb .carousel-inner .cloneditem-3 {
        display: block;
    }

    .carousel-thumb .carousel-inner > .item.active.right, .carousel-thumb .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .carousel-thumb .carousel-inner > .item.active.left, .carousel-thumb .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

    .carousel-thumb .carousel-inner > .item.left, .carousel-thumb .carousel-inner > .item.prev.right, .carousel-thumb .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }

}

@media screen and (min-width:1200px) and (max-width:1366px) {
    .about-cont .info:after {
        left: -30px;
    }

    .section-bg .img-stemp .stemp img {
        top: -200px;
    }

}

@media screen and (min-width:768px) {

    .img-banner .banner-cont h2, .img-banner .banner-cont h1 {
        font-size: 40pt;
    }

    .slider-box .carousel-one .carousel-caption h3 {
        padding-left: 0;
        padding-right: 0;
    }

    .page-template-tpl-contact .main h4 {
        margin-top: 0;
    }

    .footer ul.navbar-nav li:first-child>a {
        padding-left: 0;
        margin-left: 0;
    }

    .thumbnails .thumb-box {
        margin-bottom: 0;
    }

    .footer ul.navbar-nav li:last-child>a {
        padding-right: 0;
        margin-right: 0;
    }

    .sidebar .sidebar-link-box ul.sidebar-link-list {
        position: relative;
        width: 100%;
        border: none;
        border-radius: 0;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
    }

    .sidebar .sidebar-link-box h4 .caret {
        display: none;
    }

    .sidebar .sidebar-link-box.open h4, .sidebar .sidebar-link-box.open h4:hover, .sidebar .sidebar-link-box.open h4:focus, .sidebar .sidebar-link-box.open h4:active {
        background: #d33526;
        color: #FFF;
    }

    .modal-header .close {
        margin-top: 10px;
        margin-bottom: -50px;
        z-index: 9999;
        font-size: 40px;
    }

    .tab-panel .nav-tabs {
        text-align: justify;
        margin-left: -4px;
        margin-right: -4px;
        width: calc(100% + 8px);
    }

    .tab-panel .nav-tabs li {
        width: calc(20% - 8px);
        display: inline-block;
        float: none;
        text-align: center;
        border: none;
        border-radius: 0;
        margin-left: 4px;
        margin-right: 4px;
        float: left;
    }

    .page-banner h1.banner-title, .page-banner .info p {
        padding-right: 10%;
    }

    .page-banner h1.banner-title {
        margin-top: 50pt;
    }

}

@media screen and (max-width:1199px) {
    .about-cont .info:after {
        left: -60px;
    }

    .error .icon.error {
        width: 100px;
        height: 100px;
        left: 15%;.callout .callout-cont {
    max-width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
}
        top: -8px;
    }

    .error .icon.back {
        width: 145px;
        height: 148px;
        left: auto;
        right: 0;
        top: 0;
    }

    .error .icon.brain {
        width: 124px;
        height: 133px;
        left: auto;
        right: 4%;
        top: auto;
        bottom: -20px;
    }

    .error .icon.speaker {
        width: 131px;
        height: 148px;
        left: 6%;
        top: auto;
        bottom: -10px;
    }

    .error .icon img {
        max-width: 100%;
    }

}

@media screen and (max-width:991px) {
    .footer ul.navbar-nav {
        text-align: center;
        font-size: 0;
    }

    .callout .callout-cont {
        max-width: 320px;
        margin: 15px auto;
        padding: 15px;
        height: calc(100% - 30px);
    }


    .callout .program-thumb-box.compass-thumb.new-thumb-box .callout-cont  {
    max-width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
}

    .callout .callout-cont:after {
        display: table-cell;
        width: 100%;
        content: ' ';
        clear: both;
    }

    .callout .callout-cont .callout-thumbnail {
        clear: both;
        margin-top: 0;
    }

    .slider-box .carousel-one .carousel-caption h3 {
        font-size: 45px;
    }

    .slider-box .carousel-one .carousel-caption {
        right: auto;
    }

    /*People Box Starts*/
    .people-box ul.people-list li {
        width: calc(50% - 30px);
    }

    .page-banner h1.banner-title {
        font-size: 40px;
    }

    /*People Box Ends*/
}

@media screen and (max-width:992px) {

h4.subhead_title{
    font-size: 16px;
}
    .footer ul.navbar-nav {
        text-align: center;
        font-size: 0;
    }

    .footer ul.navbar-nav li {
        float: none;
    }

    .footer ul.footer-menu li a {
        margin-left: 10px;
        margin-right: 10px;
    }

    .journal-box .journal-details .journal-grid ul li {
        width: calc(33.333% - 10px);
    }

    .journal-box .journal-info h4 {
        font-size: 16px;
    }

    .rethinking-cms .main h3, .refugee-cms .main h3 {
        font-size: 18pt;
    }

}

@media screen and (max-width:767px) {

h4.subhead_title{
    font-size: 14px;
}
    .thumbnails .thumb-box a .text-box span.thumb-link {
        top: auto;
        bottom: 0;
        left: auto;
        transform: unset;
        width: 100%;
        font-size: 14px;
    }

    .footer ul.navbar-nav.social-menu li {
        height: 42px;
        width: 42px;
        display: inline-block;
    }

    .program-thumb-box.compass-thumb {
        margin-bottom: 30px;
    }

    .thumbnails .thumb-box {
        max-width: 320px;
    }

    .callout-cont h2, .main h2 {
        font-size: 24px;
    }

    .main h3 {
        font-size: 16px;
    }

    .main h4 {
        font-size: 15px;
    }

    .purpose-cms .main h4 {
        font-size: 15pt;
    }

    .main h5 {
        font-size: 14px;
    }

    .about-cont {
        padding-left: 15px;
        padding-right: 15px;
    }

    .error .ttl {
        font-size: 160px;
        padding: 0 15px
    }

    .error .ttl span {
        font-size: 28px;
    }

    .error p {
        padding: 0 15px;
    }

    .main-menu-container, .callout, .page-banner h1.banner-title, .page-banner .info, .sidebar .sidebar-link-box, .people-box, .directory, .content, .call-action-box, .quote-box, .accordion {
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar .widget_nav_menu {
        padding-bottom: 0;
    }

    .quote-box.img {
        margin: 0;
        padding: 0;
    }

    .accordion, .call-action-box {
        width: calc(100% - 30px);
    }

    .tab-panel .nav-tabs {
        position: relative;
    }

    .tab-panel .nav-tabs:before {
        position: absolute;
        height: 100%;
        width: 20px;
        content: "";
        top: 15px;
        left: 20px;
        background: #F1F1F1;
        display: block;
    }

    .tab-panel .nav-tabs li {
        width: calc(100% - 60px);
        clear: both;
        margin-bottom: 8px;
        float: right;
    }

    .tab-panel .nav-tabs li>a {
        padding: 15px;
        font-size: 16px;
    }

    .tab-panel .nav-tabs>li.active>a {
        position: relative;
    }

    .tab-panel .nav-tabs>li.active>a:before, .tab-panel .nav-tabs>li>a:hover:before {
        position: absolute;
        width: 20px;
        left: -20px;
        top: 15px;
        height: 18px;
        content: " ";
        background: #F5F5F5;
    }

    .tab-panel .nav-tabs>li.active>a:before {
        background: #f1f1f2;
    }

    .tab-panel .tab-content {
        padding: 15px;
        background-image: none;
    }

    .tab-panel .tab-content .tab-pane h2 {
        font-size: 21px;
        font-family: "Open Sans Bold";
        color: #404041;
        text-transform: uppercase;
        padding-top: 15px;
    }

    .tab-panel .tab-content .tab-pane h3 {
        font-size: 16px;
        font-family: "Open Sans Bold";
        color: #404041;
        text-transform: uppercase;
    }

    .slider-box #myCarousel {
        max-height: 250px;
    }

    .slider-box #myCarousel .carousel-inner .item img {
        vertical-align: bottom;
    }

    .slider-only {
        margin-left: -15px;
        margin-right: -15px;
    }

    .content .slider-only {
        margin-left: -30px;
        margin-right: -30px;
    }

    .footer ul.social-menu li a {
        margin-left: 10px;
        margin-right: 10px;
    }

    .header.navbar .navbar-brand {
        padding-bottom: 0;
    }

    .slider-box .carousel-one .carousel-caption h3 {
        font-size: 50px;
    }

    .slider-box .carousel-one .carousel-caption {
        left: auto;
        right: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-template .about-cont .info h3, .about-cont .info h2, .about-cont .info .t-cont {
        padding-bottom: 0;
        padding-top: 0;
    }

    .page-template .about-cont .info h3, .about-cont .info h2 {
        font-size: 14pt;
    }

    .leadership h4.leader-title {
        font-size: 21px;
    }

    .leadership .leader .leader-name span {
        font-size: 16px;
    }

    .leadership .leader:last-child {
        padding-bottom: 0;
    }

    .call-btn {
        margin-top: 20px;
    }

    .callout .callout-cont .call-btn {
        width: 100%;
        padding: 20px 15px;
        font-size: 20px;
        line-height: 1;
    }

    .main-menu {
        display: table;
        width: 100%;
    }

    .page-template .about-cont h2, .about-cont h1 {
        font-size: 22pt;
        margin-top: 25px;
        margin-bottom: 25px;
        word-wrap: break-word;
    }

    .about-cont .info {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .about-cont .info p {
        font-size: 24px;
    }

    .main-menu .navbar-collapse {
        border: none;
    }

    .main-menu .navbar-collapse .navbar-nav {
        margin: 0;
        padding-top: 0px;
    }

    .search-form {
        width: 100%;
        overflow: hidden;
        height: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .search-form .navbar-form[role="search"] {
        margin: 0 auto;
    }

    .search-form.active {
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .people-box ul.people-list {
        width: calc(100% + 25px);
        margin-left: -12.5px;
        margin-right: -12.5px;
    }

    .people-box ul.people-list li {
        width: calc(50% - 25px);
        margin: 12.5px;
    }

    .purpose-cms .page-banner h1.banner-title, .page-banner h1.banner-title {
        font-size: 18pt;
    }

    .people .modal-cont .modal-dialog .popup-img img {
        max-width: 200px;
        margin-left: 0;
    }

    .people .modal-cont .modal-dialog .popup-img img {
        max-width: 120px;
    }

    .people .modal-cont .modal-dialog .popup-img, .people .modal-cont .modal-dialog .popup-title, .people .modal-cont .modal-dialog .text-cont {
        padding: 0 30px 10px;
    }

    .directory .directory-box .directory-cont {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .directory .directory-box .directory-cont h5 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .directory .directory-box .directory-cont h3 {
        font-size: 33px;
        margin-bottom: 10px;
    }

    .directory .directory-box .directory-cont {
        border-bottom: 0;
    }

    .slider-box .carousel-two .carousel-thumbh-caption {
        padding: 10px;
    }

    .header .navbar-header .navbar-toggle {
        border: none;
        border-radius: 0;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        height: 30px;
        width: 30px;
        padding: 5px;
        background: transparent;
    }

    .header .navbar-header .navbar-toggle.collapsed {
        background: #d42a3c;
    }

    .navbar-default .navbar-toggle.collapsed .icon-bar {
        background: transparent;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: #C00;
        width: 20px;
        height: 4px;
    }

    .navbar-default .navbar-toggle span:nth-child(2).icon-bar {
        top: 15px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
    }

    .navbar-default .navbar-toggle span:nth-child(3).icon-bar {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        position: absolute;
    }

    .navbar-default .navbar-toggle.collapsed span:nth-child(3).icon-bar {
        top: 5px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        background: #FFF;
        width: 100%;
        left: 0;
        height: 1px;
    }

    .navbar-default .navbar-toggle span:nth-child(4).icon-bar {
        background: transparent;
    }

    .navbar-default .navbar-toggle.collapsed span:nth-child(4).icon-bar {
        bottom: 8px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        background: #FFF;
        width: calc(100% + 10px);
        left: 0;
        height: 1px;
    }

    .header .navbar-header .navbar-toggle {
        bottom: 45px;
        right: 10px;
    }

    .header.affix .navbar-header .navbar-toggle {
        bottom: 30px;
    }

    .search-form.pull-right {

        /*display: none;*/
    }

    .header.navbar .navbar-brand {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer .address {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer .address, .footer .address p, .footer .address p>strong {
        text-align: center;
    }

    .sidebar .sidebar-link-box.open ul.sidebar-link-list {
        position: relative;
        width: 100%;
        border: none;
        border-radius: 0;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
    }

    .sidebar .sidebar-link-box:focus>.dropdown-toggle.btn-primary, .sidebar .sidebar-link-box:active>.dropdown-toggle.btn-primary, .sidebar .sidebar-link-box.open>.dropdown-toggle.btn-primary {
        background-color: #9fcc3a;
        color: #404041;
    }

    .carousel-inner .row>.content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .full-slider .carousel-inner h4 {
        margin-bottom: 5px;
        margin-top: 0px;
    }

    .leadership .content h3 {
        margin-top: 0;
    }

    .divider {
        margin-top: 5px;
        padding-top: 5px;
    }

    .divider .container:before {
        top: -5px;
    }

    .footer .address label.title {
        text-align: center;
    }

    .only-thumbnail.thumbnails {
        margin-bottom: -30px;
    }

    .thumb-box-cont {
        padding-bottom: 30px;
    }

    /*Comment Section Starts*/
    .comments-area h2 {
        font-size: 20px;
        font-weight: bold;
    }

    .comments-area .comment-list {
        padding-left: 0;
    }

    .comments-area .comment-list .comment-meta .comment-author img {
        margin-bottom: 15px;
    }

    .comments-area .comment-list .comment-meta .comment-metadata, .comments-area .comment-list .comment-content {
        padding-left: 25px;
        padding-right: 10px;
    }

    .comments-area .comment-respond .comment-form .comment-form-url, .comments-area .comment-respond .comment-form .comment-form-author, .comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .form-submit {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .comments-area .comment-respond .comment-form .comment-form-url>input, .comments-area .comment-respond .comment-form .comment-form-author>input, .comments-area .comment-respond .comment-form .comment-form-email>input {
        max-width: 100%;
    }

    .comments-area .comment-list .comment-meta .comment-author>b {
        display: block;
        clear: both;
    }

    /*Comment  Section Ends*/
    .site-main .page-header {
        margin-top: 0;
        margin-bottom: 10px;
    }

    /*Slick Slider Starts*/
    .slider-nav {
        padding-top: 5px;
    }

    .slick-slide .slider-section .slick-caption {
        padding: 10px;
    }

    .slick-slide .slider-section .slick-caption h5 {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .slick-slide .slider-section .slick-caption .text-cont {
        height: 30px;
    }

    .slick-slide .slider-section .slick-caption .text-cont p {
        font-size: 13px;
        line-height: 15px;
    }

    .slick-slide .slider-section .slick-caption a {
        font-size: 14px;
    }

    /*Slick Slider Ends*/

    /*Menu Starts*/
    .main-menu {
        padding-bottom: 15px;
    }

    .search-form.pull-right {
        position: relative;
        z-index: 0;
    }

    .header .navbar-nav>li>a {
        padding-left: 0;
        padding-right: 0;
    }

    .header .navbar-nav>li {
        position: inherit;
    }

    .header .navbar-nav>li .sub-menu {
        position: absolute;
        top: 0;
        min-height: 100%;
        width: calc(100% + 60px);
        background: #FFF;
        left: -30px;
        z-index: 1;
        padding: 0 30px;
    }

    .header .navbar-nav>li .sub-menu .title {
        position: relative;
        width: 100%;
    }

    .header .navbar-nav > li > a, .header .navbar-nav>li .sub-menu .title a.title-link, .header .navbar-nav>li .sub-menu .sub-menu-list li a {
        padding-right: 30px;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        font-family: "Open Sans Bold";
        color: rgb(70, 70, 70);
        text-transform: uppercase;
        line-height: 1.2;
        display: block;
        clear: both;
    }

    .header .navbar-nav>li .sub-menu .sub-menu-list li a {
        padding-left: 15px;
    }

    .header .navbar-nav>li .sub-menu .title, .header .navbar-nav>li {
        border-bottom: 2px solid #C00;
    }

    .header .navbar-nav>li .sub-menu .sub-menu-list li a:hover, .header .navbar-nav>li .sub-menu .sub-menu-list li a:focus, .header .navbar-nav>li .sub-menu .sub-menu-list li a:active, .header .navbar-nav>li .sub-menu .title a.title-link:hover, .header .navbar-nav>li .sub-menu .title a.title-link:focus, .header .navbar-nav>li .sub-menu .title a.title-link:active {
        color: #000;
        text-decoration: none;
    }

    .header .navbar-nav>li .sub-menu .title .close {
        height: 34px;
        top: 0;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        line-height: 34px;
        text-align: left;
        display: block;
        font-size: 14px;
        font-family: "Open Sans";
        color: rgb(70, 70, 70);
        text-transform: uppercase;
        width: calc(100% + 60px);
        margin-left: -30px;
        padding-left: 30px;
        margin-right: -30px;
        padding-right: 30px;
        color: #FFF;
        background: #C00;
        opacity: 1;
        margin-bottom: 10px;
    }

    .menu-item-has-children>a:after {
        display: none !important;
    }

    .header .navbar-nav>li .sub-menu .sub-menu-list {
        margin: 0;
        padding: 0;
        list-style: unset;
    }

    .header .navbar-nav>li .sub-menu .sub-menu-list li {
        border-bottom: 2px solid #C00;
    }

    .search-form .navbar-form[role="search"] {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /*Menu Ends*/
    .journal-box .journal-details .journal-grid ul li {
        width: calc(50% - 10px);
    }

    .pathways-journal-template .pathways-journal-box .list-box ul li {
        width: calc(50% - 20px);
    }

    .pathways-journal-template .pathways-journal-box .list-box ul li .content .list-box-title h3 {
        font-size: 18px;
    }

    .pathways-journal-template .pathways-journal-box .box-title h2 {
        word-wrap: normal;
        font-size: 20px;
    }

    .pathways-journal-template .pathways-journal-box .box-title .title-count {
        font-size: 25px;
    }

    /*Good Quetions Starts*/
    .good_question {
        padding-bottom: 30px;
    }

    .good_question .caption h2 {
        margin-bottom: 15px;
    }

    .good_question .center-block {
        margin: 0;
    }

    /*Good Quetions Ends*/
    .finger-back .back-only {
        display: none;
    }

    .profile-w-quote .profile-item .quote, .profile-w-quote .profile-item .time-line, .profile-w-quote .profile-item .profile-pics {
        width: 100%;
    }

    .profile-w-quote .profile-item .profile-pics img {
        max-width: 320px;
    }
    .content.banner-touch{
        padding-bottom: 0;
    }
    .program-thumb-box.compass-thumb.new-thumb-box:hover .caption {
    background: rgba(82, 43, 124, 1);
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    display: block;
}
}

@media screen and (max-width:767px) and (orientation:landscape) and (min-width:599px) {
    .slider-box .carousel-two .cont-box .carousel-thumbh-caption h3 {
        margin-top: 0;
    }

    .slider-box .carousel-one .carousel-caption {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
    }

    .slider-box .carousel-one .carousel-caption h3 {
        font-size: 40px;
    }


}

@media screen and (min-width:992px) {
    .main-menu {
        display: inline-block;
    }

    .people .modal-cont .modal-dialog .modal-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .modal-header .close {
        font-size: 50px;
    }

    .about-cont.inner {
        margin-left: calc(-8.33333333% - 7.5px);
        padding-left: calc(8.33333333% + 7.5px);
        margin-right: -100%;
        padding-right: 100%;
        margin-bottom: 60px;
    }

    .about-cont.inner .info:after {
        left: -30px;
    }

}

@media screen and (max-width:1199px) and (min-width:768px) {
    .header .navbar-form .input-group {
        max-width: 230px;
    }

}

@media screen and (max-width:991px) and (min-width:768px) {
    .main-menu .navbar-nav {
        width: 100%;
        text-align: justify;
        font-size: 0;
    }
    .header.navbar .navbar-brand{
      padding-bottom: 0px !important;
    }

    .main-menu .navbar-nav li {
        display: inline-block;
        float: none;
    }

    .main-menu .navbar-nav:after {
        content: ' ';
        display: inline-block;
        width: 100%;
    }

    .header .navbar-nav li>a {
        font-size: 16px;
    }

    .header.navbar.affix .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    .affix.header .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
    }

    .people .modal-cont .modal-dialog .popup-title, .people .modal-cont .modal-dialog .text-cont {
        padding: 10px 30px;
    }

}

@media screen and (max-width:600px) {
    .img-banner .banner-cont h2, .img-banner .banner-cont h1 {
        font-size: 25pt;
    }

    .header .navbar-header .navbar-toggle {
        /* bottom: 30px; */
        bottom: 20px;
        right: 0;
    }

    .people-box .people-list .title span {
        font-size: 12px;
    }

    .slider-box .carousel-two .cont-box .carousel-thumbh-caption h3 {
        margin-top: 0;
    }

    .footer ul.footer-menu li {
        display: block;
        text-align: center;
        width: 100%;
        clear: both;
    }

    .footer ul.footer-menu li>a {
        display: inline-block;
        width: auto;
    }

    .slider-box .carousel-two .cont-box .carousel-thumbh-caption p {
        line-height: 20px;
        height: 80px;
        overflow: hidden;
    }

    .header.navbar .navbar-brand img {
        max-width: 150px;
    }

    .callout .callout-cont {
        background: transparent;
    }

    .modal-header .close {
        margin-top: 20px;
        margin-bottom: -35px;
        margin-right: 10px;
    }

    .slider-nav .slick-slide .thumb {
        padding: 0;
    }

    .slider-nav .slick-slide .thumb img {
        margin: 0;
        padding: 0;
        width: 100%;
        border: 3px solid #FFF;
    }

    .slider-nav .slick-slide.slick-center .thumb img {
        border-width: 3px;
    }

    .slider-nav {
        padding: 0;
        margin-top: 5px;
    }

    .slick-next, .slick-prev {
        height: 15px;
        width: 15px;
    }

    .journal-box .journal-info h4 {
        font-size: 15px;
    }

    .pathways-journal-template .pathways-journal-box .list-box ul li {
        width: calc(100% - 20px);
    }

    .pathways-journal-template .pathways-journal-box .list-box ul li .content .list-box-title h3 {
        font-size: 15px;
    }

    .pathways-journal-template .pathways-journal-box .box-title h2 {
        font-size: 18px;
    }

    .pathways-journal-template .pathways-journal-box .box-title .title-count {
        font-size: 20px;
    }

    .rethinking-cms .main h3, .refugee-cms .main h3 {
        font-size: 16pt;
    }
    .profile-w-quote .profile-item .profile-pics img{
        width: 100%;
        max-width: 200px;
    }
}

@media screen and (max-width:479px) {
    .slider-box .carousel-one .carousel-caption h3 {
        font-size: 35px;
    }

    .slider-box .carousel-one .carousel-caption {
        left: auto;
        right: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .thumbnails>.container>.row>.col-xs-6 {
        width: 100%;
    }

}

@media screen and (max-width:1199px) and (min-width:991px) {
    .thumbnails .thumb-box a .text-box span.thumb-link {
        font-size: 12px;
        padding: 8px;
    }

}

.about_content .custom_tabs iframe {
    width: 100%;
    min-height: 480px;
}

@media screen and (max-width:480px) {
    .thumbnails .thumb-box a .text-box span.thumb-link {
        font-size: 12px;
        padding: 8px;
    }

}

@media screen and (max-width:400px) {
    .journal-box .journal-details .journal-grid ul li {
        width: calc(100% - 10px);
    }

}

@media screen and (max-width:479px) {
    .about_content .custom_tabs iframe {
        min-height: 255px;
    }

    .journal-box .journal-info h4 {
        font-size: 14px;
    }

}

@media screen and (max-width:320px) {
    .about_content .custom_tabs iframe {
        min-height: 162px;
    }

}
@media screen and (max-width:1024px) {
    .section-bg .img-stemp.red_hand_icon .stemp img {
	margin-top: 0;
	}

}
@media screen and (min-width:1024px) and (max-width:1199px) {
  .header.navbar .container {width: 1170px; max-width: 100%;}
.header.navbar .container .col-md-2.col-lg-4.col-sm-3.header-col {width: 25%;}
.header.navbar .container .col-md-10.col-lg-8.col-sm-9.header-col {width: 75%;}
}