body {
    /*background-color:#d1d2ef;*/
}
/*for screen below 800px*/
@media screen and (max-width: 800px) and (min-width: 480px) {

    body {
    }

    .navbar-fixed-top {
        position: relative;
        width: 100%;
    }

    .nav {
        position: absolute;
        margin-top: 60px;
    }

        .nav > li {
            width: 110px;
            display: table-cell;
            background-color: rgba(0, 0, 0, 0.83);
        }

    

    .nav {
    }

    .container-fluid {
        margin-left: 0%;
        background-color: rgba(0, 0, 0, 0.00);
    }

    #topbg {
    }

    #mbc {
    }

        #mbc > #c {
        }

        #mbc > #mb {
        }

    ul {
    }








    #new_consultancy {
    }
}

@media screen and (max-width: 800px) {
    #contactQuicklyDiv {
        visibility: hidden;
    }
    .pic1 {
        display: none;
    }
}

/*end 800px*/

/*start 500px*/
@media screen and (max-width: 500px) {

    .navbar {
    }

    .nav {
        width: 10px;
    }

        .nav > li {
        }

            .nav > li > a {
            }
}
/*end 500*/
/*start 400*/
@media screen and (max-width: 400px) {
    .navbar-nav {
        visibility: hidden;
    }

    .navbar-fixed-top {
        height: 9%;
    }

    #c {
        font-size: 25px;
        padding-top: 12px;
    }



    #our_client_strip_div {
        height: 150px;
        position: absolute;
        margin-left: -80px;
    }

        #our_client_strip_div > img {
            width: 150px;
            height: 150px;
            position: relative;
        }
}
/*end 400*/



#mbc {
    font-size: 250%;
    font-family: 'Copperplate Gothic';
    color: white;
    text-shadow: black 2px 2px 1px;
    font-weight: bold;
    margin-top: 150px;
}

    #mbc > #c {
        color: black;
        margin-top: -30px;
        animation: fadein 4s;
        position: relative;
    }

    #mbc > #mb {
        
    }

#our_client_strip_div {
    height: 180px;
    margin-top: auto;
}

    #our_client_strip_div img {
        width: 150px;
        height: 100px;
        position: relative;
    }

#our_client {
    color: #1ede5d;
}

#our_client_strip_main_ul {
}

#our_client_main_div {
}


.circle {
    border-radius: 100px;
}

#topbg {
    background: url('../images/bg.jpg') no-repeat center center fixed white;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 750px;
    /*background-repeat:no-repeat;*/
    margin-top: -50px;
}

#welcome {
    position: center;
}

@-webkit-keyframes fadein {
    from {
        margin-left: -200px;
        opacity: 0.0;
    }

    to {
    }
}

@-moz-keyframes fadein {
    from {
        margin-left: -200px;
        opacity: 0.0;
    }

    to {
    }
}

@-o-keyframes fadein {
    from {
        margin-left: -200px;
        opacity: 0.0;
    }

    to {
    }
}


@keyframes fadein {
    from {
        margin-left: -200px;
        opacity: 0.0;
    }

    to {
    }
}



.in_view_right {
}

.in_view_up {
    animation: in_view_up 2s ease-in;
    -webkit-animation: in_view_up 2s ease;
}

.in_view_down {
}

#what_does_we_do {
}


.in_view_left {
    animation: fadein 4s ease;
    -webkit-animation: fadein 3s ease;
}


#new_consultancy {
    font-size: 25px;
    font-family: 'Copperplate Gothic';
    color: whitesmoke;
    text-shadow: black 2px 2px 1px;
    position: relative;
    text-align: center;
}

.center {
    margin: auto;
    padding: 10px;
    vertical-align: central;
}

.know_more_btn {
    background-color: green;
    width: 100px;
    border-radius: 10px 10px;
    color: white;
    font-size: small;
}

.navbar-fixed-top {
    width: 100%;
}

.navbar {
    border-top: 1px ridge rgba(167, 167, 167, 0.60);
    font-weight: bold;
    box-shadow: 1px 3px 30px;
    background-color: rgba(0, 0, 0, 0.75);
    /*-webkit-animation:GoUp 1s ease-in;*/
}

.container-fluid {
    margin-left: 10%;
}

