/* Mobile responsive */

@media only screen and (max-width: 414px) {
    #contact-info h3,
    #responsive-content h3 {
        font-size: 18px;
    }
    .section--title .col-md-6 {
        padding: 5px;
    }
    .section--title h2 {
        font-size: 15px;
    }
    .col-md-6.col-lg-4 .features--item {
        width: 80vw;
    }
    #better-features h2 {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 0;
    }
    /* #content-right h3 {
        font-size: 17px;
    } */
    .features--content h3 {
        font-size: 17px;
        line-height: 1;
    }
    .features--content h3 span {
        font-size: 17px;
    }
    .features--icon {
        width: 100px;
        height: 100px;
    }
    .features--content p {
        max-width: 45vw;
        font-size: 13px;
    }
    .features--icon img {
        width: 80px;
        height: 80px;
    }
    #contact-mobile p {
        margin: 0 0 0px;
    }
    .page-header--breadcrumb {
        padding: 30px 0 30px 20px;
    }
    #contact {
        padding: 40px 0 0 0;
    }
    #token-mobile {
        position: absolute;
        display: block;
        width: 30px;
        padding: 4px 3px 4px 0;
        text-align: center;
        right: 0;
        bottom: 0;
        margin: 0 30px 120px 0;
    }
    #token {
        display: none;
    }
    .contact--form .form-control {
        font-size: 12px;
    }
    a#contact_mobile {
        font-size: 10px;
    }
    b,
    strong {
        font-weight: 700;
        font-size: 13px;
    }
    #contact-mobile img {
        width: 50px;
        height: 50px;
    }
    .contact--social-links li a {
        width: 30px;
        padding: 4px 0;
        text-align: center;
    }
    #software-brand .about-desc--img {
        max-width: 70vw;
        margin: 50px auto;
    }
    #domainSearch .section--title h1 {
        font-size: 40px;
    }
    #domainSearch .section--title h3 {
        font-size: 15px;
    }
    #domainSearch.page {
        padding: 110px 0 20px;
    }
    .footer--copyright {
        padding: 10px 0;
    }
    .service--icon img {
        width: 50px;
        height: 50px;
    }
    .service--icon {
        width: auto;
        height: auto;
    }
    .service--content h3 {
        margin: 0 0 10px;
        font-size: 20px;
        font-weight: 900;
    }
    #content-left {
        max-width: 70vw;
        padding-left: 0;
    }
    .col-md-6.col-lg-4.service--item-h {
        max-width: 80vw;
        margin: 50px auto;
    }
    #owl-feedback p {
        font-size: 4vw;
        line-height: 1.6;
    }
    .banner--item {
        max-width: 100vw;
    }
    /* #content-right h3 {
        font-size: 17px;
    } */
    .banner--content {
        padding: 60px 0;
    }
    .banner--content h3 {
        color: #fff;
        font-size: 25px;
    }
    .banner--content p {
        font-size: 14px;
    }
    .banner--content h2 {
        color: #4fb5de;
        font-size: 25px;
    }
    #banner .bx-controls {
        visibility: hidden;
    }
    #feedback .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    #feedback .row,
    #pricing .row,
    #our-features .row,
    #our-approach .row {
        margin-right: 0;
        margin-left: 0;
    }
    div#content-right {
        padding-left: 70px;
    }
    .service--item {
        overflow: visible;
    }
    .service--item {
        width: initial;
        margin-bottom: 50px;
    }
    div#our-approach .service-content h3 {
        font-size: 16px !important;
        margin-bottom: 0;
    }
    .section--title h2 {
        font-size: 20px;
    }
    #our-approach .service--item .service--content {
        padding-left: 60px !important;
    }
    #our-approach .service-content .col-md-6 {
        height: 100px !important;
    }
    .service--content p {
        font-size: 14px;
        line-height: 1.3;
    }
    .section--title p {
        font-size: 15px;
        padding: 10px 0 10px 10px;
    }
    div#our-approach {
        padding-bottom: 0px;
    }
    .section--title h4,
    .section--title h4 {
        font-size: 14px;
    }
    /* pricing section  */
    .section--title h1 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px !important;
    }
    .pricing-section .col-md-4 {
        padding: 30px;
        border-radius: 25px;
    }
    .pricing-section .order-now {
        padding: 10px;
        border-radius: 30px;
    }
    .pricing-section h3 {
        margin-top: 0;
        font-weight: 900;
    }
    .pricing-section .container h1 {
        font-size: 40px;
        font-weight: bold;
        margin-top: 10px;
    }
    .pricing-section .container p {
        font-size: 14px;
    }
    .owl-theme .owl-nav {
        display: block;
        font-size: 50px;
    }
    .pricing-section button.owl-prev span {
        margin-top: 180px;
        padding: 10px 15px 15px 15px;
        margin-left: 0px;
        border-radius: 10px;
    }
    .pricing-section button.owl-next span {
        margin-top: 180px;
        padding: 10px 15px 15px 15px;
        margin-right: 0px;
        border-radius: 10px;
    }
    .pricing {
        margin-top: 50px;
    }
    .section--title {
        margin-bottom: 30px;
    }
    .pricing-section .col-md-4 {
        margin: 0px 30px 15px 30px;
    }
    #feedback {
        padding: 50px 0 0 0 !important;
    }
    .row.services-feature-row {
        display: initial;
    }
    .our-services .container {
        margin: 100px auto;
        height: initial;
    }
    .section--title .col-md-12 {
        padding-left: 0;
    }
    .row.services-feature-row .col-md-4.feature--item-h {
        max-width: fit-content;
        margin: 0px 0px 30px 0px;
    }
    .feature--content p {
        font-size: 14px;
        line-height: 1.2;
    }
    #services-img {
        width: 50px;
        height: 50px;
    }
    .our-services .feature--content h2 {
        font-size: 16px;
    }
    .row.services-feature-row {
        width: 100%;
    }
    .section--title hr {
        width: 20px;
    }
    .col-lg-6 {
        padding: 0;
    }
    .col-md-3.feature--item-h {
        padding: 0;
    }
    .our-blog h3,
    .our-work h3 {
        font-size: 25px;
        margin-top: 20px;
    }
    .our-work .row {
        display: grid;
    }
    div#service-content {
        order: 1;
    }
    div#service-image {
        order: 2;
    }
    .work-image {
        border-top-left-radius: 50px;
        width: 100%;
        border-bottom-right-radius: 50px;
        margin-top: 50px;
    }
    .our-work .container {
        margin: 50px auto;
        padding: 0;
    }
    .our-blog .work-image {
        height: 200px !important;
    }
    .our-blog .row {
        display: block;
    }
    .fa.fm {
        margin-right: 5px;
    }
    .card .feature--item-services {
        margin-top: 20px;
    }
    hr {
        width: 20px;
        margin: 0 10px 0 0;
    }
    #service-title h4 {
        font-size: 16px;
    }
    .pricing-section .col-md-4 {
        width: 80% !important;
        margin: 0px auto 20px auto !important;
    }
}

