﻿

/******** media query **********/

@media (max-width: 1435px){
	.section-box{
    	min-height: 350px;
	}
	.page.break-up-section{
		min-height: auto;
	}

	.box-head{margin-bottom: 50px;}
}

@media (max-width: 1265px){
	.section-box h3{
		font-size: 22px;
	}
}

@media screen and (max-width: 1300px) and (min-width: 978px){

	.container{    margin: auto;}
}

@media (max-width: 1100px){
	.strip-nav,
	.arrow-next-section{display: none !important;}
	.home .item.background-image-6 > .container{
		padding-top: 80px!important;
	}
}

@media (max-width: 1024px){

	.featurette-heading-landing{
		font-size: 32px;
	}
	.featurette-heading-landing + .button-border .button-text{
		font-size:21px;
	}
	.section-box h3{
		font-size: 20px;
	}
	.section-box .f16{
		font-size: 12px;
	}
	.section-box p{
	    margin: 0;
	}
	
}

@media (max-width: 1000px){
	.strip-nav{
		display: none;
	}
}


@media (max-width: 991px){
	.section-box{
	    min-height: 50vh;
	}
}


@media (max-width: 979px){

	.featurette-heading-landing{
		font-size: 26px;
	}
	.featurette-heading-landing + .button-border .button-text{
		font-size:17px;
	}
	
	.background-image-0 .col-sm-7{ width: 58.33333333%; }
	.background-image-0 .col-sm-5{ width: 41.66666667%; }
	
	.col-xxs-12.pull-down--flex {
	    height: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;}

	.featurette-heading{font-size: 1.7em;}
	.section-box{min-height: 300px;}
	
}



@media(min-width: 767px){
	.visible-xs{ display:none !important; }
	.team-listing .item + .item-details{
		display:none !important;
		height:auto !important;
	}
}


@media(max-width: 767px){

	.visible-xs{ display:block !important; }
	
	.background-image-0 .col-xs-12{ width: 100%; }

	.navbar-toggle {
		margin-right: 15px;
		margin-top: 15px;
	}
	#sidebar-wrapper{
		padding:15px;
	}
	#sidebar-wrapper .sidenav .navbar-nav{
	    margin: 40px 0 0;
		clear:both;
	}
	#sidebar-wrapper .sidenav .navbar-nav a {
		text-align: left;
	}
	.page-title .page-counter{font-size: 5em;}
	.featurette-heading{font-size: 1.5em;}
	.lead-caption p.lead {font-size: 18px;}

	.box-head .box-counter span{font-size: 5em;}
	
	.team-listing {
		max-width:100%;
		width:500px;
		margin-left:auto;
		margin-right:auto;
	}	
	.team-listing .item:after{
		content:"\f107";
	}
	.team-listing .item.active .image img{
		filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
		-webkit-filter: grayscale(0%);
	}
	.team-listing .excerpt-detail .btn-link.btn-desk{
		display:none;
	}
	.team-listing .btn-link.btn-tab-mob{
		display:block;
	}
	.team-listing .item-details .image{ margin-bottom:10px; }
	.team-listing .item-top img,
	.team-listing .item-details .image img{ width:100%; }
	.team-listing .item-details .image{ display:none; }

	.page{
		min-height: 0;
		height: auto !important;}
	.viewport-high {
		min-height: 0;
		height: auto;}

	.page.background-image-landing{min-height: 100vh;}
}

@media(max-width: 580px){

}



@media (min-width: 641px){
	.visible-xxs{display: none;}
}
@media (max-width: 640px){
	.col-xxs-12{width: 100% !important;}
	.hidden-xxs{display: none !important;}
	.background-image-0 .container.container-double-pad{
		padding-right: 0;
		padding-left: 0;}
	.featurette{height: auto;}
	.col-xs-offset-6.col-xxs-12{margin-left: 0;}

	.section-box {min-height: 250px;}
}



@media (max-width: 480px){
	.col-xxs-12{
		float:left;
		width:100%;
	}
	.featurette-heading-landing{
		font-size: 37px;
	}
	.featurette-heading-landing + .button-border .button-text{ 
	    font-size: 12px;
	}

	.box-head{flex-direction: column;}
	.box-head .box-counter{text-align: left;}
	.box-head .box-content{padding-left: 0;}
	.box-head .box-counter span {
	    text-align: center;
	    border-right: none;
	    padding-bottom: 20px;
	    border-bottom: 2px solid #666;
	    margin-bottom: 20px;
	    display: inline-block;}
		
	.team-listing > .row > div{ width:100%; }
	.col-xxxs-12{width: 100% !important; float:left;}
	.col-xxxs-push-0{left: 0 !important;}
	.col-xxxs-pull-0{right: 0 !important;}
}

@media (max-width: 420px){
	.home .item>.container {
		padding-top: 120px!important;
	}
}

@media (max-width: 385px){

}

@media (max-width: 350px){

	
	
}


