/*Common*/
@media (max-width: 980px){
	#Layout p img {
		width: 100%;
		height: auto;
	}
	#shadow-nub-right,#shadow-nub-left{
		display: none;
	}
	#container footer {
	    padding: 5px 15px;
	}	
}
/*Homepage*/
#myCarousel{
		display: none;
	}
#slideshow{
		width: 100%!important;
		display: block;
	}
nav#home-bottom-nav ul li{
	cursor: pointer;
	padding: 13px 13px 0 13px;
}
@media (max-width: 959px){
	nav#home-bottom-nav ul{
		padding: 0 0 0 22px;
	}	
	nav#home-bottom-nav ul li{	
		padding: 17px 13px 0 13px;
		width: 40%;
	}
	.nav>li:nth-child(1)>a:hover,.nav>li:nth-child(1)>a:focus,.nav>li:nth-child(1).open>a{
		color: #005e94;
	}
	nav#home-bottom-nav ul li:hover {
	    background-image: url(/themes/sri/images/home/nav-hover.png);
	    background-position: -9px;
	    background-repeat: no-repeat;	    
	    background-size: cover;
	}
	#slideshow{
		width: 100%;
		display: none;
	}
	#myCarousel{
		display: block;
	}
	#myCarousel .carousel-indicators{
		display: none;
	}
	.glyphicon-chevron-right:before {
	    content: url(/themes/sri/images/glyphicons-chevron-right.png);
	}
	.glyphicon-chevron-left:before {
	    content: url(/themes/sri/images/glyphicons-chevron-left.png);
	}
	#m-TaglineText{
		background: #8b8d8e;
	    height: 30px;
	    vertical-align: middle;
	    margin-top: -43px;
	    padding-top: 11px;
        position: absolute;    
	    color: #FEFEFE;	  
	    z-index: 10;
	    text-align: center;
	    font-family: Rockwell;
	    font-weight: 600;
	    font-size: 15px;
	    width: 100%;
	}
	.carousel-inner{
		margin-top: 43px;
	}
}
@media (max-width: 768px){
	nav#home-bottom-nav ul li{
		width: 90%;
	}
	nav#home-bottom-nav ul li h2{
		margin-bottom: 5px;
	}
	nav#home-bottom-nav ul li p{
		line-height: 22px;
	}
	#nonbreakablelink{
		display: block;
	}
}
@media (max-width: 615px){
	#m-TaglineText{
		padding: 5px 0 6px;
		font-size: 14px;
	}
}
/*Why Sri*/
@media (max-width: 601px){
	.hero h2{
		line-height: 157%;
		font-size: 13px;
	}
	footer .linkedin{
		float: left!important;
	}
}
@media (max-width: 960px){
	#two-col-left-main #Layout{
		overflow: visible;
	}
	#two-col-left-main .content h1{
		font-size: 40px;
		line-height: 100%;
	}
	#two-col-left-main .content, #two-col-left-main aside, #two-col-left-main aside .testimonial p.quote{
		width: 93%;
	}
	#Content{
		text-align: left;
	}
	.hero h1{
		text-align: center;
	}
	#two-col-left-main .content{
		padding: 34px 0px 0 11px;
		border-right: 0;
	}
	#why-sri-hero {
	    background-image: url(/themes/sri/images/top_banner_why.png);
	    background-position-y: 92px;
	    height: 91px;
	}
	#why-sri-hero>h2{
		display: none;
	} 
	#frog {
	    position: absolute;
	    bottom: -5px;
	    right: 50px;
	}
}
/*About us*/
.team-member-list{
		display: none;
	}
#two-col .right-content .bio-quote{
		display: none;
	}
#two-col .right-content .testimonial strong {
    color: #922480;
    font-weight: normal;
}
.ui-selectmenu{	
    width: 100%!important;
}
@media (max-width: 768px){
	ul.team {	    
	    margin: 30px 0 0 30px;
	}
	ul.team li {
	    float: left;
	    margin: 0 6% 3% -2%;/*0 15px 15px 0;*/
	    width: 46%;
	}
	ul.team li img {
	    display: block;
	    width: 100%;
	}
	.caption {
	    background-color: #4c859f;
	    padding: 8px 0px;
	    width: 100%;
	}
	.caption h3, .caption h4{
		margin-left: 14px;
	}
	.caption h3{
	    font-size: 110%;
	}
}
@media (max-width: 960px){
	#about-us-hero {
	    background-image: url(/themes/sri/images/top_banner_about_us.png);
	    background-position-y: 92px;
	    height: 91px;
	}
	#about-us-hero>h2{
		display: none;
	} 	
	/*Contact us*/
	section#two-col-aside .main{
		width: 90%;
		border-right: none;
		padding: 25px 0 0 15px;
	}
	form .field{
		width: 100%;
	}
	form .text input,#Form_ContactForm_Street{
		width: 264px;
	}
	.ui-selectmenu{
		width: 275px!important;	    
	}
	.checkbox input[type=checkbox]{
		margin-left: 0;
	}
	#Form_ContactForm_Comments{
		width: 90%;
	}
	section#two-col-aside aside:nth-of-type(1){
		display: block;
		padding: 0 0 0 15px;
	}
	section#two-col-aside aside:nth-of-type(1) .left{
		float: left;
	    margin-right: 30px;
	    margin-top: 34px;
	}
	section#two-col-aside aside:nth-of-type(1) .right{
		float: left;
	}
	section#two-col-aside aside:nth-of-type(1) h1{
		font-size: 347%;
	    line-height: 100%;
	    font-family: 'Rockwell', 'RockwellRegular', Arial, Helvetica, sans-serif;
	    font-weight: normal;
	    font-style: normal;
	    color: #397895;
	    margin-bottom: -4px;
	    margin-top: 15px;
	}
	section#two-col-aside aside:nth-of-type(2){
		display: none;
	}
	section#two-col-aside .main h1{
		display: none;
	}
}
/*Bio detail*/
#two-col .right-content .testimonial{
		display: none;
	}
