/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 300px) {
    .aboutfluid {
        margin-top: 0%;
        padding-left: 0%;
        padding-right: 0%;
        position:relative;
    }
    .topheading{
        font-size: 30px;
    }
    .areas-of-work-box{
        margin-bottom:10%;
    }
    h1,
    .h1 {
        font-size: 30px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: 50px;
        left: 0px;
    }

    .top-bg-margin {
        margin-top: 50px;
    }

    .top-title {
        height: 23px;
    }
    .mobile-nav {
        display: inline-block;
    }

    .menuzord-brand img {
        max-height: 34px;
    }

    .top-text {
        padding-left: 6%;
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .top-right-img {
        padding-top: 5%;
        padding-bottom: 20%;
    }

    .core-value-bg h2 {
        color: #fff;
        padding-top: 0%;
        padding-bottom: 22px;
    }

    .main-bg {
        width: 100%;
        height: 1515px;
    }


    .upper-img-text {
        position: absolute;
        top: 439px;
        right: 0%;
        left: 0%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .div-show {
        display: block;
    }

    .div-hide {
        display: none;
    }

    .mobile-logo {
        padding: 5%;
    }

    .text-btn {
        text-align: center;
    }

    .model-style {
        position: absolute;
        top: 120px;
        z-index: 100000;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -138%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 42%;
        left: 0px;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

@media only screen and (min-width : 310px) {

    h1,
    .h1 {
        font-size: 30px;
    }
    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: 50px;
        left: 0px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .top-bg-margin {
        margin-top: 50px;
    }

    .top-title {
        height: 23px;
    }

    .mobile-nav {
        display: inline-block;
    }

    .menuzord-brand img {
        max-height: 34px;
    }

    top-text {
        padding-left: 9%;
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .top-right-img {
        padding-top: 2%;
        padding-bottom: 20%;
    }

    .core-value-bg h2 {
        color: #fff;
        padding-top: 0%;
        padding-bottom: 22px;
    }

    .main-bg {
        width: 100%;
        height: 1515px;
    }


    .upper-img-text {
        position: absolute;
        top: 439px;
        right: 0%;
        left: 0%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .div-show {
        display: block;
    }

    .div-hide {
        display: none;
    }

    .mobile-logo {
        padding: 5%;
    }

    .text-btn {
        text-align: center;
    }

    .model-style {
        position: absolute;
        top: 120px;
        z-index: 100000;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -138%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 42%;
        left: 0px;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

@media only screen and (min-width : 320px) {

    h1,
    .h1 {
        font-size: 31px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: 50px;
        left: 0px;
    }

    .top-bg-margin {
        margin-top: 50px;
    }

    .top-title {
        height: 23px;
    }

    .responsive-top {
        margin-top: 0px;
    }

    .mobile-nav {
        display: inline-block;
    }

    .line-height-1 {
        line-height: 1 !important;
        font-size: 22px;
    }

    .card-padding {
        padding: 35px;
    }

    .card:nth-child(1),
    .card .card:nth-child(3) {
        /* margin-right: 1px; */
        border: 1px solid lightgray;
        margin-bottom: 17%;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .menuzord-brand img {
        max-height: 40px;
    }

    .main-bg {
        width: 100%;
        height: 1485px;
    }


    .upper-img-text {
        position: absolute;
        top: 353px;
        right: 0%;
        left: 0%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .top-text {
        padding-left: 8%;
        padding-top: 8%;
        padding-bottom: 20%;
    }

    .top-right-img {
        position: relative;
        top: -81px;
        padding-bottom: 0%;
    }

    .flex-container>div {
        width: 19%;
        padding: 3px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 35px;
    }

    .flex-container>div>a>h5 {
        color: white;
        font-size: 7px;
    }

    .img-logos {
        position: relative;
        top: -40px;
        width: 70%;
        padding-left: 30%;
        padding-right: 0%;
        height: auto;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -132%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 37%;
        left: 0px;
    }

    .footer-img {
        position: relative;
        padding: 5px;
        text-align: center;
        top: 0px;
    }

    .footer-text>p {
        font-size: 9px;
        padding: 15px;
    }

    .footer-lines {
        text-align: center;
    }

    .hr-hide {
        display: block;
        margin-top: 20px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: center;
    }

    h3>b {
        display: none;
    }

    .div-show {
        display: block;
    }

    .div-hide {
        display: none;
    }

    .mobile-logo {
        padding: 5%;
    }

    .text-btn {
        text-align: center;
    }

    .model-style {
        position: absolute;
        top: 120px;
        z-index: 100000;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

@media only screen and (min-width : 345px) {
    .top-text {
        padding-left: 10%;
        padding-top: 8%;
        padding-bottom: 20%;
    }
    .ceo-message{
        margin-top:25px;
    }
    .top-right-img {
        position: relative;
        top: -56px;
        padding-bottom: 0%;
    }

    .upper-img-text {
        position: absolute;
        top: 402px;
        right: 0%;
        left: 0%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -119%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 34%;
        left: 0px;
    }

    .main-bg {
        width: 100%;
        height: 1580px;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

@media only screen and (min-width : 355px) {
    .top-text {
        padding-left: 10%;
        padding-top: 8%;
        padding-bottom: 20%;
    }
    .ceo-message{
        margin-top:25px;
    }
    .top-right-img {
        position: relative;
        top: -65px;
        padding-bottom: 0%;
    }

    .upper-img-text {
        position: absolute;
        top: 402px;
        right: 0%;
        left: 0%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -119%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 34%;
        left: 0px;
    }

    .main-bg {
        width: 100%;
        height: 1580px;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

@media only screen and (min-width : 365px) {
    .top-text {
        padding-left: 10%;
        padding-top: 8%;
        padding-bottom: 20%;
    }
    .ceo-message{
        margin-top:25px;
    }
    .top-right-img {
        position: relative;
        top: -77px;
        padding-bottom: 0%;
    }

    .upper-img-text {
        position: absolute;
        top: 402px;
        right: 0%;
        left: 0%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -119%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 34%;
        left: 0px;
    }

    .main-bg {
        width: 100%;
        height: 1580px;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

@media only screen and (min-width : 400px) {
    .mobile-nav {
        display: inline-block;
    }

    .top-bg-margin {
        margin-top: 50px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .top-title {
        height: 30px;
    }

    h1,
    .h1 {
        font-size: 35px;
    }

    .upper-img-text {
        position: absolute;
        top: 437px;
        right: 0%;
        left: 0%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .top-right-img {
        position: relative;
        top: -106px;
        padding-bottom: 0%;
    }

    .internal-text {
        padding: 0%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .card:nth-child(1),
    .card .card:nth-child(3) {
        margin-right: 1px;
        border: 1px solid lightgray;
        margin-bottom: 17%;
    }

    .line-height-1 {
        line-height: 1 !important;
        font-size: 22px;
    }

    .card-padding {
        padding: 8px;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -106%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 32%;
    }

    .footer-lines {
        text-align: center;
    }

    .hr-hide {
        display: block;
        margin-top: 20px;
    }

    .footer-img {
        position: relative;
        padding: 5px;
        text-align: center;
        top: 0px;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: center;
    }

    h3>b {
        display: none;
    }

    .div-show {
        display: block;
    }

    .div-hide {
        display: none;
    }

    .main-bg {
        width: 100%;
        height: 1730px;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

@media only screen and (min-width : 450px) {
    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -98%;
    }
    .ceo-message{
        margin-top:25px;
    }
    .main-bg {
        width: 100%;
        height: 1780px;
    }

    .top-right-img {
        position: relative;
        top: -124px;
        padding-bottom: 0%;
    }

    .projectbox {
        min-width: 100%;
    }

    .projectpub {
        min-width: 100%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .mobile-nav {
        display: inline-block;
    }

    .top-bg-margin {
        margin-top: 50px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .line-height-1 {
        line-height: 1 !important;
        font-size: 22px;
    }

    .card:nth-child(1),
    .card .card:nth-child(3) {
        margin-right: 1px;
        border: 1px solid lightgray;
        margin-bottom: 17%;
    }

    .card-padding {
        padding: 8px;
    }

    .responsive-top {
        margin-top: 0px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .menuzord-brand img {
        max-height: 55px;
    }

    .main-bg {
        width: 100%;
        height: 1915px;
    }

    .upper-img-text {
        position: absolute;
        top: 505px;
        right: 0%;
        width: 98%;
        left: 2%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 2%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .top-text {
        padding-left: 15%;
        padding-top: 10%;
        padding-bottom: 20%;
    }

    .top-right-img {
        position: relative;
        top: -125px;
        padding-bottom: 0%;
    }

    .flex-container>div {
        width: 19%;
        padding: 3px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 40px;
    }

    .flex-container>div>a>h5 {
        color: white;
        font-size: 14px;
    }

    .img-logos {
        position: relative;
        top: -40px;
        width: 70%;
        padding-left: 29%;
        padding-right: 0%;
        height: auto;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -86%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 26%;
    }

    .footer-lines {
        text-align: center;
    }

    .div-show {
        display: block;
    }

    .div-hide {
        display: none;
    }

    .hr-hide {
        display: block;
        margin-top: 20px;
    }

    .footer-img {
        position: relative;
        padding: 5px;
        text-align: center;
        top: 0px;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: center;
    }

    h3>b {
        display: none;
    }

    .text-btn {
        text-align: center;
    }

    .projectbox {
        min-width: 50%;
    }

    .projectpub {
        min-width: 50%;
    }
}

@media only screen and (min-width : 550px) {
    .main-bg {
        width: 100%;
        height: 2080px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .upper-img-text {
        position: absolute;
        top: 565px;
        right: 0%;
        width: 98%;
        left: 2%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .top-right-img {
        position: relative;
        top: -125px;
        padding-bottom: 0%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -75%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 24%;
    }

    .projectbox {
        min-width: 50%;
    }

    .projectpub {
        min-width: 50%;
    }
}

@media only screen and (min-width : 600px) {
    .aboutfluid {
        margin-top: 0%;
        padding-left: 0%;
        padding-right: 0%;
        position:relative;
    }

    .main-bg {
        width: 100%;
        height: 2200px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .projectbox {
        min-width: 50%;
    }

    .projectpub {
        min-width: 50%;
    }

    .top-right-img {
        position: relative;
        top: -170px;
        padding-bottom: 0%;
    }
}

@media only screen and (min-width : 650px) {
    .aboutfluid {
        margin-top: 0%;
        padding-left: 0%;
        padding-right: 0%;
        position:relative;
    }
    .ceo-message{
        margin-top:25px;
    }
    .main-bg {
        width: 100%;
        height: 2435px;
    }

    .top-bg-margin {
        margin-top: 50px;
    }

    .upper-img-text {
        position: absolute;
        top: 645px;
        right: 0%;
        width: 98%;
        left: 2%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .top-right-img {
        position: relative;
        top: -156px;
        right: -5%;
        padding-bottom: 0%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        margin-top: -62%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 62px;
        font-weight: 800;
        color: #4b64ad;
        position: relative;
        margin-top: 20%;
    }

    .projectbox {
        min-width: 50%;
    }

    .projectpub {
        min-width: 30%;
    }
}

@media only screen and (min-width : 700px) {
    .aboutfluid {
        margin-top: 0%;
        padding-left: 0%;
        padding-right: 0%;
        position:relative;
    }
    .topheading{
        font-size: 35px;
    }
    .main-bg {
        width: 100%;
        height: 2595px;
    }
    .ceo-message{
        margin-top:25px;
    }
    .top-right-img {
        position: relative;
        top: -210px;
        right: -5%;
        padding-bottom: 0%;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .aboutfluid {
        margin-top: 0%;
        padding-left: 0%;
        padding-right: 0%;
        position:relative;
    }
    .ceo-message{
        margin-top:25px;
    }
    .mobile-nav {
        display: inline-block;
    }
    .topheading{
        font-size: 35px;
    }
    .top-bg-margin {
        margin-top: 50px;
    }

    .responsive-top {
        margin-top: 0px;
    }

    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: 50px;
        left: 0px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .top-right-img {
        position: relative;
        top: -275px;
        right: -5%;
        padding-bottom: 0%;
    }

    h1,
    .h1 {
        font-size: 32px;
    }

    .main-bg {
        width: 100%;
        height: 1180px;
    }

    .upper-img-text {
        position: absolute;
        top: 633px;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 0px;
        padding-right: 40px;
    }

    .img-logos {
        position: relative;
        top: -40px;
        width: 90%;
        padding-left: 10%;
        padding-right: 0%;
        height: auto;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 85px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        right: 0%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 85px;
        font-weight: 800;
        color: #4b64ad;
        line-height: 64px;
        position: relative;
        margin-right: 54%;
    }

    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .hr-hide {
        display: none;
        margin-top: 20px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: center;
    }

    h3>b {
        display: inline-block;
        font-size: x-large;
        position: relative;
        top: -2px;
    }

    .div-show {
        display: none;
    }

    .div-hide {
        display: block;
    }

    .line-height-1 {
        font-size: 30px;
    }

    .text-btn {
        text-align: right;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 868px) {
    .aboutfluid {
        margin-top: 0%;
        padding-left: 0%;
        padding-right: 0%;
        position:relative;
    }
    .ceo-message{
        margin-top:25px;
    }
    .topheading{
        font-size: 37px;
    }
    .aboutRow {
        padding-top: 0%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: -5%
    }
    .core-heading{
        font-weight:bold;
        color:#005b88;
        margin-bottom:60px;
    }
    .projectRow {
        padding-top: 0%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: -5%
    }

    .mobile-nav {
        display: inline-block;
    }

    .top-bg-margin {
        margin-top: 50px;
    }

    .responsive-top {
        margin-top: 0px;
    }

    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: 50px;
        left: 0px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .top-right-img {
        position: relative;
        top: -300px;
        right: -5%;
        padding-bottom: 0%;
    }

    h1,
    .h1 {
        font-size: 32px;
    }

    .main-bg {
        width: 100%;
        height: 1180px;
    }

    .upper-img-text {
        position: absolute;
        top: 633px;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;
    }

    .internal-text {
        padding: 0%;
        padding-left: 0px;
        padding-right: 40px;
    }

    .img-logos {
        position: relative;
        top: -40px;
        width: 90%;
        padding-left: 10%;
        padding-right: 0%;
        height: auto;
    }

    .text-top {
        transform: rotate(0deg);
        font-size: 85px;
        font-weight: 800;
        color: #56bcb4;
        position: relative;
        right: 0%;
    }

    .text-top2 {
        transform: rotate(0deg);
        font-size: 85px;
        font-weight: 800;
        color: #4b64ad;
        line-height: 64px;
        position: relative;
        margin-right: 54%;
    }

    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .hr-hide {
        display: none;
        margin-top: 20px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: center;
    }

    h3>b {
        display: inline-block;
        font-size: x-large;
        position: relative;
        top: -2px;
    }

    .div-show {
        display: none;
    }

    .div-hide {
        display: block;
    }

    .line-height-1 {
        font-size: 30px;
    }

    .text-btn {
        text-align: right;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .digital-info {
        margin-top: -20px;
    }
    .areas-of-work-box{
        height:360px;
        margin-bottom:0px;
    }
    .aboutfluid {
        margin-top: 5%;
        padding-left: 0%;
        padding-right: 0%;
        position:relative;
    }
    .ceo-message{
        margin-top:15px;
    }
    .aboutRow {
        padding-top: 6%;
        margin-left: 6%;
        margin-right: 7%;
        margin-bottom: -5%
    }
    .core-heading{
        font-weight:bold;
        color:#005b88;
        transform: rotate(270deg);
        margin-top:40%;
    }
    .projectRow {
        padding-top: 12%;
        margin-left: 4%;
        margin-right: 7%;
        margin-bottom: -5%
    }

    .mobile-nav {
        display: inline-block;
    }

    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: 50px;
        left: -250px;
    }

    .top-bg-margin {
        margin-top: 170px;
    }

    .top-title {
        height: 43px;
    }

    .responsive-top {
        margin-top: 144px;
    }

    .core-value-bg h2 {
        color: #fff;
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .title-publications {
        padding: 5px;
        height: 70px;
    }

    .hr-padding {
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }


    .upper-img-text {
        position: absolute;
        top: 563px;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;

    }

    h1,
    .h1 {
        /* font-size: 33px; */
        font-size: 32px;
    }

    .top-text {
        padding-left: 9%;
        padding-top: 27%;
        padding-bottom: 4%;

    }

    .top-right-img {
        position: relative;
        top: 147px;
        right: 0%;
        padding-bottom: 0%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 0px;
        padding-right: 80px;
    }

    .main-bg {
        width: 100%;
        height: 1240px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .img-logos {
        position: relative;
        top: -60px;
        width: 80%;
        padding-left: 10%;
        padding-right: 0%;
        height: auto;
    }

    .text-top {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #56bcb4;
        position: relative;
        right: 37%;
        top: 360px;
    }

    .text-top2 {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #4b64ad;
        position: relative;
        margin-right: -34%;
        top: 118px;
    }


    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }

    .projectbox {
        min-width: 25%;
    }

    .projectpub {
        min-width: 25%;
    }
}

@media only screen and (min-width : 993px) {
    .digital-info {
        margin-top: -50px;
    }
     .ceo-message{
        position:absolute;
        top:18%;
        right:-9%
    }
    .topheading{
        font-size: 30px;
    }
}

@media only screen and (min-width : 1092px) {
    .digital-info {
        margin-top: -50px;
    }
    .topheading{
        font-size: 32px;
    }
    .mobile-nav {
        display: inline-block;
    }

    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: 50px;
        left: -250px;
    }

    .top-bg-margin {
        margin-top: 170px;
    }

    .top-title {
        height: 45px;
    }
    .ceo-message{
        position:absolute;
        top:20%;
        right:-9%
    }
    .responsive-top {
        margin-top: 144px;
    }

    .core-value-bg h2 {
        color: #fff;
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .title-publications {
        padding: 5px;
        height: 70px;
    }

    .hr-padding {
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }


    .upper-img-text {
        position: absolute;
        top: 572px;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;

    }

    h1,
    .h1 {
        /* font-size: 33px; */
        font-size: 32px;
    }

    .top-text {
        padding-left: 9%;
        padding-top: 25%;
        padding-bottom: 4%;

    }

    .top-right-img {
        position: relative;
        top: 120px;
        right: 0%;
        padding-bottom: 0%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 0px;
        padding-right: 80px;
    }

    .main-bg {
        width: 100%;
        height: 1240px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .img-logos {
        position: relative;
        top: -60px;
        width: 80%;
        padding-left: 10%;
        padding-right: 0%;
        height: auto;
    }

    .text-top {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #56bcb4;
        position: relative;
        right: 35%;
        top: 361px;
    }

    .text-top2 {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #4b64ad;
        position: relative;
        margin-right: -34%;
        top: 118px;
    }


    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }

}

@media only screen and (min-width : 1145px) {
    .mobile-nav {
        display: inline-block;
    }
     .topheading{
        font-size: 32px;
    }
    .projectRow {
        padding-top: 10%;
        margin-left: 4%;
        margin-right: 7%;
        margin-bottom: -5%;
    }

    .dropdown-set {
        position: absolute;
        padding: 5px;
        margin-top: -18px;
        left: -545px;
    }

    .top-bg-margin {
        margin-top: 170px;
    }

    .top-title {
        height: 46px;
    }

    .responsive-top {
        margin-top: 144px;
    }

    .core-value-bg h2 {
        color: #fff;
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .title-publications {
        padding: 5px;
        height: 70px;
    }

    .hr-padding {
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .footer-img {
        text-align: left;
    }


    .upper-img-text {
        position: absolute;
        top: 572px;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 3%;
        background-color: #005b88;
        z-index: 100;

    }

    h1,
    .h1 {
        font-size: 32px;
    }

    .top-text {
        padding-left: 11%;
        padding-top: 23%;
        padding-bottom: 4%;

    }

    .top-right-img {
        position: relative;
        top: 100px;
        right: 0%;
        padding-bottom: 0%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 0px;
        padding-right: 80px;
    }

    .main-bg {
        width: 100%;
        height: 1240px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .img-logos {
        position: relative;
        top: -60px;
        width: 80%;
        padding-left: 10%;
        padding-right: 0%;
        height: auto;
    }

    .text-top {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #56bcb4;
        position: relative;
        right: 37%;
        top: 357px;
    }

    .text-top2 {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #4b64ad;
        position: relative;
        margin-right: -34%;
        top: 118px;
    }


    .footer-img {
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .responsive-top {
        margin-top: 144px;
    }
     .topheading{
        font-size: 38px;
    }
    h1,
    .h1 {
        font-size: 38px;
    }

    .top-title {
        height: 55px;
    }
    .ceo-message{
        position:absolute;
        top:26%;
        right:-9%
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .title-publications {
        padding: 5px;
        height: 70px;
    }

    .hr-padding {
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .upper-img-text {
        position: absolute;
        top: 12%;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 3%;
        margin-right: 0px;
        background-color: #005b88;
        z-index: 100;
    }

    .top-text {
        padding-left: 8%;
        padding-top: 22%;
        padding-bottom: 20%;
    }

    .top-right-img {
        position: absolute;
        right: 0%;
        top: 10%;
        padding-bottom: 20%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 25px;
        padding-right: 110px;
    }

    .main-bg {
        width: 100%;
        height: 1082px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .footer-img {
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }

    .text-top {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #56bcb4;
        position: relative;
        right: 23%;
        top: 358px;
    }

    .text-top2 {
        transform: rotate(-90deg);
        font-size: 65px;
        font-weight: 900;
        color: #4b64ad;
        position: relative;
        margin-right: -47%;
        top: 95px;
    }

    .main-bg {
        width: 100%;
        height: 1300px;
    }

}

@media only screen and (min-width : 1260px) {
    .responsive-top {
        margin-top: 144px;
    }
     .topheading{
        font-size: 38px;
    }
    h1,
    .h1 {
        font-size: 39px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .title-publications {
        padding: 5px;
        height: 85px;
    }

    .hr-padding {
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .upper-img-text {
        position: absolute;
        top: 12%;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 3%;
        margin-right: 0px;
        background-color: #005b88;
        z-index: 100;
    }

    .top-text {
        padding-left: 8%;
        padding-top: 19%;
        padding-bottom: 20%;
    }

    .top-right-img {
        position: absolute;
        right: 0%;
        top: 6%;
        padding-bottom: 20%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 25px;
        padding-right: 110px;
    }

    .main-bg {
        width: 100%;
        height: 1315px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .footer-img {
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }

    .text-top {
        transform: rotate(-90deg);
        font-size: 68px;
        font-weight: 900;
        color: #56bcb4;
        position: relative;
        right: 30%;
        top: 387px;
    }

    .text-top2 {
        transform: rotate(-90deg);
        font-size: 68px;
        font-weight: 900;
        color: #4b64ad;
        position: relative;
        margin-right: -31%;
        top: 133px;
    }

}

@media only screen and (min-width : 1400px) {
    .responsive-top {
        margin-top: 144px;
    }
     .topheading{
        font-size: 43px;
    }
    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .title-publications {
        padding: 5px;
        height: 70px;
    }

    .hr-padding {
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .footer-img {
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .upper-img-text {
        position: absolute;
        top: 15%;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 5%;
        margin-right: 0px;
        background-color: #005b88;
        z-index: 100;
    }

    .top-text {
        padding-left: 7%;
        padding-top: 24%;
        padding-bottom: 20%;
    }
    .top-title{
        height:63px;
    }
    .top-right-img {
        padding-top: 9%;
        padding-bottom: 20%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 25px;
    }

    h1,
    .h1 {
        font-size: 46px;
    }

    .main-bg {
        width: 100%;
        height: 1620px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .footer-img {
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }
}

@media only screen and (min-width : 1500px) {
    .projectRow {
        padding-top: 10%;
        margin-left: 4%;
        margin-right: 7%;
        margin-bottom: -5%;
    }
    .topheading{
        font-size: 43px;
    }
    .responsive-top {
        margin-top: 144px;
    }

    .col-md-push {
        left: 0%;
        position: relative;
        z-index: 10;
        margin-top: 40px;
        background-color: #dbdbdb;
        border-radius: 10px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .title-publications {
        padding: 5px;
        height: 70px;
    }

    .hr-padding {
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .upper-img-text {
        position: absolute;
        top: 15%;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 5%;
        margin-right: 0px;
        background-color: #005b88;
        z-index: 100;
    }

    .top-text {
        padding-left: 10%;
        padding-top: 24%;
        padding-bottom: 20%;
    }

    .top-right-img {
        padding-top: 6%;
        padding-bottom: 20%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 25px;
    }

    h1,
    .h1 {
        font-size: 46px;
    }

    .main-bg {
        width: 100%;
        height: 1620px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .footer-img {
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }
}

@media only screen and (min-width : 1600px) {
    .topheading{
        font-size: 50px;
    }
    .top-title {
        height: 77px;
    }

    h1,
    .h1 {
        font-size: 52px;
    }

    .upper-img-text {
        position: absolute;
        top: 13%;
        right: 0%;
        width: 95%;
        left: 5%;
        padding: 4%;
        margin-right: 0px;
        background-color: #005b88;
        z-index: 100;
    }

    .top-text {
        padding-left: 9%;
        padding-top: 15%;
        padding-bottom: 20%;
    }

    .top-right-img {
        padding-top: 4%;
        padding-bottom: 20%;
        position: relative;
        right: 0%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .main-bg {
        width: 100%;
        height: 1520px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .footer-img {
        /* position: relative;
        top: -20px; */
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }

}

@media only screen and (min-width : 1920px) {


    .upper-img-text {
        position: absolute;
        top: 14%;
        right: 0%;
        width: 90%;
        left: 10%;
        padding: 3%;
        margin-right: 0px;
        background-color: #005b88;
        z-index: 100;
    }

    .top-text {
        padding-left: 14%;
        padding-top: 17%;
        padding-bottom: 20%;
    }

    .top-title {
        height: 77px;
    }
    .topheading{
        font-size: 50px;
    }

    .top-right-img {
        padding-top: 7%;
        padding-bottom: 20%;
        position: relative;
        right: -8%;
    }

    .internal-text {
        padding: 2%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .main-bg {
        width: 100%;
        height: 1530px;
    }

    .flex-container {
        display: flex;
        flex-wrap: nowrap;
    }

    .flex-container>div {
        width: 20%;
        padding: 5px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

    .flex-container>div>a>img {
        width: 50px;
    }

    .flex-container>div>a>h5 {
        color: white;
    }

    .footer-img {
        text-align: left;
    }

    .footer-text {
        position: relative;
        top: -50px;
    }

    .footer-text>p {
        font-size: 14px;
    }

    .widget ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
    }

    .widget .list-border li {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 600;
        padding: 5px 0;
        text-align: left;
    }

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {}