/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
    overflow-x: hidden;
    font-family: "robotolight","robotoregular";
    //min-width:1366px;
    //overflow:scroll;
}

    body#home a#home,
    body#Products a#Products,
    body#AboutUs a#AboutUs,
    body#Faq a#Faq,
    body#Contactus a#Contactus {
        color: #000;
        /* background-color: #e7e7e7; */
        border-top: 6px solid #3e96e8;
        padding-top: 6px;
        text-transform: uppercase;
        cursor: pointer;
    }

a {
    outline: none;
}


@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

div#content {
    width: 100%;
    overflow: hidden;
}




#about {
    background-color: #007989;
}

.text-muted {
    color: #fff;
    margin-bottom: 10px;
    text-align: left;
    font-size: 14px;
    font-family: 'robotolight';
    word-wrap: break-word;
    line-height: 1.5;
}


.makepayment {
    width: 111%;
    border-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}

.makepayment-textbox {
    border: 1px solid #939393 !important;
    border-radius: 3px;
    height: 30px;
    width: 100%;
    text-indent: 9px;
    color: #585858 !important;
    outline: none;
    font-family: 'robotoregular';
    font-size: 14px;
    margin-left: 1px;
    display: block;
    //-webkit-appearance: none;
}

.makepayment_container {
    width: 52%;
}

    .makepayment_container h2 {
        text-align: center;
        width: 100%;
        font-size: 30px;
        margin-bottom: 10%;
        height: 6%;
        font-family: 'robotoregular';
    }

    .makepayment_container h5 {
        text-align: left;
        color: #000000;
        font-family: 'robotoregular';
        font-weight: bold;
    }

.headingprivacy {
    font-family: 'robotoregular';
    font-size: 18px;
    color: #319393;
    position: relative;
    width: 100%;
}

.contentquiry {
    float: left;
    clear: both;
    width: 100%;
}


.text-mutedsub {
    color: #e3fc5b;
    text-align: left;
    font-size: 14px;
    float: right;
    text-align: right;
    line-height: 1.5;
    font-family: 'robotoregular';
    clear: both;
}

.text-muted span {
    color: #4e4e4e;
    font-size: 16px;
    font-family: 'robotoregular';
}

#margin {
    margin-left: 12%;
}

.text-primary {
    color: #fed136;
}


.footer {
    float: left;
    bottom: 0;
    width: 100%;
}

    .footer > .container {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 30px;
        text-align: center;
        font-size: 24px;
        color: #BFD4D7;
        padding-right: 25px;
        font-family: "robotoregular";
        width: 100%;
        background-color: #525860;
    }

    .footer > .container-bg {
        background-image: url('../images/footer/footer.png');
        background-repeat: repeat-x;
        width: 100%;
        height: 33px;
    }


.go-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: #FFF;
    background: url("../img/totop.png") no-repeat scroll center 10px #404040;
    font-size: 12px;
    padding: 1em;
    display: none;
    border-radius: 2px;
    opacity: 0.6;
    z-index: 10;
    padding-top: 1.5em;
}



/*----Footer Starts---*/
.footer-link {
    margin-left: 0%;
    width: 15%;
    font-family: "robotoregular";
    float: left;
    text-align: left;
    margin-top: -1%;
}

    .footer-link h5 {
        color: #d5b14e;
        font-family: "robotoregular";
    }

.footer-left-link {
    float: left;
    width: 40%;
}

.footer-link ul {
    list-style: none;
    text-decoration: none;
    color: #afbac9;
    font-family: "robotoregular";
    font-size: 14px;
    line-height: 1.4em;
}

.footer-link li a {
    list-style: none;
    text-decoration: none;
    color: #afbac9;
    font-size: 14px;
    line-height: 1.4em;
}

    .footer-link li a:hover {
        color: #fff;
    }

.footer-linksocial {
    margin-left: 0%;
    width: 24%;
    float: left;
    text-align: left;
    margin-top: -1%;
}

    .footer-linksocial h5 {
        color: #d5b14e;
        font-family: "robotoregular";
        margin-left: 3%;
    }

    .footer-linksocial ul {
        list-style: none;
        text-decoration: none;
        color: #afbac9;
        font-size: 14px;
        line-height: 1.4em;
    }

    .footer-linksocial li a {
        list-style: none;
        text-decoration: none;
        color: #afbac9;
        font-family: "robotoregular";
        font-size: 14px;
        line-height: 1.4em;
    }

        .footer-linksocial li a:hover {
            color: #fff;
        }