@media only screen and (min-width: 415px) and (max-width: 768px) {
    #better-features {
        margin-top: 950px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 478px) {
    #owl-client img {
        max-width: 60vw;
    }
    .section--title h2 {
        font-size: 22px;
    }
    #owl-feedback-mobile img {
        background-color: #ffffff;
        height: 150px;
        border-radius: 10px;
        box-shadow: 0px 5px 5px #4fb5de;
        width: 60vw;
        padding: 10px 10px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    #owl-client img {
        max-width: 60vw;
    }
    .footer-over-mobiles a#contact-email {
        margin-top: 8px;
        display: block;
    }
    .footer-over-mobiles a#contact-number {
        padding: 9px 50px;
        margin: 0 auto;
        display: block;
    }
}

@media only screen and (min-width: 414px) and (max-width: 454px) {
    #owl-pricing .owl-stage-outer {
        min-height: 950px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 520px) {
    a#contact_mobile {
        font-size: 13px;
    }
    b,
    strong {
        font-weight: 700;
        font-size: 13px;
    }
    #contact-mobile img {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
    .pricing-section .col-md-4 {
        width: 55% !important;
        margin: 0px auto 70px auto !important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 768px) {
    .features--content h3 {
        margin: 0 0 10px;
        font-size: 22px;
    }
    .about-desc--content p {
        margin: 0 0 10px;
        font-size: 14px;
    }
    .about-desc--content h3 {
        line-height: 1.5;
        font-size: 20px;
    }
    .features--content p {
        max-width: 45vw;
    }
    .features--content h3 {
        line-height: 22px;
    }
    .features--content h3 span {
        color: #4FB5DE;
        font-weight: 900;
        font-size: 20px;
    }
    #token-mobile {
        display: none;
    }
    #team .item {
        max-width: 80vw;
        margin: 0 auto;
        padding: 0 20px;
    }
    #clients {
        padding: 50px 0;
    }
    #owl-client img {
        max-width: 60vw;
        padding: 0 20px;
    }
    .section--title h2 {
        font-size: 25px;
    }
    #feedback-mobile .row {
        max-width: 80vw;
        margin: 50px auto 0 auto;
    }
    #software-brand .about-desc--img {
        max-width: 60vw;
        margin: 50px auto;
    }
    #domainSearch.page {
        padding: 120px 0 30px;
    }
    #domainSearch .section--title h1 {
        font-size: 55px;
    }
    .service--content p {
        max-width: 45vw;
    }
    .service--content h3 {
        font-size: 20px;
        font-weight: 900;
    }
    #content-left {
        max-width: 60vw;
        padding-right: 0px;
        padding-left: 0;
    }
    .service--content {
        padding-left: 15px;
    }
    .col-md-6.col-lg-4.service--item-h {
        max-width: 80vw;
        margin: 50px auto;
    }
    #feedback-mobile .col-xs-3 {
        max-width: 15vw;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
    }
    #feedback-mobile .col-xs-3 {
        max-width: 15vw;
    }
    #owl-feedback p {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    #color-1 {
        position: absolute;
        left: 0;
    }
    #color-2 {
        position: absolute;
        right: 0;
    }
    #color-3 {
        position: absolute;
        left: 0;
    }
    #color-4 {
        position: absolute;
        right: 0;
    }
    #color-5 {
        position: absolute;
        left: 0;
    }
    #color-6 {
        position: absolute;
        right: 0;
    }
    #our-features h2 {
        font-size: 20px;
        margin: 50px auto 0px auto;
    }
    #our-features .col-md-12 {
        text-align: center;
    }
    #better-features .container {
        max-width: 100vw;
    }
    .feedback-content {
        margin: 0 auto 10px auto;
    }
    #owl-feedback .owl-dots {
        display: block;
    }
    #owl-feedback .owl-dots {
        display: block;
    }
    .contact--form {
        padding-left: 0px;
        max-width: 80vw;
        margin: 50px auto 0 auto;
    }
    .footer--widget h2 {
        text-align: center;
    }
    .footer--widget h2:before {
        visibility: hidden;
    }
    .banner--content {
        max-width: 90vw;
        text-align: center;
    }
    .feedback-img1,
    .feedback-img2,
    .feedback-img3,
    .feedback-img4 {
        margin-bottom: 20px;
    }
    .owl-portfolio .owl-item>div {
        cursor: pointer;
        margin: 6% 8%;
        transition: margin 0.4s ease;
    }
    .owl-portfolio .owl-item.center>div {
        cursor: auto;
        margin: 0;
    }
    .owl-portfolio .owl-item:not(.center)>div:hover {
        opacity: 0.75;
    }
    /* portfolio carousel area */
    .button_web {
        opacity: 1;
        position: relative;
        margin-top: 80px;
        max-width: fit-content;
        transform: translate(-50%, -50%);
    }
    #feedback {
        padding: 80px 0 0 0;
    }
    #owl-feedback p {
        line-height: 1.2;
    }
    #feedback-mobile {
        display: block;
        padding-bottom: 50px;
    }
    #feedback-desktop {
        display: none;
    }
    #pricing-area {
        display: none;
    }
    #our-features .container,
    #our-approach .container {
        max-width: 100vw;
    }
    .pricing--item.raised .pricing--header+.pricing--body {
        margin-top: -40px;
        padding-bottom: 15px;
        padding-top: 0;
    }
    .pricing--tag strong {
        font-weight: 600;
        font-size: 10px;
    }
    .pricing--details h2 {
        font-size: 20px;
    }
    .pricing--details p {
        line-height: 1.3;
        font-size: 15px;
    }
    .our-services .container {
        width: 90vw;
        text-align: left;
    }
    .row.services-feature-list {
        display: contents;
    }
    .row.services-feature-list .card .feature--item-services {
        width: 250px !important;
    }
    .our-work .container .col-md-6,
    .our-blog .col-md-6 {
        padding: 0 5px 0 0;
        width: 100% !important;
    }
    .our-work h3 {
        font-size: 25px;
        margin-top: 20px;
    }
    .our-work .row {
        display: grid;
    }
    .work-image {
        border-top-left-radius: 50px;
        width: 100%;
        border-bottom-right-radius: 50px;
        margin-top: 50px;
    }
    .our-work .container {
        margin: 50px auto;
        padding: 0;
    }
    div#service-image {
        order: 2;
        width: 80%;
        margin: 0 auto;
    }
    div#service-content {
        order: 1;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #web-process p,
    #contact-form #contact-info p,
    #responsive-content p {
        font-size: 14px;
    }
    div#web-process {
        color: #fff;
        background-color: #232C3B;
        padding: 100px 0;
        width: 100%;
        position: initial;
    }
    .about-desc--content h3 {
        line-height: 1.5;
        font-size: 18px;
        margin-top: 30px;
    }
    .about-desc--content p {
        font-size: 14px;
        text-align: left;
    }
    .php img,
    .blazor img,
    .react img,
    .html img,
    .css img,
    .js img {
        width: 25px;
        height: 25px;
    }
    .sun {
        border: 1px dashed #a7a7a7;
        width: 200px;
        margin: 50px auto;
        height: 200px;
        border-width: 3px;
        border-radius: 300000px;
        background-image: url(/img/website/gear.svg);
        background-repeat: no-repeat;
        background-size: 50px 50px;
        background-position: center;
        border-style: dotted;
    }
    .php {
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 100px;
        left: 170px;
        border-radius: 50%;
    }
    .blazor {
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: -20px;
        left: 50px;
        border-radius: 50%;
    }
    .css {
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 5px;
        left: 140px;
        border-radius: 50%;
    }
    .react {
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        top: 150px;
        left: 10px;
        border-radius: 50%;
    }
    .html {
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        bottom: -20px;
        left: 105px;
        border-radius: 50%;
    }
    .js {
        background-color: #ffffff;
        padding: 10px;
        position: absolute;
        bottom: 90px;
        left: -20px;
        border-radius: 50%;
    }
    #web-process h1 {
        font-weight: 900;
        font-size: 30px;
        border: 5px solid;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        padding: 3px 10px;
        font-family: sans-serif;
        margin: 30px 0;
    }
    #web-process h3 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 50px;
    }
    #better-features {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 768px) {
    #contact {
        padding: 40px 0;
    }
    #contact-info {
        display: none;
    }
    #pricing-area {
        display: none;
    }
    .footer-over-tablets {
        display: none;
    }
    .footer--contact .btn-block {
        display: inline;
    }
    a#contact-number {
        padding: 9px 50px;
        margin: 0 auto;
    }
    .navbar-nav {
        margin: 0 auto;
        max-width: fit-content;
        display: flex;
    }
    .btn--primary {
        display: inline-block;
        padding: 9px 30px;
    }
    .footer--contact {
        text-align: center;
    }
    .footer--widget h2 {
        text-align: center;
    }
    .footer--widget h2:before {
        visibility: hidden;
    }
    #domainSearch:before {
        max-width: fit-content;
    }
    .navbar-toggle {
        display: block;
        margin: 8px 8px;
    }
    #header.sticky .toggle-btn {
        top: 22.5px;
    }
    #sliderNav ul li {
        list-style: none;
        color: #fff;
        padding: 10px 40px;
        font-size: calc(16px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
    }
    #header.sticky #nav-drawer-inner ul {
        margin-top: 25px;
    }
    #nav-drawer-inner ul {
        margin-top: 35px;
    }
    #sliderNav {
        text-align: right;
        padding-top: 20px;
        position: fixed;
        width: 40vw;
        min-width: 280px;
        height: 100vh;
        top: 0;
        right: -180px;
        transition: 0.3s;
    }
    #nav-drawer-inner .logo_img {
        height: 25px;
        margin-bottom: 10px;
    }
    #nav-drawer-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #021027;
        opacity: 0;
        transition: all 0.3s;
    }
    #sliderNav.active #nav-drawer-inner {
        opacity: 1;
    }
    .fixed-position {
        overflow: hidden;
    }
    .toggle-btn {
        position: absolute;
        top: 35px;
        left: 15px;
        z-index: 1;
        transition: 0.3s;
    }
    #sliderNav.active {
        right: 0px;
        transition: 0.3s;
    }
    #faq .container,
    #clients .container,
    #pageHeader .container {
        width: 100vw;
    }
    #our-approach .container {
        margin-top: 50px;
    }
    div#services-features {
        margin-top: 100px;
        margin-bottom: 100px;
        text-align: center;
    }
    #feedback .section--title {
        margin-bottom: 30px;
    }
    #our-approach .section--title {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 5px 10px;
    }
    ul.nav.navbar-nav.navbar-right {
        margin-top: 15px;
    }
    .header--login-btn {
        float: right;
    }
    .navbar-header {
        padding: 15px 20px;
    }
    .banner--content p {
        max-width: 80vw;
        margin: 20px auto;
    }
    .col-md-4.service--item-h {
        margin-bottom: 30px;
    }
    #servicesrow2 {
        padding-top: 0px;
    }
    div#second_price {
        margin-bottom: 950px;
    }
    div#third_price {
        position: absolute;
        margin-top: 1800px;
    }
    a#website_page {
        color: #fff;
    }
    a#software_page {
        color: #fff;
    }
    #header.sticky .header--navbar .dropdown-menu a {
        color: #fff;
    }
    .owl-carousel .owl-stage-outer {
        max-height: 750px;
    }
    svg#Layer_1 {
        position: absolute;
        top: 0;
        margin-top: -950px;
        max-width: 50vw;
        margin-left: 100px;
    }
    #software-features .col-md-8 {
        margin-top: 400px;
    }
    div#owl-software {
        max-height: 600px;
    }
    h3.software_heading {
        margin-top: 80px;
    }
    #portfolio_row {
        margin-right: 25px;
        margin-left: 25px;
    }
    #about-us-content .about-desc--content-about {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .our-services .container {
        margin: 0px auto 0 auto;
    }
    #our-approach .service-content .col-md-6 {
        width: 100%;
        height: 110px;
    }
    #our-approach .service--item .service--content {
        padding-left: 80px;
    }
    #our-approach .service-content {
        max-width: 500px;
        margin: 30px auto 0 auto;
    }
}

