@media only screen and (max-width:15000px) {
.encdgn {
    background-position: 0px 0px;
    background-size: cover;
}


header {
    height: 5430px;
}
.abtlefttext {
    left: -230px;
    bottom: 630px;
}
.abtrghttext {
    bottom: 681px;
    right: -400px;
}
.filelog img {
    height: 150px;
}
.container-fluid{
    width: 1250px;
}
}
 @media only screen and (max-width:2700px) {
.encdgn {
    background-position: 0px 0px;
    background-size: cover;
}
header {
    height: 2560px;
}
.abtlefttext {
    left: 0px;
    bottom: 510px;
}
.abtrghttext {
    width: 410px;
    bottom: 521px;
    right: -160px;
}
.filelog img {
    height: 120px;
}
}
 @media only screen and (max-width:1920px) {
header {
    height: 2010px;
}
.abtlefttext {
    left: 0px;
    bottom: 390px;
}
.abtrghttext {
    width: 410px;
    bottom: 401px;
}
}
 @media only screen and (max-width:1880px) {
.rightpath {
    right: -418px;
}
.rightpath div {
    width: 493px;
}
.leftpath {
    position: absolute;
    left: -324px;
}
.encdgn {
    background-position: inherit;
}
header {
    height: 1900px;
}
.abtrghttext {
    bottom: 271px;
    right: -60px;
    width: 350px;
}
.abtlefttext {
    left: 0;
    bottom: 270px;
}
.leftpath {
    left: -455px;
}
.leftpath div {
    width: 504px;
    background-position: -840px -110px;
}
.filelog img {
    height: 100px;
}
}

@media only screen and (max-width:1600px) {
    .dr-path {
    right: -320px
    }

    .dr-path-2 {
    right: -230px
    }
    .hw-dgn {    
    background-position: -290px -39px;
    }

.dr-path div {
    background-position: 54px 18px;
}

.rightpath {
    right: -272px;
}

}
 @media only screen and (max-width:1440px) {
header {
    height: 1443px;
}
.abtlefttext {
    left: 0;
    bottom: 120px;
}
.abtrghttext {
    bottom: 121px;
    right: 0px;
}
.rightpath {
    right: -236px;
}
.rightpath div {
    width: 323px;
}

.dr-path,.dr-path-2 {
    right: -149px;
}
}
 @media only screen and (max-width:1366px) {
.rightpath {
    right: -191px;
}
.abtrghttext {
    bottom: 100px;
    width: 350px;
    right: 11px;
}
.encdgn {
    background-position: -150px 0px;
}
.filelog img {
    height: 85px;
}
.abtlefttext {
    bottom: 90px;
    left: 0px;
}
header {
    height: 1350px;
}
.rightpath div {
    width: 303px;
}
.leftpath {
    left: -295px;
}
.leftpath div {
    background-position: -950px -240px;
}

.dr-path,.dr-path-2 {
    right: -100px;
}

.dr-path div {
    background-position: 214px 18px;
}

}
 @media only screen and (max-width:1280px) {
.topsclicon {
    top: 180px;
}
.abtrghttext {
    bottom: 80px;
    right: 25px;
}
.abtlefttext {
    bottom: 100px;
    left: 30px;
}
.rightpath {
    right: -153px;
}
.rightpath div {
    width: 243px;
}
.dr-path {
    right: -59px;
}
.dr-path div {
    background-position: 283px 0px;
}
.dr-path-2 {    
    right: -60px;
    }

.effect-steve h2 {
    font-size: 30px;
}
.container-fluid{
    width: 95%;
}
}
 @media only screen and (max-width:1180px) {
.dp-download {
    left: 30px;
}
}
 @media only screen and (max-width:1024px) {
.topsclicon {
    top: 130px;
}
.abtlefttext {
    bottom: -10px;
    left: 50px;
}
.leftpath {
    left: -315px;
}
header {
    height: 1031px;
}
.abtrghttext {
    bottom: 0px;
    right: 0px;
}
.rightpath {
    right: -101px;
}
.rightpath div {
    width: 193px;
}
.encdgn {
    background-position: -400px 0px;
}
.dr-path {
    right: -20px;
}
.dr-path div {
    background-position: 473px 0px;
}
.effect-steve h2 {
    font-size: 25px;
}
figure:hover h2 {
    transition: transform 0.35s;
    transform: translateY(-4.8em);
}
figcaption p {
    height: 29%;
}
.dr-path {
    right: -22px;
}
.dr-path div {
    background-position: 453px 0px;
}
.dr-path-2 {
    right: -21px;
}
}
 @media only screen and (max-width:991px) {
.hdrlogo2 {
    height: 28px;
}
.hdrlogo1 {
    width: 52px;
}
.container {
    max-width: 90%;
}
.abtrghttext {
    width: 290px;
}
.abtrghttext {
    bottom: -50px;
    right: 57px;
}
.navbar-toggler {
    position: absolute;
    right: 0px;
    top: 5px;
}
.navbar-nav {
    padding-top: 10px;
}
.navbar-collapse {
    background: #173652;
    position: absolute;
    top: 50px;
    right: 10px;
}
.menudgn li {
    margin-left: 0px;
    border-bottom: 1px solid #003a6f;
}
.menudgn .fa-bars {
    color: #F79421
}
.menudgn li a.active {
    border-radius: 0px
}
.hwhdgn .d-block, .frmdgnlst .fw-991 .d-block {
    display: initial !important;
}
.menudgn li .nav-link {
    padding: 10px 10px;
}
.fw-991 {
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
}

.dr-path {
    right: -45px;
}
.dr-path-2 {
    right: -47px;
}
}

