@media (min-width:1200px) {

.container {
    max-width: 1280px;
    
}


.pdr-70 {padding-left:70px;}

.absolute-row .col-lg-4 {
    background: #fff;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

.slide-nav { position:relative; z-index:1;}

}

@media (min-width:1450px) {
    .bg_slide img {height:1090px !important;}
    #hamburger-11 { padding: 3px 9px;}
    .menu_close {width:40px; height:40px;}
    
    .pagescrolling {position:relative; z-index:1; margin-bottom:700px; background:#FAF7F5;}
footer {position:fixed; bottom:0; width:100%; z-index:0; height:auto;}

}

@media (min-width:992px) and (max-width:1300px) {
    .mainmenu li a {font-size:25px;}
    .drop li {margin:0; padding:0;}
    .drop li a {font-size:12px !important;}
    .drop ol { margin-top: 0px; margin-bottom: 4px;}
    .drop ol li {  padding: 0px 0px;margin-bottom: 0px;}
    .links0section {margin-top: 20px; padding-top: 30px;}
    .contact_form .form-control {padding:7px; margin-bottom:15px;}
    .bottomlinks li {margin-bottom:0px;}
    footer li a {font-size:11px;}
    footer li {margin-bottom:8px;}
    .sociallinks {margin-top:70px;}
    
}

@media (min-width:991px) {
    .navbar-collapse {
    flex-direction: column;
    justify-content: end;
}

.abouttext {padding-right:18%;}
.innercounter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    padding-top: 20px;
    justify-content: center;
    height: 100%;
}

/*footer .col-lg-3 { max-width: 21%;}*/
/*.col-lg-5 { -ms-flex: 0 0 41.666667%;  flex: 0 0 45.666667%;max-width: 45.666667%;*/
/*}*/
.mainmenu > li:hover > a { color:#000; }

.mainmenu > li:hover > .drop {
  opacity:1;
  visibility: visible;
  transform:translateX(0);
}





.abouttext p {margin-bottom:30px;} 
.newsbox.large:hover .desc {transform:translateY(10px);}
.newsbox.large:hover .hoverlink {transform:translateY(-10px);}
.careerpointers li:hover {padding-left:20px;}
.mediadetailbanner .h2 {font-size:45px; padding-right:250px;}
.hometext {display:flex; gap:17px; flex-direction: row !important;   justify-content: flex-start !important;  align-items: center !important;}

#category {width:250px;}

.changebox br {display:none;}

}


@media only screen and (max-width: 991px) {
    

.banner {height:85vh}
    nav {padding:10px 0px;}
/*  nav {*/
/*    background-color: rgb(0 0 0 / 37%);*/
/*    backdrop-filter: blur(10px);*/
/*    -webkit-backdrop-filter: blur(10px);*/
/*}  */
  nav img {
    width: 140px;
}
  nav .navbar-brand {
    margin-left: 15px;
  }
  nav .navbar-toggler-icon {
    background: #606d6d;
    width: 50px;
    height: 2px;
  }
  
  
  nav .navbar-nav {
      margin-top:30px;
      margin-bottom:30px;
  }
  
  nav .navbar-nav .nav-item {
      margin-bottom:10px;
  }
  
  nav .navbar-nav .nav-item:last-child {
      margin-bottom:0px;
  }
  nav .navbar-nav .nav-item {
    margin-left: 15px;
}
  
  .pad80 {
    padding: 40px 0px;
  }
  
  .padt80 {
      padding-top:40px;
  }
  
  p br {
      display:none;
  }
  .left-image-section{display:none;}
  .hamb {margin-right:15px;}
  .banner .h2 {font-size:45px;}
  .h2 {font-size:25px; margin-top:0px;}
  .counterrow {
    /* justify-content: space-between; */
    text-align: center;
    margin-top: 30px;
    margin-bottom:-30px;
}
.map {margin-bottom:40px;}
.map iframe {width:100%; height:450px;}
  .counterfont {font-size:80px;}
  .counter_sec small { top: -20px;  padding-left: 10px; }
  .counter_sec.hasafter::after {height:80px; right:7px;}
  .about .rsp-btn {margin-top: 30px; margin-bottom: 20px;}
  
  .logos {margin-bottom:-15px;}
  
  .logos li {
    padding: 5px;
    height: auto;
    margin-bottom: 15px;
}
.logos-old {
    overflow: hidden;
    
}
.logobg::before {bottom:10px ; right:-38%;}

.smalllogo {
    max-height: 40px !important;
}

  .accordion .card button {white-space:normal; text-align:left; padding:20px 0;}
  .newsbox.large {padding:20px;}
  .newslogo {padding:20px; height:150px;}
  .newsbox p {font-size:14px;}
.sociallinks a {display: inline-flex !important;width: 45px;height: 45px;  padding: 0;
}
  .menufix {width:90%;}
  .bottomlinks ul {justify-content:center;}
  .copyright {text-align:center !important; margin-bottom:10px;}
  .drop {
    position: initial;
    opacity: 1;
    display:none;
    visibility: visible;
    transform: translate(0px);
    transition:none;
    margin-top:10px;
}
.mt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mt svg {display:block; margin-right:30px; width:50px;}

/* Default plus icon */
.mainmenu .mt svg line.horizontal {
    display: block; /* horizontal line is visible */
    transition: all 0.3s ease;
}

/* When open, hide horizontal line → becomes minus */
.mainmenu li.open .mt svg line.vertical {
    display: none;
}
.ftright a {
    display: inline-flex;
    font-size: 9px;
    padding: 8px;
    margin-bottom: 10px;
}
.ftright a i {top:0px ; font-size:17px;}
.innercounter .counter_sec small {
    top: -20px;
    padding-left: 10px;
}
.banner {margin:-3px;}
.about.bgblack {position:relative; }

.innercounter .counter_sec:last-child {
    margin-top: 140px;
}
.innercounter::after {
    top: 48%;
    left: 0px;
   
}
.innercounter .counter_sec {

    padding-left: 30px;
}
.innercounter::before {left:0px; }
.innercounter {
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    justify-content: center;
}
.founder_sec {height:auto;}
.founder_sec .strong {margin-top:20px;}
.founder-cont {padding:40px 0px;}
.c_details {
    padding: 20px 30px;
    min-height: 570px;
}
.team_section .col {flex:50%; margin-bottom:20px;}
#hamburger-11 {padding:0 5px;}
.menu {font-size:11px; padding:9px 7px;}
.menufooter  {display:none;}
.menufix {flex-direction:column-reverse; justify-content:center;}
.menu_close {
    width: 45px;
    height: 45px;
    top: 5px;
    right: 15px;
}
.menufix .sociallinks {
    margin-left: 30px;
    position: absolute;
    bottom: 15%;
    left: -12px;
    top: -25px;
}
.mt svg {
    margin-right: 30px;
}
.ft-rt .enquire {
    display: flex;
    position: fixed;
    bottom: 0;
    background: #000;
    color: #fff;
    width: 100%;
    text-align: center;
    left: 0;
    border-radius: 0px;
    z-index: 99999;
    border: 0;
    align-items: center;
    justify-content: center;
}
.cclogowrap {padding-bottom:20px;}
.ft-rt h5 {margin-bottom:0;}
footer {margin-bottom: 40px !important;} 

.video-play-button-s {left:auto; right:45px;}
.specification_tabs {grid-template-columns : repeat(2, 1fr)}
.icon_news-section li {padding-left:0; padding-right:0;}
.icon_news-section li::before {display:none;}
.pl_right { width: 360px; left: -30px;  position: relative;}
.accordion .card button h3 {padding-right: 50px;}
.projects-accordians  button h3 {padding-right:0px !important; font-size:16px !important;}
.project_list.first {margin-bottom:30px;}
.founder_sec .container, .founder_sec .row {align-items: end;}
.founderimg {
    width: 120%;
    position: relative;
    left: -40px;
}
.tab-none {display:none;}

.desktop-none {display:block;}
.whyrsp .container {height:auto;}
.whyrsp ul {grid-template-columns:repeat(1, 1fr); position:initial; width:100%; margin-top:30px;}
.whyrsp li::before {display:none;}
.whyrsp li div {position:initial; transform:none; height:auto; }
.whyrsp li h5 {color:#000; padding:30px 15px 0px 15px; }
.whyrsp li p {overflow:initial; visibility:visible; opacity:1; transform:none; color:#000; padding:0 30px;}
.whyrsp .container::before {display:none;}
.whyrsp li { background: #fff; padding: 0; margin: 0 8px; height: 100%; border-radius: 10px; padding-bottom: 20px; }
.whyrsp li div img { opacity: 1; height: auto; visibility: visible; position: initial; width: 100% !important; height: 250px; object-fit: cover; }
.whyrspslide .slick-list, .whyrspslide .slick-track {display:flex;}
.tab1 p br {display:block;}
.newslogo {
    padding: 20px;
    /*height: auto;*/
    width: 100%;
}


.expand-slider {height:auto; flex-wrap:wrap;}
.expand-slider .slide-1 {flex:initial;}
.expand-slider .slide-1:first-child, .expand-slider .slide-1:nth-child(2) {width:48.8%;}
.expand-slider .slide-1:last-child {width:100%;}
 .founder-cont .h2 br {display:none;}
 .projects_row .project_list {
    height: auto;
    margin-bottom: 20px;
}
.icon_news-section li:last-child {margin-bottom:0; padding-bottom:0;}
.upcoming-projects .project_list { padding: 0px;display: flex; flex-direction: column-reverse;
}
.contact-banner {height:90vh; display:flex; align-items:center;}
.contact_details p, .contact_details a {color:#000;}
.contact_details li:first-child {margin-top:0px;}
.contact_details .d-flex svg {margin-top:-3px;}
.contact_details li svg path { stroke: #000;}
.contact_details li::after {background:#ccc;}
.mt-50 {padding-top: 110px}
.bg_slide img { height: 1000px !important;}
.logos-old img {width:110px;}
#category {width:250px;}
.sociallinks {margin-top:80px;}
span.file-name {margin-top:0; width:50%;}
.bannerbtn li {padding:10px 30px; font-size:12px;}
.links0section .row {
    justify-content: flex-start;
}
footer ul {
    margin-bottom: 50px;
}
.careerul {margin-bottom:0;}
.bottomlinks ul {
    justify-content: center;
    margin-bottom: 0;
}

.accordians_slider {display:none;}
.tabimg {border-radius:10px; margin-bottom:20px;}
.contact-bottom .col-lg-4::after {display:none;}
.c-n { margin-bottom: 40px;}
.d-flex-btn {margin-top:20px;}
.careerpointers ul {flex-wrap:wrap;}
.careerpointers li {width:50%; margin-bottom:50px;}


.icon-uprow .col-lg-4 {
    border-right: 1px solid #ccc;
}
.icon-uprow .col-lg-4:nth-child(2n) {
    border-right: 0px;
}

.project-para {
    min-height: initial;
}
.read-arrow a {transform:translateX(0px);}

.video-caption {display:none;}

.text-testimonials {
    padding-left: 0px;
}
.min-height {
    min-height: auto;
    margin-top: 20px;
}
.text-img-slide img {height:auto;}
.newsblackbox {font-size:19px !important;}
.life-container {
    position: relative;
    height: auto;
    margin-bottom: 30px;
}
.mb-sm-0 {margin-bottom:0;}
.contact-nbox {
    background: #fff;
    margin-bottom: 30px;
    padding: 45px 90px;
    border-radius: 15px;
}
.contact-nbox h4 {font-size:16px;}

.contact-row {margin-top:20px;}

.contact-nbox.last {margin-bottom:0px;}
span.list_acc {font-size:20px;}
.infra_row {margin-bottom:-20px;}
.infra_row .whitecards {
    margin-bottom: 20px;
    height: auto;
}
.read-arrow span, .read-arrow1 {transform:translateY(0%);}

.two-columns-grid li {width:47%;}
.large_head_title h4 br {display:none;}
.headlines_large .large_head_title {width:54%;}
.cafe_gallery img {border-radius: 15px;}
.bannerlinks a {font-size:11px;}
.headlines_large {
    position: relative;
    margin-bottom: 20px;
    height: auto;
}

}



@media (max-width:767px) {
    
    
nav img {
    width: 110px;
}

    
nav > .container {
    padding-left:15px !important;
    padding-right:15px !important;
}
    
.container {
    padding-left:30px;
    padding-right:30px;
}
    
nav .navbar-nav .nav-item {
    margin-left: 15px;
}   

.banner .h2 {
    font-size: 30px;
    line-height: 1.4;
}

.h2 {
    font-size:25px;
    margin-bottom:20px;
}

.h2 br {
    display:none;
}
.menufix {
    width: 100%;
}
.mainmenu {
    padding-left: 30px;
}
.menufix .sociallinks {margin-left:30px;}
.menufix .sociallinks a {margin-top:0px;}
.footerlogo {width:110px;}
.mt svg { margin-right: 20px;}
.mainmenu li {margin-bottom:30px;}
.mainmenu li a {font-size:25px;}
.menu_close {
    background: #000000;
    width: 40px;
    height: 40px;
    left: auto;
    right: 10px;
    top: 10px;
}
.about .rsp-btn { margin-bottom: 0px; width: 100%; text-align: center; margin-top:50px;}
.menu_close line {stroke:#fff}
.drop li a {font-size:14px;}
.drop li { margin-bottom: 7px;}
.counter_sec {align-items: start; flex-direction: column;}
.counter_sec.hasafter::after {display:none;}
.counterrow .col{
        width:100%;
        flex:0 0 100%;
        max-width:100%;
    }
    .counterdivider {width:100%; height:1px;}
.counter_sec.hasafter { position: relative; padding-bottom: 0px;margin-bottom: 10px;}
.innercounter .counterfont {font-size: 100px !important;}
.innercounter .counterfont::after {width:100%;}
.mb-sm-0 {margin-bottom:0px;}
.expand-slider {flex-direction:column; height:auto;}
.expand-slider .slide-1:first-child, .expand-slider .slide-1:nth-child(2) {
    width: 100%;
}
.logos {grid-template-columns: repeat(2, 1fr);}  
.logos li {
    padding: 30px;
    height: auto;
    margin: 0;
    /* padding-bottom: 0; */
    border: 1px solid #ccc;
}
.newslogo { padding: 50px; height: 180px;}
.ft-rt {text-align:left; margin-top:20px;}
.headlines_large{margin-bottom:20px;}
.ft-rt .rsp-btn {margin-top:10px;}
.track h3 {font-size:25px; padding-right:100px;}
.links0section {padding-top:30px; margin-top:30px;}
.ftright a {display:inline-flex; margin:0; margin-top:10px; }
.sociallinks { margin-top: 10px;text-align: center;}
.bottomlinks ul { justify-content: center; display: flex; flex-wrap: wrap; text-align: center;
}
.bottomlinks li {margin-bottom:3px;}
.copyright {margin-top: 15px; font-size: 9px; margin-bottom:0;}
.menufooter p {font-size:10px;}
.accordion .card button h3 {padding-right:35px;}
.news_section .newsbox {margin-top: 20px; height:auto;}
.newsbox {padding:10px;}
.ftright { text-align: center; margin-top:10px;}
.ftright a.rsp-btn {width:100%; font-size:12px;}
.links0section {padding-bottom:30px;}
.pl_right {display:none;}
.bottomlinks li a {font-size:11px;}

.innercounter .counter_sec:last-child { margin-top: 0; padding-left:0px;}
.innercounter .counter_sec {padding-left: 0px;}
.innercounter::before {background:none;}
.founder_sec .strong {margin-top:20px;}
.innercounter::after {display:none;}
.innercounter .counter_sec.hasafter::after {display:none;}
.founder_sec { background: #eee;}
.founderimg {width:100%;}
.founder-cont {
    padding: 20px 20px;
    padding-bottom: 50px;
}
.team-desc {flex-direction:column; align-items:flex-start;}
.team-desc .arrow {margin-top:20px;}
/*.projects_row {margin-bottom:-20px;}*/
.projects_row .col-lg-4 {margin-bottom:20px;}
.upcoming_project { height: 600px;}
.upcoming_project .h2 {font-size:40px;}
.cofounder {margin-top:20px;}
.contact-banner .h2 {font-size:30px;}
.contact_details {padding-top:0px;}
.contact_details .d-flex {font-size:24px;}
.contact_details a {font-size:15px;}
.contact_details li {margin-top:20px; padding-bottom:20px;}
.specification_tabs {grid-template-columns : repeat(1, 1fr); margin-top:40px;} 
.stickyelement1 {position:initial;}
.icon_news-section {margin-top:20px;}
.icon_news-section li {margin-bottom:20px; padding-bottom:20px;}
.icon_news-section li:last-child {margin-bottom:0px; padding-bottom:0px;}
.project_logo_bottom { bottom: 60px; width: 160px;  padding: 30px 20px;}

.mediapage .less {margin-bottom:30px;}
.year_month {margin-bottom:10px; flex-wrap:wrap; margin-top:0px; width:100%;}
.year_month .list_m_y .form-control {width:48%;}
.year_month .list_m_y  {width:100%;}
.year_month .list_m_y:first-child  {width:100%;}
.year_month .list_m_y .form-control {width: 100% !important;}
.year_month .form-control {width:100px;}
#year {margin-bottom:30px;}
.careerpointers li {
    border-bottom: 1px solid #faf7f54a;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius:15px;
}
.careerpointers li:last-child {padding-bottom:20px;}
.whyrsp li p {padding: 0 10px;}
.whyrsp li {margin:0 5px;}
.whyrspslide .slick-list {padding:0 15px !important;}
.c_details {min-height: auto;}
.changebox br {display:block;}
.changebox {margin:0 !important;}
.modal-body {padding: 15px 0px;}
.contact-banner {background: url(../images/contact-banner-mob.webp) no-repeat center center / cover !important;
    background-attachment: fixed;}
.career-banner {background: url(../images/career-banner-mob.webp) no-repeat center center / cover !important;}   

.mediabanner {background: url(../images/media_banner-mob.webp) no-repeat center center / cover !important;
    background-attachment: fixed;}
    
.career-banner::before {display:block !important;}
.mobile-projects {display:block;}
.desktop-projects {display:none;}
.project_list video { height: 250px; object-fit: cover;}
.mobile-projects .projects_row .col-lg-4 {padding:0 5px;}
.mobile-projects .project_list {padding-bottom:15px;}
.mobile-projects .projects_row .slick-list, .mobile-projects .projects_row .slick-track {display:flex;}
.slide-1 img {height:300px;}
.cclogowrap {padding-bottom:20px;}
.upcoming-projects .project_list { height:auto;}
.upcoming-projects .dt-desc { padding: 30px 25px;}
.career-banner.banner .container > div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    text-align: left;
    flex-direction: column;
    padding-top: 50%;
} 
.founderimg {
    width: 100%;
    position: relative;
    left: 0px;
}

 .projects_row .project_list {
    height: auto;
    margin-bottom: 0px;
}

.upcoming-projects .project_list {
    height: auto;
    margin-bottom: 20px;
}

.center-slider .slick-slide {padding:20px 0px;}
.pr-center {
    min-height: 710px !important;
    margin:0 10px;
}
.pr-center img, .pr-center video {margin-bottom:20px;}
.pr-center .rsp-btn {margin-bottom:10px;}
.bg_slide img {
    height: 1040px !important;
    object-fit: cover;
}
/*.center-slider .slick-list {padding-right:50px;}*/
.center-slider .slick-slide {transform:scale(1);}
.pr-center img, .pr-center video {opacity:1;}
.pr-center p {
    opacity: 1;
    transform: none;
    padding: 15px;
}
.pr-center .rsp-btn {
    opacity: 1;
    color: #fff;
    border: 1px solid #fff;
    margin-top:0px;
}
.pr-center .rsp-btn:hover {background:#000; color;#fff}

.drop ol {display:none;}
.drop li i {
    display: inline-block;
    float: right;
    margin-right: 40px;
    top: 8px !important;
    color: #000 !important;
}

.hometext h1 {
    margin: 0;
}

.changebox {
    display: inline-block;
    /*height: 50px;  */
    /*line-height: 50px;*/
    overflow: hidden;
    vertical-align: middle;
    margin-left:5px !important;
}

.changebox .slick-slide {
    /*height: 50px !important; */
    display: flex !important;
    align-items: center;
}

.bannerbtn ul {flex-direction:column;}
.bannerbtn li {
    width: 100%;
    padding: 3px 30px;
}
.contactul {margin-bottom:0;}
.bannerbtn {position:initial; border:0; margin-top:20px;}
.bannerbtn ul {display:inline; margin-top:50px;}
.bannerbtn li {
    padding: 0px;
    border: 0;
    border-bottom: 1px solid #ffffff5e; 
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: auto;
    display:block;
    font-size:15px;
}
.bannerbtn li::before {display:none;}
.customer_names .strong img {
    width: 100px !important;
    height: auto;
}
.customer_names .strong {font-size:13px;}
.text-testimonials {margin-top:0px;}
.headlines_large img, .headlines_large iframe {
    
    height: 260px;
}
.logos-old {grid-template-columns:repeat(2, 1fr)}
#category {margin-top:20px;}
.contact-bottom {margin:0px;}
.contact-row {margin-bottom:0px; margin-top:0;}
/*.contact-bottom .col-lg-4 {*/
/*    background: #fff;*/
/*    margin-bottom: 30px;*/
/*    padding: 30px;*/
/*}*/
.contact-bottom .rsp-btn {
    margin-top: 10px;
}
.c-n {
    margin-bottom: 30px;
    margin-top: 20px;
}
.c-n p.after::after {display:none;}
.contact_btns li a {width:100%; text-align:center;}
.projects_row .project_list {padding-bottom:40px;}
.d-flex-btn { margin-top: 20px;display: block;  position: initial; width: 100%;}
.rsp-btn.cm { min-width: 150px; margin-bottom: 15px;}
.d-flex-btn a {width:100%;}
.scboxes li {
    font-size: 14px;
    width: 100%;
    text-align: left;
    margin-right: 0;
    padding:10px 12px;
}
/*.whitecards li {font-size:13px;}*/

.wh-row .col-lg-6, .wh-row .col-lg-4.last  {margin-bottom:0;}
.careermsg {font-size:20px;}
.careermsgtext br {display:none;}
.map iframe {
    width: 100%;
    height: 350px;
}
.icons_udgrade {
    border-radius:15px;
    padding: 20px;
    margin-bottom: 20px;
}

.hometext.mainpage .changebox {margin-left:0px !important;}

.icon-uprow .col-lg-4 {
    border-right: 0px;
    border-bottom:1px solid #ccc;
}

.icons_udgrade p {margin-bottom:0px;}
.ptag p {
    margin-bottom: 0;
    width: 30%;
    line-height: 1.3;
}
.logos-old  {margin-top:0px;}
.logos-old li {height:60px;}
.min-height {
    min-height: auto;
    flex-direction: column;
}
.text-image {
    margin-top: 0px;
    padding-left: 0px;
}
.whitebg {padding:30px 15px;}

.contact-nbox {
    padding: 35px 30px;
    margin-bottom: 30px;
}
span.list_acc {
    display:none;
}
.projects-accordians  button h3 {
    padding-right: 14px !important;
    font-size: 15px !important;
}
.c-accordion_button {margin-right:0px; width:20px;}
.projects-accordians .card button::before {display:none;}
.projects-accordians .card.active h3, .projects-accordians .card:hover h3 {color:#000;}
.projects-accordians .card-body {padding-top:0px;}
.projects-accordians .card.active .c-accordion_button .cls-1, .projects-accordians .card:hover .c-accordion_button .cls-1 {stroke:#000 !important;}
.three-col-list {padding-left:0;}
.text-tesi-section .custom-controls {position:initial; margin-top:10px;}
.large_head_title img { width: 150px; margin-bottom: 10px; height: auto!important;}

.headlines_large .large_head_title {
    width: 100%;
}
.headlines_large {height:auto;}
.large_head_title {bottom:50px;}

.contact-nbox h4 {font-size:16px;}

.project_list .h4 {font-size:15px;}

.large_head_title {padding-left:15px;}
.headlines_large .hoverlink {right:auto ; left:20px;}
#whatwedo .subhead {margin-bottom:20px;}
.cafe-kino .whitebg {padding-bottom:0;}
.down_chevron  {display:none;}


}