@media only screen and (min-width: 768px) {
    .pricing-section button.owl-prev span,
    .pricing-section button.owl-next span {
        display: none;
    }
    #website-features .container {
        max-width: 100vw;
        margin: 70px auto 0 auto;
    }
    #feedback-desktop {
        display: block;
    }
    #feedback-mobile {
        display: none;
    }
    #token-mobile {
        display: none;
    }
    .section--title h2 {
        font-size: 35px;
    }
    .service-content h3 span {
        color: #4FB5DE;
        font-weight: 900;
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 769px) {
    .banner--content p {
        margin: 20px 0;
        max-width: 60vw;
    }
    .footer-over-mobiles {
        display: none;
    }
    #feedback {
        display: block;
    }
    .banner--content {
        padding: 60px 0;
        color: #fff;
        width: 60vw;
    }
    #banner .bx-controls {
        width: 600px;
    }
}


/* Tablet responsive */

@media only screen and (max-width: 991px) {
    #web-process h1 {
        font-weight: 900;
        font-size: 40px;
        border: 5px solid;
        border-radius: 50px;
        width: 60px;
        height: 60px;
        padding: 2px 12px 5px 10px;
        font-family: sans-serif;
        margin: 60px 0;
    }
    #our-features h2 {
        font-size: 25px;
        margin-bottom: 50px;
    }
    #web-process .container {
        width: 100vw;
    }
    #better-features {
        margin-top: 470px;
    }
    .about-desc--content h3 {
        line-height: 1.5;
        font-size: 20px;
    }
    #feedback-desktop .owl-prev span {
        position: absolute;
        left: 0px;
        top: 0px;
        margin-top: 130px;
        margin-left: -80px;
        color: rgb(79, 181, 222);
        background-color: rgb(255, 255, 255);
        border-radius: 100px;
        padding: 5px 15px 15px 15px;
    }
    #feedback-desktop .owl-next span {
        position: absolute;
        right: 0px;
        top: 0px;
        margin-top: 130px;
        margin-right: -50px;
        color: rgb(79, 181, 222);
        background-color: rgb(255, 255, 255);
        padding: 5px 15px 15px 15px;
        border-radius: 100px;
    }
    #owl-feedback .owl-nav {
        display: block;
        font-size: 50px;
    }
    #owl-feedback .col-md-8 {
        padding-left: 30px;
    }
    #feedback-desktop .container {
        width: 80vw;
        margin: 0 auto;
    }
    #contact-info {
        display: none;
    }
    .team--name a {
        font-size: 23px;
    }
    #pricing-area {
        display: none;
    }
    .owl-portfolio .owl-item>div {
        cursor: pointer;
        margin: 6% 8%;
        transition: margin 0.4s ease;
    }
    .owl-portfolio .owl-item.center>div {
        cursor: auto;
        margin: 0;
    }
    .owl-portfolio .owl-item:not(.center)>div:hover {
        opacity: 0.75;
    }
    /* portfolio carousel area */
    .button_web {
        opacity: 1;
        position: relative;
        margin-top: 80px;
        max-width: fit-content;
        transform: translate(-50%, -50%);
    }
    #domainSearch.page {
        padding: 140px 0 50px;
    }
    #domainSearch .section--title h1 {
        font-size: 70px;
    }
    #portfolio-features .container {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .navbar-toggle {
        display: none;
    }
    .banner--item {
        max-width: 90vw;
    }
    #sliderNav {
        display: none;
    }
    #our-approach {
        margin-top: 100px;
    }
    div#first_price {
        margin-left: 40px;
    }
    div#second_price {
        margin-left: 40px;
        margin-bottom: 950px;
    }
    div#third_price {
        margin-left: 40px;
        position: absolute;
        margin-top: 1800px;
        width: 72.5%;
    }
    div#services-features {
        margin-top: 100px;
        margin-bottom: 100px;
        text-align: center;
    }
    #features-services .row {
        margin-top: 50px;
        margin-right: 50px;
        margin-left: 50px;
    }
    .navbar-header {
        padding: 0px;
    }
    ul.nav.navbar-nav.navbar-right {
        margin-top: 0px;
    }
    #services .container {
        width: 80vw;
    }
    .service--content h3 {
        font-size: 25px;
    }
    .service--content {
        padding-left: 15px;
    }
    #servicesrow2 {
        padding-top: 30px;
    }
    .service--item {
        margin-bottom: 20px;
    }
    #counter .row {
        margin-left: 10px;
        margin-right: 10px;
    }
    .contact--form {
        max-width: 80vw;
        padding-left: 0;
        margin: 0 auto;
        font-weight: 400;
    }
    #features .col-md-4 {
        width: 100%;
    }
    .feature--item img {
        min-height: 30vh;
        max-width: 70vw;
    }
    #about-us-content .about-desc--content-about {
        max-width: 80vw;
        margin: 30px auto;
    }
    #software-brand .about-desc--img {
        max-width: 50vw;
        margin: 50px auto;
    }
    svg#Layer_1 {
        position: absolute;
        top: 0;
        margin-top: -850px;
        max-width: 40vw;
        margin-left: 200px;
    }
    #software-features .col-md-8 {
        margin-top: 400px;
    }
    #software-features .container {
        max-width: 80vw;
    }
    p.software_paragraph {
        max-width: 800px;
    }
    .contact-form-row {
        margin-top: 50px;
    }
    #contact .col-md-4 {
        margin-left: 50px;
    }
    .row.services-feature-row {
        display: grid;
    }
    .row.services-feature-list #services-img {
        width: 65px;
        height: 65px;
    }
    .row.services-feature-list .card .feature--item-services {
        width: 200px;
        box-shadow: 0 5px 10px 3px rgb(79 181 222 / 33%);
    }
    .feature--item-h {
        margin-top: 50px;
    }
    .our-services h3 br {
        display: none;
    }
    .our-services h3 {
        font-size: 25px !important;
    }
    .our-blog h3,
    .section--title h1,
    .our-work h3 {
        font-size: 25px !important;
    }
    .our-work h3 {
        margin-top: 20px;
    }
    .our-work p {
        margin: 10px 0 20px 0;
    }
    #our-approach,
    #our-approach .container {
        margin-top: 0px !important;
    }
    .work-image {
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .our-work .container {
        padding: 0;
        margin: 0 auto 50px auto;
    }
    #our-approach .section--title {
        margin-top: 50px;
        margin-bottom: 20px;
    }
    #feedback .section--title h1,
    .our-blog h3,
    .section--title h1 {
        margin-top: 30px;
    }
    #feedback .section--title h1 {
        margin-bottom: 10px;
    }
    .pricing {
        margin-top: 50px;
    }
    .pricing-section .container {
        width: 95vw;
        padding: 0;
    }
    .pricing-section .col-md-4 {
        width: 90%;
        margin: 0px 10px 70px 10px;
        padding: 30px 25px;
    }
    .pricing-section h3 {
        font-size: 20px;
    }
    .pricing-section .container .h1,
    h1 {
        font-size: 40px;
        margin-top: 10px;
    }
    .pricing-section .container p {
        font-size: 14px;
        line-height: 1.4;
    }
    .pricing-section .order-now {
        margin-top: 10px;
        font-size: 14px;
    }
    .pricing-section .owl-nav.disabled {
        display: none;
    }
    .our-work .container .col-md-6,
    .our-blog .col-md-6 {
        padding: 0 5px 0 0;
        width: 50%;
    }
    .our-blog .work-image {
        height: 100%;
        padding: 10px;
    }
    .section--title {
        margin-bottom: 20px;
    }
    div#our-approach .service-content p:last-child,
    #owl-feedback p {
        margin: 0;
        font-size: 14px;
    }
    .feature--content p {
        line-height: 1.2;
        padding: 0 5px;
    }
    .card .feature--item-services .feature--content {
        bottom: -45px;
    }
    .service-content .col-md-6 {
        width: 50%;
        float: left;
        height: 150px;
    }
    .service--icon {
        width: 60px;
        height: 60px;
    }
    .service--item .service--content {
        padding-left: 20px;
    }
    /* div#our-approach .service-content h3 {
        font-size: 18px !important;
    } */
    .service-content {
        margin-top: 30px;
    }
    div#our-approach {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 991px) {
    #contact-mobile .col-md-4 {
        float: left;
        width: 33.3333%;
        margin-left: 0;
        padding: 0;
    }
    #contact .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .contact--address {
        text-align: center;
    }
    .contact--address h2:before {
        display: none;
    }
    a#contact_mobile {
        color: #737373;
    }
    .contact--social-links li a {
        margin: 15px;
    }
}