@media only screen and (max-width: 850px) {
    .col-850-f .col-sm-5, .col-850-f .col-sm-7{
        -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }

    .dr-dgn-rightside{
        margin-top: 70px; 
    }
    .dr-path {
    right: -40px;
    top: 30px;
}

.dr-path div {
    background-position: 263px 0px;
}

.shtag-list li{
    font-size: 18px
}
    }
 @media (max-width: 768px) {
.hw-dgn {
    height: auto;
}
figure:hover h2 {
    transform: translateY(-2.8em);
}
figcaption p {
    height: 18%;
}
}
 @media (max-width: 576px) {
.hw-dgn {
    height: auto;
}
}
@media only screen and (max-width:950px) {
.dp-download {
    left: 0px;
}
}
 @media only screen and (max-width:820px) {
.topsclicon li {
    margin-bottom: 20px;
}
.topsclicon {
    top: 110px;
}
.abtlefttext {
    bottom: 220px;
    left: 20px;
}
.abtrghttext {
    bottom: -90px;
    right: 20px;
}
.abtrghttext {
    width: 90%;
}
.rightpath {
    right: -97px;
}
.fw-991.form-group {
    margin-bottom: 20px
}
.shtag-list li {
    font-size: 16px
}
.dr-path-2 {
    right: -39px;
}
}
 @media only screen and (max-width:799px) {
.fw-799 {
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
}
.rspdgn .d-block, .rspdgn .titlesub {
    display: initial !important;
}
.rspdgn {
    width: 100%;
    margin-top: 30px;
}
.swiper-container-3d {
    margin-top: 50px !important;
}
.dwniconbtn {
    right: 140px;
}
.encdgntitle {
    display: none
}
.encdgn {
    background-position: -730px 0px;
}
.rightpath, .leftpath {
    display: none
}
.frmdgnlst {
    padding: 80px 40px;
}
.filelog img {
    height: 20px;
}
.title {
    text-align: left;
    font-size: 30px;
}
.abtlefttext {
    bottom: 271px;
    left: 60px;
    width: 280px;
}
.commadgn {
    top: -78px;
    left: -17px;
}
.commadgn img {
    width: 71px;
    height: 129px;
}
.abtlefttext .d-block {
    display: initial !important;
    line-height: 30px;
}
.abtlefttext, .abtlefttext .d-block {
    font-size: 27px;
}
.ftrlft-logo {
    height: 40px;
}
.ftrrht-logo {
    width: 60px;
}
.ftrmdl-logo {
    width: 100px;
}
.dpdgn {
    width: 430px;
    display: table;
    margin: 0px auto;
}
.dp-download {
    left: 16px;
}
.filelog li {
    width: 20%;
    margin-right: 20px;
    margin-bottom: 20px;
}
.img-799, .effect-steve .img-799 {
    display: block
}
.effect-steve {
    height: auto;
    display: block;
    overflow: initial;
}
.effect-steve img {
    height: auto;
}
.effect-steve figcaption, .effect-steve figcaption > a {
    position: initial;
}
figure:hover h2 {
    transform: inherit;
}
.effect-steve {
    z-index: auto;
    background: none;
}
.effect-steve h2 {
    position: absolute;
    bottom: 117px;
}
figure.effect-steve:hover figcaption {
    background: #fff;
}
.effect-steve p {
    opacity: 1;
    position: initial;
    height: auto;
    color: #111
}

.effect-steve h2 .d-block{
    display: initial !important;
}
.effect-steve p, .effect-steve h2 img {
    opacity: 1;
    }
    .effect-steve p{
        font-size: 18px
    }

    .effect-steve h2 img{
        top: 3px;
    }
.img-desktop-799, .effect-steve .img-desktop-799 {
    display: none;
}
.hw-dgn {
    background: url(../images_c3wrai/mobile-path.svg) no-repeat;
    background-position: -100px 30px;
}
}
 @media only screen and (max-width:750px) {
.mb-750 .col-sm-12 .col-sm-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.mb-750 .col-sm-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.dgftxt-dgn {
    padding: 0px 0px 20px;
    width: 100%;
}
}
 @media only screen and (max-width:660px) {
header {
    background-position: -59px 0px;
}
.topsclicon {
    top: 229px;
}
.abtlefttext {
    width: 228px;
}
.encdgn {
    background-position: -832px 0px;
}

.dr-path div {
    background-position: 403px 0px;
}
.dr-path-2 {
    right: -42px;
}
}
@media only screen and (max-width:575px) {
.abtdgn {
    position: inherit;
}
.topsclicon {
    display: none
}
header {
    background: none;
    height: auto;
    margin-bottom: 40px;
}
.mbbanner {
    display: block;
    width: 100%
}
.mbbanner img {
    width: 100%
}
.top-header {
    padding: 10px 0px;
    height: 50px;
}
.navbar-toggler {
    top: -50px;
}
.navbar-collapse {
    top: -10px;
}
.top-header {
    position: absolute;
    top: 0px;
    width: 100%;
}
.abtlefttext {
    width: 100%;
    position: relative;
    bottom: initial;
    left: inherit;
}
.mb-blocknon {
    display: initial !important;
}
.abtlefttext, .abtlefttext .d-block {
    font-size: 50px;
}
.abtrghttext {
    width: 100%;
    position: inherit;
}
.abtlefttext .d-block {
    display: initial !important;
    line-height: 60px;
}
.abtlefttext {
    margin: 65px 0px;
}
.rspdgn {
    width: 100%;
    margin-top: 0px;
}
.title {
    line-height: 41px;
}
.mbheading {
    font-size: 30px;
    text-align: center;
    display: table;
    color: #173652;
    line-height: 39px;
    margin-bottom: 40px;
}
.dwniconbtn {
    right: 0px;
}
.encdgn {
    background-position: -340px 0px;
    background-size: cover;
    height: 400px;
}
.uplad-icondgn {
    position: initial;
    padding: 20px 0px 0px;
}
.uplad-icondgn ul {
    margin: 0px;
}
.filetitle {
    border-bottom: 1px solid;
    padding: 0px 0px 5px;
}
.ftrlft-logo {
    height: auto;
    margin: 0px auto 20px;
    display: table;
    width: 100%;
}
.ftrmdl-logo {
    width: 160px;
    float: left;
}
.ftrrht-logo {
    width: 99px;
}
.ftrlinkdgnlist {
    margin: 70px 0px 0px;
}
.ftrlinkdgn {
    width: 100%;
    margin: 0px;
}
.ftrlinkdgnlist {
    display: table;
    float: initial;
    width: 100%;
}
.ftrlinkdgn h2 {
    margin-bottom: 10px
}
.ftrlink li {
    border-bottom: 1px solid #13395a;
    padding-bottom: 5px;
}
.ftrlink li:last-child {
    border: 0px;
}
.abtrghttext {
    display: none
}
/***********/


.mb-show {
    display: block;
}
/* Slideshow container */
.slideshow-container {
    position: relative;
    margin-bottom: 100px
}
.mbgabtrghttext strong {
    display: table;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #173652;
    margin-bottom: 30px
}
.mbgabtrghttext p {
    font-size: 18px;
    line-height: 30px
}
/* Slides */
.mySlides {
    display: none;
    text-align: center;
}
/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #09233A;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.dot-container {
    text-align: center;
}
.dot.active {
    background: #FF950C
}
/*********/

