
@media screen and (max-width: 1200px) and (min-width: 993px) {    
/*    .border:after {
    height: 115.5vh !important;
}
.border:before {
    height: 115.5vh !important;
}*/
}

@media screen and (max-width: 992px) and (min-width: 768px) {    

}
*/
@media only screen and (max-width: 1920px) {
.productArea .owl-nav {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 54px;
    left: 0;
}
.productArea #demos .owl-prev {
    position: relative;
    left: 414px !important;
    right: 0;
    top: 35px;
    /* left: 0; */
}
.productArea #demos .owl-next {
    /* right: 0; */
     left: 460px; 
    bottom: -34px;
}
}
@media only screen and (max-width: 1400px) {
#mySidenav ul {
    top: 126px;
}
.owl-nav {
    right: 116px;
}
.client-logo3 {
    right: 90px;
}
.client-logo1 {
    left: 97px;
}
.client-logo5 {
    right: -115px;
}
.col-sm-8.pd-0 {
    padding: 0;
}

/*.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 15px;
}
ul.company-list {
    position: absolute;
    top: 322px;
    left: 80px;
}
.Header .navbar .navbar-brand img {
    margin-left: 20px;
}*/
.circle-slider-section {
 /*   padding: 75px 0 165px;*/
    overflow: hidden;
}
}
@media only screen and (max-width: 1199px) {


}
@media screen and (max-width: 1024px) {
    .slider .caption .caption_title {font-size: 40px;line-height: 1.3;}
}