@media only screen and (max-width: 992px) {
    #responsive-content #token {
        display: block;
        margin-bottom: 20px;
    }
    #responsive-content .col-md-7 {
        padding-right: 0px;
    }
    #contact-mobile {
        display: block;
    }
    #portfolio-features {
        display: none;
    }
    #owl-pricing {
        display: block;
    }
}

@media only screen and (max-width: 993px) {
    #owl-portfolio {
        max-width: 100vw;
    }
    #owl-portfolio .item {
        margin: 3px;
    }
    #owl-portfolio {
        max-width: 100vw;
        margin-bottom: 50px;
        margin-top: 70px;
    }
    #owl-portfolio .owl-item>div {
        cursor: pointer;
        margin: 6% 8%;
        transition: margin 0.4s ease;
    }
    #owl-portfolio .owl-item.center>div {
        cursor: auto;
        margin: 0;
    }
    .owl-portfolio .owl-item img {
        object-fit: cover;
        width: 100%;
    }
    .owl-big-portfolio .owl-item img {
        width: 90%;
    }
    .owl-portfolio .owl-item {
        margin: 0 0px;
    }
    #owl-portfolio {
        display: block;
    }
    .protofilo-item img {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .contact--form {
        font-weight: 400;
        padding-left: 0px;
    }
    div#responsive-content .container {
        width: 100vw;
    }
    #web-process .container {
        width: 100vw;
    }
    #feedback-desktop .container {
        width: 80vw;
        margin: 0 auto;
    }
    #owl-portfolio {
        display: none;
    }
    #owl-big-portfolio {
        display: none;
    }
    #domainSearch.page {
        padding: 150px 0 70px;
    }
    #domainSearch .section--title h1 {
        font-size: 80px;
    }
    #portfolio-features .container {
        width: 100%;
    }
    div#nav-drawer-inner {
        display: none;
    }
    #owl-pricing {
        display: none;
    }
    div#first_price {
        margin-left: 0px;
    }
    div#second_price {
        margin-left: 0px;
        margin-bottom: 0px;
    }
    div#third_price {
        margin-left: 0px;
        position: static;
        margin-top: 0px;
        width: 33.3%;
    }
    div#services-features {
        margin-top: 100px;
        margin-bottom: 100px;
        text-align: center;
    }
    .service--content {
        padding-left: 15px;
    }
    .service--content h3 {
        font-size: 20px;
    }
    #our-approach .container {
        margin-top: 100px;
    }
    #pricing .container {
        margin-top: 100px;
    }
    #software-features .col-md-8 {
        max-width: 55vw;
        margin-left: 100px;
    }
    #software-features .col-md-4 {
        margin-top: 50px;
    }
    svg#Layer_1 {
        max-width: 50vw;
    }
    #aboutDesc-about .col-md-4 {
        max-width: 50vw;
        margin-top: 50px;
    }
    #aboutDesc-about .col-md-8 {
        max-width: 55vw;
        margin-left: 100px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #counter .col-md-3 {
        width: 40%;
        margin-left: 100px;
    }
    #portfolio-features {
        margin-top: 100px;
        display: block;
    }
    #footer {
        margin-top: 0;
    }
    #banner .bx-controls {
        width: 600px;
    }
    #contact-mobile {
        display: none;
    }
    .contact--form {
        font-weight: 400;
        padding-left: 0px;
    }
    .nav>li>a {
        padding: 10px 10px;
    }
    .col-md-3 {
        padding: 0;
    }
    #services-img {
        width: 50px;
        height: 50px;
    }
    #feedback .container,
    .our-blog .container,
    .pricing .container,
    #our-approach .container,
    .our-work .container,
    .our-services .container {
        width: 90vw;
    }
    .our-services .container {
        margin: 0px auto 50px auto;
    }
    #service-title h4,
    .our-services h4 {
        font-size: 16px;
    }
    .our-services h3 {
        margin: 10px 0 10px 0;
        font-size: 20px;
    }
    hr {
        width: 20px;
        margin: 0 10px 0 0;
    }
    .card .feature--item-services {
        width: 220px;
    }
}


