@media screen and (max-width:1199px) {
    .nav-wrapper .navbar-dark .navbar-nav .nav-link {
        font-size: .74rem;
        padding: .5rem .3rem
    }
    .srdv-logo {
        width: 86%
    }
    .login-form-wrap,
    .signup-wrap-form.get-in-touch-wrap {
        height: auto;
        max-height: initial
    }
    .login-with-social-media li {
        margin-bottom: 7px
    }
}

@media screen and (min-width:992px) {
    .dropdown-menu:before {
        content: "";
        border-bottom: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        position: absolute;
        left: 13px;
        top: -5px
    }
    .dropdown-menu.mega-drop-down-wrap:before {
        left: 20.4%
    }
}

@media screen and (max-width:991px) {
    .nav-wrapper .navbar {
        margin-left: 0;
        padding: 0
    }
    .dropdown-menu.mega-drop-down-wrap {
        min-width: 100%;
        height: auto
    }
    .mega-drop-down-wrap>li>ul>li>a,
    .navbar .dropdown-menu .dropdown-item {
        color: #fff
    }
    .navbar .dropdown-menu {
        max-height: none;
        background: 0 0;
        box-shadow: inherit
    }
    .top-header-right {
        padding-right: 0
    }
    .get-in-touch {
        margin-right: 0;
        text-align: left
    }
    .navbar .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        background: #07111b;
        z-index: 999;
        height: 100%;
        width: 100%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: .3s ease;
        transition: .3s ease
    }
    .navbar .navbar-collapse.show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: .3s ease;
        transition: .3s ease
    }
    .navbar .navbar-collapse.show.hidenav {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: .3s ease;
        transition: .3s ease
    }
    .navbar-dark .navbar-toggler[aria-expanded=true] {
        position: fixed;
        top: 12px;
        z-index: 9999;
        right: 12px;
        background:#073b8e;
        -webkit-transition: .6s ease;
        transition: .6s ease;
        color: #fff;
        padding: .5rem .75rem
    }
    .navbar-dark .navbar-toggler[aria-expanded=true] i {
        display: block
    }
    .navbar-dark .navbar-toggler[aria-expanded=false] i,
    .navbar-dark .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
        display: none
    }
    .navbar-toggler {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 3px;
        padding: .2rem .75rem;
        font-size: 1rem
    }
    .navbar-nav {
        padding: 6%
    }
    .navbar-nav:hover {
        overflow-y: scroll;
        max-height: 100vh
    }
    .navbar-nav li:not(:last-child) {
        border-bottom: 1px dashed rgba(255, 255, 255, .12)
    }
    .nav-wrapper .navbar-dark .navbar-nav .nav-link {
        padding: .9rem .3rem
    }
    .nav-wrapper,
    .srdv-logo img {
        margin-top: 0
    }
    .srdv-logo {
        position: relative;
        top: 0
    }
    .home-about-col,
    .home-about-left-col {
        display: block;
        transform: inherit
    }
    .home-about-img img {
        width: 100%;
        transform: inherit
    }
    .home-about-col {
        height: auto;
        width: 100%
    }
    .home-about-left-col {
        padding: 10% 11%
    }
    .about-wrap-col:after {
        transform: inherit;
        display: none
    }
    .home-about-col:after,
    .innerpage-header:after {
        left: 0;
        width: 100%
    }
    .home-about-right {
        transform: inherit;
        margin: 0 auto;
        position: relative;
        display: block;
        height: auto;
        top: 0;
        padding-right: 10px;
        left: 0;
        padding-left: 25px;
        width: 100%;
        margin-right: 0;
        max-width: 100%
    }
    .home-about-right .box-content-wrapper {
        color: #fff;
        font-size: .9rem;
        line-height: 1.6rem;
        transform: inherit;
        padding: 2% 1%;
        display: block;
        max-width: 100%
    }
    .home-about-right:after,
    .srdv-logo:after {
        display: none
    }
    .home-about-temp .col-lg-5 {
        padding: 0
    }
    .middle-right {
        padding: 1.4rem 0 .5rem 0
    }
    .middle-right .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }
}

