/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 1280px) {
	#credit-score {max-width: 1280px;}
}

@media (min-width: 1200px) {
	.testimonials .photo {
		max-width: 112px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	/* Ipad Landscape */
	#credit-score{padding-top: 0;}
	.main-nav li a{padding: 0 10px;}
}

@media only screen and (min-width: 992px) {
	/* Ipad Landscape */	
	.service-list{ margin-bottom:30px;}
	.form{ margin:0 0 0 20px}
	.main-nav{ display:block !important; }
	.arrow-mobile {display: none;}	
		#credit-score figure {
		position: absolute;
	    left: -250px;
	    bottom: -50px;
	    z-index: 99;}
	#credit-score img {max-width: 878px;}	
	.cross-sells .col-md-7{padding-left: 80px;}
	.cross-sells h3 {margin-top: 90px;}
	.team-container:nth-of-type(3n+1) {clear: both;}
	#analytics figure {
		text-align: right;
	}

}

@media only screen and (min-width: 768px) {
	.row-flex {
		display: flex;
		display: -webkit-flex;
		align-items: center;
	    -webkit-align-items: center;
	}
	.footer-social{text-align: right;}
	.testimonials .name{max-width: 260px;}
	.testimonials .text {
	 	display: table;
		min-height: 120px;
	}
}	

@media only screen and (max-width: 991px){
	/*Ipad Portrait */
	.res-nav_click{ display:block;}
	.main-nav li a{ 
		display:block ;
		border-bottom:none;
		color: rgba(23, 80, 160, 1);}
	.main-nav li.active{
		display:block;
		background-color: rgba(0, 156, 211, 0.75);
    	color: rgba(255, 255, 255, 1);}
    .main-nav li.active a{color: rgba(255, 255, 255, 1);}		
	.main-nav li{ 
		display:block;
		margin-left: 0;}
	.main-nav li.small-logo{ display:none;}
	.main-nav{ 
		display:none; 
		position:fixed; 
		left:0; width:100%; 
		top:56px; 
		margin:0 auto; 
		float : none; 
		background:#fff;
		height: 100%;
		max-height: 450px;
		overflow: auto !important;}
	.about .row-team {margin-top: 0px;}
	#about, #cross-sells, #analytics, #integration, #credit-score, .credit-score-text {text-align: center;}	
	.about .team-container {padding-bottom: 24px}
	.main-section figure img {max-width: 80%;}
	.integration figure{text-align: center;}
    .arrow-mobile {display: none;}	
    .form{ margin:0;}
    .main-section.analytics{ padding:40px 0 140px}
    .about h5{margin-bottom: 20px}
    .team-container:nth-of-type(2n+1) {clear: both;}
    .team-resume h4 {margin: 0;}
    textarea.form-control {height: 144px !important;}
    .testimonials .photo {margin-right: 15px;}
    .logo-box{line-height: 56px;}
    .main-nav-outer{height: 56px;}
    .main-nav{text-align: center;}
}  

