@media(min-width:1500px) and (max-width:1700px) {
    .home-slider .quote-box {
        bottom: 10%
    }
}
@media(min-width:1700px) and (max-width:2000px) {
.right-div.sticky.aos-init.aos-animate.fixed {
    position: sticky;
    right: 22%;
    width: 100%;
    top: 0px;
}
}
@media(min-width:1400px) and (max-width:1500px) {
    .filter-section .img-block img {
        height: 381px
    }
    .home-slider .quote-box {
        bottom: 13%
    }
    .home-slider .item .caption-box h2 {
        margin: 75px 0 0;
        color: #fff
    }
    .home-slider .item .caption-box .digital-business {
        width: 400px
    }
    .about-div .container {
        top: 16%
    }
    .feature-section .text-box {
        padding: 0
    }
    .work-section .blog .info-box {
        padding: 40px
    }
    .home-slider {
        min-height: 548px
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    .top-arrow {
        bottom: 14%
    }
}

@media(min-width:1300px) and (max-width:1400px) {
    .top-arrow {
        bottom: 14%
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .filter-section .img-block img {
        height: 340px
    }
    .home-slider .item .caption-box h2 {
        font-size: 43px;
        margin: 50px 0 0
    }
    .home-slider .quote-box {
        bottom: 10%
    }
    .home-slider .item .caption-box .digital-business {
        width: 370px
    }
    .home-slider .detail-form {
        top: 30%
    }
    .about-div .container {
        top: 11%
    }
    .feature-section .text-box {
        padding: 13px 0
    }
    .work-section .blog .info-box {
        padding: 35px
    }
    .work-section .info-box .skill {
        padding: 30px 0 30px
    }
    .work-section .info-box .skill_new {
        padding: 30px 0 30px
    }
}

@media(max-width:1200px) {
    .top-arrow {
        right: 34px
    }
    .home-slider {
        min-height: auto
    }
    .work-section .blog {
        width: 900px
    }
    .filter-section .img-block:hover img {
        transform: none
    }
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        padding: 10px 11px
    }
    .home-slider .item .caption-box h2 {
        font-size: 30px;
        margin: 35px 0 0
    }
    .home-slider .item .caption-box p {
        font-size: 14px;
        margin: 10px 0 30px
    }
    .home-slider .quote-box .box-style {
        font-size: 17px;
        height: 50px !important
    }
    .home-slider .quote-box .select-box .icon-down {
        right: 3px;
        top: 17px;
        font-size: 8px;
        padding: 5px 5px
    }
    .home-slider .quote-box .quate-btn {
        font-size: 14px;
        height: 50px;
        padding: 15px 14px
    }
    .home-slider .quote-box .dotted-img {
        top: -20px;
        width: 65px
    }
    .home-slider .item .caption-box .digital-business {
        width: 280px
    }
    .home-slider .quote-box {
        bottom: 12%
    }
    .home-slider .detail-form .close-box {
        margin-left: 50px
    }
    .home-slider .detail-form h5 {
        font-size: 25px;
        margin: 0 0 15px
    }
    .home-slider .detail-form .close-box .icon-cross {
        font-size: 18px
    }
    .home-slider .detail-form .box-style {
        height: 40px !important;
        font-size: 18px
    }
    .home-slider .detail-form .box-style,
    .home-slider .detail-form .box-style::placeholder,
    .home-slider .detail-form select.box-style {
        font-size: 15px
    }
    .home-slider .detail-form .free-quote {
        font-size: 17px;
        height: 40px;
        padding: 0 10px
    }
    .home-slider .detail-form .dotted-img {
        width: 70px
    }
    .home-slider .detail-form .out-box {
        margin-right: 35px
    }
    .about-div .container {
        left: 2%;
        top: 1%
    }
    .about-div h1 {
        font-size: 30px;
        margin: 0 0 15px
    }
    .about-div p {
        font-size: 16px;
        margin: 0 0 20px
    }
    .about-div .read-btn {
        width: 115px
    }
    .filter-section .img-block .overlay h3 {
        font-size: 25px
    }
    .filter-section .img-block .overlay .arrow {
        font-size: 20px;
        opacity: 0
    }
    footer .col-div p {
        font-size: 12.2px
    }
    .breadcum h1 {
        font-size: 40px;
        margin: 0 0 10px
    }
    .whyus-section .nav-tabs .nav-link {
        width: 380px
    }
    .whyus-section h3 {
        font-size: 28px
    }
    .counters-div .count-box {
        width: 19%;
        margin-right: 11px
    }
    .counters-div .count-box .icon-box {
        margin-right: 6px
    }
    .counters-div .count-box .icon-box>span {
        font-size: 40px
    }
    .counters-div .count-box h2,
    .counters-div .count-box h3 {
        font-size: 22px
    }
    .counters-div .count-box .plus {
        font-size: 22px
    }
    .counters-div .count-box p {
        font-size: 13px
    }
    .tagline-section .ht-200 {
        height: 150px
    }
    .project-discuss {
        padding: 170px 0 60px
    }
    .services-div.web-design-div .text-box {
        text-align: right;
        transform: translateY(5%)
    }
    .we-do-more .more-box .icon-div>span {
        font-size: 40px
    }
    .related-work .owl-theme .owl-nav .owl-prev {
        left: -2%
    }
    .related-work .owl-theme .owl-nav .owl-next {
        right: -2%
    }
    .related-work .owl-theme .owl-nav [class*=owl-],
    .related-work .owl-theme .owl-nav [class*=owl-]:hover {
        padding: 5px 9px;
        font-size: 15px
    }
    .work-section .blog .info-box {
        padding: 22px;
        height: 320px;
        transition: all .5s ease
    }
    .work-section .blog .img-box img {
        width: 100%;
        height: 320px
    }
    .work-section .info-box .skill {
        padding: 20px 0 25px
    }
    .work-section .info-box .skill_new {
        padding: 20px 0 25px
    }
    .benefit .parallax-container {
        height: 650px
    }
    .benefit .parallax .container {
        top: 5%
    }
    .benefit .row .col-sm-6 {
        margin-top: 50px
    }
    .benefit .row .col-sm-6:nth-child(5) {
        margin-left: 120px
    }
    .benefit h2 {
        font-size: 14px
    }
    .benefit h3 {
        font-size: 14px
    }
    .benefit p {
        padding: 0
    }
    .get-in-touch .outer-box {
        width: 90%
    }
    .client-slider {
        padding: 10px 0
    }
    .client-section .icon-box {
        width: 19.14%;
        height: 140px
    }
    .blog-section .left-div {
        padding: 0 15px 0 30px
    }
    .blog-section .right-div {
        padding: 0 30px 0 0
    }
    .work-section .owl-theme .owl-nav .owl-prev {
        opacity: 1;
        left: 0
    }
    .work-section .owl-theme .owl-nav .owl-next {
        opacity: 1;
        right: 0
    }
    .work-section .blog .img-box:hover img {
        transform: unset
    }
    .filter-section .img-block .overlay {
        background: unset;
        opacity: 1;
        background-image: linear-gradient(to bottom, #dddddd0a 0, #0000006b 100%);
        height: 40%;
        bottom: 0;
        top: auto
    }
    .filter-section .img-block .overlay h3,
    .filter-section .img-block:hover .overlay h3 {
        bottom: 10%
    }
    .filter-section .img-block:hover .overlay .arrow {
        bottom: 10%;
        opacity: 0
    }
    header .navbar-nav .nav-item:last-child .phone-no {
        display: none
    }
    footer .col-div h4 {
        margin: 25px 0 8px
    }
    .opportunity-div .card-body .box-icon,
    .opportunity-div .nav-link .box-icon {
        font-size: 30px;
        height: 55px;
        width: 55px
    }
}

@media(max-width:992px) {
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
        padding: 10px 7px
    }
    header .navbar-nav .nav-item:last-child .nav-link {
        padding: 4px 7px;
        margin: 5px 0 0 5px
    }
    header .logo-box,
    header .logo-box .main-logo {
        width: 150px;
        height: 60px
    }
    .home-slider .item .caption-box h2 {
        font-size: 25px;
        margin: 30px 0 0
    }
    .home-slider .item .caption-box p {
        font-size: 13px;
        margin: 10px 0 10px
    }
    .home-slider .quote-box .box-style {
        font-size: 13px;
        height: 40px !important;
        padding: 5px
    }
    .home-slider .quote-box .quate-btn {
        font-size: 10px;
        height: 40px;
        padding: 12px 8px
    }
    .home-slider .quote-box .dotted-img {
        top: -20px;
        width: 50px;
        right: 25px
    }
    .home-slider .owl-theme .owl-dots {
        bottom: 0
    }
    .home-slider .item .caption-box .digital-business {
        width: 220px
    }
    .home-slider .quote-box {
        bottom: 15%
    }
    .home-slider .quote-box .select-section {
        margin-bottom: 0
    }
    .home-slider .detail-form .close-box {
        margin-left: 40px
    }
    .home-slider .detail-form h5 {
        font-size: 20px;
        margin: 0 0 10px
    }
    .home-slider .detail-form .dotted-img {
        width: 50px
    }
    .home-slider .detail-form .out-box {
        margin-right: 0
    }
    .home-slider .detail-form .box-style,
    .home-slider .detail-form .box-style::placeholder,
    .home-slider .detail-form select.box-style {
        height: 31px !important;
        font-size: 13px
    }
    .home-slider .detail-form .free-quote {
        font-size: 15px;
        height: 35px
    }
    .home-slider .detail-form .form-group {
        margin-bottom: 10px
    }
    .home-slider .detail-form .form-group:nth-child(2),
    .home-slider .detail-form .form-group:nth-child(4) {
        padding-left: 3px
    }
    .home-slider .detail-form .form-group:nth-child(1),
    .home-slider .detail-form .form-group:nth-child(3) {
        padding-right: 3px
    }
    .about-div h1 {
        font-size: 22px;
        margin: 0 0 5px
    }
    .about-div p {
        font-size: 14px;
        margin: 0 0 5px
    }
    .about-div .read-btn {
        width: 100px;
        padding: 7px;
        font-size: 13px;
        height: 30px
    }
    .about-div .container {
        top: 2%
    }
   .development-section {
    padding: 30px 0 110px;
}
.development-section .item .text-div {
    transform: translateY(25%);
    margin-left: 31px;
}
    .development-section h2 {
        font-size: 25px;
        margin: 0 0 20px
    }
    .development-section .info-box p {
        font-size: 15px;
        margin: 0 0 25px
    }
    .development-section .read-btn {
        padding: 10px 0;
        font-size: 13px;
        height: 35px
    }
    .filter-section h2 {
        font-size: 25px
    }
    .filter-section p {
        font-size: 16px
    }
    .filter-section .img-block .overlay h3 {
        font-size: 20px
    }
    .filter-section .img-block .overlay .arrow {
        font-size: 15px
    }
    footer .col-div h4 {
        font-size: 11px
    }
    footer .col-div a {
        font-size: 11px
    }
    .bottom-strip a.f-link {
        font-size: 14px
    }
    .bottom-strip .copyright a,
    .bottom-strip .copyright p {
        font-size: 13px
    }
    .introduction-div h1 {
        font-size: 25px;
        margin: 0 0 10px
    }
    .introduction-div p {
        font-size: 15px;
        margin: 0
    }
    .breadcum h1 {
        font-size: 33px;
        margin: 0 0 5px
    }
    .breadcum p {
        font-size: 13px
    }
    .vision-section {
        padding: 50px 0
    }
    .vision-section .hgt-50 {
        height: 50px
    }
    .vision-section h3 {
        font-size: 25px;
        margin: 0 0 20px
    }
    .vision-section p {
        font-size: 15px;
        margin-top: 30px
    }
    .whyus-section h2 {
        font-size: 25px
    }
    .whyus-section .nav-tabs .nav-link {
        width: 285px;
        font-size: 18px;
        padding: 5px 13px
    }
    .whyus-section h3 {
        font-size: 23px
    }
    .whyus-section p {
        font-size: 15px
    }
    .golden-words h6 {
        font-size: 17px;
        margin: 0 0 30px
    }
    .golden-words .slider-box {
        padding: 45px 0 0
    }
    .golden-words .slider-box .small-quate {
        width: 40px
    }
    .golden-words .slider-box .big-quate {
        width: 60px
    }
    .golden-words .item p {
        font-size: 15px;
        margin: 0 0 15px
    }
    .golden-words .item .crcl-box {
        height: 50px;
        width: 50px
    }
    .golden-words .item h2 {
        font-size: 30px;
        margin: 0 auto;
        left: 35%;
        top: 15%
    }
    .golden-words .item .text-box h5 {
        margin: 5px 0 0
    }
    .golden-words .item .text-box small {
        font-size: 16px
    }
    .golden-words .owl-theme .owl-dots {
        padding-top: 10px
    }
    .development-section .tab-section .icon-box>span {
        font-size: 30px
    }
    .development-section .tab-section h6 {
        font-size: 14px;
        margin: 0 0 0 5px
    }
    .tagline-section .col-sm-4:nth-child(1) .icon-box {
        font-size: 60px;
        margin-top: 15px
    }
    .tagline-section h5 {
        font-size: 17px;
        margin: 20px 0 15px
    }
    .tagline-section p {
        font-size: 15px;
        margin: 0 0 10px
    }
    .tagline-section {
        padding: 50px 0 45px;
        background-size: 100%
    }
    .tagline-section .icon-box {
        font-size: 75px
    }
    .counters-div .count-box {
        width: 19.4%;
        margin-right: 5px;
        padding: 5px
    }
    .counters-div .count-box .icon-box {
        margin-right: 5px;
        padding: 10px
    }
    .counters-div .count-box .icon-box>span {
        font-size: 30px
    }
    .counters-div .count-box .plus,
    .counters-div .count-box h2,
    .counters-div .count-box h3 {
        font-size: 18px
    }
    .counters-div .count-box p {
        font-size: 11px
    }
    .tagline-section .ht-200 {
        height: 100px
    }
    .golden-words h3 {
        font-size: 25px
    }
    .golden-words h6 {
        font-size: 16px
    }
    .project-discuss h2 {
        font-size: 25px
    }
    .project-discuss p {
        font-size: 18px
    }
    .services-section h1 {
        font-size: 25px;
        margin: 0 0 10px
    }
    .services-section h6 {
        font-size: 16px;
        line-height: 1.5
    }
    .services-div .text-box {
        transform: translateY(20%);
        margin-bottom: 30px;
    }
    .services-div .srvc-icon {
        font-size: 50px;
    }
    .services-div h2 {
        font-size: 25px;
        margin: 10px 0 15px
    }
    .services-div p {
        font-size: 15px
    }
    .services-div.graphics-div.software-div .text-box {
        transform: translateY(5%)
    }
    .detail-section h1 {
        font-size: 25px;
        margin: 0 0 10px
    }
    .detail-section p {
        font-size: 15px
    }
    .we-do-more {
        padding: 50px 0
    }
    .we-do-more h3 {
        font-size: 25px
    }
    .we-do-more h6 {
        font-size: 16px
    }
    .we-do-more .more-box .icon-div>span {
        font-size: 30px
    }
    .we-do-more .more-box .icon-div {
        height: 80px;
        width: 80px
    }
    .we-do-more p {
        font-size: 12px
    }
    .feature-section h2 {
        font-size: 25px;
        margin: 0 0 15px
    }
    .feature-section p {
        font-size: 15px;
        margin: 0 0 5px;
        padding-left: 25px
    }
    .feature-section ul li:before {
        font-size: 15px
    }
    .related-work h2 {
        font-size: 25px
    }
    .related-work h6 {
        font-size: 16px
    }
    .related-work .owl-theme .owl-nav [class*=owl-],
    .related-work .owl-theme .owl-nav [class*=owl-]:hover {
        padding: 5px 9px;
        font-size: 12px
    }
    .related-work .owl-theme .owl-nav .owl-prev {
        left: -3%
    }
    .related-work .owl-theme .owl-nav .owl-next {
        right: -3%
    }
    .related-work .item .img-box h5 {
        bottom: 5px;
        left: 15px;
        font-size: 18px
    }
    .work-section .blog .info-box {
        padding: 20px;
        height: 250px
    }
    .work-section .info-box h6 {
        font-size: 14px
    }
    .work-section .info-box h2 {
        font-size: 18px;
        margin: 5px 0
    }
    .work-section .info-box p {
        font-size: 13px
    }
    .work-section .info-box .skill {
        padding: 10px 0 0px
    }
    .work-section .info-box .skill_new {
        padding: 10px 0 17px
    }
    .work-section .info-box .tcnlgy {
        font-size: 12px
    }
    .work-section .info-box .sftwr {
        font-size: 13px
    }
    .work-section .info-box .visit-btn {
        width: 100px;
        padding: 7px;
        font-size: 13px
    }
    .work-section .blog .img-box .category,
    .work-section .info-box .date {
        font-size: 13px;
        padding: 3px 20px
    }
    .work-title h2 {
        font-size: 25px;
        margin: 0 0 10px
    }
    .work-title p {
        font-size: 16px
    }
    .filter-section .tab a {
    font-size: 12px;
    padding: 5px 15px;
    margin: 0 4px;
    width: auto;
}
    .tab-div .select-box {
        width: 150px
    }
    .why-us h1 {
        font-size: 25px;
        margin: 0 0 10px
    }
    .why-us p.info {
        font-size: 15px
    }
    .why-us p {
        font-size: 15px;
        margin: 0 0 12px
    }
    .opportunity-div .nav-link .read-btn {
        bottom: 10px;
        right: 10px;
        font-size: 12px;
        width: 60px;
        height: 25px;
        padding: 6px
    }
    .opportunity-div .card-body .icon-box,
    .opportunity-div .nav-link .icon-box {
        font-size: 35px;
        padding: 10px
    }
    .opportunity-div .nav-link small {
    font-size: 12px;
}
    .opportunity-div .nav-link .text-box {
        margin-left: 5px
    }
    .opportunity-div .nav-link h5 {
        font-size: 17px
    }
    .opportunity-div .card-body h4 {
        font-size: 17px;
        margin: 0 0 0 5px
    }
    .opportunity-div .card-body {
        padding: 15px
    }
    .opportunity-div .card-body p,
    .opportunity-div .card-body p.bullet {
        font-size: 15px
    }
    .opportunity-div .apply-btn {
        width: 100px;
        height: 30px;
        font-size: 14px;
        padding: 7px;
        margin-top: 15px
    }
    .opportunity-div .card-body h5 {
        margin: 15px 0 5px
    }
    .opportunity-div h2 {
        margin: 0 0 5px;
        font-size: 25px
    }
    .opportunity-div h6 {
        font-size: 16px
    }
    .get-in-touch h2 {
        font-size: 25px
    }
    .get-in-touch h6 {
        font-size: 16px
    }
    .get-in-touch {
        padding: 50px 0 70px
    }
    .get-in-touch .outer-box {
        width: 100%
    }
    .support-div {
        height: 300px
    }
    .support-div .container {
        transform: translateY(10%)
    }
    .support-div .left-div {
        margin-top: 15px;
        text-align: left
    }
    .support-div .left-div h3 {
        font-size: 60px
    }
    .support-div .left-div h2 {
        font-size: 25px
    }
    .support-div .left-div p {
        font-size: 12px;
        margin: 0 0 0
    }
    .support-div .right-div {
        padding-top: 20px;
        padding-left: 30px;
        margin-left: 0
    }
    .support-div .right-div .call,
    .support-div .right-div .mail {
        font-size: 25px
    }
    .support-div .right-div a {
        font-size: 18px
    }
    .benefit h2 {
        font-size: 25px
    }
    .benefit .row .col-sm-6 {
        margin-top: 40px
    }
    .benefit .row .col-sm-6:nth-child(5) {
        margin-left: 100px
    }
    .benefit .icon-size {
        font-size: 50px;
        margin: 0 0 20px
    }
    .benefit p {
        font-size: 15px
    }
    .benefit h6 {
        font-size: 16px
    }
    div.main {
        margin-bottom: 0
    }
    .introduction-div {
        padding: 50px 0
    }
    .introduction-div .text-div {
        width: 100%
    }
    .services-div {
        padding: 50px 0
    }
    .client-section .icon-box {
        width: 23.55%;
        height: 125px
    }
    .client-section .icon-box:nth-child(10),
    .client-section .icon-box:nth-child(15),
    .client-section .icon-box:nth-child(20),
    .client-section .icon-box:nth-child(25),
    .client-section .icon-box:nth-child(30),
    .client-section .icon-box:nth-child(5) {
        margin-right: 10px
    }
    .client-section .icon-box:nth-child(12),
    .client-section .icon-box:nth-child(16),
    .client-section .icon-box:nth-child(20),
    .client-section .icon-box:nth-child(24),
    .client-section .icon-box:nth-child(28),
    .client-section .icon-box:nth-child(4),
    .client-section .icon-box:nth-child(8) {
        margin-right: 0
    }
    .blog-section .left-div,
    .blog-section .right-div {
        padding: 0
    }
    .blog-section .info-div {
        padding: 25px
    }
    .blog-section .info-div h2 {
        font-size: 25px
    }
    .blog-section .info-div p {
        font-size: 15px;
        margin: 0 0 25px
    }
    .blog-section .info-div .read-btn {
        padding: 7px 0;
        font-size: 14px;
        width: 110px;
        height: 35px
    }
    .blog-section .info-div .lbel {
        font-size: 13px;
        padding: 19px 12px;
        margin-left: 10px
    }
    .blog-section .right-div h5 {
        font-size: 18px
    }
    .blog-section .search-box .box-style {
        font-size: 16px;
        height: 35px;
        padding: 5px 15px
    }
    .blog-section .search-box .search {
        padding: 8px;
        font-size: 13px
    }
    .blog-section .pad30 {
        padding: 15px
    }
    .blog-section .block img {
    margin-right: 10px;
    width: 60px;
    height: auto !important;
}
.get-in-touch h1 {
    font-size: 23px;
}
    .blog-section .block h4 {
        font-size: 14px
    }
    .blog-section .tags {
        font-size: 13px;
        padding: 4px 12px;
        margin: 0 10px 10px 0
    }
    .blog-section .blog-div {
        margin-top: 30px
    }
    .blog-detail .slider-div {
        padding: 0 20px
    }
    .blog-detail .blog-div h2 {
        font-size: 25px
    }
    .relered-blog .owl-theme .owl-nav [class*=owl-],
    .relered-blog .owl-theme .owl-nav [class*=owl-]:hover {
        font-size: 20px
    }
    .relered-blog .owl-theme .owl-nav {
        top: 20%
    }
    .blog-detail .blog-div .date {
        font-size: 13px
    }
    .blog-detail .blog-div .technology {
        font-size: 13px;
        padding: 0 5px;
        margin-left: 5px
    }
    .blog-detail .blog-div .lbel {
        font-size: 12px;
        padding: 3px 10px;
        margin-left: 7px
    }
    .blog-detail .left-div p {
        font-size: 15px
    }
    .blog-section.blog-detail {
        padding: 50px 0
    }
    .we-do-more .more-box .icon-div>span.icon-php {
        font-size: 30px
    }
    .gallary-div h3 {
        font-size: 25px
    }
    .gallary-div h6 {
        font-size: 16px
    }
    .gallary-div .owl-theme .owl-nav [class*=owl-],
    .gallary-div .owl-theme .owl-nav [class*=owl-]:hover {
        font-size: 15px;
        padding: 4px 7px
    }
    .navbar-nav li.dropdown .dropdown-toggle::after {
        border-top: 5px solid;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent
    }
    header .navbar-nav li.dropdown .dropdown-menu a {
        font-size: 12px;
        padding: 7px 15px
    }
    footer {
        position: static
    }
    .work-section .blog {
        width: 700px
    }
    .work-section .blog .img-box img {
        width: 100%;
        height: 250px
    }
    .term-condtion p {
        font-size: 15px
    }
    .term-condtion h5 {
        font-size: 18px;
        margin: 0 0 2px
    }
    .counters-div .count-box:nth-child(3) .icon-box {
        height: 50px;
        width: 50px;
        padding: 15px 0
    }
    .counters-div .count-box:nth-child(3) .icon-box>span {
        font-size: 26px
    }
    footer .col-div h4 {
        margin: 40px 0 8px
    }
.blog-section .social li a{
margin-right: 1px;
}
.blog-div h2 {
    font-size: 10px;
}
.home-slider .detail-form {
    position: absolute;
    top: 21%;
}
.breadcum h2 {
    font-size: 26px;
}
}
@media(max-width:767px) {
    .navbar-nav li.dropdown .dropdown-toggle::after {
        vertical-align: middle
    }
    .home-slider .item .caption-box p {
        display: none
    }
    header .navbar-nav li.dropdown .dropdown-menu {
        background: 0 0;
        box-shadow: none;
        padding: 0
    }
    header .navbar-nav li.dropdown .dropdown-menu a {
        font-size: 17px;
        padding: 7px 0 7px 25px;
        width: 70%
    }
    header .navbar-nav li.dropdown .dropdown-menu a span {
        color: #fff
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item:nth-child(1) a {
        transition-delay: .1s
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item:nth-child(2) a {
        transition-delay: .2s
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item:nth-child(3) a {
        transition-delay: .3s
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item:nth-child(4) a {
        transition-delay: .4s
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item:nth-child(5) a {
        transition-delay: .5s
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item:nth-child(6) a {
        transition-delay: .6s
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item:nth-child(7) a {
        transition-delay: .7s
    }
    header .navbar-expand-lg .mobile-navbar.open .navbar-nav .nav-item a {
        transform: translateX(10px) !important;
        opacity: 1 !important
    }
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 20px;
        padding: 13px 10px;
        text-transform: uppercase;
        transform: translateX(-5px);
        opacity: 0;
        width: 70%;
        transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1)
    }
    html.black:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #333b64b3;
        z-index: 2
    }
    .vision-section .hgt-50 {
        height: 0
    }
    header nav.navbar {
        padding: 5px 0 0
    }
    header .logo-box,
    header .logo-box .main-logo {
        width: 160px;
        height: 65px;
        position: static;
        opacity: 1
    }
    .black body {
        overflow: hidden
    }
    header .mobile-navbar {
        z-index: 2;
        width: 0%;
        position: fixed;
        top: 0;
        padding: 0;
        right: 0;
        background: #333b64f7;
        height: 100vh;
        overflow-y: scroll;
        transition: all .3s
    }
    header .mobile-navbar.open {
        width: 100%
    }
    header .navbar-expand-lg .navbar-nav .nav-link.active,
    header .navbar-expand-lg .navbar-nav .nav-link:hover {
        color: #00c3bf
    }
    header .navbar-nav .nav-item:last-child .nav-link {
        display: none
    }
    header .navbar-nav {
        margin-top: 50px
    }
    header.shrink {
        background: #04b8b3
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 28px;
        height: 2px;
        border-radius: 0;
        background-color: #fff;
        position: relative;
        margin: 5px 0;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s
    }
    .navbar-toggler.active .icon-bar.one {
        top: 7px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg)
    }
    .navbar-toggler .icon-bar.two {
        right: 0;
        position: relative;
        transition: .3s
    }
    .navbar-toggler.active .icon-bar.two {
        transform: translateX(155px)
    }
    .navbar-toggler.active .icon-bar.three {
        top: -7px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg)
    }
    header .navbar-toggler,
    header .navbar-toggler:focus {
        border: 0;
        outline: 0;
        z-index: 4
    }
    header.shrink .navbar-expand-lg .navbar-nav .nav-link {
        color: #fff
    }
    .dropdown a[aria-expanded=true]::after {
        transform: rotate(180deg)
    }
    header {
        position: fixed;
        background: 0 0;
        box-shadow: none;
        z-index: 3
    }
    header .logo-box .main-logo .st0 {
        fill: #fff !important
    }
    header ul.social {
        position: static;
        width: 100%;
        bottom: 10%;
        padding: 0;
        margin: 50% 0 0;
        opacity: 0;
        transform: translateX(-10px);
        transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
        transition-delay: .8s
    }
    header .navbar-expand-lg .mobile-navbar.open ul.social {
        transform: translateX(0) !important;
        opacity: 0 !important
    }
    header .social li {
        display: inline-block
    }
    header .social li:first-child {
        padding-left: 20px
    }
    header .social li a {
        padding: 5px;
        color: #fff;
        font-size: 21px;
        transition: all .3s ease-in-out
    }
    header .social p {
        color: #fff;
        font-size: 14px;
        margin: 0;
        display: inline-block;
        text-align: right;
        position: absolute;
        right: 35px;
        top: 10px
    }
    .home-slider .item .caption-box h2 {
        font-size: 24px;
        margin: 15px 0 0;
        text-align: center
    }
    .home-slider {
        margin-top: 0
    }
    .home-slider .item .caption-box {
        top: auto;
        bottom: 6%
    }
    .home-slider .quote-box {
        display: none
    }
    .home-slider .quote-box {
        bottom: 0
    }
    .home-slider .quote-box .select-box {
        float: none;
        width: 100%
    }
    .home-slider .quote-box .box-style {
        border-radius: 5px
    }
    .home-slider .quote-box .quate-btn {
        font-size: 14px;
        float: none;
        width: 100%;
        padding: 10px 8px;
        border-radius: 5px;
        margin-top: 10px
    }
    .home-slider .quote-box .select-section {
        box-shadow: none;
        width: 100%;
        margin-bottom: 40px
    }
    .home-slider .detail-form {
        top: 10%
    }
    .home-slider .detail-form .close-box {
        margin-left: 10px
    }
    .home-slider .detail-form h5 {
        font-size: 18px
    }
    .home-slider .detail-form .close-box {
        margin-left: 20px;
        float: right
    }
    .home-slider .detail-form .close-text {
        font-size: 12px
    }
    .home-slider .detail-form .form-group {
        float: none;
        width: 100%
    }
    .home-slider .detail-form .box-style,
    .home-slider .detail-form .box-style::placeholder,
    .home-slider .detail-form select.box-style {
        height: 33px !important;
        font-size: 14px
    }
    .home-slider .detail-form .form-group:nth-child(1),
    .home-slider .detail-form .form-group:nth-child(2),
    .home-slider .detail-form .form-group:nth-child(3),
    .home-slider .detail-form .form-group:nth-child(4) {
        padding-left: 0;
        padding-right: 0
    }
    .home-slider .detail-form .free-quote {
        font-size: 15px;
        height: 35px;
        border-radius: 5px
    }
    .breadcum p {
        font-size: 13px;
        display: none
    }
    .about-div {
        padding: 25px 0
    }
    .about-div .container {
        position: static
    }
    .about-div h1 {
        font-size: 25px;
        margin: 0 0 10px
    }
    .about-div p {
        font-size: 17px;
        margin: 0 0 15px
    }
    .filter-section p {
        font-size: 17px
    }
    .about-div .read-btn {
        width: 100px;
        padding: 10px;
        font-size: 14px;
        height: 35px
    }
    .development-section .item .text-div {
        transform: translateY(10%);
        margin-left: 15px
    }
    .development-section h2 {
        margin: 0 0 10px;
        font-size: 21px
    }
    .development-section .info-box p {
        margin: 0 0 15px
    }
    .filter-section .tab a {
        font-size: 14px;
        padding: 5px 5px;
        margin: 0 8px;
        width: 100px
    }
    .filter-section .svg-icon {
        width: 20px
    }
    .filter-section .tab a {
        font-size: 14px
    }
    .filter-section .img-block .overlay h3 {
        font-size: 13px
    }
    .filter-section .img-block .overlay .arrow {
        font-size: 12px
    }
    .filter-section .img-block .overlay {
        background-image: linear-gradient(to bottom, #dddddd0a 0, #000000ab 100%)
    }
    .filter-section .img-block .overlay .arrow {
        display: none
    }
    .filter-section .img-block:hover .overlay h3 {
        bottom: 10%
    }
    .filter-section .img-block small {
        padding: 2px 10px;
        font-size: 10px;
        top: 10px;
        right: 10px
    }
    .services-carousel .owl-item.active .item .read-btn,
    .services-carousel .owl-item.active .item h1,
    .services-carousel .owl-item.active .item p {
        animation: 1s 1s fadeIn both
    }
    .filter-section .tab-div {
        padding: 25px 0;
        background: unset
    }
    .filter-section .img-block {
        width: 50%
    }
    footer .col-div {
        width: 40%
    }
    footer .col-div:nth-child(2),
    footer .col-div:nth-child(3) {
        width: 50%
    }
    footer .col-div:nth-child(4) {
        clear: both
    }
    footer .col-div:nth-child(4),
    footer .col-div:nth-child(5) {
        float: left;
        width: 40%
    }
    footer .img-box {
        bottom: 0;
        right: auto;
        left: 0;
        position: static;
        margin-top: 20px
    }
    footer .img-box .dmca-icon {
        width: 180px
    }
    footer .img-box .msme-icon {
        width: 100px
    }
    footer .img-box .dmca-icon {
        margin-right: 5px
    }
    .bottom-strip a.f-link {
        font-size: 13px;
        margin-right: 10px
    }
    .bottom-strip .copyright a,
    .bottom-strip .copyright p {
        font-size: 14px
    }
    .top-arrow {
        padding: 5px;
        right: 5px
    }
    .introduction-div {
        padding: 25px 0
    }
    .introduction-div .img-box,
    .introduction-div .text-div {
        float: none;
        width: 100%
    }
    .introduction-div .indroduction-img {
        margin-top: 0
    }
    .breadcum {
        margin-top: 0
    }
    .breadcum .container {
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        align-items: center
    }
    .breadcum h1 {
        font-size: 30px;
        margin: 70px 0 0
    }
    .vision-section {
        padding: 25px 0;
        background-image: linear-gradient(to bottom, #00c3bf 50%, #1ba5ae 50%)
    }
    .vision-section p {
        font-size: 15px;
        width: 100%
    }
    .opportunity-div .tab-pane,
    .whyus-section .tab-pane {
        display: block !important;
        opacity: 1
    }
    .whyus-section {
        padding: 25px 0
    }
    .whyus-section .card-body h3 {
        display: none
    }
    .whyus-section .card .btn-link {
        color: #b7b9c1;
        background: #314055;
        font-size: 19px;
        font-family: Muli;
        font-weight: 600;
        display: block;
        padding: 5px;
        border: 0;
        border-radius: 50px;
        text-decoration: none;
        text-align: center;
        width: 100%
    }
    .whyus-section .card {
        border: 0;
        margin-bottom: 10px
    }
    .whyus-section .card .card-header {
        padding: 0;
        border-radius: 0;
        border: 0
    }
    .whyus-section .card {
        background: 0 0
    }
    .whyus-section .card button[aria-expanded=true] {
        background: #fff;
        color: #333b64
    }
    .golden-words {
        padding: 25px 0
    }
    .golden-words h3 {
        font-size: 25px
    }
    .golden-words h6 {
        font-size: 18px;
        margin: 0 0 20px
    }
    .development-section .tab-section .icon-box>span {
        font-size: 22px
    }
    .development-section .tab-section h6 {
        font-size: 11px;
        margin: 0 0 0 1px
    }
    footer {
        position: static
    }
    div.main {
        margin-bottom: 0
    }
    .tagline-section {
        padding: 30px 0 50px
    }
    .tagline-section .icon-box {
        font-size: 50px
    }
    .tagline-section h5 {
        font-size: 15px;
        margin: 15px 0 10px
    }
    .tagline-section p {
        margin: 0 0 10px;
        font-size: 17px
    }
    .services-section h6 {
        font-size: 18px
    }
    .services-div p {
        font-size: 17px
    }
    footer .col-div a {
        font-size: 16px
    }
    .tagline-section .col-sm-4:nth-child(1) .icon-box {
        font-size: 40px;
        margin-top: 11px
    }
    .counters-div {
        padding: 0 0 20px
    }
    .counters-div .count-box:nth-child(1),
    .counters-div .count-box:nth-child(3) {
        margin-left: 18%
    }
    .counters-div .count-box {
        width: 31%;
        margin-right: 10px;
        padding: 5px;
        margin-top: 20px
    }
    .tagline-section .ht-200 {
        height: 50px
    }
    .project-discuss p {
        font-size: 16px
    }
    .project-discuss a.contact-btn {
        font-size: 14px;
        padding: 7px;
        width: 120px
    }
    .project-discuss {
        padding: 140px 0 50px
    }
    .services-div .text-box {
        transform: translateY(0)
    }
    .services-div .srvc-icon {
        font-size: 40px
    }
    .services-div h2 {
        font-size: 25px;
        margin: 5px 0 10px
    }
    .services-div .read-btn {
        width: 140px;
        font-size: 14px;
        padding: 8px;
        margin-top: 10px
    }
    .services-div {
        padding: 25px 0
    }
    .services-div.services-section {
        padding: 25px 0 0
    }
    .services-div.web-design-div .text-box {
        transform: translateY(0)
    }
    .services-div.web-design-div .img-box {
        margin-top: 25px
    }
    .detail-section {
        background: unset;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 25px 0;
        position: relative;
        background-color: #08c3be
    }
    .we-do-more {
        padding: 25px 0
    }
    .we-do-more .more-box {
        width: 33.33%;
        margin-top: 25px
    }
    .we-do-more p {
        font-size: 14px
    }
    .feature-section,
    .feature-section.app-bg,
    .feature-section.software-bg,
    .feature-section.web-bg {
        background: unset;
        background-color: #f1f6fa
    }
    .feature-section .text-box {
        padding: 25px 0
    }
    .related-work {
        padding: 25px 0;
        background: #fff
    }
    .related-work h6 {
        font-size: 18px;
        margin: 0 0 25px
    }
    .work-section .blog {
        width: 90%;
        float: none;
        display: block
    }
    .work-section .blog .img-box img {
        width: 100%;
        height: auto
    }
    .work-section .blog .img-box {
        width: 100%;
        display: block;
        float: none
    }
    .work-section .blog .info-box {
        padding: 15px;
        display: block;
        width: 100%;
        height: auto
    }
    .work-section .blog {
        background-color: #e46763;
        height: auto;
        margin: 30px auto 0
    }
    .work-section .blog.samrudhi-atta {
        background-color: #85c1a1
    }
    .work-section .blog.aks-group {
        background: #054875
    }
    .work-section .blog.clin-global {
        background: #17a5af
    }
    .work-section .info-box .skill {
        padding: 5px 0 15px
    }
    .work-section .info-box .skill_new {
        padding: 5px 0 15px
    }
    .work-section .blog .img-box img {
        float: none
    }
    .work-title .brdr-div {
        padding: 25px 0
    }
    .tab-div .select-box {
        width: 200px;
        margin: 20px 0 0;
        position: static
    }
    .filter-section.work-div .tab-div {
        padding: 25px 0 0
    }
    .why-us {
        padding: 25px 0
    }
    .benefit {
        background: #202f45;
        padding: 25px 0
    }
    .benefit .parallax,
    .benefit .parallax .container {
        position: static
    }
    .benefit .parallax,
    .benefit .parallax-container {
        height: auto
    }
    .benefit .icon-size {
        display: block;
        font-size: 50px;
        margin: 15px 0 10px
    }
    .benefit h2 {
        font-size: 25px
    }
    .benefit h6 {
        font-size: 16px;
        margin: 0 0 15px
    }
    .benefit p {
        font-size: 15px;
        padding: 0 50px
    }
    .opportunity-div {
        padding: 25px 0
    }
    .opportunity-div .tab-content {
        background: 0 0
    }
    .opportunity-div .card {
        border: 0;
        background: 0 0;
        margin-bottom: 15px
    }
    .opportunity-div .card .collapse {
        margin-top: 15px
    }
    .opportunity-div h6 {
        margin: 0 0 25px
    }
    .opportunity-div .card-body .icon-box,
    .opportunity-div .card-body h4 {
        display: none
    }
    .opportunity-div .card-header {
        padding: 0;
        background: #fff;
        border: 0
    }
    .opportunity-div .card-header .icon-box {
        display: inline-block;
        font-size: 30px;
        background: #054875;
        padding: 10px;
        color: #fff;
        float: left;
        margin-right: 10px
    }
    .opportunity-div .card-header .box-icon {
        display: inline-block;
        font-size: 30px;
        height: 50px;
        width: 50px;
        background: #054875;
        color: #fff;
        float: left;
        margin-right: 10px;
        padding: 9px
    }
    .opportunity-div .card-header .icon-pencil.icon-box {
        background: #1ba5af
    }
    .opportunity-div .card-header .icon-web1.icon-box {
        background: #86c1a1
    }
    .opportunity-div .card-header .icon-sdvdsfgbgb.icon-box {
        background: #e46763
    }
    .opportunity-div .btn-link {
        text-decoration: none;
        width: 100%;
        text-align: left;
        position: relative
    }
    .opportunity-div .card .btn-link .arrows {
        position: absolute;
        right: 5px;
        top: 22px;
        color: #333b64;
        font-size: 18px;
        opacity: 0
    }
    .opportunity-div .card .btn-link[aria-expanded=false] .arrows.down-arrow {
        opacity: 1
    }
    .opportunity-div .card .btn-link[aria-expanded=true] .arrows.up-arrow {
        opacity: 1
    }
    .opportunity-div .card button[aria-expanded=true] {
        box-shadow: 0 5px 10px 0 rgba(179, 183, 189, .65)
    }
    .opportunity-div .card button[aria-expanded=true]:before {
        opacity: 1
    }
    .opportunity-div .btn-link:before {
        position: absolute;
        content: '';
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: -11px;
        border-top: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        display: block;
        opacity: 0;
        width: 20px
    }
    .opportunity-div .btn-link .link {
        font-family: Muli;
        font-weight: 700;
        color: #333b64;
        font-size: 18px;
        margin: 0;
        display: inline-block;
        line-height: 1
    }
    .opportunity-div .btn-link small {
        color: #327480;
        font-size: 15px;
        display: block
    }
    .get-in-touch {
        padding: 25px 0
    }
    .get-in-touch .outer-box {
        margin: 25px auto 0
    }
    .get-in-touch .block {
        height: 215px
    }
    .get-in-touch .find-us .inner-div {
        transform: translateY(25%)
    }
    .get-in-touch .find-us .icon-size {
        margin-bottom: 10px;
        font-size: 25px
    }
    .get-in-touch .block h5 {
        font-size: 15px
    }
    .get-in-touch .block p {
        font-size: 12px;
        margin: 0
    }
    .get-in-touch .mail .inner-div {
        transform: translateY(75%)
    }
    .get-in-touch .block .icon-size {
        font-size: 30px
    }
    .get-in-touch .mail a {
        font-size: 12px
    }
    .get-in-touch .contact .inner-div {
        transform: translateY(50%)
    }
    .get-in-touch .contact .icon-size {
        font-size: 22px
    }
    .get-in-touch .contact a {
        font-size: 12px
    }
    .get-in-touch .mail:before {
        border-left: 10px solid #00c3be;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: translateY(95px)
    }
    .get-in-touch .mail:after {
        border-left: 10px solid #1ba4ae;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: translateY(15px)
    }
    .support-div {
        height: 280px;
        padding: 0
    }
    .support-div .container {
        transform: translateY(50%)
    }
    .support-div .left-div h1 {
        font-size: 45px
    }
    .support-div .left-div h2 {
        font-size: 20px
    }
    .support-div .left-div p {
        font-size: 12px;
        margin: 0 0 0 15px
    }
    .support-div .right-div {
        padding-top: 20px;
        padding-left: 30px;
        margin-left: 0
    }
    .support-div .right-div .call,
    .support-div .right-div .mail {
        font-size: 21px
    }
    .support-div .right-div a {
        font-size: 14px
    }
    .drop-us {
        padding: 25px 0
    }
    .drop-us h3 {
        font-size: 25px
    }
    .drop-us h6 {
        font-size: 18px
    }
    .drop-us .form-group {
        margin: 25px 0 10px
    }
    .drop-us button {
        width: 100px;
        height: 40px;
        font-size: 14px;
        padding: 10px;
        margin-right: 20px;
        margin-top: 0
    }
    .benefit .row .col-sm-6:nth-child(5) {
        margin-left: unset
    }
    .benefit .row .col-sm-6 {
        margin-top: 25px
    }
    .client-section .icon-box {
        width: 23.53%;
        height: 100px;
        padding: 0 5px
    }
    .client-section {
        padding: 40px 0
    }
    .we-do-more.graphics-designing .more-box:nth-of-type(7) {
        margin-left: unset
    }
    .blog-section {
        padding: 30px 0
    }
    .blog-section .info-div {
        padding: 20px
    }
    .blog-section .info-div h2 {
        font-size: 20px
    }
    .blog-section .info-div p {
        margin: 0 0 20px;
        font-size: 17px
    }
    .blog-detail .left-div p {
    font-size: 14px;
    text-align: left !important;
}
    .blog-section .info-div .read-btn {
        width: 100px
    }
    .blog-section .info-div .lbel {
        font-size: 12px;
        padding: 19px 10px;
        margin-left: 5px
    }
    .blog-section .right-div {
        margin-top: 30px
    }
    .blog-section.blog-detail {
        padding: 30px 0
    }
    .blog-detail .blog-div h2 {
        font-size: 20px;
        margin: 0 0 10px
    }
    .blog-section .search-box .box-style {
        font-size: 13px
    }
    .blog-section .social li a {
        padding: 5px;
        font-size: 15px;
        margin-right: 2px
    }
    .blog-section a.link {
        font-size: 14px
    }
    .blog-section .block h4 {
        font-size: 12px
    }
    .blog-detail .blog-div .date {
        font-size: 12px
    }
    .blog-detail .blog-div .technology {
        font-size: 12px
    }
    .blog-detail .blog-div .lbel {
        font-size: 11px;
        padding: 3px 5px;
        margin-left: 7px
    }
    .relered-blog .owl-theme .owl-nav .owl-prev {
        left: -10%
    }
    .relered-blog .owl-theme .owl-nav .owl-next {
        right: -10%
    }
    .relered-blog .owl-theme .owl-nav {
        top: 30%
    }
    .we-do-more.software-development .more-box:nth-of-type(4) {
        clear: both
    }
    .we-do-more.app-development .more-box:nth-of-type(1) {
        margin-left: 0
    }
    .gallary-div {
        padding: 25px 0
    }
    .gallary-div h6 {
        margin: 0 0 0
    }
    .gallary-div .slider-div {
        padding: 0 10px
    }
 .gallary-div .owl-theme .owl-nav [class*=owl-], .gallary-div .owl-theme .owl-nav [class*=owl-]:hover {
    font-size: 13px;
    padding: 2px;
    height: 25px;
    width: 25px;
}
    .gallary-div .owl-theme .owl-nav .owl-prev {
        left: -4%
    }
    .gallary-div .owl-theme .owl-nav .owl-next {
        right: -4%
    }
    .breadcum .figcaption {
        animation-delay: unset;
        opacity: 1;
        animation: none;
        margin: 0 auto
    }
    .vision-section h2 {
        margin: 0
    }
    .detail-section p,
    .feature-section p,
    .golden-words .item p,
    .introduction-div p,
    .vision-section p,
    .whyus-section p,
    .work-title p {
        font-size: 17px
    }
    .get-in-touch h6,
    .we-do-more h6 {
        font-size: 18px
    }
    footer .col-div h4 {
        font-size: 14px
    }
    .opportunity-div .apply-btn {
        padding: 7px
    }
    .error-section h1 {
        font-size: 30px
    }
    .error-section h3 {
        font-size: 22px
    }
    .error-section .btn {
        padding: 7px;
        font-size: 15px;
        width: 100px;
        height: 35px
    }
    .apply-job-modal .half-box {
        float: none;
        width: 100%
    }
    .apply-job-modal .form-group {
        margin: 30px 0 0;
        padding: 0 10px
    }
    .apply-job-modal .form-group:nth-of-type(3) {
        margin: 30px 0 0
    }
    .apply-job-modal .hide_label {
        left: 10px
    }
    .apply-job-modal .btn {
        width: 90px;
        height: 35px;
        font-size: 14px;
        line-height: 1.5;
        padding: 0;
        margin: 0 auto 10px 10px
    }
    .apply-job-modal .modal-dialog {
        width: 90%;
        margin: 20% auto
    }
    .term-condtion {
        padding: 25px 0
    }
    .term-condtion p {
        font-size: 17px
    }
    .term-condtion h5 {
        font-size: 22px
    }
    header ul.social {
        position: absolute;
        margin: 0
    }
    .client-slider {
        padding: 0 0
    }
    .work-div-outer {
        padding: 25px 0
    }
    header .navbar-nav .nav-item:last-child .nav-link {
        padding: 2px 5px;
        margin: 5px 0 0 5px
    }
    .we-do-more.software-development .more-box:nth-of-type(7) {
        margin-left: 0
    }
    .we-do-more.software-development .more-box:nth-of-type(10) {
        margin-left: 20%
    }
    footer .col-div p {
        font-size: 13px
    }
.blog-div h2 {
    font-size: 20px;
}
.blog-detail .social-link a{
width: 11%! important;
}
.help-block.form-error {
    font-size: 10px;
}
.blog-section.blog-detail h3 {
    font-size: 15px;
}
.breadcum h2 {
    font-size: 22px;
    margin: 17px 0 8px;
}
.project-discuss p br {
    display: none !important;
}
.project-discuss a.phone {
    display: block;
}
.feature-section.marketing-bg {
     background-position: initial; 
    /* color: #fff; */
}
.feature-section.marketing-bg li{
    color:#fff;
}
.feature-section.marketing-bg li p {
    color: #fff;
}
.feature-section.marketing-bg  h2{
    color:#fff !important;
}
.feature-section.marketing-bg ul li:before{
    color:#fff !important;
}
.gallary-div .owl-theme .owl-nav {
    top: 45%;
}
.blog-div h1 {
    font-size: 22px;
}
.blog-detail .blog-div h2 {
    font-size: 18px !important;
    text-align: left!important;
}
.blog-detail .social-link a{
    width: 9%! important;
}
.get-in-touch .inner-div a {
    display: block;
}
.get-in-touch .block.contact  br{
    display:none !important;
}
.sitemap-div a {
    font-size: 15px !important;
}
.sitemap-div h4 {
    font-size: 18px !important;
    margin-top:15px;
}
.sitemap-div {
    background: #fff;
    padding: 30px 0;
}
.right-div.sticky.aos-init.aos-animate.fixed {
    position: relative;
     right:auto;
     width:100%; 
     top:auto;
}
}

@media(max-width:400px) {
    header ul.social {
        position: absolute;
        margin: 0
    }
    .breadcum h1 {
        font-size: 25px;
        margin: 50px 0 0
    }
}

@media(max-width:576px) {
    header ul.social {
        position: absolute;
        margin: 0
    }
    .technologies img.jquery,
    .technologies img.json,
    .technologies img.less {
        width: 90px
    }
    .divider {
        height: 1px;
        width: 90%;
        background: #a1bfbe91;
        margin: 0 auto
    }
    .support-div .divider {
        margin: 14px auto 0;
        background: #a1bfbe5e;
        width: 80%
    }
    .services-div {
        padding: 35px 0
    }
    .related-work .owl-theme .owl-nav [class*=owl-],
    .related-work .owl-theme .owl-nav [class*=owl-]:hover {
        height: 30px;
        width: 30px
    }
    .get-in-touch .block h5 {
        font-size: 17px
    }
    .get-in-touch .block p,
    .get-in-touch .contact a,
    .get-in-touch .mail a {
        font-size: 17px
    }
    .breadcum {
        overflow: hidden
    }
    .breadcum img {
        max-width: none;
        width: 600px
    }
    .about-div {
        text-align: center
    }
    .filter-section .svg-icon {
        display: none
    }
    .development-section {
        padding: 30px 0
    }
    .development-section .item .img-box,
    .development-section .item .info-box {
        float: none;
        width: 100%
    }
    .development-section .item .img-box img {
        width: auto;
        margin: 0 auto
    }
    .development-section .owl-item:last-child .item .img-box img {
        width: 60%;
        margin: 0 auto
    }
    .development-section .item .text-div {
        transform: none;
        text-align: center;
        padding: 0 15px
    }
    .development-section h2 {
        margin: 0 0 5px
    }
    .development-section .info-box p {
        font-size: 15px;
        margin: 0 0 10px
    }
    .development-section .owl-theme .owl-nav {
        position: absolute;
        width: 100%;
        top: 29%
    }
    .development-section .owl-theme .owl-nav [class*=owl-],
    .development-section .owl-theme .owl-nav [class*=owl-]:hover {
        color: #07c3bf;
        font-size: 25px;
        margin: 0;
        padding: 0;
        background: #d6d6d600;
        display: inline-block;
        cursor: pointer;
        border-radius: 0
    }
    .development-section .owl-theme .owl-nav .disabled {
        opacity: .2
    }
    .development-section .owl-theme .owl-nav .owl-prev {
        position: absolute;
        left: -1%
    }
    .development-section .owl-theme .owl-nav .owl-next {
        position: absolute;
        right: -1%
    }
    .filter-section p {
        font-size: 17px;
        padding: 0 25px
    }
    .filter-section .img-block small {
        display: none
    }
    .about-div p {
        padding: 0 20px
    }
.filter-section .tab a {
    margin: 0 0px 10px 0;
    width: auto;
    padding: 4px 5px;
    font-size: 11px;
    border: 1px solid #cfdbdf;
}
    .filter-section .tab a.active,
    .filter-section .tab a:hover {
        border: 2px solid #cfdbdf
    }
    footer .col-div a {
        padding: 0 0 8px;
        line-height: 1.2
    }
    footer .col-div {
        width: 50%
    }
    footer .col-div:nth-child(2) {
        width: 50%
    }
    footer .col-div:nth-child(3) {
        clear: both;
        width: 100%
    }
    footer .col-div:nth-child(3) .inner-div {
        width: 50%;
        float: left
    }
    footer .col-div:nth-child(4) .mail-box,
    footer .col-div:nth-child(4) .phone-box {
        float: none;
        width: 100%
    }
    footer .col-div:nth-child(4) {
        width: 50%
    }
    footer .col-div:nth-child(5) {
        width: 50%
    }
    footer .col-div p {
        font-size: 12.2px
    }
    footer .col-div:nth-child(5) p br {
        display: none
    }
    footer .col-div a {
        font-size: 16px
    }
    footer .col-div h4 {
        font-size: 14px;
        margin: 20px 0 10px
    }
    footer .img-box {
        position: static;
        margin-top: 10px
    }
    footer .col-div:nth-child(5) .social {
        margin: 15px 0 0
    }
    .top-arrow {
        padding: 5px;
        right: 10px;
        height: 35px;
        width: 35px;
        bottom: 9%
    }
    .top-arrow .icon-left {
        display: block;
        text-align: center;
        line-height: 1.5
    }
    .vision-section {
        background-image: l
inear-gradient(to bottom, #00c3bf 44%, #00c3be 44%);
        padding: 0
    }
    .vision-section .col-sm-12,
    .vision-section .col-sm-12 h1,
    .vision-section .col-sm-12 img,
    .vision-section .col-sm-12 p {
        position: relative
    }
    .vision-section .col-sm-12:nth-child(2):before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: #1ea3ac;
        width: 100%;
        height: 100%
    }
    .about-div h1,
    .benefit h2,
    .detail-section h1,
    .drop-us h3,
    .feature-section h2,
    .filter-section h2,
    .gallary-div h3,
    .get-in-touch h2,
    .golden-words h3,
    .introduction-div h1,
    .opportunity-div h2,
    .related-work h2,
    .services-div h2,
    .services-section h1,
    .vision-section h3,
    .we-do-more h3,
    .why-us h1,
    .whyus-section h2,
    .work-title h2 {
        font-size: 23px
    }
    .vision-section h3 {
        margin: 30px 0 20px;
        position:relative;
    }
    .vision-section p {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px
    }
    .golden-words .owl-theme .owl-dots {
        text-align: center
    }
    .tagline-section {
        padding: 0 0 25px;
        background: unset
    }
    .tagline-section .icon-box {
        margin-top: 25px;
        display: block
    }
    .tagline-section .col-sm-4:nth-child(1) .icon-box {
        font-size: 40px;
        margin-top: 25px
    }
    .tagline-section h5 {
        font-size: 15px;
        margin: 10px 0 5px
    }
    .tagline-section p {
        margin: 0 30px
    }
    .counters-div .count-box {
        width: 47%;
        margin-right: 8px;
        padding: 5px;
        margin-top: 20px
    }
    .counters-div .count-box:nth-child(5) {
        margin-left: 25%
    }
    .tagline-section .ht-200 {
        display: none
    }
    .project-discuss {
        padding: 100px 0 30px;
        text-align: center
    }
    .project-discuss h2 {
        font-size: 20px
    }
    .project-discuss p {
        font-size: 17px;
        padding: 0 10px
    }
    .services-div .text-box {
        margin-top: 25px;
        text-align: center
    }
    .services-div.web-design-div .text-box {
        transform: translateY(0);
        text-align: center
    }
    .services-div.graphics-div.software-div .text-box {
        transform: translateY(0);
        text-align: center
    }
    .we-do-more .more-box {
        width: 50%;
        margin-top: 25px
    }
    .we-do-more.graphics-designing .more-box:nth-child(odd) {
        clear: both
    }
    .related-work .owl-theme .owl-nav .owl-prev {
        left: -2%
    }
    .related-work .owl-theme .owl-nav .owl-next {
        right: -2%
    }
    .why-us p {
        font-size: 15px;
        margin: 0 0 10px
    }
    .why-us ul li:before {
        font-size: 16px
    }
    .why-us ul li:first-child p {
        margin-top: 20px
    }
    .why-us p {
        font-size: 16px;
        padding-left: 25px
    }
    .get-in-touch .block {
        height: auto;
        width: 100%;
        float: none
    }
    .get-in-touch .contact .inner-div,
    .get-in-touch .find-us .inner-div,
    .get-in-touch .mail .inner-div {
        transform: translateY(0);
        padding: 30px 0
    }
    .get-in-touch .mail:before {
        border-left: 10px solid transparent;
        border-top: 10px solid #00c3be;
        border-right: 10px solid transparent;
        transform: translateY(95px);
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        transform: none
    }
    .get-in-touch .mail:after {
        border-top: 10px solid #1ba4ae;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        transform: none;
        margin: 0 auto;
        left: 0;
        right: 0
    }
    .support-div .container {
        transform: translateY(40%)
    }
    .support-div {
        text-align: center
    }
    .support-div .left-div {
        margin-top: 0;
        text-align: center
    }
    .support-div .left-div h1 {
        font-size: 45px
    }
    .support-div .left-div h2 {
        font-size: 20px
    }
    .support-div .left-div p {
        font-size: 14px;
        margin: 0
    }
    .support-div .line-arrow {
        display: none
    }
    .support-div .right-div {
        padding-top: 5px;
        padding-left: 0;
        margin-left: 0
    }
    .support-div .right-div .call,
    .support-div .right-div .mail {
        margin-right: 10px
    }
    .support-div .right-div a {
        font-size: 20px;
        margin: 0 0 0
    }
    .client-section .icon-box {
        width: 46%;
        height: 90px;
        padding: 5px
    }
    .client-section .icon-box:nth-child(10),
    .client-section .icon-box:nth-child(14),
    .client-section .icon-box:nth-child(18),
    .client-section .icon-box:nth-child(2),
    .client-section .icon-box:nth-child(22),
    .client-section .icon-box:nth-child(26),
    .client-section .icon-box:nth-child(30),
    .client-section .icon-box:nth-child(32),
    .client-section .icon-box:nth-child(34),
    .client-section .icon-box:nth-child(6) {
        margin-right: 0
    }
    .blog-section .block h4 {
        font-size: 17px
    }
    .we-do-more.software-development .more-box:nth-of-type(3),
    .we-do-more.software-development .more-box:nth-of-type(5),
    .we-do-more.software-development .more-box:nth-of-type(7) {
        clear: both
    }
    .we-do-more.software-development .more-box:nth-of-type(4) {
        clear: none
    }
    .we-do-more.app-development .more-box:nth-of-type(3) {
        clear: both
    }
    .golden-words .item {
        text-align: center
    }
    .golden-words .item .crcl-box {
        margin: 0 auto;
        display: inline-block;
        float: none
    }
    .golden-words .item .text-box {
        display: inline-block;
        float: none;
        text-align: left
    }
    .counters-div .count-box:nth-child(1),
    .counters-div .count-box:nth-child(3) {
        margin-left: 0
    }
    .we-do-more.software-development .more-box:nth-of-type(10),
    .we-do-more.software-development .more-box:nth-of-type(7) {
        margin-left: 0
    }
    .opportunity-div .btn-link small {
        font-size: 14px
    }
}
@media(max-width:320px) {
footer .col-div:nth-child(5) .social li a {
    padding: 3px;
    font-size: 16px;
 
}
.filter-section .tab a {
    font-size: 12px;
}
footer .col-div a {
    font-size: 13px;
}
}
@media(min-width:768px) {
    .opportunity-div .nav-tabs,
    .whyus-section .nav-tabs {
        display: inline-block;
        border: 0;
        width: 100%
    }
    .opportunity-div .card,
    .whyus-section .card {
        border: none;
        background: 0 0
    }
    .opportunity-div .card .card-header,
    .whyus-section .card .card-header {
        display: none
    }
    .opportunity-div .card .collapse,
    .whyus-section .card .collapse {
        display: block
    }
    header .navbar-nav li.dropdown:hover .dropdown-menu {
        display: block
    }
}