/* -- Desktop View -- */  
@media (min-width: 1000px){
.mobile{ display:none;}
#block-views-features-for-mobile-block, #block-views-features-for-mobile-block-1{ display:none;}

#block-views-features-block{ min-height:400px;}
.select2-container{ width:100%!important;}
}

/* -- Tablet Landscape View -- */  
@media (max-width: 1000px){
html, body{ min-width:inherit; max-width:1000px; width:100%;}
#admin-menu,
#toolbar{ display:none!important;}
body.admin-menu {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.mobile{ display:block;}
.desktop{ display:none; visibility:hidden;}

.mobile-header{
    background: #000000 none repeat scroll 0 0;
    display: inline-block;
    height: 82px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2222;
	padding-top:4px;
}
.main-menu{ float:left;}
.menu-icon{background:url(../images/menu-icon.png) no-repeat center center; cursor:pointer; width:78px; height:78px;}
.active-state .menu-icon{background:#313131 url(../images/close-icon.png) no-repeat center center;}
.main-menu .menu-contents{
	width: 290px;
	background:#313131;
	position: fixed;
	transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
    transition: -moz-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	height:100%;
	overflow:auto;
	z-index:1111;
}
.main-menu.active-state .menu-contents{
	transform: translateX(0%);
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
}

.cust-search{
    background: #ddd none repeat scroll 0 0;
    margin: 20px;
    text-indent: 10px;
    width: 250px;
	padding:0;
	height:29px;
}

.main-menu  .tb-megamenu-submenu{ width:100%!important; display:none;}
.main-menu  .menu-contents ul{ padding:0; list-style:none; margin: 0;}
.main-menu  .menu-contents ul li{ list-style:none; }
.main-menu  .menu-contents ul li a{ 
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7;
    padding-bottom: 4px;
    padding-left: 30px;
    padding-top: 4px;
    text-transform: uppercase;
}

.main-menu  .menu-contents ul li.mega.dropdown > a:after{  content: url("../images/b-plus.png"); margin-left:3px;}
.main-menu  .menu-contents ul li.mega.dropdown.on > a:after{  content: url("../images/b-minus.png");}

.main-menu  .menu-contents ul li.mega.mega-group.on > a{ background:#232323;}
.main-menu  .menu-contents ul li.mega.mega-group > a:after{  content: url("../images/s-plus.png"); margin-left:3px;}
.main-menu  .menu-contents ul li.mega.mega-group.on > a:after{  content: url("../images/s-minus.png");}

.main-menu  .menu-contents ul li li a{ 
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 7px;
    padding-left: 40px;
    padding-top: 7px;
	color:#b1b1b1;
}
.main-menu  .menu-contents ul li li li a{ 
 	font-size: 12px;
    padding-left: 36px;
    text-transform: inherit;
	color:#ffffff;
	padding-right:10px;
}

.main-menu  .menu-contents .tb-megamenu-column .tb-megamenu-submenu{ margin:auto; background-color: rgba(129, 54, 37, 1); padding:0 5%; width:90%!important;}
.main-menu  .menu-contents .tb-megamenu-column .tb-megamenu-submenu .tb-megamenu-subnav li{ border-bottom:solid 1px #864f43;}
.main-menu  .menu-contents .tb-megamenu-column .tb-megamenu-submenu .tb-megamenu-subnav li:last-child{ border:0;}

.main-menu  .menu-contents .top-menus-links{background:#232323; margin-top:20px; padding-bottom:20px; padding-top:20px;}

#top_header,
#main_header{
	display:none;
}
 
.mobile-logo{
 	left: 50%;
    position: absolute;
    top: 5px;
    transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.mobile-logo #logo{ padding:0;}

/* information bar menu */
.info-area{ float:right;}
.info-area .info-icon{ background:url(../images/info-icon.png) no-repeat center center; cursor:pointer; width:78px; height:78px;;}
.info-area.active-state .info-icon{ background: #813525 url(../images/info-icon-active.png) no-repeat center center;}
.info-area .menu-contents{
	width: 290px;
	background:#51221b;
	position: fixed;
	transform: translateX(300%);
	-moz-transform: translateX(300%);
	-webkit-transform: translateX(300%);
    transition: -moz-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	height:100%;
	overflow:auto;
	z-index:1111;
}
.info-area.active-state .menu-contents{
	transform: translateX(-134px);
	-moz-transform: translateX(-134px);
	-webkit-transform: translateX(-134px);
}
.info-area.active-state .menu-contents h2{ background:#813525; color:#fff; display:block; padding:10px 20px; font-size:18px;}

.info-area  .tb-megamenu-submenu{ width:100%!important; display:none; background:#813525;}
.info-area  .menu-contents ul{ padding:0; list-style:none; margin: 0;}
.info-area  .menu-contents ul li{ list-style:none; }
.info-area  .menu-contents ul li a{ 
    color: #b1b1b1;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    padding-bottom: 4px;
    padding-left: 30px;
    padding-top: 4px;
    text-transform: uppercase;
	text-transform: inherit;
}

.info-area  .menu-contents ul li.mega.dropdown > a:after{  content: url("../images/s-plus.png"); margin-left:3px;}
.info-area  .menu-contents ul li.mega.dropdown.on > a:after{  content: url("../images/s-minus.png");}

.info-area  .menu-contents ul li.mega.mega-group.on > a{ background:#232323;}
.info-area  .menu-contents ul li.mega.mega-group > a:after{  content: url("../images/s-plus.png"); margin-left:3px;}
.info-area  .menu-contents ul li.mega.mega-group.on > a:after{  content: url("../images/s-minus.png");}

.info-area  .menu-contents ul li li a{ 
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 7px;
    padding-left: 40px;
    padding-top: 7px;
	color:#ffffff;
}

.info-area  .menu-contents ul li li li a{ 
 	font-size: 12px;
    padding-left: 36px;
    text-transform: inherit;
	color:#ffffff;
	padding-right:10px;
}

/* Login Menu */
.login-area{ float:right;}
.login-area .login-icon{background:url(../images/login-icon.png) no-repeat center center; cursor:pointer; width:78px; height:78px;}
.login-area.active-state .login-icon{ background:#4d4d4d url(../images/login-icon-active.png) no-repeat center center;}
.login-area .menu-contents{
	width: 290px;
	background:#4d4d4d;
	position: fixed;
	transform: translateX(300%);
	-moz-transform: translateX(300%);
	-webkit-transform: translateX(300%);
    transition: -moz-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	height:auto;
	max-height:100%;
	overflow:auto;
	z-index:1111;
}
.login-area.active-state .menu-contents{
	transform: translateX(-212px);
	-moz-transform: translateX(-212px);
	-webkit-transform: translateX(-212px);
}
.login-area  .menu-contents ul.menu{ list-style:none; padding:10px; padding-bottom:0;}
.login-area  .menu-contents ul.menu li{ border-bottom:solid 1px #787878; list-style:none; padding: 10px 0;}
.login-area  .menu-contents ul.menu li:last-child{ border:0;}

.login-area  .menu-contents ul.menu li a{ 
 	font-size: 14px;
    padding-left: 36px;
    text-transform: inherit;
	color:#ffffff;
	padding-right:10px;
	display:block;
}

.wrapper{
	margin-top:95px;
	width:96%!important;
	padding:0 2%;
}


/* main banner */
#main_banner{ height:auto; min-height:525px; background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0;}
.calloutWrapper{ width:100%!important; }
.calloutBlock{ height:auto!important;}
.vidWrapper{ float:none;}
.vidInner{ 
    height: auto;
    padding: 2%;
    width: 96%;
}
.vidInner img{ width:100%;}
.addWrapper, .main_callout.mobile{ display:none;}
.mobile.callout_content{ float:none; width:94%; padding-left:3%; padding-right:3%;}

#controls-wrapper{ width:96%; position:absolute; top:inherit; padding:0 2%; bottom:0;}
#slide-list a{ width:15px; height:15px; margin:0 15px 0 0;}
#slide-list a.activeSlide, #slide-list a.activeSlide a:hover{width:15px; height:15px; margin:0 15px 0 0;}

#prevslide{ margin-right:15px;}

/* News, CCNY In News and Events Calander */
.content-columns{ background:transparent none repeat scroll 0 0; border:0;}

.content-columns .span4:first-child{ display:none;}
.content-columns .span4 + .span4{ border:none; width:100%; height:auto!important; padding:0;}
.content-columns .span4:last-child{ display:none;}

.content-columns .span4 #block-views-latest-news-block, 
.content-columns .span4 #block-views-ccny-in-the-news-block{
 	float: left;
    margin-right: 2%;
    width: 45%;	
	background:#fff;
	border-top:5px solid #5e398a;
	padding:2%;
	position:relative;
}

.content-columns .span4 #block-views-ccny-in-the-news-block{ margin-right:0;}
#block-views-latest-news-block .view-footer,
#block-views-ccny-in-the-news-block .view-footer,
.mobile #block-views-upcoming-events-block .view-footer{ 
    border-top: 2px solid #666666;
    display: block;
    margin-left: -4%;
    width: 100%;
}

.mobile #block-views-upcoming-events-block .view-footer{ 
 margin-left: -4%;
}

#block-views-latest-news-block .view-footer a,
#block-views-ccny-in-the-news-block .view-footer a,
.mobile #block-views-upcoming-events-block .view-footer a
{ 
    display: block;
    padding-top: 20px;
    text-align: center;
    color: #5e398a;
    font-size: 18px;
}

.mobile #block-views-upcoming-events-block{
    clear: both;
    width: 96%;
	background:#fff;
	border-top:5px solid #5e398a;
	padding:2%;
	position:relative;
	display:inline-block;
	padding-bottom:85px;
	margin-top:12px;
}

.mobile #block-views-upcoming-events-block .views-row{
    display: inline-table;
    margin-right: 4%;
    width: 46%;
	position:relative;
	margin-top: 10px;
}
.mobile #block-views-upcoming-events-block .views-row:nth-child(even){ margin-right:0;}

.date_block{ height:auto;}
.mobile #block-views-upcoming-events-block .views-field-title a{ 
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position:absolute;
	top:50%;
	font-size: 13px;
    font-weight: 500;
    word-wrap: break-word;
	color:#62a5ad;
}

/* Social Icon */
#block-block-2{ height:25px; position:relative;}
#block-block-2 .ccny_social{ 
	position:absolute;
	left:50%;
	float:inherit;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

/* Spotlights Block */
#block-views-spotlights-block .views-column{
width:100%;
margin-right:0;
}

#block-views-spotlights-block .views-column .views-row{
    display: inline-block;
    margin-right: 2%;
    vertical-align: top;
    width: 42.7%;
	padding:3%;
}

#block-views-spotlights-block .views-column .views-row:last-child{ margin-right:0;}

#block-views-spotlights-block .views-column .views-field-field-side-image{ margin-left:-3%; margin-right:-3%;}

#block-views-spotlights-block .views-column .views-field-field-side-image img{ width:100%; height:auto;}

#block-views-features-for-mobile-block{ 
    clear: both;
    width: 96%;
	background:#fff;
	border-top:5px solid #5e398a;
	padding:2%;
	display:inline-block;
	margin-top:12px;
	position:relative;
}

#block-views-features-for-mobile-block h2{
    float: left;
    margin-left: 50%;
}

/* Features Sliders */
#views_slideshow_cycle_teaser_section_features_for_mobile-block,
#views_slideshow_cycle_teaser_section_features_for_mobile-block .views-slideshow-cycle-main-frame-row{ width:100%!important;     height: auto !important;}

#block-views-features-for-mobile-block .views-field-field-image-for-home-page{ width:45%; margin-right:5%; float:left;}
#block-views-features-for-mobile-block .views-field-title{
   display: inline-block;
    margin-top: 30px;
}
#block-views-features-for-mobile-block .views-field-body{}
#block-views-features-for-mobile-block .views-field-body .views-field-field-read-more-link{ 
   display: inline-block;
    margin-top: 10px;
	width:50%;
 }

