/* =Theme customization starts here
-------------------------------------------------------------- */


/* --------------------------------------------------------------
1. GENERAL ELEMENTS
-------------------------------------------------------------- */

/* FORMS */
@media (max-width: 479px) {

	.checkbox-inline, .radio-inline {
		display: block;
	}

	.checkbox-inline + .checkbox-inline,
	.radio-inline + .radio-inline {
		margin-left: 0;
		margin-top: 10px;
	}
}


/* --------------------------------------------------------------
2. LAYOUT
-------------------------------------------------------------- */

/* WRAPPERS */
@media (max-width: 767px) {

	body > .outer > .wrapper {
	    -webkit-overflow-scrolling: touch;
	}
}

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

	.container {
    	width: 768px;
	}
}

/* TOPMENU */
@media (max-width: 767px) {

	.topbar {
		display: none;
	}
}

/* HEADER */
@media (max-width: 767px) {

	.header > .container {
		border-bottom-width: 45px;
	}
}

@media (max-width: 1199px) {

	.header .logo .site-logo {
		display: block;
	}

	.header .logo .site-logo img {
		margin-bottom: 8px;
	}

	.header .title {
		display: block;
	}
}

@media (max-width: 767px) {

	.header .logo {
		padding-left: 20px;
	}

	.header .logo .site-logo img {
		width: 128px !important;
		height: auto !important;
	}
}

@media (max-width: 479px) {

	.header .logo {
		padding-left: 10px;
	}
}

/* PAGE CONTENT */

@media (max-width: 767px) {

	.main {
		padding-bottom: 0px;
	}

        .footer .container {
            padding-top: 0px;
        }
}

@media (max-width: 1199px) {

	.content {
		width: 700px;
	}
}

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

	.content {
		width: 498px;
	}
}

@media (max-width: 767px) {

	.content {
		width: 100%;
	}
}

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

	.content-right {
		padding-left: 45px;
		padding-right: 45px;
	}
}