@media screen and (max-width: 767px) {
.tenderArea .tenderLeft ul li .tender {
    padding: 0 0 0 0;
}
.border:before{
    display: none;
}
.projects-content.vision {
    padding-top: 0px !important;
}
.projects-content.pd-0.wow.bounceInLeft.board {
    padding-top: 0px !important;
}

.row.contactraw {
    flex-direction: column-reverse;
    display: flex;
}
section.about.pd-60.about-pb.aboutstart {
    padding-bottom: 40px !important;
}
.home-slide video {
    width: 100%;
    height: auto;
    margin-top: 90px;
}
.projects-content.why-need {
    padding-top: 0px;
}
.projects-img.about-photo {
    margin-bottom: 30px;
}
ul.nav.navbar-nav.navbar-right.menu_list {
    /* padding: 0px !important; */
    background: white !important;
    border: 1px solid #fff !important;
    /* margin-top: 0px; */
    position: absolute;
    top: 25px;
    right: -15px;
}

.circle-controls .slide-point span {
    position: relative;
    z-index: 2;
    color: white !important;
    display: block;}
    
   section.project {
    padding: 20px 0 !important;
}

.image1 img {
    margin-top: 40px !important;
}
section.projects.pd-20.mb-100.bg-color.mt-0 {
    padding-bottom: 40px !important;
}
span.span-2021 {
    left: 10px !important;
    top: -5px !important;
    position: relative !important;
}
span.span-2015 {
    position: relative !important;
    left: -8px !important;
    top: 10px !important;
}
span.span-2020 {
    position: relative !important;
    top: 10px !important;
    left: 8px !important;
}

span.span-2017 {
    position: relative !important;
    left: 0px !important;
    top: 10px !important;
}
    
.border:after{
    display: none;
}
.Header .navbar .navbar-nav.navbar-right li a {
    font-size: 14px;
}
.Header .navbar .navbar-nav.navbar-right li:nth-child(1) {
    margin-right: 0;
}
.tenderArea .tenderLeft ul li .tender figure {
    position: relative;
    width: 100%;
}

.tenderArea .tenderLeft ul li .tender h4 {
    margin-top: 10px;
}
section.related-project {
    padding-bottom: 0;
}
.related-content {
    border-right: 0;
    border-bottom: 2px solid #fff;
}
.related-content h3 {
    left: 24px;
}
section.insights-banner {
    height: auto;
    padding-top: 70px;
}
.insightsbanner-content {
    position: relative;
    top: 0px;
    left: 0px;
}
.insightsbanner-content h3 {
/*    margin: 0;*/
    font-size: 20px;
}
.step-portion {
    display: block;
    columns: 2;
}
.insights-right {
    margin-top: 34px;
}
.projects-content.blog-content.blogpagecontent {
    padding-top: 40px;
}

.thankyou {
    margin-top: 30px;
}
.career-content h3 {
    text-align: center;
}
section.career {
    padding: 40px 0 40px;
}
section.talk.mt-0.icpage {
    margin-top: 40px;
}
.row.rowcase {
    display: flex;
    flex-direction: column-reverse;
}
section.case-studies.pd-60.casestudypage {
    padding-bottom: 40px;
}
.projectarea.mb-60.download.downloadpagebutton {
    margin-bottom: 20px;
}
.row.blogpagerow {
    flex-direction: column-reverse;
    display: flex;
}

.row.rrrrow {
    display: flex;
    flex-direction: column-reverse;
}
.footer-contact span {
    margin-top: 16px;
}
.footer-address h2 {
    margin-top: 30px;
}
.sitemap h2 {
    margin-top: 30px;
}
.career-content p {
    text-align: center;
}
section.case-studies.pt-100 {
    padding-top: 0;
}
.col-sm-6.sticky-portion {
    position: relative;
    top: 0;
}
.case-content-overlay {
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: 30px;
}
.studies img {
    height: auto;
}
.case-content-overlay h2 {
    font-size: 18px;
}
.case-content {
    min-height: auto;
    padding: 40px 0;
}
.div-block-226 {
    display: block;
    height: auto;
}
.content.banner-content.blog-banner-content {
    top: 30px;
    right: 20px;
}
.bannerArea.blogbanner {
    height: 270px !important;
}
.content.banner-content.blog-banner-content.blog1content {
    margin-top: 110px;
}
section.projects.pd-20.lefts.blogpage {
    padding-bottom: 40px;
}
a.blog-pagebutton {
    margin-bottom: 40px !important;
}
.nav-sub-menu-wrap {
    width: 100%;
    display: block;
}
header {
    position: relative;
}
.content.banner-content {
    top: 42px;
}
.col-sm-6.bg-white {
    padding: 20px 15px;
    min-height: 0;
}
.projects-content.pd-0.pl-40 {
    padding-left: 0;
}
img.Explore-img.mt-0 {
    margin-top: 0;
}
/*.content img {
    position: absolute;
    bottom: -23px;
    width: 22px;
}*/
.flext-content {
    text-align: center;
    display: block;
}
.loaction-content {
    margin-bottom: 20px;
}
.contact-heading.mt-30 {
    margin-top: 40px;
}
.form-flex {
    display: block;
}
.form-content {
    padding-right: 0;
    width: 100%;
}
.projects-content a {
    padding: 8px 0;
    margin: 0 auto;
    display: flex;
    /* width: 140px; */
    text-align: center;
    justify-content: center;
}

section.talk.mt-0 {
    margin-top: 0;
}
section.projects.pd-20.mb-100 {
    margin-bottom: 0;
}
.contactArea {
    background-repeat: no-repeat;
    margin-top: 40px;
}
.heading h2 {
    padding-top: 0px;
    letter-spacing: 2px;
    font-size: 20px;
    line-height: 40px;
}
.flex-icon.margin-lr {
    margin: 0 0;
}
img.height295 {
    height: auto;
}
img.height645 {
    height: auto;
}
h2.tell {
    font-size: 20px;
    margin-bottom: 20px;
}
p.tell-connect {
    font-size: 16px !important;
}
section.talk.color-bg {
    margin-top: 0;
}
 .contact-content {
    margin: 0;
    padding: 0 0px 0px 0px;
}
.contact-content h2 {
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 30px;
}
section.contactportion {
    padding: 20px 0px 40px 0px;
}
.contact-content.contactheading {
    padding-bottom: 40px;
}
.container.pd-30 {
    padding: 0 30px;
}
a.submit-btn{
    margin: 30px auto 30px;
}
.contactform {
    width: 100%;
}   
.counting {
    font-size: 40px;
}
h3.plus{
    font-size: 40px;
}
section.about{
    padding: 20px 0 20px;
}
section.client-logos {
    padding: 0px 0 40px;
}
section.about.pd-0 {
    padding-top: 0;
}
div#block-homepageaccordian {
    padding-bottom: 0px;
}
section.projects {
    padding: 0 0 0px;
}
.projects-content.pd-100 {
    padding: 0;
}
.projects-content.pd-0.pd-80 {
    padding: 0 0 0 0;
}
.projects-content p {
    margin-bottom: 0;
    text-align: center;
}
.projects-content.pd-0.pd-80 {
    padding: 0 0 0 0;
}
h2.map-heading {
    font-size: 24px;
    text-align: center;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff !important;
}
ul.nav.navbar-nav.js-nav-add-active-class li {
    width: 100%;
    display: block;
    margin-left: 5px;
}