/* Features Sliders Controls */ 
#block-views-features-for-mobile-block .views-slideshow-controls-bottom {
    position: inherit;
}
#block-views-features-for-mobile-block .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a, #block-views-features-for-mobile-block .views-slideshow-controls-bottom .views-slideshow-controls-text-next a{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	height:40px;
	width:20px;

}

#block-views-features-for-mobile-block .views-slideshow-controls-text-next a{
	background:url(../images/feature-slider-next.png) no-repeat;
	right:-1px;
}

.views_slideshow_controls_text_pause{ display:none;}

#block-views-features-for-mobile-block .views-slideshow-controls-text-previous a{
	background:url(../images/feature-slider-prev.png) no-repeat;
	left:0;
}
#block-views-features-for-mobile-block-1{ 
    clear: both;
    width: 96%;
	background:#fff;
	border-top:5px solid #5e398a;
	padding:2%;
	display:inline-block;
	margin-top:12px;
	position:relative;
}

#block-views-features-for-mobile-block-1 h2{
    float: left;
    margin-left: 50%;
}

/* Features Sliders */
#views_slideshow_cycle_teaser_section_features_for_mobile-block,
#views_slideshow_cycle_teaser_section_features_for_mobile-block .views-slideshow-cycle-main-frame-row{ width:100%!important;     height: auto !important;}