/* Desktop responsive */

@media only screen and (min-width: 1024px) {
    #contact-mobile {
        display: none;
    }
    #owl-pricing {
        display: none;
    }
    #domainSearch.page {
        padding: 170px 0 100px;
    }
    #portfolio-features .container {
        max-width: 90vw;
        width: 100%;
    }
    #owl-portfolio {
        display: none;
    }
    #owl-big-portfolio {
        display: none;
    }
    .navbar-toggle {
        display: none;
    }
    #sliderNav {
        display: none;
    }
    #our-approach {
        padding: 0;
        margin: 0;
    }
    #contact .container {
        width: 90vw;
    }
    #our-features {
        padding: 0;
        margin-top: 350px;
        margin-bottom: 50px;
    }
    div#first_price {
        margin-left: 0px;
    }
    div#second_price {
        margin-left: 0px;
        margin-bottom: 0px;
    }
    div#third_price {
        margin-left: 0px;
        position: static;
        margin-top: 0px;
        width: 33.3%;
    }
    #services-features {
        margin-top: 100px;
    }
    #pricing .container {
        margin-top: 100px;
    }
    div#services-features {
        text-align: center;
        margin-bottom: 100px;
    }
    #software-features .col-md-8 {
        max-width: 55vw;
        margin-left: 100px;
    }
    #software-features .col-md-4 {
        margin-top: 50px;
    }
    svg#Layer_1 {
        max-width: 30vw;
    }
    #banner .bx-controls {
        width: 700px;
    }
    #counter .container {
        max-width: 80vw;
    }
    #portfolio-features {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    #footer {
        margin-top: 0;
    }
    #aboutDesc-about .col-md-4 {
        max-width: 40vw;
        margin-top: 50px;
    }
    #aboutDesc-about .col-md-8 {
        max-width: 55vw;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #aboutDesc-about .container {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contact--address {
        max-width: 45vw;
        margin-left: 80px;
        width: 100%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #web-process .container {
        width: 100vw;
    }
    #feedback-desktop .container {
        width: 80vw;
        margin: 0 auto;
    }
    .about-desc--img {
        min-width: 30vw;
        width: 100%;
        margin: 30px 0;
    }
    .col-md-6.col-lg-4.service--item-h {
        margin-bottom: 50px;
    }
    .banner--item {
        max-width: 100vw;
        margin: 0 auto;
    }
    .header--navbar .container {
        max-width: 90vw;
        margin: 0 auto;
    }
    .service-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-columns: auto;
    }
    .service--item-h {
        width: 100%;
    }
    .row.services-feature-row .col-md-3 {
        width: 25%;
        padding: 0;
    }
    #feedback .container,
    .our-blog .container,
    .pricing .container,
    #our-approach .container {
        width: 85vw;
    }
    .our-work .container {
        width: 90vw;
        margin: 0 auto;
    }
    #our-approach .container {
        margin-top: 50px;
    }
    .our-services .container {
        margin: 0px auto 50px auto;
        padding: 50px 0;
    }
    #our-approach .section--title {
        margin-top: 50px;
        margin-bottom: 40px;
    }
    .our-blog h3,
    .section--title h1,
    .our-work h3 {
        font-size: 30px !important;
    }
    .section--title h1 {
        margin-top: 60px;
    }
    div#our-approach {
        padding-bottom: 20px;
    }
    .pricing {
        margin-top: 50px;
    }
    .pricing-section .col-md-4 {
        width: 90%;
        margin: 0px 20px 70px 20px;
        padding: 30px 40px;
    }
    .our-blog .work-image {
        height: 300px;
        width: 100%;
    }
    .card .feature--item-services {
        width: 220px;
        height: 220px;
    }
    #service-title h4 {
        font-size: 16px;
    }
    .our-services h3 {
        font-size: 20px;
    }
    #feedback .section--title h1 {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1440px) {
    .row.services-feature-row {
        width: fit-content;
    }
    .our-blog h3,
    .section--title h1,
    .our-work h3 {
        font-size: 35px;
    }
    .service--content {
        padding-left: 0px;
    }
    div#our-approach .service-content h3 {
        font-size: 20px;
    }
    .our-services .container {
        width: 90vw;
    }
}


