.page-template-about { #primary { margin-top: 0; }//#primary section.why-choose-section { margin-top: 100px; margin-bottom: 100px; .why-choose-block { width: 31.33%; margin-right: 3%; position: relative; padding-top: 60px; display: flex; flex: auto; flex-wrap: wrap; flex-direction: column; &:nth-child(3n) { margin-right: 0; } .block-img { width: 120px; height: 120px; border: 1px solid rgba(0,0,0,0.15); border-radius: 100%; line-height: 120px; font-size: 3em; margin: 0 auto 20px auto; position: absolute; top: 0; right: 0; left: 0; background: #fff; }//.block-img .block-content-wrap { border: 1px solid rgba(0, 0, 0, 0.15); padding: 80px 20px 20px 20px; border-radius: 5px; display: flex; flex-direction: column; flex: 1; }//.block-content-wrap }//.why-choose-block }//section.why-choose-section }//.page-templae-about section.who-we-are-section { margin-top: 0; margin-bottom: 0; background: #000; padding: 100px 0; text-align: center; .section-title { color: #fff; }//.section-title .section-desc { color: #fff; }//.section-desc .who-we-are-counter { border-top: 1px solid #fff; padding-top: 50px; margin: 60px auto 0 auto; max-width: 570px; display: flex; flex: 1; justify-content: center; align-items: center; .counter-block { width: 50%; text-align: center; padding: 10px; color: #fff; .counter-num { font-size: 3.4375em; font-weight: 600; line-height: 1.3; &:after { content: "+"; margin-left: 5px; } } .counter-title { margin-top: 10px; font-size: 1.125em; } }//.counter-block }//.who-we-are-counter }//section.who-we-are-section .team-section { text-align: center; .section-grid { display: flex; flex: 1; flex-wrap: wrap; }//.section-grid .section-block { width: 22.66%; margin-right: 3%; margin-top: 30px; position: relative; &:nth-child(4n) { margin-right: 0; } img { width: 100%; } .team-info { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); padding: 20px; text-align: left; .name { font-size: 1.125em; color: #fff; font-weight: 600; margin-top: 0; margin-bottom: 0; line-height: 1.3; } .designation { display: block; font-size: 0.875em; font-style: italic; color: #fff; margin-top: 5px; } }//.team-info .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex: 1; flex-wrap: wrap; li { display: inline-block; font-size: 1em; margin-right: 10px; margin-top: 5px; a { color: #fff; &:hover { color: $primary_color; } } } }//.social-list }//.section-block }//.team-section @media screen and (max-width: 1199px) { .team-section { .section-block { width: 31.33%; &:nth-child(4n) { margin-right: 3%; } &:nth-child(3n) { margin-right: 0; } }//.section-block }//.team-section }//max-width: 1199px @media screen and (max-width: 1024px) { .page-template-about { section.why-choose-section { .why-choose-block { width: 48%; &:nth-child(3n) { margin-right: 3%; } &:nth-child(2n) { margin-right: 0; } }//.why-choose-block }//section.why-choose-section }//.page-template-about .team-section { .section-block { width: 48%; &:nth-child(3n) { margin-right: 3%; } &:nth-child(2n) { margin-right: 0; } }//.section-block }//.team-section }//max-width: 1024px @media screen and (max-width: 767px) { .page-template-about { section.why-choose-section { margin-top: 60px; margin-bottom: 60px; .why-choose-block { width: 100%; margin-right: 0; }//.why-choose-block }//section.why-choolse-section }//.page-template-about section.who-we-are-section { padding-top: 60px; padding-bottom: 60px; .who-we-are-counter { margin-top: 40px; padding-top: 30px; flex-direction: column; .counter-block { width: 100%; } }//.who-we-are-counter }//section.who-we-are-section .team-section { .section-grid { flex-direction: column; }//.section-grid .section-block { width: 100%; margin-right: 0; }//.section-block }//.team-section }//max-width: 767px