.linkborder {
    border-left: 1px ridge rgba(167, 167, 167, 0.15);
    border-right: 1px ridge rgba(167, 167, 167, 0.15);
}

.nav > li {
    width: auto;
}

    .nav > li > a {
        transition: all 0.6s ease-in;
        width: 100%;
        color: white;
        font-size: 18px;
    }

        .nav > li > a:hover {
            background-color: black;
            color: #03659d;
            transition: all 1s ease;
            -webkit-animation: anim 500ms linear;
        }

        .nav > li > a:not(:hover) {
            background-color: rgba(0, 0, 0, 0.05);
        }

@-webkit-keyframes anim {
    from {
        background-color: rgba(0, 0, 0, 0.05);
        color: whitesmoke;
    }

    to {
        background-color: black;
        color: #03659d;
    }
}



#IndexMainDiv {
    width: 1300px;
    border: 2px solid white;
    background-color: #e8e8e8;
    font-size: large;
    word-spacing: 2px;
    font-family: Arial;
    margin-left: 150px;
    padding: 30px;
    box-shadow: 10px 10px 20px;
}




@-webkit-keyframes GoUp {
    from {
        height: 180px;
        visibility: visible;
    }

    to {
        height: 0px;
        visibility: hidden;
    }
}

@-webkit-keyframes GoDown {
    from {
        height: 0px;
    }

    to {
        height: 180px;
    }
}



#services {
}




.fontcolor {
    color: #cfcdcd;
    font-size: large;
}

.fontsize {
}

#seomaindiv {
    padding: 5px;
    width: 100%;
}

ul {
}

@keyframes in_view_up {
    from {
        top: 200px;
        opacity: 0.0;
    }

    to {
    }
}

@-webkit-keyframes in_view_up {
    from {
        top: 200px;
        opacity: 0.0;
    }

    to {
    }
}

#businessconsultantdiv {
    position: relative;
    top: 0px;
}

.hcolor {
    color: #01639b;
}




#contactQuicklyDiv {
    background-color: white;
    border: 2px #01639b solid;
    box-shadow: 10px 10px 20px 1px;
    width: 250px;
    margin-top: 300px;
    margin-left: auto;
    transition: all linear 3s;
}

#contactusdiv {
    background-color: #01639b;
    height: 50px;
}

    #contactusdiv > p {
        color: white;
        text-align: center;
    }

#contactQuicklyDivControl {
    text-align-last: center;
}

    #contactQuicklyDivControl > textarea {
        height: 100px;
        max-height: 180px;
        width: 190px;
        max-width: 220px;
        color: #01639b;
    }


.banner_corporate {
    width: 100%;
}

#banner_corporate_div {
    border-left: 1px solid #35cf00;
    border-right: 1px solid #35cf00;
}

#what_does_we_do_container {
    width: 100%;
    background-color: #94dbee;
}

#what_does_we_do {
    width: 100%;
    text-align-last: center;
    text-align: left;
}

#what_does_we_do_table {
    list-style-type: circle;
    margin: auto;
    text-align-last: initial;
    text-align: left;
    color: initial;
    width: 70%;
    height: 300px;
}

    #what_does_we_do_table > tr {
        margin-bottom: 5px;
        margin-top: 5px;
    }

        #what_does_we_do_table > tr > td {
            margin-left: 20px;
            margin-right: 2px;
        }

.footer {
    background-color: rgba(0, 0, 0, 0.82);
    height: 250px;
    color: #cfcdcd;
}

    .footer a {
        color: #cfcdcd;
    }

.menu_link {
}

.white {
    color: white;
}

.green {
    color: green;
}

#about_main_div {
    text-justify: inter-word;
    text-align: justify;
    padding: 0px 20px;
}

.theam_font {
    font-family: 'Times New Roman', Times, serif;
    text-justify: inter-word;
}

#about_matter {
    line-height: 30px;
}

#about_main_div img {
    width: 100%;
    border-radius: 40px 0px 0px 40px;
    margin-left: 5px;
}

#about td {
    width: 50%;
    height: 10%;
    padding:0px 14px 0px 14px; 
}

#about li {
    line-height: 30px;
    font-size: x-large;
}

.gallery_img {
    width: 200px;
    height: 150px;
    transition: all linear 0.5s;
}