@media (min-width: 480px) and (max-width: 991px) {

	.content-right {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 479px) {

	.content-right {
		padding-left: 10px;
		padding-right: 10px;
	}
}

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

	.content-wide {
		padding-left: 60px;
		padding-right: 60px;
	}
}

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

	.content-wide {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 479px) {

	.content-wide {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* SIDEBARS */
@media (max-width: 1199px) {

	.sidebar {
		width: 270px;
	}
}

@media (max-width: 767px) {

	.sidebar {
		display: none;
	}
}

/* FOOTER */
@media (max-width: 1199px) {

	.footer-item {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 10px;
	}
}

@media (max-width: 767px) {

	.footer {
		text-align: center;
	}
}


/* --------------------------------------------------------------
3. NAVIGATION
-------------------------------------------------------------- */

/* TOP MENU */
@media (max-width: 991px) {

	.topmenu {
		margin-right: 18px;
	}
}

/* MAIN MENU */
@media (max-width: 1199px) {

	.menu-main {
		margin-top: 50px;
	}
}

@media (max-width: 991px) {

	.menu-main li {
		margin-right: 30px;
	}
}

@media (max-width: 767px) {

	.menu-main {
		display: none;
	}
}

/* Phone Main Menu */
@media (min-width: 768px) {

	.phone-main-navbar {
		display: none;
	}
}

@media (max-width: 767px) {

	.phone-main-navbar {
		min-height: 40px;
		margin-bottom: 0;
		border: none;
	}

	.phone-main-navbar .navbar-header {
		background: #252525;
	}

	.phone-main-navbar .navbar-brand {
		height: 40px;
    	line-height: 40px;
    	float: right;
    	padding: 10px;
	}

	.phone-main-navbar .navbar-brand img {
	    position: relative;
    	top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.phone-main-navbar .navbar-toggle {
		float: left;
		margin: 0;
		padding: 12px 10px;
		border: none;
		border-radius: 0;
		background: transparent !important;
	}

	.phone-main-navbar .navbar-toggle .icon-bar {
		height: 2px;
		width: 27px;
		background-color: #fff;
	}

	.phone-main-navbar .navbar-toggle .icon-bar + .icon-bar {
		margin-top: 5px;
	}

	.phone-main-navbar .navbar-collapse {
		background: #252525;
		border-color: #101010;
	}

	.phone-main-navbar .nav li {
		margin: 0;
		list-style: none;
	}

	.phone-main-navbar .navbar-nav > li > a {
		font-size: 16px;
		font-weight: bold;
	}

	.phone-main-navbar .navbar-nav > li > a:hover,
	.phone-main-navbar .navbar-nav > li > a:focus {
		font-weight: bold;
	}

	.phone-main-navbar .navbar-nav > .current-page-ancestor > a,
	.phone-main-navbar .navbar-nav > .current-menu-ancestor > a,
	.phone-main-navbar .navbar-nav > .current-menu-item > a,
	.phone-main-navbar .navbar-nav > .current-page-ancestor > a:hover,
	.phone-main-navbar .navbar-nav > .current-menu-ancestor > a:hover,
	.phone-main-navbar .navbar-nav > .current-menu-item > a:hover,
	.phone-main-navbar .navbar-nav > .current-page-ancestor > a:focus,
	.phone-main-navbar .navbar-nav > .current-menu-ancestor > a:focus,
	.phone-main-navbar .navbar-nav > .current-menu-item > a:focus {
		background-color: #080808;
		color: #fff;
		font-weight: bold;
	}

	.phone-main-navbar .sub-menu {
		padding: 5px 0;
	}

	.phone-main-navbar .navbar-nav > .current-page-ancestor > .sub-menu,
	.phone-main-navbar .navbar-nav > .current-menu-ancestor > .sub-menu,
	.phone-main-navbar .navbar-nav > .current-menu-item > .sub-menu {
		background-color: #080808;
	}

	.phone-main-navbar .sub-menu > li > a {
		display: block;
		line-height: 20px;
		padding: 5px 15px 5px 25px;
		color: #9d9d9d;
	}

	.phone-main-navbar .sub-menu > li > a:hover,
	.phone-main-navbar .sub-menu > li > a:focus {
		color: #fff;
		font-weight: bold;
	}

	.phone-main-navbar .sub-menu > .current-page-ancestor > a,
	.phone-main-navbar .sub-menu > .current-menu-ancestor > a,
	.phone-main-navbar .sub-menu > .current-menu-item > a,
	.phone-main-navbar .sub-menu > .current-page-ancestor > a:hover,
	.phone-main-navbar .sub-menu > .current-menu-ancestor > a:hover,
	.phone-main-navbar .sub-menu > .current-menu-item > a:hover,
	.phone-main-navbar .sub-menu > .current-page-ancestor > a:focus,
	.phone-main-navbar .sub-menu > .current-menu-ancestor > a:focus,
	.phone-main-navbar .sub-menu > .current-menu-item > a:focus {
		color: #fff;
		font-weight: bold;
	}

	.phone-main-navbar .sub-menu > li > .sub-menu {
		display: block;
		padding-top: 0;
	}

	.phone-main-navbar .sub-menu > li > .sub-menu > li > a {
    	padding-top: 2px;
	    padding-bottom: 2px;
		padding-left: 40px;
	    font-size: 12px;
    	text-transform: uppercase;
	}
}

/* SIDEBAR MENU */
@media (max-width: 1199px) {

	.sidebar .menu > li > ul > li > a {
		font-size: 15px;
	}

	.sidebar .opener {
		margin: -6px 0 0 0;
	}
}

/* FOOTER MENU */
@media (max-width: 1199px) {

	.menu-footer li {
		padding-left: 10px;
		padding-right: 10px;
	}

	.menu-footer li a {
		font-size: 10px;
	}
}

@media (min-width: 480px) {

	.footermenu-spacer {
		display: none;
	}
}


/* --------------------------------------------------------------
4. POSTS & PAGES
-------------------------------------------------------------- */

/* HOME PAGE */
@media (min-width: 992px) and (max-width: 1199px) {

	.home .my-slider {
		height: 348px;
	}

	.home .vision {
		height: 348px;
	}

	.home .vision-title a {
		padding-left: 25px;
		background-image: url("images/mobile/bg_vision.png");
	}

	.home .vision-content-container {
		height: 288px;
	}

	.home .vision-content {
		padding-left: 25px;
    	padding-right: 25px;
		font-size: 17px;
	}

	.home .fact {
		height: 266px;
	}

	.home .fact.media {
		height: 330px;
	}

	.home .fact iframe {
		width: 323px;
		height: 182px;
	}

	.home .fact-title {
		font-size: 21px;
	}

	.home .fact-details {
		min-height: 108px !important;
	}

	.home .fact.media .fact-details {
		min-height: 145px !important;
	}

	.home .fact-description {
		font-size: 10px;
	}
}

@media (max-width: 991px) {

	.home .my-slider {
		height: auto;
	}

	.home .vision {
		height: auto;
		border-top: none;
	}

	.home .vision-title {
		display: none;
	}

	.home .vision-content-container {
		height: auto;
	}

	.home .vision-content {
		position: static;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	    padding-top: 20px;
		padding-bottom: 20px;
	}

	.home .fact {
		height: auto;
		margin-bottom: 2px;
	}

	.home .fact img {
		display: none;
	}

	.home .fact iframe {
		width: 100%;
		height: 432px;
	}

	.home .fact-details {
		min-height: 0 !important;
		position: static;
	}

	.home .fact3 {
		margin-bottom: 0;
	}

        .home .events.itemized-info-block,
        .home .custom-info-block.itemized-info-block {
            height: auto;
        }
}

@media (max-width: 767px) {

	.home .vision-content {
		padding: 8px 20px;
		font-size: 17.28px;
	}

	.home .fact iframe {
		width: 100%;
		height: 270px;
	}

	.home .fact-title {
	    padding-top: 13px;
	    padding-bottom: 13px;
		font-size: 21px;
	}

	.home .fact-description {
		padding-bottom: 13px;
	}

	.home .partners img {
		margin-left: 17px;
		margin-right: 17px;
	}
}

@media (max-width: 479px) {

	.home .vision-content {
		padding-left: 10px;
		padding-right: 10px;
	}

	.home .fact iframe {
		width: 100%;
		height: 180px;
	}
}

/* LOGIN PAGE */
/* Login Section */
@media (max-width: 991px) {

	.login-section {
		border-right: none;
		padding-bottom: 25px;
	}

	.login-section .page-title .registration-section-link {
		display: block;
	}
}

@media (max-width: 767px) {

	.login-section {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 479px) {

	.login-section {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Registration Section */
@media (max-width: 991px) {

	.registration-section {
		border-left: none;
	}

	.registration-section .page-title {
    	padding-top: 35px;
	    border-top: 2px solid #e1e1e1;
	}
}

@media (max-width: 767px) {

	.registration-section {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 479px) {

	.registration-section {
		padding-left: 10px;
		padding-right: 10px;
	}

	.affiliation-as-field-details {
		margin-left: 55px !important;
	}
}

/* PASSWORD RESET PAGE */
@media (max-width: 991px) {

	.custom-page-content {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (max-width: 767px) {

	.custom-page-content {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 479px) {

	.custom-page-content {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* BLOG, NEWS, EVENTS, NEWSLETTER */
@media (max-width: 767px) {

	body.author .phone-main-navbar .navbar-nav > .menu-item-news-events > a,
	body.single-post .phone-main-navbar .navbar-nav > .menu-item-news-events > a {
		background-color: #080808;
		color: #fff;
		font-weight: bold;
	}

	body.author .phone-main-navbar .navbar-nav > .menu-item-news-events > .sub-menu,
	body.single-post .phone-main-navbar .navbar-nav > .menu-item-news-events > .sub-menu {
		background-color: #080808;
	}
}

/* PEOPLE */
/* Archive People Profile */
@media (max-width: 991px) {

	.profile-preview-block {
		width: 100%;
	}
}

/* Single People Profile */
@media (max-width: 767px) {

	.single-faculty_profile .phone-main-navbar .navbar-nav > .menu-item-people > a,
	.single-staff_profile .phone-main-navbar .navbar-nav > .menu-item-people > a,
	.single-research_staff_prof .phone-main-navbar .navbar-nav > .menu-item-people > a {
		background-color: #080808;
		color: #fff;
		font-weight: bold;
	}

	.single-faculty_profile .phone-main-navbar .navbar-nav > .menu-item-people > .sub-menu,
	.single-staff_profile .phone-main-navbar .navbar-nav > .menu-item-people > .sub-menu,
	.single-research_staff_prof .phone-main-navbar .navbar-nav > .menu-item-people > .sub-menu {
		background-color: #080808;
	}

	.single-faculty_profile .phone-main-navbar .sub-menu > .menu-item-faculty > a,
	.single-staff_profile .phone-main-navbar .sub-menu > .menu-item-staff > a,
	.single-research_staff_prof .phone-main-navbar .sub-menu > .menu-item-research-staff > a {
		color: #fff;
		font-weight: bold;
	}
}

@media (max-width: 991px) {

	.profile-info-block {
		float: none;
		margin-top: 25px;
	}

	body.single .profile-title {
		display: none;
	}

	body.single .profile-position {
		display: none;
	}

	body.single .mobile-profile-title {
		display: block;
	}

	body.single .mobile-profile-position {
		display: block;
	}
}

/* RESEARCH */
@media (max-width: 991px) {

	.research-content .pods-form-filters-submit {
		margin-top: 16px;
	}
}

/* DIRECTORY */
@media (max-width: 991px) {

	.directory-content .pods-form-filters-submit {
		margin-top: 16px;
	}
}


/* --------------------------------------------------------------
7. SLIDER
Includes Home page slider
-------------------------------------------------------------- */

@media (max-width: 767px) {

	.advps-excerpt-one {
		display: none;
	}

	.bx-wrapper .bx-pager {
		display: none;
	}
}

/* --------------------------------------------------------------
Addition R1D3L style
-------------------------------------------------------------- */
@media only screen and (max-width: 767px){
    #footerSearch{
        float: none;
        margin-bottom: 0;
        margin-top: 12px;
    }

    #footerGrayLinks, #foterBlackLinks{
        display: none;
    }

    #foterLinks{
        display: block;
    }

}

/* --------------------------------------------------------------
Responsive table
-------------------------------------------------------------- */
@media only screen and (max-width: 767px){
    .pinned{
        height: 100%;
    }

    .pinned table{
        height: 100%;
        border-top: 1px solid #ccc;
        margin-bottom: 0px;
    }

    table.responsive{
        border-top: 1px solid #ccc;
    }

    .pinned th{
        height: 1px;
    }

    .pinned th a{
        padding-top: 3px;
    }

    table.responsive th a{
        padding-top: 3px;
    }

    table.responsive th{
        position: initial !important;
    }

    .navbar-header #social{
        display: none;
    }
}