/* Widescreen responsive */

@media only screen and (min-width: 1216px) {
    #contact .container {
        max-width: 100vw;
    }
    #software-features .col-md-8 {
        max-width: 55vw;
        margin-left: 0px;
    }
    #aboutDesc-about .col-md-8 {
        max-width: 55vw;
    }
    #aboutDesc-about .col-md-4 {
        max-width: 30vw;
        margin-top: 35px;
    }
    #aboutDesc-about .container {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .contact--address {
        max-width: 30vw;
        margin-left: 50px;
    }
    .contact--form {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    #website-features .container {
        max-width: 100vw;
        margin: 70px auto 0 auto;
    }
    .banner--item {
        max-width: 90vw;
        margin: 0 auto;
    }
    .header--navbar .container {
        max-width: 90vw;
        margin: 0 auto;
    }
    .banner--content p {
        margin: 20px 0;
        max-width: 40vw;
    }
    #feedback-desktop .container {
        width: 80vw;
        margin: 0 auto;
    }
}


/* Fullhd responsive */

@media only screen and (min-width: 1408px) {
    #feedback-desktop .container {
        width: 60vw;
        margin: 0 auto;
    }
    #better-features .container {
        width: 80vw;
        margin: 0 auto 100px auto;
    }
    #our-features .container,
    #our-approach .container {
        width: 80%;
        margin: 0 auto;
    }
    #software-features .col-md-4 {
        margin-top: 25px;
    }
    #banner .bx-controls {
        width: 1300px;
    }
    #our-features .col-md-4,
    #our-approach .col-md-4 {
        max-width: 33.3%;
    }
    #software-features .col-md-8 {
        max-width: 55vw;
        margin-left: 0;
    }
    svg#Layer_1 {
        max-width: 30vw;
    }
    #aboutDesc-about .col-md-8 {
        max-width: 55vw;
        margin-left: 0;
    }
    #aboutDesc-about .container {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #aboutDesc-about .row {
        margin-left: 0px;
    }
    #contact .col-md-4 {
        max-width: 25vw;
    }
    #contact .col-md-8 {
        max-width: 50vw;
        padding-left: 0px;
    }
    #aboutDesc-about .row {
        margin-left: 0px;
    }
}