#block-views-features-for-mobile-block-1 .views-field-field-image-for-home-page{ width:45%; margin-right:5%; float:left;}
#block-views-features-for-mobile-block-1 .views-field-title{
   display: inline-block;
    margin-top: 30px;
}
#block-views-features-for-mobile-block-1 .views-field-body{}
#block-views-features-for-mobile-block-1 .views-field-body .views-field-field-read-more-link{ 
   display: inline-block;
    margin-top: 10px;
	width:50%;
 }

/* Features Sliders Controls */ 
#block-views-features-for-mobile-block-1 .views-slideshow-controls-bottom {
    position: inherit;
}
#block-views-features-for-mobile-block-1 .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a, #block-views-features-for-mobile-block-1 .views-slideshow-controls-bottom .views-slideshow-controls-text-next a{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	height:40px;
	width:20px;

}

#block-views-features-for-mobile-block-1 .views-slideshow-controls-text-next a{
	background:url(../images/feature-slider-next.png) no-repeat;
	right:-1px;
}

.views_slideshow_controls_text_pause{ display:none;}

#block-views-features-for-mobile-block-1 .views-slideshow-controls-text-previous a{
	background:url(../images/feature-slider-prev.png) no-repeat;
	left:0;
}
div#views_slideshow_cycle_main_features_for_mobile-block_1 div.views-field.views-field-field-image-for-home-page{
	
}
div#views_slideshow_cycle_main_features_for_mobile-block_1 div.views-field.views-field-title{

}
/* footer */
footer .wrapper{ position:inherit; width:96%!important; margin-top:0;}
#header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer{ width:100%!important;}

