@media (max-width: 1530px) {
    .photos-grid figure {
        width: 260px;
        height: 261px;
    }
    .photos-grid figure:before {
        height: 179px;
    }
}

@media (min-width: 1650px) {
    .container {
        max-width: 1540px;
    }

    .fd-home .container .figure img.pos {
        left: -11px;
    }
    .fd-home .container .figure.two img.pos {
        top: 14px;
        left: 1px;
    }
    .features_wrapper {
        height: 855px;
    }
    .milestones {
        //padding-left: 19%;
    }
    .container-large {
        max-width: 1100px;
    }
    .fed_stories {
        max-height: 900px;
    }
}

@media (max-width: 1650px) {}

@media (max-width: 1530px) {
    #api-content .container {
        max-width: 1045px;
    }
    #api-content .box {
        padding: 30px 40px;
    }
    .sidebar-content-main.myapi article,
    .sidebar-content-main.myapis article {
        padding: 30px 30px;
    }
    article.create-application figcaption,
    article.applications span.app-title {
        font-size: 17px;
        line-height: 22px;
    }
    .sidebar-content-main.myapp article {
        padding: 30px 25px;
    }
    article.applications:before {
        right: 10px;
    }
    .api-status-content .fund, .toc.navigate-toc {
        padding: 47px 50px;
    }
    .api-status-content .fund-03 .nav-pills .nav-link {
        color: rgba(255, 255, 255, 0.24);
        padding: .5rem 0.3rem;
    }
    .sidebar-content .Credentials .Credentials-top .client-id span {
        right: 30px;
    }
    .sidebar-content .Credentials .Credentials-top .client-id .btn {
        right: 80px;
        top: 42px;
        width: 69px;
    }
    .sidebar-content .subscribe .subscribe-box p {
        padding-right: 7px;
    }
    .sidebar-content .subscribe .subscribe-box h4 {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    #api-content .container,.page-contact .container{
        max-width: 1030px;
    }

    .fd-home .container h2 {
        max-width: 550px;
        font-size: 35px;
    }
    .features_wrapper ul li {
        height: 95px;
    }
    .features_wrapper ul li a {
        font-size: 80px;
    }
    .getting-started figure {
        width: 660px;
    }
    .fd-home .container figure.round .round-one {
        max-width: 50%;
    }
    .fd-home .container figure.round .round-two {
        max-width: 30%;
    }
    .fd-home .container figure.round .round-three {
        max-width: 25%;
    }
    .fd-home .container figure.triangle .shape-one {
        max-width: 32%;
    }
    .fd-home .container figcaption span {
        font-size: 139px;
    }
    .fd-home .container h1 {
        font-size: 85px;
    }
    .fd-home .container figcaption span {
        font-size: 170px;
    }
    .fd-home .container figure.triangle .shape-two {
        bottom: 100px;
    }


}

@media (max-width: 1380px) {

    .container-large {
        max-width: 1050px;
    }
    .fed_service figure.one {
        width: 300px;
    }
}

@media (max-width: 1199px) {
    header .container-fluid {
        padding: 0px 15px;
    }
}

