@media (max-width: 1700px) {
     .studio_bim_info .studio_bim_list ul li {
         max-width: 320px;
         margin: 0 10px;
     }
 }
 
 @media (max-width: 1500px) {
     .logo_info {
         width: 160px;
     }
     .studio_bim_info .studio_info .studio_cont h2,
     .studio_bim_info .bim_info .bim_cont h2 {
         font-size: 60px;
     }
     .studio_bim_info .studio_info .studio_cont h6,
     .studio_bim_info .bim_info .bim_cont h6 {
         font-size: 15px;
     }
     .studio_bim_info .studio_bim_list {
         height: 350px;
     }
     .studio_bim_info .studio_bim_list ul li .studio_bim_cont h4 {
         font-size: 20px;
     }
     .studio_bim_info .studio_bim_list ul li .studio_bim_cont p {
         font-size: 16px;
         line-height: 24px;
         margin: 20px 0;
     }
     .studio_bim_info .studio_bim_list {
         margin: 20px 0 0 0;
     }
     .studio_bim_info .studio_bim_list ul li {
         max-width: 240px;
     }
     .studio_bim_info .studio_bim_list ul li .studio_bim_cont .studio_bim_continner {
         padding: 0 10px;
     }
     .studio_bim_info .studio_bim_list ul li .studio_bim_cont {
         bottom: 20px;
         height: 40px;
         padding: 20px 0;
     }
     .nav_list ul li {
         font-size: 14px;
     }
     .nav_list ul li a {
         padding: 8px 0 8px 10px;
     }
     .backtoarchitecture_txt {
         margin: 0 0 50px 0;
     }
     .nav_list .nav_close {
         top: 3px;
         left: -30px;
         padding: 5px;
         width: 30px;
     }
     .architecture_banner_info p {
         margin: 0 0 30px 0;
     }
     .architecture_banner_info .architecture_banner_list ul li {
         margin: 0 0 20px 0;
     }
     .loadmore_btn {
         margin: 30px 0 60px 0;
     }
 }
 
 @media (max-width: 1400px) {
     .logo_info {
         width: 170px;
     }
     .studio_bim_info .studio_bim_list ul li {
         max-width: 220px;
     }
     .studio_bim_info .studio_bim_list {
         height: 320px;
     }
     .backtoarchitecture_txt {
         margin: 0 0 30px 0;
     }
     .project_details_conttxt h4 {
         margin: 0 0 20px 0;
     }
     .project_details_conttxt p {
         margin: 0 0 30px 0;
     }
     .page_title {
         padding: 120px 0 0 0;
     }
     .architecture_banner_info .architecture_banner_list ul li {
         margin: 0 0 15px 0;
     }
     .loadmore_btn {
         margin: 20px 0 30px 0;
     }
 }
 
 @media (max-width: 1220px) {
     .container_info {
         padding: 0 20px;
     }
 }
 
 @media (max-width: 1100px) {
     .studio_bim_info .studio_info .studio_cont h2,
     .studio_bim_info .bim_info .bim_cont h2 {
         font-size: 50px;
     }
     .studio_bim_info .studio_info .studio_cont h6,
     .studio_bim_info .bim_info .bim_cont h6 {
         font-size: 14px;
     }
     .studio_bim_info .studio_bim_list ul li {
         max-width: 200px;
         margin: 0;
     }
     .studio_bim_info .studio_bim_list ul li .studio_bim_cont h4 {
         font-size: 18px;
     }
     .studio_bim_info .studio_bim_list ul li .studio_bim_cont p {
         font-size: 14px;
         line-height: 20px;
     }
     .innerpage_banner {
         min-height: 280px;
         padding: 0 0 40px 0;
     }
     .aboutarth_info {
         padding: 40px 0;
     }
     .aboutarth_info .aboutarth_list ul li .aboutarth_cont p br {
         display: none;
     }
     .careers_list .table tbody tr td {
         padding: 10px;
     }
     .careers_list .table thead tr th:last-child {
         width: 18% !important;
     }
     .project_details_contlistinner {
         padding: 30px 70px 32px 30px;
     }
     .project_list ul li .project_listimg img {
         height: 180px !important;
     }
     .project_list ul li .project_listimg .project_listimg_cont {
         font-size: 14px;
         line-height: 20px;
     }
     .project_list ul li .project_listcont h6 {
         min-height: 40px;
     }
 }
 
 @media (max-width: 980px) {
     header,
     .innerpage_header.fixed {
         padding: 10px;
     }
     .logo_info {
         width: 120px;
     }
     .menu_info .nav_icon {
         padding: 8px 8px;
         width: 55px;
     }
     .menu_info .nav_icon {
         /*border: 3px solid #6ebd45;*/
     }
     .menu_info .nav_icon .nav_iconline {
         background: #6ebd45;
     }
     .studio_bim_info .studio_info.expand .studio_cont {
         -ms-transform: translate(-50%, -44%);
         -o-transform: translate(-50%, -44%);
         -moz-transform: translate(-50%, -44%);
         -webkit-transform: translate(-50%, -44%);
         transform: translate(-50%, -44%);
     }
     .studio_bim_info .studio_info,
     .studio_bim_info .bim_info {
         width: 100%;
         height: 50%;
     }
     .studio_bim_info .bim_info .bim_bg {
         position: absolute;
         top: -30px;
         left: 0;
         right: 0;
         margin: 0 auto;
         width: 120px;
         height: 60px;
         background: url(images/bim_bg_top_mobile.webp) 0 0 no-repeat;
     }
     .studio_bim_info .studio_info .studio_cont h2,
     .studio_bim_info .bim_info .bim_cont h2 {
         font-size: 40px;
     }
     .studio_bim_info .studio_info.expand {
         width: 100%;
         height: 70%;
     }
     .studio_bim_info .bim_info.small {
         width: 100%;
         height: 30%;
     }
     .studio_bim_info .bim_info.expand {
         width: 100%;
         height: 70%;
     }
     .studio_bim_info .studio_info.small {
         width: 100%;
         height: 30%;
     }
     .studio_bim_info .bim_info.small .bim_cont h2,
     .studio_bim_info .studio_info.small .studio_cont h2 {
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     .studio_bim_info .studio_bim_list ul li {
         max-width: 180px;
     }
     .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
         color: #333333;
         text-shadow: none;
         background: #e0e0e0;
         font-size: 18px;
         border-radius: 0;
         border-bottom: 1px solid #c5c5c5;
         font-weight: normal;
         font-family: 'AkkuratBold';
     }
     .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
         background: #eeeeee;
         color: #6ebd45;
         border-bottom: 1px solid #6ebd45;
     }
     .architecture_info .architecture_list .r-tabs .r-tabs-panel {
         padding: 20px;
         min-height: inherit !important;
     }
     .architecture_info .architecture_list .r-tabs .r-tabs-panel .architecture_img {
         margin: 0px 0 20px 0;
     }
     .architecture_info .architecture_list .r-tabs .r-tabs-panel h4 {
         font-size: 22px;
     }
     .architecture_info .architecture_list .r-tabs .r-tabs-panel p {
         font-size: 16px;
         line-height: 24px;
     }
     .aboutarth_info .aboutarth_list ul li {
         margin: 0 0 40px 0;
         padding: 0 0 60px 0;
     }
     .aboutarth_info .aboutarth_list ul li .aboutarth_img,
     .aboutarth_info .aboutarth_list ul li:nth-child(2n) .aboutarth_img {
         float: none;
         width: 100%;
         text-align: center;
     }
     .aboutarth_info .aboutarth_list ul li .aboutarth_cont,
     .aboutarth_info .aboutarth_list ul li:nth-child(2n) .aboutarth_cont {
         float: none;
         width: 100%;
         text-align: center;
         padding: 10px 0 0 0;
     }
     .whatwedo_banner_list ul {
         padding: 10px 0 0px 0;
     }
     .whatwedo_banner_list ul li {
         padding: 0 5px;
     }
     .careers_list .applynow_btn {
         font-size: 14px;
         padding: 4px 10px;
     }
     .contactus_pagetitle h5 {
         margin: 0 0 20px 0;
     }
     .contactus_pagetitle ul {
         padding: 30px 0 0px 0;
     }
     .contactus_pagetitle ul li {
         padding: 5px 10px;
     }
     .project_details_info .project_details_imglist,
     .project_details_info .project_details_contlist {
         width: 100%;
         height: 50%;
     }
     .project_testimonials_list .project_testimonials_listinner {
         margin: 10px 0;
     }
     .project_testimonials_list .viewalltestimonials_btn {
         margin: 20px 0 0 0;
     }
     .project_list ul li {
         width: 33.33%;
     }
     .project_testimonials_list_slider .swiper-button-next {
         right: 0;
     }
     .project_testimonials_list_slider .swiper-button-prev {
         left: 0;
     }
 }
 
 @media (max-width: 767px) {
     header.fixed {
         background: #fff;
         -webkit-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .2);
         -moz-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .2);
         box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .2);
     }
     .studio_bim_info {
         height: auto;
         padding: 70px 0 0 0;
     }
     .studio_bim_info .studio_info,
     .studio_bim_info .bim_info {
         height: auto;
     }
     .studio_bim_info .studio_info {
         padding: 0 0 50px 0;
     }
     .studio_bim_info .bim_info .bim_cont {
         padding: 50px 0;
     }
     .studio_bim_info .studio_info .studio_cont,
     .studio_bim_info .bim_info .bim_cont {
         position: relative;
         top: auto;
         left: auto;
         transform: none;
     }
     .studio_bim_info .studio_bim_list {
         height: auto;
         display: block;
     }
     .studio_bim_info .studio_bim_list ul li {
         opacity: 1;
         left: 0;
         visibility: visible;
         max-width: 220px;
         margin: 10px;
     }
     .studio_bim_info .studio_info .studio_cont h2,
     .studio_bim_info .bim_info .bim_cont h2 {
         cursor: default;
     }
     .studio_bim_info .studio_info .studio_cont h6,
     .studio_bim_info .bim_info .bim_cont h6 {
         display: none;
     }
     .architecture_banner_info .architecture_banner_list ul li {
         padding: 0 10px;
     }
     .page_title_inner h4,
     .page_title_inner h1,
     .page_title h4,
     .page_title h1 {
         margin: 0 0 30px 0;
         font-size: 26px;
     }
     .aboutarth_info,
     .teamlist_info {
         padding: 30px 0;
     }
     .aboutarth_info .aboutarth_list ul li .aboutarth_cont h5 {
         font-size: 24px;
         margin: 0 0 10px 0;
     }
     .totalteamlist_img {
         margin: 0 0 40px 0;
     }
     .team_list ul li {
         margin: 0 0 40px 0;
         padding: 0 0 50px 0;
     }
     .team_list ul li .team_listimg,
     .team_list ul li:nth-child(2n) .team_listimg {
         float: none;
         margin: 0 auto;
     }
     .team_list ul li .team_listcont,
     .team_list ul li:nth-child(2n) .team_listcont {
         padding: 20px 0 0 0;
     }
     .team_list ul li:nth-child(2n) .team_listcont .team_listcont_title {
         text-align: left;
     }
     .team_list ul li:nth-child(2n) .team_listcont .team_listcont_title:after {
         left: 0;
         right: auto;
     }
     .whatwedo_banner_list ul {
         text-align: left;
     }
     .whatwedo_banner_list ul li {
         width: 33%;
         float: none;
         display: inline-block;
         vertical-align: top;
         text-align: center;
     }
     .architecture_info .architecture_list .r-tabs .whatwedo_tabs_cont .r-tabs-panel .whatwedo_img {
         float: none;
         margin: 0 auto 10px auto;
         display: block;
     }
     .architecture_info .architecture_list .r-tabs .whatwedo_tabs_cont .r-tabs-panel .whatwedo_cont {
         padding: 0;
     }
     .careers_list {
         width: 100%;
         position: relative;
         overflow: auto;
         margin: 0 0 40px 0;
     }
     .careers_list .table {
         width: 700px;
         margin: 0;
     }
     .contactus_formlist .form-group {
         margin: 0 0 20px 0;
     }
     .project_details_info .project_details_imglist {
         height: 350px;
     }
     .project_details_info .project_details_contlist {
         height: auto;
     }
     .project_list ul li {
         width: 50%;
         margin: 0 0 20px 0;
     }
     .controls ul li {
         margin: 0 10px;
     }
     .project_list ul li .project_listcont {
         padding: 10px;
     }
 }
 
 @media (max-width: 620px) {
     .studio_bim_info .studio_bim_list ul li {
         max-width: 250px;
     }
     .studio_bim_info .studio_info .studio_cont h2,
     .studio_bim_info .bim_info .bim_cont h2 {
         font-size: 34px;
     }
     .studio_bim_info .studio_bim_list {
         margin: 0;
     }
     .logo_inner_info {
         width: 100%;
     }
     .logo_inner {
         float: none;
         display: block;
         width: 50px;
     }
     .menu_innerpage_info ul {
         margin: 0;
         padding: 10px 0 0 0;
     }
     .menu_innerpage_info ul:after {
         display: none;
     }
     .menu_info {
         position: absolute;
         top: 10px;
         right: 10px;
         z-index: 2;
     }
     .page_title {
         padding: 140px 0 0 0;
     }
     .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
         font-size: 16px;
     }
     .page_title_inner h4,
     .page_title_inner h1,
     .page_title h4,
     .page_title h1 {
         font-size: 22px;
     }
     .architecture_banner_info p,
     .innerpage_banner p {
         font-size: 18px;
         line-height: 26px;
     }
     .menu_innerpage_info ul li {
         font-size: 12px;
     }
     .menu_innerpage_info ul li a {
         padding: 6px 10px;
     }
     footer {
         padding: 20px;
     }
     .copyright_txt,
     .socialmedia_icons {
         width: 100%;
         text-align: center;
     }
     .socialmedia_icons {
         margin: 10px 0 0 0;
     }
     #menu-social-icons li {
         float: none;
         display: inline-block;
         vertical-align: top;
     }
     .socialmedia_icons li a {
         margin: 0 5px;
     }
     .innerpage_banner {
         min-height: 260px;
         padding: 0 0 20px 0;
     }
     .aboutarth_info .aboutarth_list ul li .aboutarth_cont h5 {
         font-size: 22px;
     }
     .aboutarth_info .aboutarth_list ul li .aboutarth_cont p {
         font-size: 16px;
         line-height: 24px;
     }
     .whatwedo_banner_list ul li {
         width: 49%;
     }
     .architecture_banner_info p,
     .innerpage_banner p {
         font-size: 16px;
         line-height: 22px;
     }
     .contactus_pagetitle ul li,
     .contactus_pagetitle ul li p {
         font-size: 16px;
     }
     .contactus_pagetitle h5 {
         font-size: 18px;
     }
     .project_details_info .project_details_imglist {
         height: 300px;
     }
     .controls ul {
         margin: 0 0 20px 0;
     }
     .controls ul li {
         font-size: 16px;
     }
     .project_list ul li:hover .project_listimg .project_listimg_cont {
         display: none;
     }
     .project_list ul li .project_listimg img {
         height: 150px !important;
     }
     .project_list ul li {
         margin: 0 0 2px 0;
     }
     .project_list ul li .project_listcont h6 {
         font-size: 16px;
     }
 }
 
 @media (max-width: 440px) {
     .page_title_inner h4,
     .page_title_inner h1,
     .page_title h4,
     .page_title h1 {
         font-size: 20px;
     }
     .architecture_banner_info .architecture_banner_list ul li {
         width: 100%;
         padding: 0;
         text-align: center;
         margin: 0 0 10px 0;
     }
     .whatwedo_banner_list ul li {
         width: 100%;
     }
     .project_details_slider_thumb .bx-wrapper .bx-controls-direction a.bx-prev {
         left: -25px;
     }
     .project_details_slider_thumb .bx-wrapper .bx-controls-direction a.bx-next {
         right: -25px;
     }
     .controls ul li {
         font-size: 14px;
         margin: 0 5px;
     }
     .project_list ul li {
         width: 100%;
         margin: 0 0 10px 0;
     }
     .project_list ul li .project_listimg img {
         height: 170px !important;
     }
     .project_list ul li .project_listcont h6 {
         min-height: inherit;
     }
 }