@media only screen and (max-width: 767px) {
	/* Mobile Landscape */
	.form{ margin:0 30px;}
	.footer{text-align: center;}
	.footer .col-xs-12{padding: 0;}
	.footer-left, .footer-right {float: none !important;}
    .footer-logo {margin-bottom: 9px;} 
	.logo{ width:100px;}
	.credit-btn a{padding: 5px;}
	.testimonials .text {
		border-top: 1px solid rgba(0, 156, 211, 1);
		border-left: none;
		margin-top: 8px;
		padding: 8px 0 0;
		font-size: 14px;
		min-height: 0;
		line-height: 20px;}
	.arrow {display: none;}
	.arrow-mobile {
		display: inline-block;
		margin-left: 8px;}
	.testimonials .arrow-box {margin-top: 16px;}
	.testimonials{padding: 20px 0 24px;}
    .contact .col-md-10, .contact .col-md-6 {padding: 0;}
    .contact h1 {
	    line-height: 32px;
	    font-size: 24px;}
	.input-text {
	    font-size: 16px;
	    margin-bottom: 32px;}
	.contact h4 {
	    font-size: 16px;
	    line-height: 24px;
	    margin-bottom: 32px;}    
	.contact label, .validation {
		font-size: 14px;
		line-height: 16px;}
	.input-text {height: 48px !important;}
	.main-section.about {padding:12px 0 20px;}
	.main-section.contact{ 
		padding:20px 0 48px;
		background:url(https://cdn.savvymoney.com/b2b/img/contact_back_mobile.jpg) center center no-repeat;}
	.about h3{font-size: 18px;}
	.about span{font-size: 14px;}
	.analytics img {max-width: 90% !important;}
	.about .about-text {
		font-size: 16px;
		line-height: 24px;}	
	.about h1 {
		font-size: 24px;
		line-height: 32px;}
	.about h5, .team-resume h4, .team-resume p {
		font-size: 16px;
		line-height: 24px;}
	.testimonials h3 {
		font-size: 18px;
		line-height: 24px;
		margin: 0;}
	.testimonials h5 {
		font-size: 14px;
		line-height: 20px;}
	.testimonials .name {
		padding: 0;}
	.analytics h3 {
		font-size: 24px;
		line-height: 32px;}
	.analytics h5 {
		font-size: 16px;
		line-height: 24px;}
	#credit-score h3 {
		font-size: 24px;
		line-height: 32px;
		margin: 24px 0;}	
	#credit-score h5 {
		font-size: 16px;
		line-height: 24px;}
	.integration h3 {
		font-size: 24px;
		line-height: 32px;}
	.integration h5 {
		font-size: 16px;
		line-height: 24px;}
	#credit-score, .cross-sells, .integration {padding: 30px 0 60px;}
    .cross-sells h3 {
    	font-size: 24px;
    	line-height: 32px;}
    .cross-sells h5 {
    	font-size: 16px;
    	line-height: 24px;}
    .credit-score-text h1 {
    	font-size: 30px;
    	line-height: 32px;}
    .credit-score-text h5 {
    	font-size: 16px;
    	line-height: 24px;}
    .header>.container {height: auto;}	
    #sendmessage {margin-bottom: 120px;}
    #sendmessage h1 {
		font-size: 24px;
    	line-height: 32px;
    	margin-top: 72px;}
	#sendmessage h5 {
		font-size: 16px;
    	line-height: 24px;}
	.team-resume {
	    background-color: rgba(255, 255, 255, 1);
	    border: 1px solid rgba(226, 226, 226, 1);
	    padding: 0 12px 32px;
	    margin-top: 0;}
	.close-resume {
		top: auto;
		bottom: 20px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
		width: 14px;}
	.team-resume .container {padding-bottom: 55px;}
	.header .plant {top: 56px;}
	.c-logo-part .container{padding: 0;}
	.testimonials .photo {max-width: 74px;}
	.row-team .col-md-8, .row-team .col-md-4 {padding: 15px 0;}
	.copyright {padding-top: 24px; margin-top: 0;}
	.privacy-policy-box{padding-bottom: 16px;}
}	

@media only screen and (max-width: 560px) {
	/* Mobile Portrait */
    .partner {line-height: 40px;}
    .analytics .partners{
    	width: 129px;
    	bottom: 30px;
    	font-size: 14px;}
    .main-section.analytics {padding: 40px 0 110px;}	
}

@media only screen and (max-width: 400px) {
	/* Mobile Portrait */
    .partner {line-height: 24px;}
    .analytics .partners{bottom: 15px;}
}

@media only screen and (max-width: 479px) {
	/* Mobile Portrait */
	.contact-info-box{ margin-left:0px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.Portfolio-box{  max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }
	.testimonials .name{max-width: 200px;}
	.carousel-inner .item{min-height: 230px;}  
	
}

@media only screen and (max-width: 320px) {
	/* Mobile */
	
	
}