.uplad-icondgn ul, .uplad-icondgn .inline-list li {
    width: 100%
}
.inline-list li .filelabel {
    background: #f2f2f2;
    padding: 15px;
    width: 100%;
    display: table;
    border-radius: 10px;
    text-align: center;
}
.filelabel span {
    font-size: 12px;
}
.frmdgnlst .filelabel .error {
    top: 0px !important;
}
.filelog li {
    width: 28%;
}
.hw-dgn {
    height: auto;
}
figcaption p {
    height: 16%;
}
.dgftxt-dgn .actbtn {
    font-size: 12px;
}
.heading-50 {
    font-size: 35px;
}
.shtag-dgn .heading-50 {
    margin-bottom: 10px
}
.mb-750 .col-sm-12, .mb-750 .col-sm-12 .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.link-arrow {
    font-size: 16px;
}
.dr-dgn-leftside .tg-txt {
    font-size: 18px;
}
.dr-dgn-leftside h2 {
    font-size: 60px;
    letter-spacing: -1.51px;
    line-height: 63px;
}
.dr-dgn-leftside{
    margin-bottom:40px;
}
.mb-575-none, .dr-path{
    display: none
}
.mb-575{
    display: block;
}

.dr-dgn-rightside img {
    width: 100%;
}

.km-dgn .list-unstyled.row li{
    width: 50%
}
.kmcpydgn {
    padding: 20px;
    font-size: 14px;
 
}
.shtag-dgn p {
    width: 100%;
}
.moreless-button, .mb-logo{
  display: block;
  width: 100%
}