@media screen and (max-width:767px) {
    .search-wraap {
        padding: 10px 5px;
    }
    .middle-right {
        text-align: right !important;
        margin-top: 0;
        padding: 0
    }
    .middle-header .row {
        align-items: center
    }
    .srdv-logo img {
        /* max-width: 100% */
    }
    .middle-right i {
        display: none
    }
    .middle-right li a {
        padding-left: 0;
        word-break: break-all
    }
    .top-header .top-header-left a i {
        font-size: .6rem
    }
    .btn-touch a {
        font-size: .7rem;
        line-height: 27px
    }
    .middle-header {
        padding: .5rem 0
    }
    .srdv-logo {
        line-height: normal;
        min-height: inherit;
        width: 100%
    }
    .slider-wrapper .owl-carousel .owl-item img {
        height: 348px
    }
    .slider-wrapper .cra-caption {
        top: 10%;
        left: 0;
        transform: inherit;
        max-width: 100%;
        width: 100%;
        right: 0
    }
    .slider-wrapper .cra-caption h1 {
        font-size: 2.5rem
    }
    .slider-wrapper .cra-caption p {
        font-size: 1rem
    }
    .slider-wrapper .owl-nav button {
        top: 30%
    }
    .texts h4 {
        font-size: 1rem
    }
    .copyright {
        text-align: center
    }
    .title {
        font-size: 1.5rem
    }
    .innerpage-header {
        height: 150px
    }
    .innerheader-txt {
        padding: 4px 0
    }
    .innerheader-txt h1 {
        font-size: 1.7rem
    }
    .office-add li h3 {
        font-size: 13px
    }
    .office-add li p {
        font-size: .8rem;
        margin-bottom: .2rem
    }
    .get-in-touch-wrap h3 {
        font-size: 1.3rem
    }
    .office-add {
        padding-right: 0;
        padding-left: 10px
    }
    .home-about-temp .col-lg-7 {
        padding-right: 0 !important
    }
    .get-in-touch-wrap {
        padding: 10px 25px 5px
    }
    .get-in-touch-wrap .form-control {
        font-size: .8rem
    }
    .home-about-temp {
        padding: 2rem 0 0
    }
    .middle-right .addr h4,
    .middle-right h4 {
        font-size: .8rem
    }
    .middle-right .list-inline-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width:578px) {
    .heading-1 {
        font-size: 1.5rem
    }
    .foot-top-comm {
        margin-bottom: 2rem
    }
    .middle-right i {
        font-size: .8rem;
        width: 1.5rem
    }
    .slider-wrapper .owl-carousel .owl-item img {
        height: 274px
    }
    .slider-wrapper .owl-nav button {
        top: 46%
    }
    .slider-wrapper .cra-caption h1 {
        font-size: 1.5rem
    }
    .slider-wrapper .cra-caption p {
        font-size: .8rem;
        letter-spacing: .1rem;
        word-spacing: .1rem
    }
    .top-header-left .list-inline-item:not(:last-child) {
        margin-right: .2rem
    }
    .top-header a {
        font-size: 11px;
        padding: 0 1px
    }
    .home-ser-wrap .col-serv-wrap:after {
        font-size: 56px
    }
    .get-in-touch-wrap .btn.btn-primary {
        width: 100%
    }
    .bp_blue_back {
        font-size: .8rem
    }
    .stay-connect h3 {
        padding-right: 0
    }
    .stay-connect ul li {
        width: 49%;
        margin-right: 0 !important;
        margin-bottom: 5px
    }
    .send-your-query {
        padding: 25px 25px 6px
    }
    .requset.btn-touch {
        text-align: center
    }
    .our-technology .heading-1 {
        font-size: 1rem
    }
}

@media screen and (max-width:480px) {
    .col-serv-wrap h4 {
        font-size: .8rem
    }
    .col-serv-wrap span {
        font-size: .7rem
    }
}

@media screen and (max-width:460px) {
    .col-xs-header {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .middle-right {
        text-align: center !important;
    }
}