@media (max-width: 991px) {
    .s-login p:before {
        width: 90px;
    }
    .s-login p:after {
        width: 90px;
    }
    .api-status-content .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .api-status {
        z-index: 3;
    }
    .api-status-content .col-md-3,
    .api-status-content .col-md-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .fd-home .container article {
        z-index: 3;
    }
    .api-status-content .plans-table .table td {
        padding-left: 10px;
    }
    .api-status-content .plans-table .plans-head {
        padding: 0px 22px 0px 14px;
    }

    .api-status-content .fund-02 h1 {
        font-size: 20px;
    }

    .fd-home .container h1 {
        padding-left: 70px;
    }
    .fd-home {
        height: calc(60vh - 86px);
    }
    .modal#newapplication,
    .modal#deletefed,
    .modal#deleteclient,
    .modal#editclient,
    .modal#unsubscribe {
        top: 40px;
        bottom: inherit;
    }
    .sidebar-content .Credentials .Credentials-top .client-id span {
        right: 39px;
    }
    .sidebar-content .Credentials .Credentials-top .client-id .btn {
        right: 100px;
        left: inherit;
    }
    .sidebar-content p {
        padding-right: 42px;
    }
    .dash-sidebar #nav-tabs-wrapper {
        margin-right: 0px;
        margin-left: -10px;
    }
    .sidebar-content {
        padding: 50px 30px;
    }
    article.applications figure {
        display: block;
    }
    article.applications figure img {
        margin: 0 auto;
        display: block;
    }
    .sidebar-content-main.myapp article {
        padding: 20px 25px;
    }
    .ticket-wrap {
        width: 100%;
    }
    #api-content .box {
        padding: 30px 95px;
        margin: 0 auto;
        margin-bottom: 35px;
    }
    #api-content .box {
        width: 76%;
    }
    #CaptchaDiv {
        width: auto;
    }
    header .container-fluid {
        padding: 0px 15px;
    }
    header .navbar-toggle {
        display: block;
    }
    header .navbar {
        padding: 15px 15px!important;
    }
    .fed_stories .slider-single .slide figcaption {
        padding-top: 100px;
        padding-bottom: 200px;
    }
    .fed_stories .slick-arrow.slick-next {
        right: -75px;
    }
    .fed_stories .slick-arrow {
        left: 0;
    }
    .sidebar-content .new-application .btns .submit {
        margin-top: 20px;
    }
    .getting-started figure {
        display: none;
    }


}
@media (max-width: 1024px) and (min-width: 768px){
    .sidebar-content .col-md-8.resp{ -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;}


    .fd-home .container figure.round .round-three {
        bottom: 8px;
    }
    .api-status-content .fund, .toc.navigate-toc {
        padding: 47px 27px;
    }
    .fd-home .container figcaption span {
        font-size: 100px;
    }
    .fd-home .container span, .fd-home .container h1 {
        font-size: 50px;
    }
    .modal#newapplication,
    .modal#deletefed,
    .modal#deleteclient,
    .modal#editclient,
    .modal#unsubscribe {
        top: 60px;
        bottom: inherit;
    }
    .sidebar-content-main.myapp .col-md-6.sm-sc {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .sidebar-content .Credentials .Credentials-top .client-id span {
        right: 86px;
    }
    .sidebar-content .Credentials .Credentials-top .client-id .btn {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .sidebar-content .upadte .edit-delete a {
        margin-right: 5px;
    }
    #nav-tabs-wrapper li.active a,
    #nav-tabs-wrapper li a {
        padding: 10px 18px;
        font-size: 17px;
    }
    .sidebar-content-main.myapp .row .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    article.applications:before {
        right: 33px;
    }
    .dash-sidebar #nav-tabs-wrapper {
        margin-right: 5px;
    }
    .fed_service {
        padding-bottom: 70px;
    }
    .milestones .nav-tabs .nav-link.active {
        font-size: 86px;
    }
    .fed_features .clearfix .offset-lg-6 {
        margin-left: 0px;
    }
    .fed_service .col-lg-9,
    .fed_service .col-lg-3, .fed_service .col-lg-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .fd-home {
        height: 100%;
    }
    .fd-home .container h2 {
        max-width: 487px;
        font-size: 26px;
        left: inherit;
        top: 50%;
    }
    .about_fed .ml-auto {
        margin: 0 auto;
    }
    .about_fed {
        padding: 100px 0px;
    }
    .milestones .slick-arrow {
        left: 11px;
        top: 80%;
    }
    .milestones .slick-arrow.slick-next {
        right: 15%;
    }
    .milestones h4 {
        margin-top: 25px;
    }
    .milestones,
    .fed_features {
        padding-bottom: 100px;
    }
    .milestones {
        margin-right: 0%;
    }
    .fed_features .pull-right {
        float: left!important
    }
    .fed_features h2 {
        font-size: 40px;
        margin: 30px 0px 40px 0px;
    }
    .fed_features h2 span {
        font-size: 40px;
    }
    .fed_service {
        text-align: center;
    }
    .fed_service figure,
    .fed_service figure.one,
    .fed_service figure.two {
        margin: 0 auto;
        width: 70%;
        float: none;
        margin-bottom: 50px;
        margin-top: 50px;
        height: 400px;
        padding-left: 0px;
        padding-top: 80px;
    }
    .fed_stories .slick-arrow {
        left: 0px;
    }
    .fed_service .row > div:last-child {
        padding-left: 0px;
    }
    .fed_service figure h6,
    .fed_service figure.one h6,
    .fed_service figure.two h6 {
        font-size: 30px;
    }
    .fed_service figure img,
    .fed_service figure.one img,
    .fed_service figure.two img {
        width: 20%;
        top: 0;
        padding-bottom: 20px;
    }
    .fed_stories .slider-single .slide figcaption {
        padding-top: 185px;
    }
    .fed_start_guide .box .btn {
        width: 354px;
        text-align: center;
        padding: 0;
    }
    .fed_start_guide .box h2 {
        font-size: 24px;
    }
    footer .social li {
        margin: 0px 5px;
        width: 30px;
        height: 30px;
    }
    footer .social li a {
        font-size: 16px;
    }
    .fed_service h3 {
        font-size: 24px;
        text-align: left;
        padding-left: 50px;
        padding-right: 50px;
    }
    .fed_features .container {
        padding-left: 50px;
    }
    .fed_features .slick-arrow.slick-next {
        left: 60px;
        top: 200px;
    }
    .fed_features h6 {
        margin-top: 70px;
    }
    .fed_features .slick-arrow.slick-prev {
        left: 0;
        top: 200px;
    }
    .fed_features .slick-arrow {
        top: 140px !important;
    }
    .api-status-content .fund ul li a {
        line-height: 30px;
    }
    .fed_stories .slick-arrow.slick-next {
        right: -96px;
    }
    .api-status-content .fund-03 p.scrollbar {
        overflow-x: scroll;
    }
    .api-status-content .fund-03 .initial.nav-pills .nav-link {
        padding: .3rem 0.2rem;
    }
    .supprt_ticket_details.support .ticket-wrap {
        top: 0px;
        margin-top: 30px;
    }
    .fd-home .container h1, .photos .grid-p, .milestones .nav  {
        padding-left: 0px;
    }
    .milestones h4 span.bar {
        left: 2px;
        top: -22px;
    }
    .fed_service h3 span.bar {
        left: 68px;
        top: -22px;
    }
    .fed_service figure .action {
        -webkit-animation: float 4.5s ease-in-out infinite;
        animation: float 4.5s ease-in-out infinite;
    }
    .fed_stories .container .col-md-5, .fed_stories .container .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fed_stories h1 {
        margin-right: 0px;
        text-align: left;
        width: 100%;
    }
    .fed_stories h1 span.bar {
        left: 0px;
        top: -22px;
    }
    /** code added by Anwesha **/
    header nav.navbar.navbar-expand-lg a.active {
        order: 1;
    }
    header nav.navbar.navbar-expand-lg button {
        order: 3;
    }
    header nav.navbar.navbar-expand-lg .region.region-header {
        order: 2;
        width: 100%;
        margin-left: 132px;
    }
    .fd-home .container p br,
    .photos-grid .photos-grid-column:nth-child(1),.view-id-success_stories .fed_stories .col-md-5 h1 br,
    .photos-grid .photos-grid-column:nth-child(5),
    #-application-upload-application-image-form h1, #-application-verify-application-secret-form h1 {
        display: none;
    }
    .view-id-product_grid .photos-grid-inner {
        justify-content: space-evenly;
    }
    .view-id-success_stories .fed_stories .row, .page-product #block-system-main,
    .fed_start_guide .box {
        flex-direction: column;
    }
    .view-id-success_stories .fed_stories .slider-box .slide .row {
        flex-direction: row;
    }
    .page-node-1 .support, .page-node-2 .support  {
        padding: 90px 0px;
    }
    .started-wrap article h3 {
        font-size: 15px;
    }
    article.node-product.node-teaser {
        width: 100%;
        padding: 0 95px;
        margin-bottom: 0;
    }
    .productTeaser .apimInnerContainer {
        width: 100%;
        padding: 30px 95px;
    }
    .apimOuterContainer {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .page-node-2 .container {
        max-width: 100%;
    }
    .page-node-2 article #api-content .container {
        padding: 0;
    }
    .page-node-2 #api-content .box {
        width: 76%;
    }
    .page-faq .support, .page-myorg .support,.page-ibm-apim .support,
    .node-type-support-ticket .support, .section-application .support  {
        padding: 150px 60px 8px 60px;
    }
    .node-type-support-ticket .support h2 {
        margin-bottom: 40px;
    }
    .page-support-ticket div.ctools-modal-content {
        width: 90vw !important;
        height: 670px !important;
    }
    .page-support-ticket #modalContent {
        left: 5vw !important;
    }
    .page-support-ticket div.ctools-modal-content .modal-title {
        margin-left: 20px;
    }
    .page-support-ticket #modal-content {
        height: 550px !important;
    }
    .section-my-application article.applications span.app-title {
        font-size: 16px;
        text-align: center;
        max-width: 126px;
        margin: 0 auto;
    }
    .sidebar-content-main.myapp article {
        height: 160px;
    }
    .pagination, #application-node-form {
        width: 100%;
    }
    article.applications figure figcaption {
        margin-left: 0
    }
    .node-type-application .sidebar-content.sidebar-content02 {
        padding: 22px 30px;
    }
    .node-type-application .sidebar-content-head.border-line .row div {
        padding: 0;
    }
    .node-type-application .sidebar-content-head.border-line .row div.col-md-9 {
        max-width: 70%;
    }
    .node-type-application .sidebar-content-head.border-line .row div.col-md-3 {
        max-width: 30%;
    }
    .node-type-application .sidebar-content-head.border-line .uploadlink a {
        padding: 10px 17px;
        font-size: 14px;
        line-height: 48px;
    }
    #application-node-form #edit-actions, #-application-delete-application #edit-actions, #comment-form--2 .form-actions,
    #application-reset-application-clientid #edit-actions, #application-unsubscribeapp #edit-actions,#application-reset-application-clientid #edit-actions,
    #application-reset-application-secret #edit-actions, #support-ticket-node-form--2 #edit-actions--2{
        display: flex;
        justify-content: space-around;
    }
    #-application-delete-application #edit-submit,#application-reset-application-secret #edit-submit, #application-reset-application-clientid #edit-submit,
    #-application-delete-application #edit-cancel, #application-reset-application-clientid #edit-submit,
    #application-reset-application-clientid #edit-cancel, #application-unsubscribeapp #edit-cancel,#application-reset-application-clientid #edit-cancel,
    #application-reset-application-secret #edit-cancel, #application-unsubscribeapp #edit-submit,#comment-form--2 #edit-submit--3, #comment-form--2 #edit-preview--2
    #support-ticket-node-form--2 #edit-submit--2, #support-ticket-node-form--2 #edit-preview--2{
        width: 50%;
    }
    #-application-delete-application #edit-cancel, #application-unsubscribeapp #edit-cancel,
    #application-reset-application-secret #edit-cancel,#application-reset-application-clientid #edit-cancel,
    #application-reset-application-secret #edit-cancel {
        line-height: 32px;
        text-align: center;
    }
    #application-unsubscribeapp #edit-actions {
        width: 232px;
    }
    #-application-verify-application-secret-form #edit-submit {
        margin-top: 8px;
    }
    body.not-front #application-node-form {
        padding: 20px;
    }
    .node-type-product .mesh-portal-product .documentation {
        width: 100% !important;
    }
    .node-type-api .mesh-portal-api, .node-type-product .productDetails {
        max-width: 70%;
        width: 70% !important;
        margin-left: 30%;
    }
    .toc.navigate-toc {
        flex: 0 0 30%;
        max-width: 30%;
        width: 30% !important;
        display: block !important;
    }
    .api-status-content .fund, .toc.navigate-toc {
        padding: 20px;
    }
    #planSignupButton, button.mesh:disabled {
        right: 20px;
    }
    .api-status-content .fund-02 h1, .node-type-product .mesh-portal-product .titleHeader h1 {
        font-size: 30px;
    }
    .api-status .api-accordion-section-content .left-section h2, .api-status .api-accordion-section-content1 .left-section h2 {
        font-size: 14px;
    }
    .api-status .api-accordion-section, .api-status .api-accordion-section1 {
        padding: 0px 25px 0px;
    }
    .api-status .api-accordion-section-content .left-section, .api-status .api-accordion-section-content1 .left-section {
        width: 35%;
    }
    .api-status .api-accordion-section-content .right-section, .api-status .api-accordion-section-content1 .right-section{
        width: 65%;
    }
    .api-status .api-accordion-section-content .right-section .progress .progress-bar.color2, .api-status .api-accordion-section-content1 .right-section .progress .progress-bar.color2 {
        width: 28%;
    }
    #mySidenav .dropdown-menu {
        height: 226px;
    }
    .api-status .api-accordion-section-content .right-section .progress,
    .api-status .api-accordion-section-content1 .right-section .progress, #user-profile-form, #password-policy-password-tab {
        width: 100%;
    }
    header#header, header .navbar {
        width: 100vw;
    }
    .page-product #block-block-11, .page-product #block-block-8 {
        margin-left: 0;
    }
    .page-403, .page-404 {
        padding: 150px 10px 8px 10px !important;
    }
    .accessTitle {
        font-size: 20px;
    }
    .accessSubTitle {
        height: 58px;
        font-size: 16px;
        line-height: 40px;
        padding: 8px;
    }

}

