@charset "utf-8";

/* CSS Document */

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.header-right-top, .header-right-bot { padding: 0; }
.logo-left { left: 15px; }
.headermenu ul li ul { padding-right: 15px; }
.read-more a { margin-top: 5px; }
.col-box-inner { padding: 0; }
.Architect-Wrap .img-rounded { margin: 0; }
.With-IronWrap .box-rounded { margin: 0 42px 40px; }
.With-IronWrap h3 { font-size: 30px; }
.footer-nav ul li { padding: 0 0 0 35px; }
.schedule-demo a.btn-default { width: auto; padding-left: 20px; padding-right: 20px; }
.social-links ul li:first-child { padding-left: 0; }
.social-links ul li { padding-left: 5px; }
.headermenu ul li ul li { padding: 0 15px; }
.headermenu ul li ul li:last-child {padding-right: 0;}
.flax-caption { padding-top:50px;}
}

@media (min-width: 980px) and (max-width: 991px) {

.header-right-top, .header-right-bot { padding: 0; }
.logo-left { left: 15px; }
.headermenu ul li ul { padding-right: 15px; }
.read-more a { margin-top: 5px; }
.col-box-inner { padding: 0; }
.Architect-Wrap .img-rounded { margin: 0; }
.With-IronWrap .box-rounded { margin: 0 42px 40px; }
.With-IronWrap h3 { font-size: 30px; }
.footer-nav ul li { padding: 0 0 0 35px; }
.schedule-demo a.btn-default { width: auto; padding-left: 20px; padding-right: 20px; }
.social-links ul li:first-child { padding-left: 0; }
.social-links ul li { padding-left: 5px; }
.headermenu ul li ul li { padding: 0 15px; }
.headermenu ul li ul li:last-child {padding-right: 0;}
.flax-caption h2 {font-size: 50px;line-height: 52px;}
.flax-caption {padding-top: 50px;}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 979px) {
.header-right-top, .header-right-bot { padding: 0; }
.logo-left { left: 15px; }
.headermenu ul li ul { padding-right: 15px; }
.read-more a { margin-top: 5px; }
.col-box-inner { padding: 0; }
.Architect-Wrap .img-rounded { margin: 0; }
.With-IronWrap .box-rounded { margin: 0 65px 40px; }
.With-IronWrap h3 { font-size: 30px; }
.footer-nav ul li { padding: 0 0 0 25px; }
.schedule-demo a.btn-default { width: auto; padding-left: 20px; padding-right: 20px; }
.social-links ul li:first-child { padding-left: 0; }
.social-links ul li { padding-left: 5px; }
.headermenu ul li ul li { padding: 0 10px; }
.Architect-Wrap .col-inner-introw { text-align: center; }
.col-box-inner { padding-bottom: 15px; }
.Architect-Wrap .img-rounded { padding: 75px 0; }
.col-box-inner { padding-bottom: 35px; }
.contact-form { margin-bottom: 25px; }
.social-box { min-height: 1px; padding-bottom: 15px; }
.Event-BlogWrap ul { padding-right: 0; }
.post-introw { padding: 0; }
.blog-box .intro-img img { width: 100%; }
.event-box { margin-bottom: 25px; }
.flax-caption h2 { font-size: 30px; line-height: 32px; }
.flax-caption { padding-top: 50px; }
.read-more a { padding: 12px 35px;     font-size: 18px; line-height: 22px; }
.flax-caption p { margin: 5px 0; font-size: 18px; line-height: 20px; }
.headermenu ul li ul li a { font-size: 13px; }
.head-top-nav ul li { padding: 0 10px; }
.head-search-box { margin-left: 10px; }
.header-contact { margin-right: 10px; }
.category-info { padding: 0; }
.footer-logo { text-align: center; padding-bottom: 10px; }
.schedule-demo { text-align: center; padding: 5px 0; }
.logo-left { position: static; text-align: center; width: 100%; padding: 10px 0;}
.logo-left .logo { padding:0;}
.head-search-box { float: none; width: 100%; padding: 10px 0; margin: 0;}
.head-search-box span.glyphicon {top: 18px;}
.header-contact { float: left;}
.headermenu ul li ul li {padding: 0 5px;}
.Architect-Wrap .img-rounded {padding: 85px 0;}
.Event-BlogWrap h3 { margin-bottom: 15px;}
.social-box { padding: 0 15px; padding-bottom: 15px;}
/* font-size: 60px*/
.static-banner h1 {  font-size: 30px;line-height: 32px;}
/*large heading content 60px/60px;*/
.category-info h1,.Content-section h1 { font-size: 35px; line-height: 40px;}
/*36px*/
.Companys-logo h2,.Architect-Wrap h2,.Architect-Wrap h3,.With-IronWrap h2,.Event-BlogWrap h2,.contact-form h2,.social-box h3,.Content-section h2,.join-TeamWrap h2,.Our-CultureWrap h2,.Benefits-joiningWrap h2 { font-size: 27px;}
/*30px*/
.With-IronWrap h3,.leader-infoWrap .info-box h3,.benefits-box h3 {font-size: 24px;}
/*24px*/
.Event-BlogWrap h3,.join-TeamWrap h3 {  font-size: 20px;}
    /* banner static 24px*/
.static-banner p { font-size: 20px; line-height: 22px;}

/*article p tag font size:18px/22px*/

.Content-section p,.Content-section li,.Architect-Wrap p,.With-IronWrap p,.address-info address,.address-info a { font-size: 16px; line-height: 21px;}
body {font-size: 16px; }
.join-TeamWrap ul li {font-size: 16px; line-height: 21px;}

.headermenu ul li ul li:last-child {padding-right: 0;}
.headermenu.scrollHeader ul li ul { top: 250px;}

}




