@media screen and (max-width:1680px){

}/*max-width:1680px*/
@media screen and (max-width:1440px){
	.single-about-img img {max-width:100%;}
	.single-about-img:before,.about-list-icon{width: 100%;}
}/*max-width:1440px*/

@media screen and (max-width:1199px){
	nav.navbar.bootsnav ul.nav > li > a { padding: 35px 8px;}
	
	nav.navbar.bootsnav ul.nav > li > a {line-height: 88px;}
	.welcome-hero {min-height: 700px;}
	.showcase-copy-card h3 {font-size: 30px;}
	.header-text--pin {padding-top: 210px;}
	.hero-ribbon {max-width: 100%;}

	.timeline-content span>i, .experience-time span>i {left: -15.5%;}
}/*max-width:1199px*/

@media screen and (max-width:1024px){


}/*max-width:1024px*/

@media screen and (max-width:1008px){
	nav.navbar.bootsnav ul.nav > li.dropdown span.megamenu-title  {display:block;color: #43465d;font-size: 18px;}
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-title a {margin-top: 20px;font-size: 14px;}
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-txt a{margin-bottom: 15px;}
}/*max-width:1008px*/

@media screen and (max-width:992px){
	nav.navbar.bootsnav .navbar-collapse.collapse.in {padding-bottom: 30px;}
	nav.navbar.bootsnav .navbar-toggle {display: inline-block; float: right;margin-right: 0;margin-top: 21px;}
	nav.navbar.bootsnav .navbar-brand {float: left!important;}
	nav.navbar.bootsnav ul.nav > li > a {padding: 15px 0px;border: transparent;}
	.access-grid {grid-template-columns: 1fr;}
	.header-text--pin {padding-top: 210px; text-align: center;}
	.header-text--pin p {margin-left: auto; margin-right: auto;}
	.hero-actions {justify-content: center;}
	.hero-ribbon {display: inline-flex; justify-content: center; flex-wrap: wrap; text-align: center;}
	.showcase-layout {grid-template-columns: 1fr;}
	.showcase-photo--road {min-height: 340px;}
	.showcase-photo--yard {min-height: 280px;}
}/*max-width:992px*/

@media screen and (max-width:991px){
	.experience-time-responsive{display: block;}
	.experience-time-main{display: none;}
	.experience-time,.timeline-content{text-align: left;margin-bottom: 20px;margin-left: 40px;}
	.timeline-content span>i{left: 0%;top: -54%;}
	.experience-time span>i {left: -6%;top: 6%;}
	.main-timeline:before {left:0.4%;}

	.single-horizontal-timeline .experience-time,.single-horizontal-timeline .timeline-content {margin: 0;}
}/*max-width:991px*/

@media screen and (max-width:768px){
	.hero-actions {flex-direction: column; align-items: center;}
	.hero-actions a {width: min(320px, 100%);}
	.hero-ribbon {display: block;}
	.hero-ribbon strong {display: block; margin-bottom: 8px;}
}/*max-width:768px*/

@media screen and (max-width:767px){
	.single-about-img {max-width: 450px;}
	.experience-time span>i,.timeline-content span>i,.main-timeline:before {display: none;}
	.experience-time, .timeline-content {margin-left: 0;}

	.isotope .item {max-width: 350px;margin: 0 auto 30px;}

	.single-profile {max-width: 350px; margin: 30px auto;border: 0;}
	.profile-border{border: 0;}

	.single-horizontal-timeline {max-width: 350px;margin: 30px auto;}
	.navbar-header {gap: 10px; min-height: 84px;}
	nav.navbar.bootsnav ul.nav > li > a {line-height: normal;}
	.header-text--pin {padding-top: 175px;}
	.header-text--pin h2 {font-size: 34px;}
	.header-text--pin p {font-size: 20px;}
	.visual-stack {margin-top: 40px; padding-bottom: 30px;}
	.visual-stack-caption {margin: -28px 14px 0; padding: 20px 18px;}
	.showcase-copy-card {padding: 30px 24px;}
	.showcase-copy-card h3 {font-size: 28px;}
	.showcase-stats {grid-template-columns: 1fr;}

}/*max-width:767px*/

@media screen and (max-width: 660px){

}/*max-width:660px*/

@media screen and (max-width: 640px){

}/*max-width:640px*/

@media screen and (max-width: 580px){
	.logo-img {width: 92px; margin-left: 10px; margin-top: 16px;}
	.brand-wordmark {font-size: 18px;}
	.navbar-header {min-height: 76px;}
	.logo-img {width: 60px; margin: 0;}
	.header-text--pin {padding-top: 158px;}
	.hero-kicker {font-size: 11px;}
	.hero-ribbon {margin-top: 22px; padding: 12px 14px;}
	.hero-ribbon strong {font-size: 15px;}
	.hero-ribbon span {font-size: 13px;}
	.visual-stack-main img {min-height: 420px;}
	.visual-stack-caption h3 {font-size: 18px;}
}/*max-width:580px*/

@media screen and (max-width: 540px){
	.subscribe-title h2 {font-size: 24px;}
	.welcome-hero {min-height: 600px; padding-bottom: 42px;}

}/*max-width:540px*/

@media screen and (max-width: 480px){
	
}/*max-width:480px*/

@media screen and (max-width: 440px){
	
}/*max-width:400px*/

@media screen and (max-width:350px){

}/*max-width:350px*/

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