@media only screen and (max-width:1920px) {
    .mainafter-banner {}
}

@media only screen and (max-width:1024px) {
    .bg-greyish {
        background-color: #c3c8cc;
        text-align: center;
        padding: 5px 0px;
        color: #464444;
        line-height: 23px;
        margin-top: 10px;
        width: 16%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin-top: 1%;
        margin-bottom: 1%;
        margin-left: 3%;
        height: 100px;
        overflow: hidden;
    }
    .hiring {
        padding-right: 0px;
    }
    .mail {
        padding-right: 0px;
    }
    ul.navbar-nav li {
        padding: 17px;
        padding-left: 40px;
    }
}

@media only screen and (max-width:968px) {
    .black-banner {
        height: auto;
    }
    .bg-greyish {
        width: 22%;
        margin: 10px 13px;
    }
    .margin-leftstyle {
        margin-left: 13px;
    }
}

@media(max-width:768px) {
    header.home_headerstyle {
        text-align: center;
    }
    .bg-greyish {
        width: 80%;
        margin: 0% 9% 4%;
        height: auto;
    }
    .margin-leftstyle {
        margin-left: 9%;
    }
    .i {
        width: 20%;
    }
    .heightdiv {
        height: auto;
        padding-top: 10px;
    }
    .black-banner {
        min-height: auto;
    }
    .logoimgclass {
        margin: 1% 0%;
        width: 25%;
        float: right;
    }
    .maincrauselindiactoronhomepage {
        bottom: 20px !important;
    }
    .displaynone {
        display: none;
    }
    .slick-slide img {
        width: auto;
        height: 25px;
        vertical-align: middle;
        align-items: center;
    }
    .indiacontact {
        padding: 0px;
    }
    .uscontact {
        padding-right: 8px;
    }
    .mail {
        padding-right: 9px;
    }
    .hiring {
        padding-right: 12px;
    }
    .subul {
        padding-left: 0px;
    }
    .black-banner {
        height: auto;
    }
    ul.navbar-nav li {
        padding: 4px 7px 4px 0px;
    }
    ul.navbar-nav li a {
        font-size: 13px;
    }
    .mynavbar .navbar-nav > li > a {
        padding: 10px 6px;
    }
    .inputbtn {
        padding: 4px 5px;
        font-size: 12px;
    }
    .inputtext {
        height: 22px;
        font-size: 12px;
    }
    .column-padding {
        padding-left: 0px;
    }
    .innermenu {
        width: 640px;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .innerheading {
        font-size: 20px;
        margin: 7px 0 7px 0;
    }
    .outerli:hover .dropdown-menu {
        padding: 0px;
        display: block;
    }
    .margservices {
        left: 0;
    }
    .aboutus {
        left: 0;
    }
    .joinus {
        left: 0;
    }
    #to_get_quote_form {
        width: 162px !important;
    }
    .proj_block {
        height: auto;
    }
    div.bg-image-clicakblecontent {
    height: auto;
}
}

@media only screen and (max-width:526px) {
    div.main {
        padding-top: 15%;
    }
    div.mainpagepadding {
        padding-top: 13%;
    }
    .black-banner {
        height: auto;
    }
    .displaynone {
        display: none;
    }
    header.home_headerstyle {
        text-align: center;
        width: 100%;
        z-index: 55;
        background-color: black;
    }
    .logoimgclass {
        margin: 1% 0%;
        width: 28%;
        float: right;
    }
    .page-headersection {
        display: block;
    }
    .innermenu {
        min-height: 200px;
        top: 0px;
        width: 357px;
        left: 7%;
        margin: 0px auto;
        overflow: scroll;
        height: 200px;
    }
    .innerheading {
        font-size: 17px;
    }
    .hiring {
        padding-right: 46px;
    }
    .mail {
        padding-right: 4px;
    }
    .uscontact {
        padding-right: 21px;
    }
    .indiacontact {
        padding-right: 21px;
    }
    .subul {
        padding: 0px;
    }
    .page-headersection > .subul > .tweeter,
    .page-headersection > .subul > .linkedin {
        display: inline-block;
    }
    .form-style {
        display: none;
    }
    .page-headersection {
        overflow: hidden;
        font-size: 12px;
        text-align: center;
        display: none;
    }
    .page-headersection ul > li {
        display: block;
    }
    .mainafter-banner {
        height: 140px;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .contactustop {
        height: auto;
    }
    .proj_block {
        height: auto;
    }
    /*    new changes on 18 sep 2018*/
    .blockDiv .col {
        width: 100%;

    }
    div.colHolder div.ico {
        /*        width: 80%;*/
        width: 40%;


    }
    div.clicableTabContent div.tab-content {
        width: 100%;
    }
div.clicableTabContent div ul li {
display:inline-block;
font-size:12px;
line-height: 1;
}

div.clicableTabContent div ul li>a {
    /* position: relative; */
    display: inline-block;
    padding: 10px 7px;
}
div.how-it-works-image {
background:none;
height:auto;
}
div.how-it-works-image div {
    width: 100%;
    position: static;
  }

    .colHolder .col {
        width: 100%;
    }
    div.greyBlock {
        width: 100%;
    }
    div.col-2 {
        width: 45%;

    }
    div.colHolder div.col-four {
        width: 100%;
    }
    img.blockImageLast {
        width: 60%;
    }
    div.robotimgHolder {
        width: 80%;
    }
    div.robotcontentHolder {
        width: 100%;
    }
    div.leftImage {
        width: 100%;
    }
    div.RightContent {
        width: 100%;
        margin: 18px auto;
    }
    div.aicol3 {
        width: 100%;
        margin: 10px auto;
    }
    .nav-stacked > li {
        float: left;
    }
    div.bgblockchain {
        height: auto;
    }
    div.bgblockchain .margin-top-20 {
        margin-top: 0px;
    }
    div.bgblockchain div.justify-content-between {
        justify-content: center;
    }
    div.circular {
        margin: 10px 0px;
    }
    div.circular h5 {
        font-size: 14px;
    }
    div.circularContent p {
        font-size: 12px;
        line-height: 18px;

    }

}

@media only screen and (max-width:484px) {
    .bg-greyish {
        width: 80%;
        margin: 7% 9%;
    }
    .margin-leftstyle {
        margin-left: 9%;
    }
    .heightdiv {
        height: auto;
    }
    .proj_block {
        height: auto;
    }
}

@media only screen and (max-width:400px) {
    .mainafter-banner {
        height: 110px;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
}