@media (max-width:767px) {


    #addnewclient .modal-body,
    #newapplication .modal-body,
    #deletefed .modal-body,
    #deleteclient .modal-body,
    #editclient .modal-body,
    #unsubscribe .modal-body,
    #choose-appliction .modal-body {
        padding: 0px 40px;
        padding-bottom: 70px;
    }
    .api-status-content .col-md-3,
    .api-status-content .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .api-status-content .fund-02 {
        padding: 44px 30px;
    }
    .modal-body .mail-me .mail {
        margin-top: 20px;
    }
    #newapplication .modal-body .client-id .btn {
        left: 0;
        top: 78px;
    }
    #newapplication .modal-body .mail-me p {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .sidebar-content .Credentials {
        height: 330px;
        overflow: scroll;
    }
    .sidebar-content .Credentials .Credentials-top .client-id span {
        right: 10px;
    }
    .sidebar-content .Credentials .Credentials-top .client-id .btn {
        right: 53px;
        font-size: 14px;
        width: 55px;
    }
    .sidebar-content .Credentials .Credentials-top .form-group .form-control {
        width: 80%;
    }
    .sidebar-content .Credentials .Credentials-top .form-group .fa-eye {
        right: 58px;
    }
    .sidebar-content .subscribe .subscribe-box .btn {
        width: 90px;
        font-size: 14px;
    }
    .sidebar-content .subscribe .subscribe-box p {
        font-size: 13px;
        padding-right: 2px;
    }
    .sidebar-content .subscribe .subscribe-box h4 {
        font-size: 14px;
    }
    .sidebar-content .Credentials .Credentials-top .form-group {
        padding: 10px 10px;
    }
    .sidebar-content .subscribe {
        padding: 30px 10px;
        height: 213px;
    }

    .fd-home .container h1 {
        font-size: 35px;
        padding-left: 7px;
        line-height: 46px;
        padding-top: 40px;
    }
    .fd-home .container span {
        line-height: 30px;
        font-size: 39px;
    }
    .fd-home .container p {
        font-size: 18px;
    }
    .fd-home .container figcaption {
        display: none;
    }

    .fd-home .container figure.triangle .shape-one {

        top: 78%;
        right: 112px;
    }
    .fd-home .container figure.triangle .shape-two {
        bottom: 20px;
        width: 30%;
        right: 18px;
        z-index: 3;
    }
    .sidebar-content .upadte {
        float: none;
        margin: 16px 0;
    }
    .sidebar-content.sidebar-content02 {
        padding: 22px 17px;
    }
    .sidebar-content .new-application {
        padding: 25px 25px 50px 25px;
        margin-top: -26px;
    }
    .sidebar-content-main.myapp .row .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sidebar-content {
        margin-top: 0;
    }
    .sidebar-content .sidebar-content-search {
        float: left;
    }
    .sidebar-content-main.myapp article {
        margin-bottom: 0px;
        margin-top: 30px;
    }
    #nav-tabs-wrapper li a {
        line-height: 0px;
    }
    .sidebar-content h2 {
        font-size: 20px;
    }
    article.applications figure img {
        margin: 10px auto;
        display: block;
        padding-left: 0;
    }
    article.applications:before {
        top: 57%;
    }
    #forgotten-password .modal-body {
        padding: 0px 50px;
        padding-bottom: 70px;
    }
    #api-content h2 {
        margin-bottom: 44px;
    }
    #api-content .container {
        max-width: 100%;
        padding: 0;
    }
    .support .contact-wrap {
        padding: 47px 10px;
    }
    .support .contact-wrap form {
        margin-right: 0px;
    }
    span.date {
        text-align: left;
        display: block;
        margin: 11px 3px;
    }
    .ticket-content span.status {
        margin-top: -69px;
    }
    #addnewticket button {
        margin: 17px 0px 0px 30px;
    }
    .accordion .accordion-section-title span {
        font-size: 24px;
    }
    .accordion-section-title {
        padding-left: 0px;
        padding-top: 27px;
        line-height: 30px;
    }
    .accordion .accordion-section-title:before {
        top: -15px;
    }
    .support h2 {
        margin-bottom: 25px;
    }
    .accordion-section-content {
        margin-left: 0px;
        padding-left: 0px;
    }
    .support {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ticket-content .bottom-ticket p {
        padding: 10px 15px;
    }
    article.sec-signup {
        margin-top: 55px;
    }
    #addnewticket .modal-content {
        border-radius: 0px;
        padding: 25px 15px;
    }
    #addnewticket .modal-body form .main-from {
        padding: 12px 15px;
    }
    article.sec-register,
    article.sec-plan {
        margin-top: 44px;
    }
    .attachment .file_content {
   
    position: relative;
    left: inherit;
    bottom: inherit;
    top: 7px;
}
    .started-wrap article {
        padding: 40px 25px 53px 25px;
    }
    .features_wrapper li a:after {
        top: 21%;
    }
    .features_wrapper li.active a:before {
        top: 28%;
    }
    .fed_service h3 {
        padding-left: 0;
    }
    footer h3 {
        text-align: center;
    }
    footer li {
        text-align: center;
    }
    footer ul {
        margin-bottom: 30px;
    }
    .fed_start_building .container-small {
        width: 100%;
    }
    footer .ftr-bottom .text-right.powered {
        float: none;
        text-align: center;
        display: -webkit-inline-box;
    }
    footer .ftr-bottom {
        text-align: center;
        margin-top: 0px;
    }

    footer .social li {
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        float: none;
    }
    footer .social {
        float: none;
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .fed_start_building {
        padding: 80px 0px;
    }
    .fed_start_building .box {
        padding: 53px 21px;
    }
    .fed_start_building .box h2 {
        font-size: 20px;
        text-align: center;
    }
    .fed_start_guide .box .btn {
        width: 290px;
        text-align: center;
        padding: 0;
        font-size: 20px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .features_wrapper ul li a,
    .fed_stories .slider-single .slide figcaption h2 {
        font-size: 36px;
    }
    .fed_start_building {
        padding: 40px 0px;
    }
    .fed_start_guide .box {
        display: block;
        padding: 0;
    }
    .features_wrapper ul li {
        height: 52px;
    }
    .features_wrapper {
        height: 400px;
    }
    .sidenav ul.navbar-nav {
        margin-top: 46px;
        margin-left: 0 !important;
    }
    .about_fed {
        padding: 50px 0px;
    }
    .milestones .nav-tabs .nav-link.active,
    .milestones .nav li a {
        font-size: 50px;
        line-height: 70px;
    }
    .milestones .slick-arrow {
        left: 0;
        top: 92%;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    .milestones .slick-arrow.slick-next {
        right: 0px;
        background-size: contain;
    }
    .fed_features .slick-arrow {
        top: 234px!important;
    }
    .fed_features h2 {
        font-size: 37px;
    }
    .fed_features h2 span {
        font-size: 34px;
    }
    .milestones {
        padding-bottom: 60px;
    }
    .fed_features h5,
    .fed_service h3 {
        font-size: 20px;
    }
    .milestones .nav,
    .milestones h4 {
        padding-left: 15px;
        padding-top: 0px;
    }
    .fed_stories .slider-single .slide figcaption {
        padding: 70px 20px 180px 20px;
    }
    .fed_service {
        padding-bottom: 70px;
    }
    .fed_stories .slider-single .slide figure {
        height: 400px;
    }
    .fed_service figure,
    .fed_service figure.one,
    .fed_service figure.two {
        height: 250px;
        padding-top: 55px;
        margin-bottom: 0px;
        width: 100%;
    }
    .fed_service figure h6,
    .fed_service figure.one h6,
    .fed_service figure.two h6 {
        font-size: 24px;
    }
    .milestones {
        padding-left: 0px;
        margin-right: 0px;
    }

    .milestones .slick-slide {
        margin: 0px 0px;
    }
    .about_fed .article h2 {
        font-size: 36px;
    }
    ul.dashboard li a.nav-link.active {
        text-align: left;
        color: #fff!important;
        font-family: 'catamaranmedium';
        font-size: 16px;
    }
    .sidenav .navbar-nav.dashboard {
        margin-top: 0px;
    }

    #api-content {
        padding: 0 15px !important;
    }
    #api-content .box {
        width: 100%;
    }
    #api-content .box {
        padding: 30px 70px;
    }

    figure.right-fig {
        padding: 0px;
    }
    .s-login p:before,
    .s-login p:after {
        width: 120px;
    }
    header .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .api-status .api-accordion-section-content .right-section .progress,
    .api-status .api-accordion-section-content .left-section {
        width: 100%;
    }
    .api-status-content .fund, .toc.navigate-toc {
        height: 100%;
    }
    .fed_service .row > div:last-child {
        padding-left: 15px;
    }
    .fd-home {
        height: auto;
	padding-top:0px;
    }
    .api-status .api-accordion-section {
        padding: 0px 26px 0px;
    }
    .api-status-content .plans-table,
    .body-status {
        margin: 0;
    }
    .body-status .body-accordion .body-accordion-section-title:before {
        right: 32px;
    }
    .api-status-content .fund-03 p {
        font-size: 13px;
    }
    .api-status-content .plans-table .table td {
        padding-left: 12px;
    }
    api-status-content .plans-table .plans-head {
    padding: 0px 43px 0px 14px;
}
    .fed_stories .container {
        left: 0px;
        padding: 57px 0px;
    }
    .fed_stories .container .col-md-5, .fed_stories .container .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fed_stories h1 {
        font-size: 30px;
        text-align: left;
        margin-right: 0;
        float: none;
        padding: 0 15px;
    }
    .fed_stories h1 span.bar {
        left: 15px;
        top: -22px;
    }
    .container-small {
        width: 100%;
    }
    .fed_stories .slick-arrow.slick-next {
        right: 0px;
    }
    .fed_features h6 {
        margin-top: 72px;
    }
    .milestones .slide span {
        bottom: 107px;
    }
    header.home-header {
        z-index: 1;
    }
    #api-content .box {
        height: 380px;
    }
    .photos-grid .photos-grid-inner {
        display: block;
    }
    .photos-grid .photos-grid-column.reverse {
        padding: 0px 15px!important;
    }
    .photos-grid .photos-grid-column, .photos-grid figure {
        width: 100%;
        height: 100%;
    }
    .photos .grid-p {
        padding-left: 0px;
    }
    .about_fed .article h2 .bar {
        left: 2px;
        top: -13px;
    }
    .milestones h4 span.bar {
        left: 17px;
        top: -22px;
    }
    .fed_service figure .action {
        width: 20%;
        animation: float 4.5s ease-in-out infinite;
        -webkit-animation: float 4.5s ease-in-out infinite;
        top:0;
        display: flex;
        margin: 0 auto;
    }
    .fed_service figure, .fed_service figure.one, .fed_service figure.two {
        height: auto;
        padding-top: 55px;
        width: 100%;
        padding-left: 0px;
        margin: 0 auto;
        margin-top: 50px;
    }
    .fed_service figure h6, .fed_service figure.one h6, .fed_service figure.two h6 {
        font-size: 24px;
        padding-top: 18px;
        text-align: center;
        padding-bottom: 20px;
    }
    .fed_service figure h5, .fed_service figure.one h5, .fed_service figure.two h5 {
        text-align: center;
    }
    .fed_stories .slide .row {
        padding: 0;
    }
    .fed_stories .slide article h2 {
        font-size: 24px;
        padding-top: 10px;
        padding-bottom: 12px;
        margin-right: 0;
        width: 100%;
    }
    .fed_stories .slick-dots {
        left: 20px;
        bottom: 20px;
    }
    .fed_stories .slide {
        padding: 15px;
    }
    .page-node-1 .support {
        padding: 65px 0px;
    }
    div.credentialTitle, .Credentials-heading {
        display: flex;
        justify-content: space-between;
    }
    /* code added by Anwesha */
    .fd-home p br, .fed_service h3 br, .fed_stories h1 br,
    .page-application form h1, .cke_top{
        display: none;
    }
    .fed_stories .slider-box {
        margin: 0 15px;
    }
    .fed_start_building form {
        flex-direction: column;
        justify-content: space-between;
        height: 110px;
    }
    .fed_start_building .box .form-group .form-control {
        width: 250px;
    }
    .fed_start_building .box .form-group .btn {
        margin: 0 auto;
    }
    .page-product #block-block-11, .page-product #block-block-8 {
        margin-left: 0;
    }
    .page-faq .support, .page-myorg .support, .page-ibm-apim .support, .page-application .support, .page-support-ticket .support, .page-contact .support {
        padding: 120px 0;
    }
    .authMessage {
        position: relative;
        top: 0;
        width: 100%;
    }
    .page-contact #block-system-main {
        padding: 30px;
    }
    .page-contact form .form-item {
        width: 100%;
    }
    #contact-site-form {
        min-height: 760px;
    }
    .page-contact form figure {
        width: 100%;
        top: auto;
        bottom: -133px;
        right: 0;
        margin: -63px 0;
    }
    .hybridauth-icon-hybridauth-48 {
        width: 128px;
    }
    #user-register-form {
        padding: 70px 15px;
    }
    #user-register-form > div,.container-contact2 .wrap-contact2,
    #user-register-form .field-type-text,.node-type-product .mesh-portal-product .plansSection,
    #user-register-form #edit-account .form-item,
    #user-register-form .captcha, #application-node-form #edit-actions, #-application-delete-application #edit-actions, #application-reset-application-clientid #edit-actions, #application-unsubscribeapp #edit-actions,
    #user-register-form .headings,#application-reset-application-clientid #edit-actions,
    #user-register-form .no-account,#-application-delete-application #edit-actions,
    #user-register-form #edit-actions, .node-type-product .mesh-portal-product .documentation,
    #user-register-form .s-login,#application-node-form,
    #user-register-form .hybridauth-widget-wrapper, .pagination {
        width: 100% !important;
    }
    #user-register-form figure.right-fig {
        width: 100%;
        position: relative;
        right: 0;
        order: 10;
    }
    #mySidenav .dropdown-menu {
        width: 100%;
        border-radius: 0px;
        height: 224px;
        transform: translate3d(0px, 37px, 0px) !important;
    }
    .sidebar-content {
        padding: 50px 16px;
    }
    #views-exposed-form-my-application-page .views-exposed-widgets {
        flex-direction: column;
    }
    article.applications span.app-title, article.applications span.app-date {
        text-align: center;
    }
    .pagination a,
    .sidebar-content .Credentials-heading h2, .pagination ul.pager,article.applications figure figcaption,
    .sidebar-content .Credentials-heading a, .dash-sidebar #nav-tabs-wrapper {
        margin: 0;
    }
    .sidebar-content p {
        padding: 0;
    }
    .sidebar-content .upadte .edit-delete {
        display: flex;
        justify-content: center;
    }
    div.credentialTitle .addCredentials {
        margin-left: 0;
        padding-left: 0;
    }
    .sidebar-content .Credentials-heading h2 {
        font-size: 18px;
    }
    div.credentialTitle, .Credentials-heading,
    .client_secret a.buttonLink:nth-child(2),
    .client_secret a.buttonLink:last-child, #-application-verify-application-secret-form #edit-submit {
        margin: 8px 0;
    }
    div.api_description, div.app_client_id, .sidebar-content .subscribe .subscribe-box{
        display: flex;
        flex-direction: column;
    }
    .client-id .toggle-password, #clientSecret0 {
        width: 218px;
    }
    .client_secret {
        flex-wrap: wrap;
    }
    .mesh-portal-product .application .col-md-6.sm-sc {
        margin: 25px 0;
    }
    .sidebar-content .subscribe .subscribe-box div {
        max-width: 100% !important;
        width: 100%;
    }
    .sidebar-content .subscribe .subscribe-box div h4 {
        display: inline-block;
        margin: 8px 0;
    }
    #application-node-form {
        padding: 20px !important;
    }
    #application-node-form .form-submit {
        width: 75px;
        font-size: 13px;
        margin: 0;
    }
    #application-node-form #edit-actions, #-application-delete-application #edit-actions, #comment-form--2 .form-actions
    #application-reset-application-clientid #edit-actions, #application-unsubscribeapp #edit-actions,
    #application-reset-application-secret #edit-actions, #support-ticket-node-form--2 #edit-actions--2{
        display: flex;
        justify-content: space-around;
    }
    #-application-delete-application #edit-submit,#application-reset-application-secret #edit-submit,
    #-application-delete-application #edit-cancel, #application-reset-application-clientid #edit-submit,
    #application-reset-application-clientid #edit-cancel, #application-unsubscribeapp #edit-cancel,
    #application-reset-application-secret #edit-cancel, #application-unsubscribeapp #edit-submit,#comment-form--2 #edit-submit--3, #comment-form--2 #edit-preview--2
    #support-ticket-node-form--2 #edit-submit--2, #support-ticket-node-form--2 #edit-preview--2{
        width: 50%;
    }
    #-application-delete-application #edit-cancel, #application-unsubscribeapp #edit-cancel,
    #application-reset-application-clientid #edit-cancel,
    #application-reset-application-secret #edit-cancel {
        line-height: 2.2em;
        text-align: center;
    }
    .node-type-product .product, .hamburger {
        display: block !important;
    }
    .toc.navigate-toc {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100% !important;
        display: block;
        height: 60px !important;
        padding: 40px 16px !important;
    }
    .node-type-api .mesh-portal-api, .node-type-product .productDetails {
        max-width: 100%;
        width: 100% !important;
        margin-left: 0;
        position: relative;
    }
    .toc.navigate-toc, .node-type-api .toc.navigate-toc ul {
        display: none !important;
    }
    .node-type-product .mesh-portal-product .titleHeader h1 {
        font-size: 23px;
        padding-bottom: 10px;
    }
    .node-type-product .mesh-portal-product .plansSection {
        overflow: scroll;
        width: 100%;
    }
    #planSignupButton, button.mesh:disabled {
        top: 88px;
        right: 84px;
    }
    #messages {
        top: 43px;
        left: 0;
        width: 100%;
    }
    .node-type-product .toc.navigate-toc .tocItem.toc-apis > span {
        display: none;
    }
    .api-status .api-accordion .api-accordion-section-title span, .api-status .api-accordion .api-accordion-section-title1 span {
        font-size: 16px;
    }
    .hamburger {
        background-color: #094A99 !important;
        color: #fff !important;
        font-size: 16px !important;
        position: relative;
    }
    .hamburger:hover {
        opacity: 1 !important;
    }
    .hamburger::after {
        content: url(../images/drop-down-arrow.png);
        position: absolute;
        right: 10px;
        top: 18px;
    }
    .toc.navigate-toc.increase-height {
        display: block !important;
        height: calc(100% - 58px) !important;
    }
    .node-type-api .toc.navigate-toc {
        display: flex !important;
        flex-direction: column;
        z-index: 101;
        width: 100%;
        padding: 20px 16px !important;
    }
    .node-type-api .toc.navigate-toc::after {
        content: 'Navigation';
        color: #094A99;
        position: absolute;
        top: 20px;
        font-size: 16px !important;
    }
    .node-type-api .mesh-portal-product .documentation .documentationContent {
        padding: 0;
        margin-top: 54px;
    }
    .node-type-api .toc.navigate-toc.increase-height {
        height: max-content !important;
    }
    .node-type-api .toc.navigate-toc.increase-height > ul {
        display: block !important;
        margin-top: 34px !important;
    }
    .node-type-api .mesh-portal-product .parametersSection .name,.node-type-api .mesh-portal-product .responsesSection .code,
    .node-type-api .mesh-portal-product .parametersSection .schemawrapper, .node-type-api .mesh-portal-product .responsesSection .responseContent {
        width: 50%;
        text-align: left;
        padding: 0;
    }
    .node-type-api .mesh-portal-product .documentationContent .info {
        padding: 0;
    }
    .node-type-api .mesh-portal-api .navigate-apis .readAndInteract:first-child .documentation {
        padding: 15px;
    }
    .hljs-attr, .hljs-string {
        font-size: 13px;
        letter-spacing: 0.7px;
    }
    .node-type-api .apiEndpoint {
        display: flex;
        flex-direction: column;
    }
    .node-type-api .apiEndpoint .apiEndpointUrl, .api-status .api-accordion-section-content .left-section h2 {
        font-size: 15px;
    }
    .ui-dialog.ui-widget {
        width: 95% !important;
        left: 2.5% !important;
    }
    .ui-dialog .ui-dialog-content, .mesh-portal-product .plansSection .apiList .apiname, .node-type-product .mesh-portal-product .apiList .api.empty.top {
        padding: 0 16px !important;
    }
    .ui-widget-overlay {
        opacity: 1;
    }
    #modalContent {
        top: -2px !important;
        left: -2px !important;
    }
    div.ctools-modal-content {
        width: 100vw !important;
        height: 670px !important;
    }
    #modal-content {
        width: 100% !important;
        height: 500px !important;
        padding: 16px !important;
    }
    div.ctools-modal-content .modal-title {
        margin-left: 0;
    }
    .api-status .api-accordion-section-content .right-section .progress, .api-status .api-accordion-section-content1 .right-section .progress {
        width: 100%;
    }
    ul.tabs,ul.secondary li {
        border: none;
    }
    ul.tabs.primary, ul.tabs.secondary {
        display: flex;
        flex-wrap: wrap;
        height: 80px;
        border-top: none;
    }
    ul.tabs.primary li, ul.tabs.secondary li {
        width: 49%;
        flex: 0 0 49%;
    }
    #user-profile-form {
        width: 100%;
    }
    #notifications-account-manage-subscriptions-form > div {
        overflow: scroll;
    }
    header#header, header .navbar {
        width: 100vw;
    }
    .page-user-account-edit #messages {
        top: -6px;
    }
    .page-product #block-block-11, .page-product #block-block-8 {
        margin-left: 0;
    }
    .page-403, .page-404 {
        padding: 150px 10px 8px 10px !important;
    }
   .accessTitle {
        font-size: 18px;
    }
   .accessSubTitle {
       height: 58px;
       font-size: 14px;
       line-height: 20px;
       padding: 8px;
   }
    #support-ticket-node-form #edit-actions, #user-profile-form #edit-actions {
        width: 100%;
    }
}

