.no-cssgrid .header { padding-left:24rem; }

.no-cssgrid .logo { height:4.2rem; position:absolute; top:50%; left:2%; transform: translate(0,-50%);  }
.no-cssgrid .logo a { position:relative; display:block; padding-left:5.6rem; }
.no-cssgrid .logo img { position:absolute; top:50%; left:0; transform: translate(0,-50%); }
.no-cssgrid .logo strong { line-height:4.2rem; }

.no-cssgrid .menu { height:10rem; width: 100%; position:relative; display: block; padding-right:24rem; }
.no-cssgrid .menu .button { position:absolute; top:50%; right:0; transform: translate(0,-50%); }

.no-cssgrid .menu nav { width:100%; height:100%; display:block; position:relative;  }
.no-cssgrid .menu nav ul { width:100%; height:100%; padding:3rem 0; text-align:center; line-height:0; }
.no-cssgrid .menu nav li { display:inline-block; }
.no-cssgrid .menu nav a { line-height:4rem; }

.no-cssgrid .footer { overflow:hidden; padding-top:3rem; }
.no-cssgrid .footer .copy { float:left; }
.no-cssgrid .footer nav { float:right; }

/**/

.no-cssgrid .top-slide-section { display: table; }
.no-cssgrid .top-slide-section div { width:50%; display:table-cell; }
.no-cssgrid .top-slide-section .wrapper-section-content { padding-left:5%; padding-right:5%; }
.no-cssgrid .top-slide-section-title { padding-top:3rem; }

.no-cssgrid .wrapper-section-content.grid { display:block; overflow:hidden; }
.no-cssgrid .wrapper-section-content.grid-3-cols > div,
.no-cssgrid .wrapper-section-content.grid-3-cols li { width:32%; float:left; margin-right:2%; }
.no-cssgrid .wrapper-section-content.grid-3-cols > div:nth-child(3n),
.no-cssgrid .wrapper-section-content.grid-3-cols li:nth-child(3n) { margin-right:0; }

.no-cssgrid .industries-section .wrapper-section-content.grid-3-cols li { margin-bottom:2rem; }
.no-cssgrid .industries-section .wrapper-section-content.grid-3-cols li:last-of-type { margin-bottom:0; }

.no-cssgrid .clients-list { display:block; overflow:hidden; }
.no-cssgrid .clients-list li { width:16.3333%; float:left; display:inline-block; text-align:center; }

.no-cssgrid .insights-section { padding: 8rem 0; }
.no-cssgrid .swiper-slide, .no-cssgrid .swiper-wrapper { display:block; overflow:hidden; }
.no-cssgrid .insights-section-swiper .swiper-slide { width: 32%; margin-right: 2%; margin-bottom:4rem; float: left; }
.no-cssgrid .insights-section-swiper .swiper-slide:nth-child(3n) { margin-right:0; }
.no-cssgrid .insights-section-swiper .swiper-buttons { display:none; }

.no-cssgrid .insights-section-list { display: block; overflow:hidden; }
.no-cssgrid .insights-section-list li { width:32%; min-height:62rem; float:left; margin-right:2%; }
.no-cssgrid .insights-section-list li:nth-child(3n) { margin-right:0; clear:right; }

.no-cssgrid .featured-post { display:block; overflow:hidden; }
.no-cssgrid .featured-post > a,
.no-cssgrid .featured-post div { width:49%; float:left; }
.no-cssgrid .featured-post div { float:right; padding-left:2rem; }

/**/

.no-cssgrid .industries-section-list li { display:block; overflow:hidden; }
.no-cssgrid .industries-section-list img { float:left; margin-right:2.4rem; } 

/**/

.no-cssgrid .page-description .article-details { overflow:hidden; }
.no-cssgrid .article-details { overflow:hidden; }
.no-cssgrid .article-details span,
.no-cssgrid .page-description .article-details .share-media,
.no-cssgrid .share-media a { float:left; }
.no-cssgrid .article-details span { margin-right:2rem; padding-top:.5rem; }

.no-cssgrid .page-posts-list li { display:block; overflow:hidden; }
.no-cssgrid .page-posts-list img { width:49%; float:left; margin-right:2.4rem; }
.no-cssgrid .page-posts-list li:nth-child(2n) img { float:right; margin-left:2.4rem; margin-right:0; }
.no-cssgrid .wrapper-section-content.grid-2-cols div { width:48%; float:left; margin-right:2%; margin-bottom:4rem; }
.no-cssgrid .wrapper-section-content.grid-2-cols div:nth-child(2n) {margin-right:0; }
.no-cssgrid .wrapper-section-content.grid-2-cols div:last-child { margin-bottom:0; }

.no-cssgrid .industries-section-2 ul.grid { display:block; overflow:hidden; }
.no-cssgrid .industries-section-2 ul.grid li { width:48%; float:left; margin-right:2%; margin-bottom:2rem; }
.no-cssgrid .industries-section-2 ul.grid li:nth-child(2n) {margin-right:0; }