.region.region-footer-firstcolumn{
	width:35%!important;
	margin-right:7%!important;
}
.region.region-footer-secondcolumn{
	width:45%!important;
}

.region.region-footer-thirdcolumn{
	width:40%!important;
    margin-top: -100px;
}

.region.region-footer-fourthcolumn{
	display:none;
	margin-right:7%!important;
}

footer .wrapper div:first-child{width: 100%;}

footer .wrapper #footer-columns .region .block > h2{font-size: 18px;}

footer .wrapper div p{font-size: 15px;}



#main_content, body.no-sidebars #main_content, .page-about-offices-services #main_content{ width:92%; padding:10px 4%;}

/* Profile Details Page */
.ds-1col.node.node-profiles{}
.ds-1col.node.node-profiles .col-4 .inner1,
.ds-1col.node.node-profiles .col-4 .inner2,
.ds-1col.node.node-profiles .col-4 .inner3{width: 45%;}
.ds-1col.node.node-profiles .col-4 .inner4{
    display: inline-block;
    float: none;
    position: relative;
    width: 100%;
}

.ds-1col.node.node-profiles .col-4 .inner4 .faculty-image{
	left: 0;
    margin-left: 0;
    position: relative;
    right: 0;
    text-align: left;
    top: 0;
}

.ds-1col.node.node-profiles .field-name-field-main-department ul.links li{ white-space:inherit;}
.ds-1col.node.node-profiles .faculty-bio h2{ width:100%;}


/* Left Menu */

#acc_wrap{ float:right; margin-right: 0; width:100%;}

#acc_wrap .tb-megamenu .btn-navbar{
    background-color: transparent;
    background-image: url("../images/global-menu-site_black.png");
    background-position: 1em 12px;
    background-size: 18px auto;
	 background-repeat: no-repeat;
    color: #5e398a;
    float: right;
    left: auto;
    margin-right: 0;
    padding: 1em 1.5em 1em 3.5em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	 display: inline-block;
	 font-size: 0.9em;
	 position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 70px;	 
	margin-bottom:0;
	 outline: 0;
}

#acc_wrap .tb-megamenu .btn-navbar{
    background-color: hsla(0, 0%, 100%, 0.8);
}

#acc_wrap .tb-megamenu .btn-navbar.close-state{
  background-position: 1em -49px;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
 
}

#acc_wrap .tb-megamenu .btn-navbar i:after{
    content: "Page Menu";
    font-style: normal;
    font-weight: bold;
}

#acc_wrap .tb-megamenu .btn-navbar.close-state i:after{
    content: "Close Menu";
    font-style: normal;
    font-weight: bold;
}