.bannerArea .content h3 {
    font-size: 32px;
}
.bannerArea {
    height: 190px;
    background-size: cover !important;
    background-position: center !important;
}
.projects-content {
    padding: 0;
}
.projects-content.pd-0 {
    padding: 0 0 0 0;
}
section.projects.pd-20 {
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px solid #eee;
    margin-top: 0px;
}
section.about.pd-60 {
    padding: 0;
        padding-bottom: 20px;
}
.projects-content h2 {
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    letter-spacing: 3px;
    margin-top: 40px !important;
}
p.mb-30 {
    margin-bottom: 30px;
}
img.Explore-img {
    margin-top: 10px;
}
section.contectarea {
    height: auto;
    padding-top: 30px;
    padding-bottom: 0;
    background-position: left;
    background-size: contain;
}
.connect ul li {
    padding-right: 0;
    margin: 0 auto 10px;
}
section.office {
    padding: 40px 0 0px;
}
.office-content h2 {
    font-size: 30px;
}
.office-content h3 {
    margin-top: 28px;

}
.contact-right {
    float: none;
    margin-top: 20px;
    display: none;
    justify-content: center;
}
.circle-slider-section .slider-title {
    font-size: 24px !important;
}
nav.navbar.navbar-inverse.background-bg {
    background: transparent;
    width: 100%;
    position: absolute;
}
nav.navbar.navbar-inverse.background-bg .navbar-collapse {
    background: #000;
    position: relative;
    top: -53px;
}
.designportion {
    /*margin: 0 auto;*/
    margin-bottom: 30px;
 /*   border: 1px solid #f0f0f0;
    padding: 10px;
    background: #f0f0f0;*/
}
h2.stardard-heading {
    font-size: 18px;
    margin-bottom: 30px;
    letter-spacing: 3px;
    line-height: 22px;
}
section.design {
    padding: 0px;
}
.productArea #demos .owl-prev i, .productArea #demos .owl-next i {
    font-weight: 500;
    color: #fff;
}
.col-sm-8.pd-0 {
    padding: 0;
}
section.apparea {
    padding: 30px 0;
}
.productArea {
    margin-bottom: 30px;
}
.client-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
}
.client-content p {
    font-size: 16px;
    padding-right: 0;
    text-align: center;
    margin-bottom: 30px;
}
/**start about**/
h2.about-heading {
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    line-height: 22px;
    padding-top: 20px;
}
h2.about-heading.mb-60{
    margin-bottom: 20px;
}
.about-left p {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
}
.about-left a {
    /* padding: 8px 0; */
    margin: 0 auto;
    display: block;
    /* width: 120px; */
    text-align: center;
}
p.mb-30 {
    margin-bottom: 30px;
}
.about-right {
    margin-top: 30px;
}
.about-right.height340 {
    height: auto;
    padding-top: 16px;
}
.row.mr-0 {
    margin: 0;
}
.col-lg-5.pd-0 {
    padding: 0 0px;
}
.col-sm-6.count-0 {
    padding: 0;
}
.col-sm-12.count-0 {
    padding: 0;
}
.about-bottom-content {
    margin-bottom: 30px;
}