.sublinks ul {
    list-style: none;
    text-decoration: none;
    color: #afbac9;
    font-size: 14px;
    line-height: 1.4em;
}

.sublinks li a {
    list-style: none;
    text-decoration: none;
    color: #afbac9;
    font-family: "robotoregular";
    font-size: 14px;
    line-height: 1.4em;
}

    .sublinks li a:hover {
        color: #fff;
    }

.sublinks {
    margin-left: 0%;
    width: 15%;
    float: left;
    font-family: "robotoregular";
    text-align: left;
    margin-top: 1.5%;
}

#social-container {
    width: 36%;
    /*float: right;*/
    margin-left: 2%;
    font-family: "robotoregular";
    font-size: 11px;
    color: #afbac9;
    /*text-align: left;*/
}
/*----Footer Ends---*/

#login {
    float: left;
    /* margin-right: 2%; */
    margin-top: 4px;
}

.ContactUs {
    float: right;
    width: 32.3%;
    padding-top: 1%;
    margin-right: .5%;
}

.phonenum {
    width: 83%;
    float: right;
}

.callUs {
    color: #657d9b;
    font-size: 18px;
    font-family: 'robotoregular';
    float: right;
    margin-left: 1%;
    margin-top: 1.5%;
}

.callNo {
    color: #ff7200;
    font-size: 25px;
    font-family: 'robotoregular';
    margin-left: 2%;
    float: right;
}

.phoneimg {
    background-image: url('../images/home/phone.png');
    height: 34px;
    width: 27px;
    float: right;
    /* margin-left: 12%; */
    margin-top: 1%;
}








.enquiry-textbox {
    border: 1px solid #939393 !important;
    border-radius: 3px;
    height: 30px;
    width: 100%;
    text-indent: 9px;
    color: #585858 !important;
    outline: none;
    font-family: 'robotoregular';
    font-size: 14px;
    margin-left: 1px;
    display: block;
    float: left;
    margin-bottom: 3%;
}

.enquiry-button {
    border: 1px solid #258583 !important;
    border-radius: 3px;
    height: 30px;
    width: 100%;
    background-color: #258583 !important;
    outline: none;
    font-family: 'robotoregular';
    background: url('../images/contact/login.png') left 50% top 1% no-repeat;
    margin-right: -3px;
    margin-top: 2%;
    background-position: left 130px top 2px;
    background-position-x: 35%;
    background-position-y: 30%;
}

.Getting {
    width: 32%;
    float: left;
    padding-left: 1%;
    margin-right: 1%;
}

.enquiry-detail {
    clear: both;
    font-family: 'robotoregular';
    margin-top: 3%;
}

.enquiry-textbox-medium {
    border: 1px solid #939393 !important;
    border-radius: 3px;
    height: 30px;
    width: 47%;
    text-indent: 9px;
    color: #585858 !important;
    outline: none;
    font-family: 'robotoregular';
    font-size: 14px;
    margin-left: 1px;
    display: block;
    margin-right: -3px;
    float: left;
}

.left {
    float: left;
}

.right {
    float: right;
}

.getting-textbox-small {
    border: 1px solid #939393 !important;
    border-radius: 3px;
    height: 30px;
    width: 12.7%;
    float: left;
    text-indent: 9px;
    color: #585858 !important;
    outline: none;
    font-family: 'robotoregular';
    font-size: 14px;
    float: left;
    margin-left: 1px;
    display: block;
    margin-bottom: 3%;
}

.getting-textbox-smallx {
    border: 1px solid #939393 !important;
    border-radius: 3px;
    height: 30px;
    width: 15%;
    float: left;
    text-indent: 9px;
    color: #585858 !important;
    outline: none;
    float: left;
    font-family: 'robotoregular';
    font-size: 14px;
    margin-left: 9px;
    display: block;
    /* margin-right: 8px; */
    margin-bottom: 3%;
}

.SecurityN {
    float: left;
    margin-right: -.2%;
    font-family: 'robotoregular';
    width: 38%;
    /*text-align: right;
  margin-right: 1%;*/
}

.ValidationError {
    float: left;
    margin-top: -2%;
    clear: both;
    font-size: 12px;
    width: 100%;
}