.no-cssgrid .wrapper-section-content.grid-2-cols.related-projects { display:block; overflow:hidden; }
.no-cssgrid .related-projects li { width:48%; float:left; margin-right:2%; }
.no-cssgrid .related-projects li:nth-child(2n) {margin-right:0; }

.no-cssgrid .related-section-swiper .swiper-slide { width: 32%; margin-right: 2%; float: left; }
.no-cssgrid .related-section-swiper .swiper-slide:nth-child(3n) { margin-right:0; }

.no-cssgrid .testimonials-list li { width:48%; float:left; margin-right:2%; }
.no-cssgrid .testimonials-list li:nth-child(2n) {margin-right:0; }

.no-cssgrid .team-section-swiper { padding-bottom:0; }
.no-cssgrid .team-section-swiper .swiper-buttons { display:none; }
.no-cssgrid .team-section-swiper .swiper-slide { width: 32%; margin-right: 2%; margin-bottom:4rem; float: left; }
.no-cssgrid .team-section-swiper .swiper-slide:nth-child(3n) { margin-right:0; }

.no-cssgrid .job-actions { display:block; overflow:hidden; }
.no-cssgrid .job-actions > .button,
.no-cssgrid .job-actions > div { float:left; }
.no-cssgrid .job-actions > .button { margin-right:1.5rem; }
.no-cssgrid .job-actions .article-details { width:auto; padding-top:.8rem; }

.no-cssgrid .job-page-section .wrapper-section-content { display:block; overflow:hidden; }
.no-cssgrid .job-content { width:66%; float:left; }
.no-cssgrid .job-sidebar.landscape { width:33%; float:right; }

.no-cssgrid .back-link { padding-top:1.5rem; }

.no-cssgrid .form .form-row { display:block; overflow:hidden; }
.no-cssgrid .form-row.grid-2-cols  .form-group { width:48%; float:left; }
.no-cssgrid .upload-box { width:48%; float:right; }
.no-cssgrid .upload-box .upload-button strong { width:100%; }

.no-cssgrid .contact-office-grid { display:block; overflow:hidden; }
.no-cssgrid .contact-office-grid > div { width:48%; float:left; }
.no-cssgrid .contact-office-grid > div:nth-child(2) { float:right; }

@media screen and (orientation:portrait) {

    .no-cssgrid .header { display:block; }
    .no-cssgrid .menu-btn { position:absolute; top:50%; right:1rem; transform: translate(0,-50%); }

    .no-cssgrid .menu { height:0; position:fixed; top:8rem; padding:0; }
    .no-cssgrid .view-menu .menu { height:100%; }
    .no-cssgrid .menu nav ul > li { text-align:left; padding:0 5%; }

    .no-cssgrid .menu .button { position:static; transform: translate(0,0); margin:0 0 0 5%; }
    .no-cssgrid .menu nav { height:auto; margin-bottom:0; }

    .no-cssgrid .technologies-section { display:block; overflow:hidden; }
    .no-cssgrid .technologies-section .swiper-slide { width: 32%; margin-right: 2%; margin-bottom:4rem; float: left; }
    .no-cssgrid .technologies-section .swiper-slide:nth-child(3n) { margin-right:0; }

    .no-cssgrid .insights-section-decription { display:none!important; }
    .no-cssgrid .insights-section-swiper h3 { display:block!important; }

    .no-cssgrid .top-slide-section div { width:100%; padding-top:34rem; display:block; }
    .no-cssgrid .top-slide-section-image { height:28rem; position:absolute; top:0; left:0; }

    .no-cssgrid .insights-section-swiper .swiper-slide,
    .no-cssgrid .insights-section-swiper .swiper-slide:nth-child(3n),
    .no-cssgrid .technologies-section .swiper-slide,
    .no-cssgrid .technologies-section .swiper-slide:nth-child(3n) { width: 48%; margin-right: 4%; margin-bottom:3rem; }
    .no-cssgrid .insights-section-swiper .swiper-slide:nth-child(2n),
    .no-cssgrid .technologies-section .swiper-slide:nth-child(2n) { margin-right:0; }
    .no-cssgrid .insights-section-swiper .swiper-slide { margin-right: 0!important; }
    .no-cssgrid .insights-section-swiper .swiper-slide:nth-child(2n-1) { margin-right: 4%!important; }

    .no-cssgrid.achievements-section .wrapper-section-content.grid { width:100%; overflow:hidden; }

    .no-cssgrid .wrapper-section-content.grid-3-cols > div, 
    .no-cssgrid .wrapper-section-content.grid-3-cols li,
    .no-cssgrid .insights-section-list li { width:48%!important; margin-right:4%!important; margin-bottom:3rem; }
    .no-cssgrid .wrapper-section-content.grid-3-cols > div:nth-child(2n),
    .no-cssgrid .wrapper-section-content.grid-3-cols li:nth-child(2n),
    .no-cssgrid .insights-section-list li:nth-child(2n) { margin-right:0%!important; }
    .no-cssgrid .insights-section-list li { min-height:1rem; }

    .no-cssgrid .industries-section-list img { float:none; margin-right:0; }

    .no-cssgrid .page-posts-list img { float:none; width:100%; margin-right:0; margin-bottom:1.5rem; }
    .no-cssgrid .wrapper-section-content.grid-2-cols div { width:100%; float:none; margin-right:0; }

    .no-cssgrid .related-section-swiper .swiper-slide,
    .no-cssgrid .related-section-swiper .swiper-slide:nth-child(3n) { width: 48%; margin-right: 2%; }
    .no-cssgrid .related-section-swiper .swiper-slide:nth-child(2n) { margin-right:0; }

    .no-cssgrid .page-description { padding-right:0; }

    .no-cssgrid .job-content,
    .no-cssgrid .job-sidebar.landscape { width:100%; float:none; }

    .no-cssgrid .back-link { padding-top:1.5rem; }

    .no-cssgrid .form .form-row { display:block; overflow:hidden; }
    .no-cssgrid .form-row.grid-2-cols .input-box-field,
    .no-cssgrid .form-row.grid-2-cols .input-box-field:nth-child(2n),
    .no-cssgrid .upload-box { width:100%; float:none; }

    .no-cssgrid .upload-box { padding-top:0; }
    .no-cssgrid .upload-box span { text-align:center; }
    .no-cssgrid .upload-box span,
    .no-cssgrid .upload-button { width:100%; display:block; float:none; margin-bottom:2rem; }
    .no-cssgrid .upload-button .btn { width:100%; }

    .no-cssgrid .clients-list li { width:25%; }
}