@media (max-width: 976px){
	
	.bio-detail{
		padding-left: 15px;
		padding-right: 0px;
	}
	.bio-detail h3{
		margin-bottom: 30px;
	}
	.our-team img{
		display: none;
		float: right;
	    margin-right: 50px;
	    width: 50%;
	}
	.our-team nav{
		display: none;
	}
	.team-member-list{
		display: block;
	    float: left;
	    margin-left: 18px;
	    width: 95%;
	    margin-bottom: 20px;
	}
	#two-col .left-content{
		width: 100%;
	}
	#two-col .left-content .bio-quote{
		display: none;
	}
	#two-col .right-content .bio-quote{
		display: block;
	}
	#two-col .right-content{
		width: 95%!important;
    	text-align: left;
	}
	#two-col .right-content .testimonial{
		display: block;
	}
}
@media(min-width: 961px){
	section#two-col-aside aside:nth-of-type(1){
		display: none;
	}
}
/*Service*/
@media (max-width: 960px){
	#services-hero {
	    background-image: url(/themes/sri/images/top_banner_services.png);
	    background-position-y: 92px;
	    height: 91px;
	}
	#services-hero>h2{
		display: none;
	} 
}
/*Our client*/
.filter-open img{
		display: none;
	}
@media (max-width: 521px){
	.modal a img{
		width: 90%;
	}
}

@media (max-width: 975px){	
	#our-clients-hero {
	    background-image: url(/themes/sri/images/top_banner_clients.png);
	    background-position-y: 92px;
	    height: 91px;
	}
	#our-clients-hero>h2{
		display: none;
	} 
	.filter-label{
		width: initial;
	    margin-top: 7px;
    	margin-left: -17px;
    	margin-bottom: 11px;
	}
	.client-filter{
		width: 95%;		
		padding: 5px 5px 0px;
		margin-left: -3px;
	}
	.client-container{
		margin: 0 13px 0 3%;
	}
	.expandable{
		background: blue;
	    color: rgb(255, 255, 255);
	    font-weight: bold;
	    padding: 5px 31px;	    
	    font-size: 17px;	    
	}
	a.expandable{
		color: #ffffff;
	}
	.filter-open .regions,.filter-open .services,.filter-open .industry{
		width: 105%;
		margin-bottom: 11px;
		border-top: 1px rgba(0, 0, 0, 0.32) solid;
	}
	.filter-open .industry{
		margin-bottom: 30px;
	}
	.filter-open img{
		display: block;
	}
	.filter-open .regions ul,.filter-open .services ul,.filter-open .industry ul{
		width: 300px;	
		text-align: left;	
		margin-left: 24px;
		display: none;
	}
	.filter-open .regions, .filter-open .services, .filter-open .industry{
		margin-left: 0;
	}
	.filter-open h2{
		cursor: pointer;
		color: #000000;
		text-align: left;
    	margin-left: 25px;
    	margin-top: 9px;
	}
	.client-filter{
		background-image: none;
		overflow: hidden;
	    width: 93%;
    	left: 10px;
    	left: 3%;
    	/*border: 1px solid;*/
	}
	.client-container{
		width: 95%;
	}
	#ClientFilterForm img{
		width: 9px;
        float: left;
        margin-top: 17px;
        margin-left: 10px;        
	}
	#ClientFilterForm img.more{
		transform: rotate(180deg);
	}
	#ClientFilterForm input.simple{
		left: 20px;
	}
	ul.client-portfolio li{
		width: 33%;
		margin: 0;
	}	
	ul.pagination{
		
	}
	ul.pagination li {
	    font-size: 145%;
	    line-height: 131%;
	    float: left;
	    margin-right: 3px;
	    background-color: #7b7b7b;
	    padding: 3px 10px;
	    border-radius: 3px;
	}
	ul.pagination li a {
	    color: #ffffff;
	    font-weight: bold;
	}
	ul.pagination li.prev, ul.pagination li.next {
	     background-color: initial; 
	     padding: 0; 
	}
	ul.pagination li.prev img, ul.pagination li.next img{
		width: 31px;
	}
	#page1link,#page2link,#page3link,#page4link,#page5link,#page6link,#page7link{
		display: none!important;
	}
	#shadow-nub-right,#shadow-nub-left{
		display: none;
	}
	.filter-open{
		text-align: center;
		margin: 0 0 0 -5px;
	}
	#filterSubmit{
		float: none!important;
	    text-align: center;
	    position: relative;
	    width: 200px;	    
	    color: #ffffff;
	    background-color: blue;
	    margin: 0 auto;
	    text-decoration: none;
	    padding: 5px;
	    font-weight: bold;
	}
	input[type=checkbox], input[type=radio]{
		/*margin: 0;	*/
		width: 17px;
    	height: 17px;
	}
	#ClientFilterForm label{
		padding: 7px 0px 0px 27px;
	}
	.filter-open ul li{
		width: 200px;
	}
}