.Getting-button {
    border: 1px solid #6694ce !important;
    border-radius: 3px;
    height: 30px;
    width: 90.4%;
    background-color: #6694ce !important;
    outline: none;
    font-family: 'robotoregular';
    background: url('../images/contact/login.png') left 20% top 1px no-repeat;
    /* margin-left: -22px; */
    /* margin-top: 4%; */
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-indent: 7px;
    background-position: left 100px top 2px;
    background-position-x: 35%;
    background-position-y: 30%;
    margin-bottom: 12%;
}

    .Getting-button:hover {
        background-color: #577499 !important;
        margin-bottom: 12%;
    }

.content {
    padding-bottom: 20px;
}

.faq-container {
    margin: 2%;
    padding: 0;
    margin-top: 8%;
    width: 95%;
}


@media ( min-width :1201px) and (max-width:1280px) {
    .faq-container {
        margin: 2%;
        padding: 0;
        margin-top: 12%;
        width: 95%;
    }
}




@media (max-width:440px) and (min-width:200px) {
    .line {
        margin-top: 10px;
        color: #d4d4d4;
        display: none;
    }

    .font-size {
        width: 100% !important;
        font-size: 12px;
        margin-left: 1%;
    }

    .Welcome {
        padding-top: 15px;
    }

    .enquiry-textboxnew {
        font-size: 11px !important;
    }

    .navbar-brand {
        float: right height: 0px !important;
        padding: 1px 0px !important;
        font-size: 18px !important;
        line-height: 20px !important;
        margin-top: 3% !important;
    }

    .footer-link {
        width: 53%;
    }

    .sublinks {
        width: 38%;
        margin-top: 10.8%;
    }

    #social-container {
        width: 98%;
    }

    .footer-linksocial {
        margin-left: 0%;
        width: 68%;
        float: left;
        text-align: left;
        margin-top: -1%;
    }

    #login {
        float: right;
        margin-top: -43px;
        margin-left: 3px;
    }

    .callUs {
        color: #657d9b;
        font-size: 15px;
        display: none;
    }

    .callNo {
        color: #ff7200;
        font-size: 15px;
        display: none;
    }

    .phoneimg {
        margin-top: 4%;
        display: none;
    }

    #logo {
        width: 66%;
        margin-top: -1%;
        margin-left: 0%;
    }

    .ContactUs {
        float: right;
        width: 41.3%;
        padding-top: 1%;
        margin-right: .5%;
    }

    #login {
        float: right;
        margin-top: -17px;
        margin-left: 0px;
    }

    .text {
        color: #fff;
        font-size: 17px;
        opacity: 1;
        padding: 9px;
    }

    .signup-btn {
        margin-top: 11%;
        color: #fff;
        background-color: #46a3a3;
        border-radius: 2px;
        border: 0;
        float: right;
        font-size: 18px;
        margin-right: 27%;
        width: 30%;
        padding: 3px;
        text-transform: uppercase;
    }

    .faq-container {
        margin: 2%;
        padding: 0;
        margin-top: 23%;
        width: 95%;
    }
}

@media (width:768px) {
    .font-size {
        font-size: 10px;
        /* margin-top: 1%; */
        width: 47% !important;
    }

    #login {
        float: right;
        /* margin-right: 2%; */
        /* margin-top: 17px; */
        margin-left: 36px;
    }

    .Getting {
        width: 98%;
        float: left;
        margin-left: 5%;
        margin-right: 1%;
    }
}


@media (width :768px) {
    .Getting-button {
        border: 1px solid #6694ce !important;
        border-radius: 3px;
        height: 30px;
        width: 86.4%;
    }

    .Getting-button {
        background-color: #577499 !important;
    }

    .consultation-new {
        color: #0e7d9a;
        text-align: left;
        font-size: 35px;
        padding-bottom: 3%;
        padding-left: 6% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 40px !important;
    }

    #img-deks {
        width: 36% !important;
    }

    .makepayment_container {
        width: 68%;
    }

    .ContactUs {
        float: right;
        width: 51%;
        margin-top: 1%;
    }

    .consultation-heading {
        font-size: 39px;
    }


    .callNo {
        color: #ff7200;
        font-size: 14px;
    }

    .callUs {
        color: #657d9b;
        font-size: 14px;
        margin-top: 0%;
    }

    .phoneimg {
        margin-top: 0%;
        height: 34px;
        width: 27px;
        float: right;
        /* margin-left: 12%; */
    }

    .callUs {
        color: #657d9b;
        font-size: 16px;
    }

    .img-circle {
        width: 8%;
    }

    .footer-linksocial {
        margin-left: 0%;
        width: 26%;
        float: left;
        text-align: left;
        margin-top: -1%;
    }

    .sublinks {
        margin-left: 0%;
        width: 22%;
        float: left;
        text-align: left;
        margin-top: 3.5%;
    }

    .faq-container {
        margin: 2%;
        padding: 0;
        margin-top: 14%;
        width: 95%;
    }

    .footer-link {
        margin-left: 0%;
        width: 20%;
        float: left;
        text-align: left;
        margin-top: -1%;
    }

    #social-container {
        width: 30%;
        float: right;
        margin-left: 2%;
        font-size: 11px;
        color: #afbac9;
    }

    .footer > .container {
    }

    .getting-textbox-small {
        width: 17.4%;
    }

    .getting-textbox-smallx {
        width: 12%;
    }

    .getting-textbox-smallx {
        width: 12%;
    }
}