/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

 .header-right-top, .header-right-bot {padding: 0 0px;}
.logo-left { position: static; padding: 10px 0; width: 100%; height: auto; text-align: center; }
.logo { padding: 0;}
.head-search-box { float: right; width: 65%;  padding: 10px 15px 10px 0; margin: 0;}
.head-search-box span.glyphicon {top: 18px; right: 24px;}
.header-right-top { text-align: center;}
.header-top { position: relative;}
.head-top-nav { display: inline-block; float: none;}
.header-contact,.head-top-nav { display:none;}

.social-box { padding: 0 15px; padding-bottom: 15px;}
/* font-size: 60px*/
.static-banner h1 {  font-size: 30px;line-height: 32px;}
/*large heading content 60px/60px;*/
.category-info h1,.Content-section h1 { font-size: 35px; line-height: 40px;}
/*36px*/
.Companys-logo h2,.Architect-Wrap h2,.Architect-Wrap h3,.With-IronWrap h2,.Event-BlogWrap h2,.contact-form h2,.social-box h3,.Content-section h2,.join-TeamWrap h2,.Our-CultureWrap h2,.Benefits-joiningWrap h2 { font-size: 27px;}
/*30px*/
.With-IronWrap h3,.leader-infoWrap .info-box h3,.benefits-box h3 {font-size: 24px;}
/*24px*/
.Event-BlogWrap h3,.join-TeamWrap h3 {  font-size: 20px;}
 /* banner static 24px*/
.static-banner p { font-size: 20px; line-height: 22px;}
.flax-caption { padding-top: 7%;}
.flax-caption h2 {font-size: 30px;line-height: 32px;}
.flax-caption p {font-size: 18px; line-height: 20px; margin: 5px 0;}

/*article p tag font size:18px/22px*/

.Content-section p,.Content-section li,.Architect-Wrap p,.With-IronWrap p,.address-info address,.address-info a,.benefits-box ul li a,.Content-section p strong,.join-TeamWrap p,.bottom-tuch-content p a,.Event-BlogWrap p,.extra-link ul li a,.leader-infoWrap small,.Benefits-joiningWrap article p a { font-size: 16px; line-height: 21px;}
 body {font-size: 16px; }
.read-more a { padding: 12px 35px;font-size: 18px;font-weight: 500; line-height: 22px; margin-top: 10px; }