#acc_wrap .tb-megamenu .btn-navbar .fa-navicon::before, #acc_wrap .tb-megamenu .btn-navbar .fa-reorder::before, #acc_wrap .tb-megamenu .btn-navbar .fa-bars::before{ content:""!important;}

#acc_wrap .tb-megamenu .nav-collapse{
	position:relative;
	top:0;
	margin-top:0;
}

#acc_wrap .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret{ display:block!important;}

.field-name-field-slideshow .views-field-field-slide-caption{padding: 20px 14% 20px 0;}


/* Profiles List Page */
.view-profiles .view-filters #edit-cat-wrapper{ width:26%; padding-right:0;}
.view-profiles .view-filters #edit-school-wrapper,
.view-profiles .view-filters #edit-dept-wrapper{ width:35%; padding-right:0; margin-left:2%;}

/* List */
.view-profiles .view-content #list-staff{}
.view-profiles .view-content #list-staff .col-1-2 .inner1{ width: 50%;}
.view-profiles .view-content #list-staff .col-1-2 .inner2{ width: 45%;}


/* Slider */

#views_slideshow_cycle_teaser_section_field_collection_view-default{ width:100%!important;}
#views_slideshow_cycle_teaser_section_field_collection_view-default .views-slideshow-cycle-main-frame-row{ width:100%!important;}
}

/* -- Tablet Portrait View -- */  
@media (max-width: 768px){
.field-name-field-slideshow .views-field-field-slide-image img{ width:722px;}
}

/* -- Mobile Landscape View -- */  
@media (max-width: 736px){
.content-columns .span4 #block-views-latest-news-block, 
.content-columns .span4 #block-views-ccny-in-the-news-block{
	width:96%;
	margin-right:0;
	margin-bottom:20px;
	padding-bottom:70px;
}

#block-views-latest-news-block .view-footer, 
#block-views-ccny-in-the-news-block .view-footer, 
.mobile #block-views-upcoming-events-block .view-footer{
margin-left:-2%;
}

.mobile #block-views-upcoming-events-block .view-footer{margin-left:-2%;}

.mobile #block-views-upcoming-events-block{ margin-top:0;}

.mobile #block-views-upcoming-events-block .views-row{
	width:85%;
	margin-right:0;
}

#block-views-spotlights-block .views-column .views-row{
	width:94%;
	margin-right:0;
}

#block-block-2 .ccny_social{ width:100%; text-align:center;}
#block-block-2 #followUs{ display:inline; float:none;}

.col-2 .inner1, .col-2 .inner2, .col-2-1 .inner1, .col-2-1 .inner2{ width:100%; margin-right:0; margin-bottom:20px;}
iframe{ width:100%;}





.field-name-field-slideshow .views-field-field-slide-image img{ width:100%;}

footer .wrapper{  width: 88%!important;}

.field-name-field-slideshow{margin-left: -4%;}
.field-name-field-slideshow .views-field-field-slide-image img{ width:104%;}

.content_footer, .field-name-field-footer-about-text{
    margin-bottom: -10px;
    margin-left: -4%;
    padding: 4%;
}
}

/* -- Mobile Portrait View -- */  
@media (max-width: 414px){

.mobile-header{ height:50px;}
.menu-icon,
.login-area .login-icon,
.info-area .info-icon{ height:50px; width:50px;}
.mobile-logo #logo{ width:100px; padding-top:6px;}


.wrapper{ margin-top:54px;}

footer .wrapper #footer-columns .region{
    margin-right: 0;
    width: 100%!important;
    margin-bottom: 30px;
    margin-top: 0;
}
iframe{height:auto;}

#share{ right:0;}

.callout_img_r{ margin:0 auto 0px auto;}

.greybox_right{ margin:0 auto 10px auto; display:inline-block;   padding: 5%;    width: 90%;}

.col-2-1 .inner1 img{ height:auto!important;}

.sheet-item{ padding-right:0;}
.sheet-item h2{ text-indent:0; padding-left:20px;}

/* Profile List */
.view-profiles .view-content #list-staff{}
.view-profiles .view-content #list-staff .col-1-2 .inner1{ width: 100%; margin-right:0;}
.view-profiles .view-content #list-staff .col-1-2 .inner2{ width: 100%;}

.field-name-field-slideshow .views-field-field-slide-caption{ display:none;}

#main{ margin-bottom:10px;}
}