@media (width:1280px) {
    .ContactUs {
        float: right;
        width: 34%;
        padding-top: 1%;
    }
}



@media (width:1440px ) {
    .ContactUs {
        float: right;
        width: 30%;
        padding-top: 1%;
    }
}

.enquiry-detail {
    float: left;
    width: 100%;
}

.line {
    margin-top: 10px;
    color: #d4d4d4;
}

@media (width:854px) {
    .ContactUs {
        float: right;
        width: 51.3%;
        padding-top: 1%;
    }

    .baneer-right {
        float: right;
        width: 76%;
        margin-top: 20%;
    }

    .makepayment_container {
        width: 97%;
    }
}




@media (max-width:765px) {
    #logo {
        width: 65%;
    }

    .makepayment_container {
        width: 89%;
    }

    .contentquiry {
        float: left;
        clear: both;
        width: 96%;
        margin-left: 4%;
    }

    .SecurityN {
        float: left;
        margin-right: -.2%;
        font-family: 'robotoregular';
        width: 36%;
    }
}

@media (max-width:640px) and (min-width:400px) {
    .footer-link {
        margin-left: 0%;
        width: 53%;
        float: left;
        text-align: left;
        margin-top: -1%;
    }

    .makepayment_container {
        width: 89%;
    }

    .Getting-button {
        background-position-x: 25%;
        background-position-y: 30%;
        width: 90%;
        color: #fff;
        font-size: 18px;
    }

        .Getting-button:hover {
            background-position-x: 25%;
            background-position-y: 30%;
            background-color: #577499 !important;
        }

    .makepayment_container {
        width: 104%;
        margin-left: 21%;
    }


    .line {
        margin-top: 10px;
        color: #d4d4d4;
        display: none;
    }

    .Welcome {
        padding-top: 15px;
    }


    .enquiry-textboxnew {
        font-size: 11px !important;
    }

    .ContactUs {
        float: right;
        width: 20%;
        padding-top: 1%;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 0px 8px;
        font-size: 18px;
        line-height: 20px;
        margin-top: -58px;
    }

    .navbar-brandviewClient
    {
        float: left;
        height: 50px;
        padding: 0px 8px;
        font-size: 18px;
        line-height: 20px;
        margin-top: -87px !important;

    }

    #logo {
        width: 55%;
        /* margin-top: 8%; */
        margin-left: -1%;
    }


    #login {
        float: right;
        margin-top: -22px;
        margin-left: -24px;
    }

    .Rightpanel {
        width: 100%;
        float: left;
        height: 10%;
    }

    .Testimonial-left-subtextleft {
        display: none;
    }

    .SecurityN {
        width: 40.7%;
    }

    .faq-container {
        margin: 2%;
        padding: 0;
        margin-top: 16%;
        width: 95%;
    }

    .footer-linksocial {
        width: 65%;
    }

    #social-container {
        width: 98%;
        float: left;
        margin-left: 2%;
        font-size: 14px;
        color: #afbac9;
        clear: both;
    }

    .footer-link {
        width: 48%;
    }

    .sublinks {
        margin-left: 0%;
        width: 52%;
        float: left;
        text-align: left;
        margin-top: 5.5%;
    }

    .callUs {
        color: #657d9b;
        font-size: 15px;
        display: none;
    }

    .callNo {
        color: #ff7200;
        font-size: 15px;
        display: none;
    }

    .phoneimg {
        margin-top: 4%;
        display: none;
    }

    .Getting {
        width: 99%;
        float: left;
        padding-left: 1%;
        margin-right: 1%;
    }

    .footer > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .enquiry-textbox {
        width: 94%;
    }

    .sublinks {
        width: 38%;
    }

    .footer-linksocial {
        width: 57%;
    }

    #social-container {
        width: 98%;
    }
}