.Architect-Wrap .img-rounded { width: 400px; margin: 0 auto; padding: 118px 0px; min-height: 164px; }
.Architect-Wrap .col-inner-introw { text-align: center;}
.With-IronWrap .box-rounded { width: 360px; height:auto; min-height: 80px; margin: 0 auto; padding: 140px 0; margin-bottom: 15px;}
.col-box-inner { padding: 0 0 35px;}
.With-IronWrap p { margin-bottom: 25px;}
.With-IronWrap h3 { margin-bottom: 15px;}
.Event-BlogWrap ul { padding-right: 0;}
.Event-BlogWrap h3 { margin-bottom: 15px;}
.blog-box .intro-img img{ width: 100%; height: auto;}
.post-introw { padding: 0 0px;}
.social-box { min-height: 50px;}
.header-right-top { margin: 0 -15px; position: relative; z-index: 999;}
.mobile-MenuWrap { padding: 10px 0; z-index: 999; width: 30%; float: left;  text-align: left;}
.mobile-MenuWrap  .toogle-btn { padding-left: 40px; background: url(../images/menu-toggle.png)no-repeat left center; color:#fff; line-height: 30px; display: block; margin-left: 13px; margin-right:0px; cursor: pointer; text-align: left;}
.MobNavWrap { width: 100%; height: auto; position: absolute; z-index: 9999;  top: 100%; background: #2A3138; padding-bottom: 10px; display: none;}
.MobNavWrap ul { margin: 0; padding: 0; list-style-type: none;}
.MobNavWrap ul li { float: none; margin: 0; padding: 0 5px; position: relative;}
.MobNavWrap ul li a { display: block; font-family: "DINPro-Regular", DIN Pro, din pro; padding: 10px 12px;  font-size: 17px; line-height: 20px; border-top: solid 1px #e6a439; color: #fff; text-decoration: none; outline: none!important; }
.MobNavWrap ul li:first-child a { border-top: 0;}
.MobNavWrap nav ul li:first-child a { border-top: 1px solid #e6a439;}

.MobNavWrap ul > li:hover a { color:#2A3138; text-decoration: none; background-color:#e6a439; }
.MobNavWrap ul > li.sfHover > a{ background-color:#e6a439; color: #fff!important;  }
.MobNavWrap ul > li.current > a{ background-color:#e6a439; color: #fff!important;  }
.MobNavWrap ul li ul { display: none;}
.MobNavWrap ul li:hover ul { display: block;}
.MobNavWrap ul li ul li { background-color:#e6a439; }
.MobNavWrap ul li ul li a { font-size: 14px; color:#2A3138; border-top:solid 1px #2A3138  !important; outline: none!important; }
.MobNavWrap ul li ul li:hover a { color: #fff;}
.MobNavWrap ul li ul li:first-child a {border-top:solid 0px #2A3138  !important; }
.MobNavWrap ul li ul li.active a { color: #fff;}
.BottomWrap { padding: 15px 0;}
.schedule-demo { padding: 10px 0;}
.footer-nav2 ul,.social-links ul,.schedule-demo,.copyright,.policy-link ul{ text-align: center;}
.footer-nav2 ul li,.social-links ul li  { display: inline-block; float: none;}
.policy-link ul li { padding: 0 10px; float: none; display: inline-block; text-align: center;}
.footer-nav2 ul li { padding: 10px;}
.footer-nav ul { text-align: center; float: none;}
.footer-nav ul li { padding:5px 10px; float: none; display: inline-block;}
.footer-nav ul li a { font-size: 15px;}
.footer-nav ul li ul { display: none;}
.footer-logo  { text-align: center; padding: 10px 0;}
.footer-top { margin-top: 15px;}
.Content-section { padding-top: 25px;}
.Content-section article { padding-top: 0;}
.jontem-content { padding-bottom: 15px;}
.join-TeamWrap p { margin-bottom: 10px; font-size: 16px;}
.join-TeamWrap ul li { font-size: 16px; line-height: 21px;}
.join-TeamWrap h3 { padding-bottom: 15px; }
.join-TeamWrap p br { display: none;}
.join-TeamWrap { padding: 35px 0;}
.Our-CultureWrap { padding-top: 45px;}
.benefits-boxInner { padding-bottom: 25px;}
.benefits-box { padding-bottom: 0;}
.Benefits-joiningWrap article {  padding-bottom: 35px;}
.Media-box { padding: 5px; text-align: center; margin-bottom: 25px;}
.media-content.match-height { height: auto!important; text-align: center;}
.Our-CultureWrap .media-content h2 br{ display: none;}
.bottom-tuch-content { position: static;}
.Our-CultureWrap h2 { padding-bottom: 35px;}
.join-TeamWrap { margin-top: 0;}
.leader-box img { height: auto;max-width: 100%; width: 100%;}
.Companys-logo,.Architect-Wrap,.With-IronWrap,.Event-BlogWrap,.ContactWrap,.Benefits-joiningWrap { padding: 35px 0;}
.Architect-Wrap p { margin-bottom: 10px;}
.event-box { padding-bottom: 25px;}
.contact-form { margin-bottom: 25px;}
.read-more a { font-size: 15px;line-height: 20px; margin-top: 10px; padding: 10px 30px;}
.join-TeamWrap h2 { padding-bottom: 35px;}
.category-info { padding: 0 0;}
.Architect-intrwo { padding-bottom: 15px;}

}

/* Portrait phones and smaller */
@media (max-width: 639px) {
.flax-caption p { display: none;}
.Architect-intrwo { padding-bottom: 15px;}
.logo-left { padding-bottom: 10px;}
.header-contact { display: block; margin-right: 0; position: absolute; right: 15px; text-align: center;top: 74px; width: 100%;}
.flex-control-nav { bottom: 10px;}
.leader-box {padding: 15px 0;}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.Architect-Wrap .img-rounded {
    margin: 0 auto;
    min-height: 164px;
    padding: 80px 0;
    width: 320px;
}

.With-IronWrap .box-rounded {
    height: auto;
    margin: 0 auto 15px;
    min-height: 80px;
    padding: 120px 0;
    width: 320px;
}
.static-banner figcaption { top: 15%;}
.Content-section article {
    padding-bottom: 10px;
}
.flax-caption h2 { font-size: 24px;line-height: 28px; padding: 5px 0;}
.static-banner h1 {
    font-size: 24px;
    line-height: 28px;
    padding: 5px 0;
}
.static-banner p {
font-size: 17px;
line-height: 20px;
margin-top: 0;
}
.Content-section li { padding-left: 5px;}
.Architect-Wrap p br{  display: none;}
.Architect-Wrap h3 { margin-bottom: 10px;}
}

@media (max-width: 420px) {
.read-more a { font-size: 13px; line-height: 17px; margin-top: 3px;  padding: 5px 20px;}

}

@media (max-width: 360px) {
body { font-size: 14px;}
.Content-section p, .Content-section li, .Architect-Wrap p, .With-IronWrap p, .address-info address, .address-info a, .benefits-box ul li a,.join-TeamWrap p,.bottom-tuch-content p a,.Event-BlogWrap p,.extra-link ul li a,.leader-infoWrap small,.join-TeamWrap ul li,.Benefits-joiningWrap article p a {
    font-size: 14px;
    line-height: 20px;
}
.footer-nav ul li { display: inline-block;float: none; padding: 0 15px;}
.footer-nav2 ul li a { font-size: 15px;}
.Companys-logo ul li {display: inline-block; padding: 5px;}
.flex-control-paging li a { width: 10px; height: 10px;}
.flex-control-nav {bottom: 3px;}
.read-more a { font-size: 12px; line-height: 17px; margin-top: 3px; padding: 5px 20px;}
}

@media (max-width: 359px) {
.Architect-Wrap .img-rounded {  margin: 0 auto; min-height: 164px; padding: 55px 0; width: 280px;}
.With-IronWrap .box-rounded { height: auto; margin: 0 auto 15px; min-height: 80px; padding: 100px 0; width: 280px;}
.social-share ul li { float: left; margin: 0; padding: 0 7px 10px 0;}
.static-banner p { font-size: 14px; line-height: 17px; margin-top: 0;}
.static-banner figcaption { top: 12%;}
.flax-caption { padding-top: 4px;}
.flax-caption h2 { font-size: 18px; line-height: 22px; padding: 5px 0;}
.read-more a {font-size: 12px; line-height: 17px; margin-top: 3px; padding: 5px 20px;}
.footer-nav ul li { padding: 0 8px;}
.With-IronWrap h3, .leader-infoWrap .info-box h3, .benefits-box h3 {padding-top: 5px;}
.leader-infoWrap .col-xs-6 { width: 100%;}

}