/*=== Desktop Navigation Starts ===*/
@media all and (min-width:992px) {
    nav.navbar {
        background-color: #fff;
        padding: 0;
    }

    #main-menu li {
        display: list-item;
        float: left;
        list-style: none outside none;
        cursor: pointer;
        position: relative;
    }

        #main-menu li ul, #main-menu li ul li ul {
            background-color: #fff;
            border-top: 3px solid #a1c435;
            left: 0;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 100%;
            margin-top: -10px;
            width: 220px;
            z-index: 101;
            -webkit-transition: all .3s ease-in 0s;
            -moz-transition: all .3s ease-in 0s;
            -ms-transition: all .3s ease-in 0s;
            -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
            box-shadow: 0px 18px 30px rgba(0,0,0,0.05);
        }

            #main-menu li ul li a, #main-menu li ul li ul li a {
                float: left;
                font-size: 16px;
                padding: 10px 5px;
                width: 100%;
                overflow: hidden;
                -webkit-transition: all .3s ease-in 0s;
                -moz-transition: all .3s ease-in 0s;
                -ms-transition: all .3s ease-in 0s;
                -o-transition: all .3s ease-in 0s;
                transition: all .3s ease-in 0s;
            }

        #main-menu li:hover > ul {
            left: 0;
            opacity: 1;
            visibility: visible;
            margin-top: 0;
        }

    .sub-menu {
        display: block;
    }

        .sub-menu li {
            float: left;
            width: 100%;
            padding: 5px;
        }

            .sub-menu li:hover {
                background-color: #a1c435;
            }

                .sub-menu li:hover a {
                    padding-left: 10px !important;
                    transition: all .3s ease-in 0s !important;
                    color: #fff;
                }

    .parentDropDown > a::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: 0.15em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }
}
/*=== Desktop Navigation End ===*/

@media all and (max-width:1199px) and (min-width:992px) {
    .navbar li a {
        font-size: 16px;
    }
}

@media all and (max-width:1199px) {
    .footerNav {
        text-align: center;
    }

        .footerNav ul {
            width: 100%;
            text-align: center;
        }

            .footerNav ul li {
                float: none;
            }

    .mainInnerCaptain {
        padding: 70px 100px 60px 100px;
    }

    .mainCaptain {
        top: 15.5%;
    }
}