hr.style1 {
    border-top: 1px solid #8c8b8b;
    text-align: center;
}

    hr.style1:after {
        content: '§';
        display: inline-block;
        position: relative;
        top: -14px;
        padding: 0 10px;
        background: #f0f0f0;
        color: #8c8b8b;
        font-size: 18px;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        transform: rotate(60deg);
    }

.hover_bright {
    cursor: pointer;
}

    .hover_bright:hover {
        -webkit-filter: brightness(1.5)
    }

.color_strip {
    height: 20px;
    width: 100%;
    background-color: #01639b;
}

.glyphicon-triangle-left-custom-size {
    zoom: 2;
    margin: auto;
    color: #01639b;
}

    .glyphicon-triangle-left-custom-size:hover {
        cursor: pointer;
    }

.div_in_line {
    float: left;
    margin: 10px;
}

.we_are_on {
    margin-left: 100px;
}

.social_logo {
    height: 60px;
    width: 60px;
    margin: 10px;
    transition: all linear 0.3s;
}

    .social_logo:hover {
        cursor: pointer;
        transform: rotate(360deg);
        -webkit-filter: hue-rotate(180deg);
    }


.contact_detail {
    margin-left: 100px;
}

.side-logo {
    margin: auto;
    float: left;
    position: fixed;
    top: 45%;
    border-radius: 0px 10px 10px 0px;
    height: 220px;
    width: 50px;
    background-color: white;
    border-bottom: 3px groove #01639b;
    border-right: 3px groove #01639b;
    border-top: 3px groove #01639b;
    transition: all linear 0.2s;
    box-shadow: 5px 0px 20px 0px;
}

    .side-logo > ul > li img {
        width: 30px;
        height: 30px;
        margin: 2px;
        transition: all linear 0.2s;
    }

    .side-logo > ul > li:hover img {
        margin-left: 10px;
        -webkit-filter: brightness(.5);
        cursor: pointer;
    }

.left_right_button {
    float: right;
    margin-top: 90px;
    margin-left: 34px;
    position: absolute;
    font-size: 20px;
    color: #01639b;
    font-weight: 900;
    transition: all linear 1s;
}

    .left_right_button:hover {
        cursor: pointer;
        -webkit-filter: brightness(.5);
    }

    .left_right_button:active {
        color: black;
    }

.move-left {
    width: 15px;
}

    .move-left > ul > li img {
        width: 0px;
    }

    .move-left > div > div {
        margin-left: -40px;
    }

.side-logo > div > div {
    transition: all linear 0.2s;
}

#contactusdiv > div {
    width: 80%;
    height: 20px;
    margin-left: 20px;
    position: absolute;
}

    #contactusdiv > div:hover {
        cursor: pointer;
    }

.hidder {
    height: 50px;
    transition: all linear 3s;
}

#Contactformmaindiv {
    width: 100%;
    height: 500px;
    background-color: rgba(1, 99, 155, 0.9);
}

#request_a_callback_div {
    width: 30%;
}

.border {
    border: 1px solid red;
}

.contactformtxtcontrol {
    margin: 20px;
    height: 40px;
    width: 400px;
    padding: 20px;
    background-color: rgb(225, 222, 222);
    box-shadow: 5px 5px 20px 1px;
}

.contactformcontrols {
    box-shadow: 5px 5px 20px 1px;
    background-color: rgba(0, 0, 0, 0.75);
}

.contactformbtncontrol {
    margin: 20px;
    height: 40px;
    width: 175px;
    box-shadow: 5px 5px 20px 1px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mastertxtctrl {
    width: 100%;
    height: 40px;
}

.mylogo {
    height: 45px;
    width: 80px;
    float: left;
    margin: auto;
}

.mylogo_home {
    margin: auto;
    height: 100px;
    width: 100px;
}

.container {
    width: 100%;
    padding: 0px;
    margin: -20px 0px 0px 0px;
    overflow-x: hidden;
}
.side-logo li, .side-logo ul {
    padding-left: 0px;
}
.navbar-brand {
    color: whitesmoke;
    text-shadow: black 2px 2px 1px;
    padding: 5px 15px;
    margin-right:15px
}
    .navbar-brand .sub-text {
        font-size: xx-small;
    }