.h2-heading {
    font-size: 18px;
    margin: 0 0 20px;
    letter-spacing: 3px;
    line-height: 22px;
}
section.industries {
    padding: 30px 0;
}
.grid-do_more figure {
    margin-bottom: 0px;
}
.grid-btn {
    margin-bottom: 30px;
}
h3.post.mt-60 {
    margin-top: 14px;
}
.video {
    margin-top: 30px;
}
.box {
    margin-bottom: 20px;
}
section.ourkey-project {
    padding:0px;
}
.project-content h2 {
    font-size: 18px;
    margin-bottom: 20px;
    padding-right: 0;
    margin-top: 0;
    text-align: center;
    letter-spacing: 3px;
    line-height: 22px;
}
.project-content p {
    margin-bottom: 30px;
    text-align: center;
}
.project-content a {
    display: block;
    /* width: 150px; */
    margin: 0 auto 30px;
}

.productArea .owl-nav {
    position: absolute;
    bottom: 0;
    top: 110px;
    left: 0;
    right: 0;
    float: right;
    margin: 0 auto;
    display: none;
}
.productArea #demos .owl-prev{
        left: -16px !important;
        position: relative;
        border: 1px solid #565556;
        box-shadow: none;
        background: #565556;
}
.productArea #demos .owl-next{
    /* right: 0; */
    left: 16px;
    position: relative;
    color: #000 !important;
    border: 1px solid #565556;
    box-shadow: none;
    background: #565556;
}
/**end about**/
.Header .navbar .navbar-nav {
    margin-top: -10px;
    float: right;
}
.Header .navbar .navbar-nav.navbar-right li:nth-child(3) {
/*    margin-top: 7px;*/
    margin-left: 0;
}
.Header .navbar .navbar-nav.navbar-right li:nth-child(2) {
    margin-right: 4px;
}
.Header .navbar .navbar-nav.navbar-right li:nth-child(3){
    margin-right: 4px;
}
.Header .navbar .navbar-nav.navbar-right li {
    margin: 0 0px 0 10px;
    display: inline-block;
}
img.toggle-button {
    width: 30px;
    margin-top: -4px !important;
}
.Header .navbar .navbar-brand img {
    margin-left: 0px;
}
/**start slider banner**/
ul.company-list, .menu-right {
    display: none;
}

.slider .caption .caption_title {
    font-size: 32px;
}
.home-slide img {
    height: 400px;
}
.owl-nav {
    right: 33px;
}
.menu-right img {
    height: auto;
}
.menu-right {
    position: absolute;
    right: 0;
    bottom: 82px;
    right: 10px;
}

/**start clientarea**/
.client-logo1 img {
    width: 100%;
}
.client-logo3 img {
    width: 100%;
}
.client-logo5 img {
    width: 97%;
}
.client-logo5 {
    position: relative;
    top: 0;
    right: 0;
}
.client-logo3 {
    position: relative;
    top: 0;
    right: 0;
}
.client-logo1 {
    position: relative;
    left: 0;
}
.client-content {
    margin-bottom: 20px;
}
section.client {
    height: auto;
    padding: 20px 0 50px;
}
.flex-icon {
    display: block;
}
/**start mobile app**/
.app-content h2 {
    margin-bottom: 20px;
}
.app-content h3 {
    margin-bottom: 14px;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 22px;
    text-align: center;
}
.logo-portion {
    margin: 0 5px;
}
.application img {
    width: 150px;
}
.app-content p{
    padding-right: 0;
    font-size: 16px;
}
.contactform h2 {
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    line-height: 22px;
}
.social-link ul li {
    width: auto;
    padding-right: 24px;
}
.application ul {
    margin-top: 28px;
    margin: 20px auto 20px;
    display: flex;
    justify-content: center;
}
.copyrights p {
    text-align: center;
}
.footer-logo img {
    width: 150px;
    float: none;
    margin-top: 30px;
}
.application ul li {
    margin-bottom: 14px;
}
.mobileapps {
    margin-top: 20px;
    margin-top: 20px;
}
.contactform {
    padding: 5px 40px;
}
section.contactformarea {
    padding-bottom: 60px;
}
section.talk {
    margin-top: 40px;
    padding: 40px 0;
}
.let-talk p {
    font-size: 26px;
    margin-bottom: 18px;
    line-height: 40px;
    letter-spacing: 3px;
}
.let-talk a{
    padding: 0;
}
#mySidenav ul {
    top: 104px;
    right: 0px;
}
#mySidenav ul li {
    margin: 0 0 15px;
    padding: 0 0;
}