@media (max-width:760px) {
    .api-status-content .col-md-5 {
        padding-left: 15px!important;
    }
    .page-product .block {
        max-width: unset;
        width: 100%;
    }
    article.node-product.node-teaser {
        width: 100%;
    }
    /*code added by Anwesha*/
    header #block-menu-login-menu .navbar-nav a.nav-link.sign, header #block-federalbnk-theme-customloginmenu .navbar-nav a.nav-link.sign {
        width: 114px;
    }
    header > nav.navbar.navbar-expand-lg .region-header .block {
        float: none;
    }
    header > nav.navbar.navbar-expand-lg > a.active {
        order: 1;
    }
    header > nav.navbar.navbar-expand-lg .navbar-toggle.head-toggle {
        order: 3;
    }
    .fd-home .container article {
        margin-top: 0px;
    }
    header > nav.navbar.navbar-expand-lg > .region.region-header {
        width: 114px;
        order: 2;
        position: absolute;
        right: 100px;
    }
    #password-policy-password-tab {
        width: 100%;
    }

}
@media (max-width: 767px) and (min-width: 439px) {
    .fed_features .slick-arrow {
        top: 160px!important;
    }
    #contact-site-form {
        min-height: 900px;
    }
    .page-contact form figure img {
        width: 80%;
    }
    .page-contact form figure {
        width: 100%;
        top: auto;
        bottom: -351px;
        right: 0;
        margin: -63px 0;
    }
}
@media (max-width: 767px) and (min-width: 577px) {
    .dash-sidebar .row .col-sm-3 {
        padding: 0 !important;
    }
    #nav-tabs-wrapper li a {
        font-size: 17px !important;
        padding: 8px !important;
    }
}
@media (max-width:992px) {
    .navbar-expand-lg .navbar-collapse {
        order: 2;
    }
}
@media (max-width: 767px) and (min-width: 469px) {
    .accessSubTitle {
        line-height: 40px;
    }
}
.register-link, .forger-password-link {
    display: none;
}