.safarivalid {
    float: left;
    width: 100%;
    text-align: left;
    color: red;
    font-size: 11px;
    margin-top: -4%;
}

.safarivalidnew {
    float: left;
    width: 46%;
    text-align: left;
    color: red;
    font-size: 11px;
    margin-top: -4%;
}

.safarivalidemail {
    float: left;
    width: 51%;
    text-align: left;
    margin-left: 16%;
    color: red;
    font-size: 11px;
    margin-top: -5%;
}

@media (width:1680px ) {
    .ContactUs {
        float: right;
        width: 29%;
        padding-top: 1%;
    }

    #login {
        float: left;
        /* margin-right: 2%; */
        margin-top: 3px;
    }

    .safarivalidnew {
        float: left;
        width: 46%;
        text-align: left;
        color: red;
        font-size: 11px;
        margin-top: -4%;
    }
}

@media (width :1024px) {
    .font-size {
        font-size: 11px;
    }

    .consultation-new {
        color: #0e7d9a;
        text-align: left;
        font-size: 35px;
        padding-bottom: 3%;
        padding-left: 15% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 40px !important;
    }

    .getting-drop {
        -webkit-appearance: none !important;
        background: url('../images/drop-down-arrow.gif') right top 1px no-repeat !important;
        background-position: right 0px top 2px !important;
        background-position-y: 50% !important;
    }

    .safarivalidnew {
        float: left;
        width: 46%;
        text-align: left;
        color: red;
        font-size: 10px;
        margin-top: -4%;
    }

    .SecurityN {
        float: left;
        margin-right: -.2%;
        font-family: 'robotoregular';
        width: 31%;
        text-align: right;
        margin-right: 1%;
    }

    .Getting-button {
        border: 1px solid #6694ce !important;
        border-radius: 3px;
        height: 30px;
        width: 84.4%;
        background-color: #6694ce !important;
        outline: none;
        font-family: 'robotoregular';
        background: url('../images/contact/login.png') left 20% top 1px no-repeat;
        /* margin-left: -22px; */
        /* margin-top: 4%; */
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        text-indent: 7px;
        background-position: left 100px top 2px;
        background-position-x: 25%;
        background-position-y: 30%;
    }

        .Getting-button :hover {
            background-color: #577499 !important;
            background-position-x: 25%;
            background-position-y: 30%;
        }

    .ContactUs {
        float: right;
        width: 43%;
        padding-top: 1%;
    }

    .callNo {
        color: #FF7200;
        font-size: 18px;
        margin-top: 1%;
    }

    .callUs {
        color: #657d9b;
        font-size: 18px;
    }

    .phoneimg {
        background-image: url('../images/home/phone.png');
        height: 34px;
        width: 27px;
        margin-left: 8%;
    }

    .faq-container {
        margin: 2%;
        padding: 0;
        margin-top: 13%;
        width: 95%;
    }

    .clear {
        clear: both;
    }
}

@media (max-width: 640px) {

    .modal-overlay {
        top: 17px !important;
    }

    .modal-box header, .modal-box .modal-header {
        padding: 0.25em 1.5em !important;
        border-bottom: 1px solid #ddd;
    }

    .consultation-new {
        color: #0e7d9a !important;
        text-align: left !important;
        font-size: 25px !important;
        padding-bottom: 3% !important;
        padding-left: 2% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 25px !important;
    }

    #popup1 {
        left: 1% !important;
        top: 20% !important;
    }

    #popup2 {
        left: 1% !important;
        top: 10% !important;
    }

    .modal-box {
        width: 98% !important;
    }

    .makepayment_container {
        width: 84%;
        margin-left: 3%;
    }

    .btn {
        font-size: 12px !important;
        float: right !important;
        margin-right: 2% !important;
    }

    .makepayment_container h2 {
        font-size: 27px;
    }

    #logo {
        width: 55%;
        margin-top: 1%;
        margin-left: -1%;
    }

    .Getting-button {
        background-position-x: 26%;
        background-position-y: 30%;
    }
}

@media (width: 480px) {
    .consultation-new {
        color: #0e7d9a !important;
        text-align: left !important;
        font-size: 25px !important;
        padding-bottom: 3% !important;
        padding-left: 2% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 25px !important;
    }

    .btn {
        font-size: 12px !important;
        float: right !important;
        margin-right: 11px !important;
    }

    #popup1 {
        left: 18% !important;
        top: 18% !important;
        position: absolute;
        width: 60% !important;
    }

    #popup2 {
        left: 1% !important;
        top: 327% !important;
        position: absolute;
    }

    #logo {
        width: 49%;
        margin-top: 13%;
        margin-left: -1%;
    }
}

