@media (max-width: 767px) { 

body {padding: 0px !important}

header, .main, footer, .container, .footer-copyright {padding-left: 15px !important; padding-right: 15px !important}


.schoolname {display: block !important}

.region-rit-identity-bar-left {margin-left: 50px !important}

.hide-rit {display: none}

.desktop-visible {display: none}
.mobile-visible {display: block}

a.back-to-directory {padding-left: 0px}
.directory .right-column {padding-left: 0px; }

li.span3 {width: 45%; float: left}

.teaser {min-height: 550px;}

section.page-top    {background-size: cover !important; background-position: 100% !important }

.contact-block .headshot img {max-width: 200px !important; max-height: 200px !important; width: auto !important; height: auto !important; float: none; margin-left: 0px; margin-bottom: 10px; float: none !important}


.topmenu .schoolname h3 {margin-top: 30px !important;}

#metanav #metaritdirectories, #metanav #metaritsearch {display: none}

.views-field-field-image-1 {float: right; width: 70px}

.nudge-30 {margin-left: -30px !important}

.speaker {max-width: 400px !important}

.caption .span7, .caption .span2 {width: 100% !important; margin-bottom: 15px;}

.caption .caption-text {float: none; padding-left: 15px; margin: 0px !important}

.caption .photo-credit {padding-left: 15px;}

.headshot-single {width: 300px !important; float: right !important; margin-left: 10px;}


.front-menu-bumper {margin-top: 10px !important; margin-bottom: 100px! important; width: 80% !important; float: none !important}


.caption.span2.pull-right {display: block !important; width: 100% !important; text-align: none !important}

.caption .span7 {width: 100% !important; float: none !important}

.caption .image-header {padding-left: 15px; padding-right: 15px; margin-top: -30px !important}

.caption-text.spacing-small-right, .photo-credit {padding-left: 15px !important;  padding-right: 15px !important}

.caption-text {line-height: 16px !important;}

.dropdown-icons {margin-top: 0px !important; margin-left: 30px !important}

.top-logo {margin-left: 30px !important}

.top-slider 
	{
	background-size: 100% 100% !important
	}

.top-slider .span4 {width: 100%;}

.top-slider .box {width: 95%; padding: 30px}

.top-slider .main-image {margin-bottom: 0px; padding-left: 0px}

.top-slider .text-box {margin-left: 0px; margin-right: 0px}

.span50 {max-width: 100%}

.span33 {max-width: 100%}

.grid .headline {width: 100%}

.span2 .rotating-caption,
.grid .headline 

	{width: 100% !important}

.grid .headline h2, .grid .headline h2 p {font-size: 48px !important; line-height: 48px !important}

.span33, .span50 {max-width: 100% !important; width: 100% !important}

.teaser-box-3, .teaser-box-2 {padding-bottom: 15px !important; margin-bottom: 0px !important}


}