/* css just for the rotate circle */

@media only screen and (min-width: 1493px) {
    div#web-process {
        color: #fff;
        background-color: #232C3B;
        padding: 100px 0;
        position: absolute;
        top: 1040px;
        width: 100%;
    }
}

@media only screen and (min-width: 1312px) and (max-width: 1493px) {
    div#web-process {
        top: 1065px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1312px) {
    div#web-process {
        top: 1090px;
    }
}

@media only screen and (min-width: 1092px) and (max-width: 1200px) {
    div#web-process {
        top: 1115px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1092px) {
    div#web-process {
        top: 1140px;
    }
    div#our-features {
        margin-top: 380px;
    }
}

@media only screen and (min-width: 927px) and (max-width: 992px) {
    div#web-process {
        top: 1135px;
    }
    div#our-features {
        margin-top: 380px;
    }
}

@media only screen and (min-width:858px) and (max-width: 927px) {
    div#web-process {
        top: 1160px;
    }
    div#our-features {
        margin-top: 400px;
    }
}

@media only screen and (min-width:827px) and (max-width: 858px) {
    div#web-process {
        top: 1185px;
    }
    div#our-features {
        margin-top: 400px;
    }
}

@media only screen and (min-width:785px) and (max-width: 827px) {
    div#web-process {
        top: 1205px;
    }
    div#our-features {
        margin-top: 400px;
    }
}

@media only screen and (min-width:768px) and (max-width: 785px) {
    div#web-process {
        top: 1230px;
        margin-bottom: 450px;
    }
    div#our-features {
        margin-top: 450px;
    }
}