@media all and (max-width:991px) {
    header {
        padding: 0;
    }

    .mainCaptain {
        padding: 0;
        width: 80%;
        margin-left: 10%;
        top: 18.6%;
    }

    .desktopNav {
        display: none;
    }

    .displayMedium {
        display: none;
    }

    .mainInnerCaptain {
        padding: 70px 0 60px 0;
    }

    .footer ul li {
        border-bottom: none;
    }

    .footerNav .nav-link {
        padding: .5rem 0.5rem;
    }

    .mobileNav {
        display: block;
        padding: 0;
        background-color: #fff;
    }

    .navbar-fixed-top {
        opacity: 1;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 13px 8px;
    }

    header .socialNav {
        padding-top: 0;
        background-color: #fff;
        width: 100%;
        margin-top: -1px;
        border-top: 1px solid #eeeeee;
        /*padding-left: 30px;*/
    }

    .socialNav a, .socialNav ul {
        float: none;
        display: block;
        text-align: left;
    }

    .socialNav li {
        margin-left: 0;
    }

    .socialNav ul li a {
        padding: 13px 8px;
    }

    .navbar-nav {
        padding-top: 20px;
        background-color: #fff;
    }

    nav.navbar > .container {
        padding: 0 15px;
    }

    .navbar-nav li {
        border-bottom: 1px solid #eeeeee;
        /*padding-left: 30px;*/
    }


        .navbar-nav li:last-child {
            border: none;
        }

            .navbar-nav li:last-child a {
                padding-bottom: 0;
            }

    .sub-menu {
        list-style: none;
    }

        .sub-menu li {
            border-bottom: none;
            margin-bottom: 10px;
        }

            .sub-menu li:last-child {
                margin-bottom: 0;
            }

            .sub-menu li a {
                font-size: 16px;
                color: #777;
            }

    .dropdown-menu {
        padding: 0;
        border-radius: 0;
    }

    .caseMobilOrder {
        order: 2;
    }

    /*.caseStudy {
        text-align: center;
    }*/

    .caseStudy img {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .testimonialHeading h2 {
        width: 100%;
        float: left;
        text-align: center !important;
    }

    .coreFeatures .caseStudy:nth-child(2n+2) .caseImagePanel {
        order: 1 !important;
    }

    .coreFeatures .caseStudy:nth-child(2n+2) .caseBodyPanel {
        order: 2;
    }

    .custom-card-deck .row div:nth-child(2n+2) .card .card-body {
        order: 1;
    }

    .custom-card-deck .row div:nth-child(2n+2) .card img {
        order: 2;
    }

    .webdesign-panel {
        margin-top: 0;
    }

    .dbCoreFeaturePanel {
        padding: 50px 30px;
    }

    .consulting-panel img {
        margin-bottom: 30px;
    }

    .consulting-panel img {
        margin-bottom: 30px;
    }

    .techs .tech {
        height: auto;
        padding: 20px;
    }
}

@media all and (max-width:1024px) and (min-width:992px) {
    .mainCaptain {
        top: 15%;
    }
}

@media all and (max-width:767px) and (min-width:576px) {

    .consulting-list .list-b {
        margin-left: 28px;
    }
}

@media all and (max-width:575px) {
    .team-panel-img img {
        width: 100%;
    }

    .team-panel-description {
        margin-left: 5%;
        margin-right: 5%;
        width: 90%;
    }
}

@media all and (max-width:991px) and (min-width:768px) {
    .core-design-services {
        padding: 50px 19px;
    }

    .supportCoreFeature {
        padding: 50px 20px;
    }

        .supportCoreFeature img {
            width: 120px;
        }
}

@media all and (max-width:768px) and (min-width:768px) {
    .mainCaptain {
        top: 10%;
    }
}

@media all and (max-width:767px) {
    .header-banner{
        height: auto;
    }

    .footer.mr-t-50 {
        margin-top: 0;
    }

    .footerNav {
        margin-top: 0;
        padding-bottom: 10px;
    }

    .caseBody p {
        margin-top: 30px;
        margin-bottom: 33px;
    }

    #main-menu li a.dropdown-toggle,
    #main-menu li a{
        display: block;
    }

    .timeSpan, .timeSpan:before, .life-cycle:before {
        display: none;
    }

    .life-cycle .row:nth-child(2n+1) .col-md-6:nth-child(2n+1) {
        order: 1;
    }

    .life-cycle .row:nth-child(2n+1) .col-md-6:nth-child(2n+2) {
        order: 2;
    }

    .content-panel {
        padding: 30px 30px 50px;
        margin-top: 0;
    }

    .displayMedium {
        display: none !important;
    }

    .mainInnerCaptain h1 {
        font-size: 48px;
        line-height: 52px;
    }

    video {
        margin-top: 0;
    }

    .hideMobile {
        display: none !important;
    }

    .fa-phone {
        float: none;
    }

    .mainCaptain {
        top: 18%;
    }

    footer h3 {
        text-align: center;
    }

    footer ul, .footerPanel {
        padding-bottom: 15px !important;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px !important;
        text-align: center;
        float: left;
        width: 100%;
    }

    footer div.col-md-8 div.col-md-3:last-child ul {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        border: none;
    }

    .footer ul li {
        text-align: center;
        margin-top: 0;
        padding-bottom: 0;
        width: 100% !important;
    }

    .footerNav p, .footerBody p {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .imgPanelTestimonial {
        width: 100%;
        height: auto;
        text-align: center;
        border: none;
        background-color: transparent;
        border-radius: 0;
        position: relative;
        overflow: unset;
        height: 158px;
        margin-bottom: 20px;
        width: 158px;
        left: 50%;
        margin-left: -79px;
    }

        .imgPanelTestimonial img {
            width: 158px !important;
            height: 158px !important;
            border-radius: 50%;
            background-color: gray;
            border: 2px solid #eee;
        }

    .carousel-caption, .carousel-caption > p {
        text-align: center !important;
    }

    .mb-mobile-30 {
        margin-bottom: 30px;
    }

    .table-panel .table-panel-body {
        padding: 20px 20px 10px 20px;
    }

    .pad-left-0 {
        padding-left: 15px;
    }

    .pad-right-0 {
        padding-right: 15px;
    }

    .carousel-item ul {
        display: block !important;
    }

        .carousel-item ul li {
            float: none;
            width: 100%;
            text-align: center;
            display: block;
        }

    .technlogyPanel .row:nth-child(2n+1) .technlogyImagePanel {
        padding-left: 15px;
    }

    .technlogyPanel .row:nth-child(2n+1) .technlogyPanelBody {
        padding-right: 15px;
    }

    .technlogyPanel .row:nth-child(2n+2) .technlogyImagePanel {
        padding-right: 15px;
    }

    .technlogyPanel .row:nth-child(2n+2) .technlogyPanelBody {
        padding-left: 15px;
    }

    .technlogyPanel .row:nth-child(2n+2) .technlogyPanelBody {
        order: 1;
    }

    .technlogyPanel .row:nth-child(2n+2) .technlogyImagePanel {
        order: 2;
    }

    .card-deck .card {
        margin-right: 15px;
        margin-left: 15px;
    }

    .supportCoreFeature {
        margin-bottom: 30px;
        padding: 50px 20px;
    }

    .supportCoreFeaturePanel .row .col-md-4:last-child .supportCoreFeature {
        margin-bottom: 0;
    }

    .servicesPanel {
        margin-bottom: 30px;
    }

    .servicesMainPanel .col-md-4:last-child .servicesPanel {
        margin-bottom: 0;
    }

    .dbCoreFeaturePanel .imgPanel img {
        width: 100%;
    }

    .dbCoreFeaturePanel .bodyPanel {
        order: 2;
        margin-top: 30px;
    }

    .consulting-point {
        padding: 30px 30px;
    }

    .consulting-list .list-b {
        margin-left: 0;
    }

    .consulting-list ul {
        display: block;
    }

    .casestudy-img img {
        margin-bottom: 30px;
    }
}

@media all and (max-width:720px) {
    .mainCaptain {
        width: 90%;
        margin-left: 5%;
    }
}

@media all and (max-width:649px) {

    .footer ul li {
        width: 100% !important
    }

    .navbar.navbar-expand-lg {
        padding: 6px 15px;
    }

    .container-fluid .row {
        margin-right: 0;
        margin-left: 0;
    }

        .container-fluid .row > .col, .container-fluid .row > [class*=col-] {
            padding-right: 0;
            padding-left: 0;
        }

    nav.navbar > .container {
        padding: 0;
    }

    .mainCaptain {
        margin-left: 0;
        padding: 0 15px;
        top: 50%;
        width: 100%;
        height: auto;
        transform: translate(0,-50%);
    }

        .mainCaptain h1 {
            font-size: 40px;
            line-height: normal;
        }

        .mainCaptain p {
            float: none;
            font-size: 22px;
            line-height: normal;
        }
}

@media all and (max-width:450px) {
    .portfolioTabs li {
        display: block;
    }

        .portfolioTabs li a {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }

        .portfolioTabs li:last-child a {
            border-bottom: none;
        }

    .mainCaptain h1 {
        font-size: 30px;
        line-height: normal;
    }

    .mainCaptain p {
        font-size: 16px;
    }
}

.cc-cookies {
    position: fixed !important;
    max-width: 500px !important;
    bottom: 0;
}

    .cc-cookies .container {
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
    }

    .cc-cookies .cc-cookie-accept {
        margin-top: 15px;
    }