@media (width: 568px) {
    .consultation-new {
        color: #0e7d9a !important;
        text-align: left !important;
        font-size: 25px !important;
        padding-bottom: 3% !important;
        padding-left: 2% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 25px !important;
    }

    .btn {
        font-size: 12px !important;
        float: right !important;
        margin-right: 11px !important;
    }

    #popup1 {
        left: 21% !important;
        top: 18% !important;
        position: absolute;
    }

    #popup2 {
        left: 21% !important;
        top: 327% !important;
        position: absolute;
    }

    .modal-box {
        width: 53% !important;
    }

    #logo {
        width: 55%;
        margin-top: 10%;
        margin-left: -1%;
    }
}

@media (width: 640px) {
    .consultation-new {
        color: #0e7d9a !important;
        text-align: left !important;
        font-size: 32px !important;
        padding-bottom: 3% !important;
        padding-left: 2% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 31px !important;
    }

    #popup1 {
        left: 21% !important;
        top: 18% !important;
        position: absolute;
    }

    #popup2 {
        left: 21% !important;
        top: 327% !important;
        position: absolute;
    }

    .modal-box {
        width: 53% !important;
    }

    .btn {
        font-size: 12px !important;
        float: right !important;
        margin-right: 11px !important;
    }

    #logo {
        width: 55%;
        margin-top: 9%;
        margin-left: -1%;
    }

    .Getting-button {
        background-position-x: 38%;
        background-position-y: 30%;
    }
}

@media (width: 360px) {
    .consultation-new {
        color: #0e7d9a !important;
        text-align: left !important;
        font-size: 25px !important;
        padding-bottom: 3% !important;
        padding-left: 2% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 25px !important;
    }

    .btn {
        font-size: 12px !important;
    }

    .Getting-button {
        background-position-x: 27%;
        background-position-y: 30%;
    }
}

@media (width: 320px) {
    .consultation-new {
        color: #0e7d9a !important;
        text-align: left !important;
        font-size: 25px !important;
        padding-bottom: 3% !important;
        padding-left: 2% !important;
        font-family: "Times New Roman", Georgia, Serif;
        line-height: 25px !important;
    }

    .btn {
        font-size: 12px !important;
    }

    #popup1 {
        left: 1% !important;
        top: 18% !important;
        position: absolute;
    }

    #popup2 {
        left: 1% !important;
        top: 200% !important;
        position: absolute;
    }
}


@media ( width:667px) {
    .consultation-new {
        color: #0e7d9a;
        text-align: left;
        font-size: 22px;
        padding-bottom: 3%;
        padding-left: 2%;
        font-family: "Times New Roman", Georgia, Serif;
    }

    .btn {
        font-size: 12px !important;
        float: right !important;
        margin-right: 11px !important;
    }

    #popup1 {
        left: 1% !important;
        top: 18% !important;
        position: absolute;
    }

    #popup2 {
        left: 1% !important;
        top: 327% !important;
    }

    .modal-box {
        width: 53% !important;
    }

    .callNo {
        display: none;
    }

    .callUs {
        display: none;
    }

    .phoneimg {
        display: none;
    }

    #login {
        float: left;
        margin-top: -14%;
        margin-left: 37%;
    }

    .line {
        display: none;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        width: 100% !important;
        float: right;
    }
}



@media ( width:736px) {
    .consultation-new {
        color: #0e7d9a;
        text-align: left;
        font-size: 22px;
        padding-bottom: 3%;
        padding-left: 2%;
        font-family: "Times New Roman", Georgia, Serif;
    }

    .btn {
        font-size: 12px !important;
        float: right !important;
        margin-right: 11px !important;
    }

    #popup1 {
        left: 20% !important;
        top: 18% !important;
        position: absolute;
    }

    #popup2 {
        left: 20% !important;
        top: 208% !important;
        position: absolute;
    }

    .modal-box {
        width: 53% !important;
    }

    .callNo {
        display: none;
    }

    .callUs {
        display: none;
    }

    .phoneimg {
        display: none;
    }

    #login {
        float: left;
        margin-top: -14%;
        margin-left: 37%;
    }

    .line {
        display: none;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        width: 100% !important;
        float: right;
    }
}

/*My Css for Client Portal*/

.NavTopBar {
    float: right;
    width: 100%;   
    background-color: #419abf;
}