@media screen and (orientation:portrait) and (max-width: 560px) {

    .no-cssgrid .menu { top:6.4rem; }

    .no-cssgrid .insights-section-swiper,
    .no-cssgrid .technologies-section-swiper { padding-right:0!important; }

    .no-cssgrid .insights-section-swiper .swiper-slide,
    .no-cssgrid .technologies-section .swiper-slide,
    .no-cssgrid .insights-section-swiper .swiper-slide:nth-child(2n),
    .no-cssgrid .technologies-section .swiper-slide:nth-child(2n),
    .no-cssgrid .insights-section-swiper .swiper-slide:nth-child(3n),
    .no-cssgrid .technologies-section .swiper-slide:nth-child(3n),
    .no-cssgrid .insights-section-list li,
    .no-cssgrid .insights-section-list li:nth-child(2n) { width: 100%!important; margin-right: 0%!important; margin-bottom:2rem; }
    .no-cssgrid .insights-section-list li { margin-bottom:4rem; }
    .no-cssgrid .insights-section-list { margin:0 auto; }

    .no-cssgrid .wrapper-section-content.grid-3-cols > div,
    .no-cssgrid .wrapper-section-content.grid-3-cols li { width:100%!important; margin-right:0!important; }

    .no-cssgrid .featured-post > a,
    .no-cssgrid .featured-post div { width:100%; float:none!important; }
    .no-cssgrid .featured-post div { padding-left:0; padding-top:2rem; }

    .no-cssgrid .industries-section ul.grid li,
    .no-cssgrid .related-projects li { width:100%; float:none; margin-right:0!important; }
    .no-cssgrid .related-projects li { margin-bottom:2rem; }
    .no-cssgrid .related-projects li:last-of-type { margin-bottom:0; }

    .no-cssgrid .related-section-swiper { padding-right:0; }
    .no-cssgrid .related-section-swiper .swiper-slide, 
    .no-cssgrid .related-section-swiper .swiper-slide:nth-child(3n) { width:100%; margin-right:0; margin-bottom:4rem; }
    .no-cssgrid .related-section-swiper .swiper-slide:last-child { margin-bottom:0; }
    .no-cssgrid .testimonials-list li { width:100%; float:none; margin-right:0; margin-bottom:2rem; }
    .no-cssgrid .testimonials-list li:last-child { margin-bottom:0; }

    .no-cssgrid .team-section-swiper { padding-right:0; }
    .no-cssgrid .team-section-swiper .swiper-slide,
    .no-cssgrid .team-section-swiper .swiper-slide:nth-child(3n) { width: 48%; margin-right: 4%; margin-bottom:2rem; float: left; }
    .no-cssgrid .team-section-swiper .swiper-slide:nth-child(2n) { margin-right:0; }

    .no-cssgrid .contact-office-grid > div,
    .no-cssgrid .contact-office-grid > div:nth-child(2) { width:100%; float:none; }

    .no-cssgrid .footer .copy,
    .no-cssgrid .footer nav { width:100%; float:none; }
    .no-cssgrid .footer .copy { margin-bottom:1.5rem; }

    .no-cssgrid .clients-list li { width:33.3333%; }
}