div#bs-example-navbar-collapse-1 {
    /* background: #000; */
    padding-top: 20px;
  /*  padding-bottom: 20px;*/
    display: block;
    border-top: 0;
    box-shadow: none;
    /* float: right; */
    padding-left: 0;
    padding-right: 0;
}
.Header .navbar .navbar-nav.navbar-right li:nth-child(1) {
        border: 1px solid #fff !important;
    /* margin-top: 6px !important; */
    padding: 9px 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    border-radius: 4px;
    position: relative !important;
    background: #c55652 !important;
}
.Header .navbar .navbar-nav.navbar-right li:nth-child(2) {
    margin-bottom: 20px;
/*    width: 120px;*/
    width: 60px;
}
.navbar-toggle .icon-bar {
    border: 1px solid #fff !important;
}
.navbar-toggle {
    border: 1px solid #fff !important;
   /* margin-top: 6px !important; */
   position: relative !important;
   top: -65px !important;
   z-index: 999 !important;
   background:#c55652 !important; 
   padding: 10px 15px !important;
}

.Header .UpHeader .Contact {
    float: right;
    margin: 0px;
}
.box-content {
    bottom: 104px;
}
.box-content:before{
    bottom: -80px;
}
.Header .UpHeader .Contact ul li {
    display: block;
    margin: 0px 10px 7px 0;
}

.Header .UpHeader .Social {
    float: right;
    width: 100%;
    margin: 5px 0 0 0;
}

.Header .navbar .navbar-nav li a{ padding: 15px;}
img.digitalsertype {height: 330px;}
ul.slider-list li {padding-right: 25px;}
.rrowm .row {
    flex-direction: column-reverse;
    display: flex;
}

#design-support .col-sm-6.wow.bounceInRight {
    padding-top: 30px;
}
.projects-content.nego, .projects-content.audits, .projects-content.pd-0.safety-audit, .projects-content.pd-0.pl-40.assessment, section.projects.pd-20.mb-100.bg-color.Support, section.projects.pd-20.bg-color.mt-0,
.projects-content.supt {
    padding-top: 0;
}
#execution-support .col-sm-6.wow.bounceInLeft {
    padding-top: 20px;
}
section.projects.pd-20.audit-100 {
    padding-bottom: 30px;
}
section.projects.pd-20.mt-60 {
    margin-top: 30px;
}
section.about.pd-60.wow.zoomIn.services-page {
    margin-top: -40px;
}
.col-sm-6.wow.bounceInRight.design-support {
    margin-top: -30px;
}

}
@media only screen and (max-width: 575px) {
    .slider .caption .caption_title {
        font-size: 25px;
        line-height: 1.3;
        margin: 0;
    }
    .home-slide br {
        display: none;
    }
    .slider .caption {
        top: 60%;
    }
    ul.slider-list {
        margin: 0 auto 0;
    }
    .circle-slider .slide-content p {
        font-size: 12px;
    }
}
@media screen and (max-width: 480px) {
 
}
@media screen and (max-width: 400px) {
   
}


@media screen and (max-width: 360px) {
  
}

































































