body {
                    font-family: 'robotoregular' !important;
                }
                
                @media only screen and (min-width: 300px) and (max-width: 768px) {
                                 .mobileonlybanner {min-height:150px !important;
                                }
                }
 .mobileonlybanner{background: #2A7B9B; background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgb(55 176 225) 50%, rgb(6 75 129) 100%); min-height:260px;}

                
                p {
                    text-align: justify !important;
                    font-family: 'robotoregular' !important;
                }
                
                .mt20 {
                    margin-top: 20px;
                }
                
                .ulcontent ul {
                    margin-bottom: 20px;
                }
                
                .homeheading {
                    font-size: 30px;
                    font-family: "robotoblack";
                    text-align: center;
                    margin-bottom: 30px;
                    color: #0E5DA8;
                    padding-top: 26px;
                }
                
                .homeabout p {
                    font-size: 16px;
                    color: #072939;
                    font-family: 'robotolight';
                    line-height: 26px;
                }
                
                .padding30px {
                    padding: 30px 0px;
                }
                
                .servicebg {
                    background-image: url(../images/servicebg.jpg);
                    background-size: 100% 100%;
                    padding: 30px 0px 80px 0px;
                }
                
                .serv {
                    background: #ffffff;
                    padding: 20px 30px;
                    text-align: center;
                    border-radius: 10px;
                    border: 1px solid #D3D3D3;
                    margin-top: 20px;
                }
                
                .serv img {
                    margin: 10px 0px;
                }
                
                .serv h3 {
                    font-size: 24px;
                    font-family: 'robotolight';
                    color: #072939;
                }
                
                .serv h3 span {
                    font-family: 'robotoblack';
                    display: block;
                }
                
                .serv p {
                    font-size: 16px;
                    font-family: 'robotolight';
                    color: #072939;
                    text-align: center !important;
                }
                
                .serv p a {
                    color: #37B0E1;
                }
                
                .serv p a:hover {
                    font-weight: bold;
                }
                
                .quick_connect {
                    margin-top: 20px;
                    float: right;
                }
                
                .quick_connect a {
                    background-color: #37B0E1;
                    padding: 10px 25px;
                    border-radius: 50px;
                    text-decoration: none;
                    color: #ffffff;
                }
                
                .logo img {
                    width: 80%;
                }
                
                .fixed {
                    position: fixed;
                }
                
                .header-bar {
                    background: #064B81;
                    top: 0px;
                    text-align: right;
                    padding: 3px 0px;
                }
                
                .header-bar p {
                    padding: 0px;
                    margin: 0px;
                    color: #ffffff;
                    text-align: right !important;
                }
                
                .header-bar p span {
                    margin-left: 20px;
                }
                
                .header-bar p span a {
                    color: #ffffff;
                    text-decoration: none;
                }
                
                .mb20px {
                    margin-bottom: 20px;
                }
                
                .navbar {
                    padding-top: 1.0rem !important
                }
                
                .banner .item {
                    font-weight: bold;
                }
                
                .banner001 {
                    padding: 0px !important;
                }
                
                .topheader {
                    padding: 0px !important;
                    /*background-color: rgba(255, 255, 255, 0.9);*/
                    background-color: #ffffff;
                    box-shadow: 2px 4px 4px #ccc;
                    z-index: 99999;
                }
                
                .banner .item big {
                    position: absolute;
                    z-index: 9999;
                    width: 80%;
                    margin-top: 50px;
                    background-color: rgba(0, 0, 0, 0.7);
                    left: 10%;
                    padding: 50px 0px;
                    border: 1px solid #ACABAB;
                }
                
                .banner .item .head3 {
                    color: #ffffff !important;
                    text-align: center !important;
                    text-shadow: 2px 7px 8px #000;
                    font-size: 40px !important;
                }
                
                .banner .item p {
                    text-align: center !important;
                }
                
                .banner .item p .smallcontent {
                    font-size: 20px !important;
                    line-height: auto;
                    color: #ffffff !important;
                    font-family: 'robotolight';
                    width: 900px !important;
                    position: relative;
                    display: block;
                    text-align: center !important;
                    margin: 0px auto;
                    margin-top: 25px;
                    margin-bottom: 25px;
                }
                
                .bannbtn {
                    background: #fff;
                    font-size: 16px;
                    padding: 10px 25px;
                    border-radius: 20px;
                }
                
                .bannbtn a {
                    color: #064B81;
                    text-decoration: none;
                }
                
                .banner .item .head4 {
                    color: #ffffff !important;
                    font-size: 66px;
                    text-align: center;
                    margin-right: 100px;
                    display: block;
                }
                
                .client {
                    padding: 30px 0px;
                    background-color: #eee;
                }
                
                .client .item {
                    padding: 0px 5px;
                }
                
                .client h3 {
                    font-size: 30px;
                    font-family: 'robotoblack';
                    color: #0E5DA8;
                    text-align: center;
                }
                
                .owl-carousel02 .owl-prev {
                    background: #064B81 none repeat scroll 0 0;
                    border: 2px solid #ffffff;
                    color: #fff;
                    font-size: 30px;
                    padding: 4px 14px;
                    border-radius: 4px;
                }
                
                .owl-carousel02 .owl-next {
                    background: #064B81 none repeat scroll 0 0;
                    border: 2px solid #ffffff;
                    color: #fff;
                    font-size: 30px;
                    padding: 4px 14px;
                    border-radius: 4px;
                }
                
                .owl-prev,
                .owl-next {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }
                
                .owl-prev {
                    left: -2rem;
                }
                
                .owl-next {
                    right: -2rem;
                }
                
                .lowerfooter {
                    background-color: #37B0E1;
                    padding: 50px 0px;
                }
                
                .lowerfooter .footerlogo img {
                    width: 80%;
                }
                
                .companyffname {
                    font-size: 30px;
                    color: #FFFFFF;
                    font-family: 'robotoblack';
                }
                
                .ffaddress {
                    font-size: 16px;
                    color: #FFFFFF;
                    text-align: left !important;
                    font-family: 'robotolight';
                }
                
                .footerheading {
                    font-size: 24px;
                    color: #fff;
                    font-weight: bold;
                    margin-bottom: 10px;
                }
                
                .footercontent ul li {
                    list-style: none;
                    padding: 5px 0px;
                }
                
                .footercontent ul li a {
                    color: #ffffff;
                    font-size: 14px;
                    text-decoration: none;
                }
                
                .foosection {
                    margin-top: 20px;
                }
                
                .foosection h4 {
                    font-size: 16px;
                    color: #fff;
                    font-weight: bold;
                }
                
                .foosection p {
                    color: #fff;
                    font-size: 16px;
                    font-family: 'robotolight';
                }
                
                .foosection p a {
                    text-decoration: none;
                    color: #ffffff;
                }
                
                .footer {
                    background: #064B81;
                    color: #ffffff;
                    padding: 10px 0px;
                }
                
                .footer p {
                    margin: 0px;
                    font-size: 12px;
                }
                
                .wbtn {
                    background: #ffffff;
                    border-radius: 50px;
                    padding: 10px;
                    text-align: center !important;
                }
                
                .wbtn a {
                    text-decoration: none;
                    color: #064B81;
                }
                
                .mobileonly {
                    display: none;
                }
                
                .contectsection {
                    background: #F5F5F5;
                    padding: 20px;
                }
                
                .sectionwhite {
                    background: #ffffff;
                    padding: 20px;
                    box-shadow: 2px 2px 3px 3px #dfdede;
                    border: 1px solid #cccccc;
                }
                
                .sectionwhite h1 {
                    font-size: 24px;
                    color: #37B0E1;
                    font-family: 'robotoblack';
                }
                
                .sectionwhite p {
                    font-family: 'robotolight';
                }
                
                .sectionwhite ul li {
                    list-style: square inside;
                    line-height: 26px;
                }
                
                .secondary {
                    background-color: #ffffff;
                    color: #064B81;
                    padding: 8px 25px;
                    border: 1px solid #064B81;
                    border-radius: 2px;
                    margin-right: 10px;
                }
                
                .primarry {
                    background-color: #064B81;
                    color: #ffffff;
                    padding: 8px 25px;
                    border: 1px solid #064B81;
                    border-radius: 2px;
                }
                
                .customform {
                    background: #f4f0f0;
                    padding: 20px;
                    border: 1px solid #cccccc;
                }
                
                .customform label {
                    font-size: 16px;
                }
                
                .customform label span {
                    color: red;
                    font-weight: bold;
                }
                
                .customform input[type=text] {
                    border: 1px solid #cccccc;
                    padding: 10px;
                }
                
                .customform textarea {
                    width: 100%;
                    height: 100px;
                    padding: 10px;
                    box-sizing: border-box;
                    border: 2px solid #ccc;
                    border-radius: 4px;
                    font-size: 16px;
                }
                
                .ccontact {
                    margin-top: 30px;
                }
                
                .ccontact h3 {
                    font-size: 24px;
                    font-family: 'robotoblack';
                    color: #37B0E1;
                }
                
                .ccontact p {
                    font-weight: bold;
                }
                
                @media only screen and (min-width: 300px) and (max-width: 768px) {
                    .displaynone {
                        display: none;
                    }
                    .banner .item .head3 {
                        font-size: 15px !important;
                        margin-right: 20px;
                    }
                    .banner .item big {
                        margin-top: 0px;
                        padding: 15px 10px;
                        width: 95% !important;
                        left: 2%;
                        margin-top: 20px;
                    }
                    .banner.owl-carousel01 .item img {
                        height: 190px;
                    }
                    .banner .owl-carousel02 .item img {
                        height: 100% !important;
                    }
                    .banner .item p .smallcontent {
                        font-size: 12px !important;
                        width: 100% !important;
                        margin: 5px 0px !important;
                    }
                    .container {
                        width: 100%;
                        max-width: 100% !important
                    }
                    .header-bar p {
                        font-size: 12px;
                        text-align: right !important;
                    }
                    .owl-prev {
                        left: 0rem;
                    }
                    .owl-next {
                        right: 0rem;
                    }
                    .bannbtn {
                        font-size: 12px;
                        padding: 6px 21px;
                    }
                    .serv {
                        padding: 10px 16px;
                    }
                    .servicebg {
                        background-image: url(../images/servicebg.jpg);
                        background-size: auto 100% !important;
                        padding: 30px 0px 80px 0px;
                    }
                    .homeheading {
                        margin-bottom: 10px;
                    }
                    .companyffname {
                        text-align: left !important;
                    }
                    .mobileonly {
                        display: none;
                        background: #064B81;
                        text-align: center;
                        position: fixed;
                        z-index: 99;
                        bottom: 0%;
                        width: 100%;
                        padding: 10px 0px;
                        left: 0%;
                    }
                    .mobileonly a {
                        padding: 8px 25px;
                        width: 100%;
                        color: #fff;
                        text-decoration: none;
                        background-color: #37B0E1;
                         display: none;
                    }
                   
                 
                }
                
               
                
                @media only screen and (min-width: 769px) and (max-width: 1199px) {
                    .displaynone {
                        display: none;
                    }
                }