.moreless-button {
    width: 100%;
    cursor: pointer;
    display: table;
    padding: 10px;
    background: #f2f2f2;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}
.moretext{
    display: none
}

.moretext li:nth-child(1), .moretext li:nth-child(2), .moretext li:nth-child(3){
    display: none
}
.effect-steve h2 {
    bottom: 147px;
}

.shtag-list {
    width: 100%;
}

.dgfimg-dgn {
    width: 100%;
    height: auto;
}

.dgfimg-dgn img {
    height: auto;
}

.carousel-control-next {
    right: 13px;
}

.carousel-control-prev {
    left: 13px;
}

.dr-path-2 {
    display: none;
}
header, .rmccdgn, .encdgn, .hwhdgn, .frm-dgn, .dr-dgn, .hw-dgn, .km-dgn, .dgf-dgn, .shtag-dgn, .endlogo {
    margin-bottom: 70px;
}
.share-icon {
    padding: 10px 10px !important;
}

.share-icon a {
    margin-right: 40px;
}
}
 @media only screen and (max-width:500px) {
.dpdgn {
    width: auto;
    display: block;
}
.dp-download {
    left: 0px;
}
.filelog li {
    width: 100%;
}
.filelog li img {
    max-height: initial;
}

.km-dgn .list-unstyled.row li {
    width: 100%;
}
}
@media only screen and (max-width:400px) {
.abtlefttext, .abtlefttext .d-block {
    font-size: 36px;
    line-height: 44px;
}
.input-group input {
    padding-left: 20px
}
.mb-frmscl .form-group {
    margin-bottom: 20px;
}
.encdgn {
    background-position: -390px 0px;
}
.frm-dgnheading {
    font-size: 25px;
}
.input-container label {
    font-size: 14px
}
.inline-list li {
    font-size: 12px;
    width: 100%;
}
.frmdgnlst {
    padding: 20px;
}
.iconfrm {
    left: 13px;
    top: 14px;
    z-index: 99;
}
.input-container label {
    line-height: 18px;
}
.ftrmdl-logo {
    width: 110px;
}
.ftrrht-logo {
    width: 59px;
}
.swiper-slide img {
    height: 380px;
}
.filetitle {
    font-size: 12px;
}

.kmcpydgn {
    font-size: 12px;
 
}
}