/* 1920  */
@media only screen and (min-width: 1600px){
    .container{
        max-width: 1440px;
    }
    .navbar-brand img {
        height: 57px;
    }

    .service-icon img {
        height: 68px;
        width: 68px !important;
    }

    /* About Page  */
    .about-grid .about-img {
        padding-top: 72%;
    }
	.innerbanner h1, .innerbanner h2{
		font-size: 50px;
	}

    /* Digital Marketing Template  */
    .work-process-list .process-list, .tech-process-list .process-list {
        margin-top: 40px;
    }
    .work-process-list .process-list .wprocess-count {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
    .mid-man {
        width: 47%;
    }

    /* Service Template  */
    .service-box {
        padding: 40px 20px;
    }
    .serv-hire .hire-img {
        top: 44%;
        width: 42%;
    }
}

/* 992  */
@media only screen and (max-width: 1199px){
    .header-top .con-box a {
        font-size: 13px;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 12px;
    }
    .myHeader .navbar-nav .nav-item:not(:last-child) {
        margin-right: 10px;
    }
    .banner .content-1 h2 {
        font-size: 45px;
    }
    .navbar-brand img {
        height: 42px;
    }
    .sec-space {
        padding: 80px 0;
    }
    .content-2 h3 {
        font-size: 26px;
    }
    .about-text h2, .section-heading h2 {
        font-size: 38px;
    }
    .about-text h2 {
        margin-bottom: 28px;
    }
    .serv-row {
        margin: 0 -16px;
    }
    .serv-row [class*="col-"] {
        padding: 0 16px;
    }
    .page-template-home2 .about.hire .about-text h2,
    .page-template-home2 .partners .section-heading h2{
        font-size: 32px;
    }
    .timeline-icon {
        height: 124px;
        width: 124px;
    }
    .timeline-icon img {
        height: 50px;
        width: 50px;
    }
    .testimonial-img {
        width: 60%;
        left: -5%;
    }
    .footer-img {
        height: 132%;
        left: 6%;
    }
    .btn {
        height: 42px;
        line-height: 42px;
        padding: 0 16px;
        min-width: 136px;
    }
    .footer-logo img {
        height: 60px;
    }


    /* About Page  */
    .innerbanner h1, .innerbanner h2 {
        font-size: 40px;
    }
    .flip-card p {
        font-size: 15px;
    }
    .team-text {
        height: 26%;
    }
    .news-text {
        max-width: 92%;
    }

    /* Career Page  */
    .job-modal .modal-dialog {
        max-width: 96%;
    }

    /* Portfolio Page  */
    .portfolio-banner .banner-text h1, .portfolio-banner .banner-text h1::before, .portfolio-banner .banner-text h1::after  {
        font-size: 140px;
    }

    /* Portfolio Details Page  */
    .port-requirements{
        padding: 0 !important;
    }
    .port-details-story .our-logo::before {
        height: 440px;
        width: 440px;
    }
    .port-details-story .our-logo::after {
        height: 320px;
        width: 320px;
    }

    /* Veylo Page  */
    .veylo-banner-img::before {
        width: 360px;
        height: 360px;
    }
    .veylo-video.video-wrapper {
        padding-top: 100%;
    }
    .essential-tools .flip-card-front, .essential-tools .flip-card-back {
        padding: 32px 20px;
    }
    .field-service .about-text p {
        font-size: 13px;
    }
    .veylo-form .contact_form {
        padding: 24px;
        margin-bottom: 50px;
    }
    .veylo-form .form-group label {
        margin-bottom: 0;
    }
    .veylo-form .form-group {
        margin-bottom: 12px;
    }
    .veylo-form .veylo-lady {
        width: 54%;
        right: -2%;
    }
    .veylo-test-slider p {
        font-size: 18px;
    }

    /* Digital Marketing Template  */
    .process-list:not(:first-child) {
        margin-top: -30px;
    }
    .mid-man {
        width: 54%;
    }


    /* Service Template  */
    .tech-icon img {
        height: 76px;
        width: 76px !important;
        padding: 12px;
    }
    .tech-icon::after {
        width: 120px;
        height: 120px;
    }
    .tech-slider .item h5 {
        font-size: 14px;
        margin-top: 50px;
    }
    .hire .about-text h2 {
        font-size: 30px;
    }
    .project-text {
        margin-top: 100px;
        padding-top: 20px;
        border-top: 1px solid #fff;
    }
    .projects h4 {
        font-size: 24px;
    }
    .work-box h4 {
        font-size: 15px;
        margin-top: 12px;
    }
    .work-box h5 {
        font-size: 13px;
    }
    .work-img {
        height: 260px;
    }
    
}

/* 768  */
@media only screen and (max-width: 991px){
    .nav-desktop{
        display: none;
    }
    .nav-mobile{
        display: flex !important;
    }
    .navbar-collapse{
        max-height: 80vh;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        top: 120%;
        left: 0;
        width: 100%;
        background: var(--white);
        z-index: 999999;
    }
    .navbar-toggler-icon .bi{
        color: var(--orange);
    }
    .navbar-toggler{
        padding: 0;
        margin-left: 4px;
        font-size: 2rem;
    }
    .navbar-toggler:hover, .navbar-toggler:focus{
         border: none;
         outline: none;
    }
    .navbar-toggler-icon {
        height: auto;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 12px 16px;
    }
    .navbar-nav .nav-item .nav-link.has-dropdown::before {
        top: 8px;
    }

    /* new Menu  */
    .sidebar #leftside-navigation ul {
        width: 100%;
        margin: 0;
        padding: 0;
        display: inline-block;
    }
    .sidebar #leftside-navigation ul li {
        display: block;
        width: 100%;
        vertical-align: middle;
        list-style-type: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .sidebar #leftside-navigation ul li.open > a > i {
    transform: rotate(90deg);
    }
    .sidebar #leftside-navigation ul li.open > a > i:not(:hover) {
        color: var(--orange);
    }
    .sidebar #leftside-navigation ul li a:hover {
        color: var(--orange);
    }
    .sidebar #leftside-navigation ul li a span {
        display: inline-block;
    }
    .sidebar #leftside-navigation ul li a i {
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        position: absolute;
        touch-action: manipulation;
    }
    .sidebar #leftside-navigation ul li a i:hover {
        background-color: transparent;
        color: var(--orange);
    }
    .sidebar #leftside-navigation ul ul {
        display: none;
        background-color: rgba(0, 0, 0, 0.08);
    }
    .sidebar #leftside-navigation ul ul li {
        border-bottom: none;
        border-bottom: 1px solid #b7b7b7;
    }
    ul.level-2 {                                                                                                                                         
        padding: 20px !important;
    }
    .level-2 a{
        display: block;
        padding: 8px 0 !important;
    }
    ul.level-1 .bi {
        height: 60px !important;
        line-height: 60px !important;
    }
    .header-bottom .rating:not(:last-child){
        padding-right: 40px;
        border-right: 1px solid var(--white);
        margin-right: 40px;
    }
    
    /* New Menu   */


    .nav-text{
        margin-left: auto;
    }
    .sec-space {
        padding: 76px 0;
    }
    .header-top .con-box a {
        font-size: 0;
    }
    .header-top .con-list {
        flex-wrap: nowrap;
    }
    .btn {
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        padding: 0 12px;
        min-width: 124px;
    }
    .banner {
        margin-bottom: 70px;
    }
    .zoom .text-container {
        height: 180vh;
    }
    .text-container .content-1 {
        padding: 0 80px;
    }
    .banner .content-1 h2 {
        font-size: 40px;
    }
    .ab-home .about-text {
        padding-left: 0;
    }
    .about-text h2, .section-heading h2 ,
    .page-template-home2 .about.hire .about-text h2,
    .page-template-home2 .partners .section-heading h2{
        font-size: 30px;
    }
    .about-text h2 {
        margin-bottom: 12px;
    }
    .section-heading p {
        padding: 0;
    }
    .serv-row {
        margin: 0 -10px;
    }
    .serv-row [class*="col-"] {
        padding: 0 10px;
    }
    .page-template-home2 .about.hire .hire-img{
        display: none;
    }
    .whyus-box, .hire-now {
        padding: 28px 20px;
    }
    .whyus-slider {
        max-width: 90%;
    }
    .hire-now {
        padding: 32px 20px;
        max-width: 220px;
        left: -18%;
        top: 30%;
    }
    .price-row{
        row-gap: 20px;
    }
    .price-head h3 {
        font-size: 18px;
    }
    .price-head h2 {
        font-size: 36px;
    }
    .orbit-wrap {
        height: 600px !important;
    }
    .timeline {
        height: auto;
        flex-direction: column;
    }
    .timeline-content {
        width: 52%;
        height: auto;
        flex-direction: row-reverse;
        padding: 0 60px 0 0;
    }
    .timeline-content:nth-child(even) {
        flex-direction: row;
        padding: 0 0 0 60px;
        margin-top: -6%;
    }
    .timeline-content:nth-child(even) .timeline-icon::before {
        top: 52px;
        left: -25%;
    }
    .timeline-content::after {
        width: 38px;
        height: 80%;
        clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 0 90%, 0 0, 50% 10%);
        bottom: auto;
        left: auto;
        right: 0;
        top: 0;
    }
    .timeline-content:nth-child(even)::after {
        bottom: auto;
        top: 10%;
        left: 0;
    }
    .timeline-content:first-child(){
        padding-top: 20px !important;
    }
    .timeline-content:nth-child(odd) .timeline-icon {
        margin-right: 0;
        margin-left: 8px;
    }
    .timeline-content:nth-child(even) .timeline-icon {
        margin-right: 8px;
        margin-left: 0px;
    }
    .timeline-icon {
        height: 104px;
        width: 104px;
    }
    .timeline-icon img {
        height: 45px;
        width: 45px
    }
    .timeline-desc {
        height: auto;
    }
    .timeline-icon::before {
        width: 50%;
        height: 6px;
        top: 52px;
        left: 125%;
    }
    .testimonial-thumbs {
        left: 30%;
    }
    .testimonial-content {
        padding-left: 56%;
    }
    .client-img {
        height: 68px;
        width: 68px !important;
    }
    .review.position-relative {
        height: 220px;
        overflow-y: auto;
    }
    .testimonial-content {
        padding-left: 55%;
    }
    .faq-wrap {
        padding-left: 0;
    }
    .faq-img {
        height: 75%;
        width: 44%;
    }
    .team-text p {
        max-height: 150px;
    }

    /* About Page  */
    .innerbanner {
        padding: 20px 0;
    }
    .innerbanner .banner-text {
        padding: 20px 0;
    }
    .innerbanner .banner-text h1 {
        font-size: 32px;
    }
    .innerbanner  .row{
        row-gap: 0 !important;
    }
    .ban-stat-bar, .happy-clients {
        padding: 14px 16px;
        max-width: 132px;
    }
    .ban-stat-bar {
        top: -14%;
    }
    .ban-bar {
        height: 10px;
        width: 100px;
        margin-bottom: 14px;
    }
    .happy-clients {
        bottom: -6%;
    }
    .about-grid .about-img {
        padding-top: 46%;
    }
    .mission-table li {
        padding: 24px 12px 24px 60px;
    }
    .about-grid .about-img:nth-child(1) {
        margin: 60px 0;
    }
    .our-logo {
        margin: 160px auto;
    }
    .value-row [class*="col-"] {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    .flip-card-front, .flip-card-back {
        padding: 20px;
    }
    .flip-card p {
        font-size: 13px;
    }
    .value-icon img {
        height: 80px;
        width: 80px;
    }
    .flip-card {
        height: 320px;
    }
    .flip-card h3 {
        font-size: 20px;
    }
    
    /* Testimonial Page  */
    .test-box:hover {
        transform: rotate(6deg);
    }
    .testimonial-cms .abbanner-img {
        margin: 12px 0;
    }


    /* Contact Page  */
    .location-wrapper .nav-link {
        min-width: 160px;
    }

    /* Career Page  */
    .job-cat-box {
        padding: 10px;
    }
    .job-cat-icon {
        height: 32px;
        width: 32px;
        margin-right: 10px;
    }
    .job-cat-text h3 {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .feature-jobs {
        padding: 12px;
    }
    .job-box {
        padding: 20px;
    }
    .job-box h3 {
        font-size: 16px;
    }
    .job-icon img {
        height: 54px;
        width: 54px;
    }
    .job-box .d-flex {
        flex-direction: column-reverse;
        text-align: left;
        align-items: flex-start !important;
        row-gap: 7px;
    }
    .job-details {
        height: auto;
    }
    .portfolio-row{
        margin: 0 -8px;
    }
    .portfolio-row [class*="col-"]{
        padding: 0 8px;
    }

    /* Portfolio Page  */
    .portfolio-banner.innerbanner .banner-text h1 {
        font-size: 92px;
    }
    .portfolio-banner .banner-text h1::before, .portfolio-banner .banner-text h1::after {
        font-size: 112px;
    }
    .portfolio-banner p {
        padding: 0 12%;
    }
    .portfolio-tabs .nav-link .tab-icon::before {
        width: 110px;
        height: 110px;
    }
    .portfolio-tabs .nav-link .tab-icon {
        height: 50px;
        width: 50px;
    }
    .portfolio-tabs .nav-link span {
        margin-top: 45px;
        font-size: 16px;
    }

    /* Portfolio Details Page  */
    .port-details-story .our-logo {
        margin: 60px auto;
    }
    .port-details-story .our-logo::before {
        height: 500px;
        width: 500px;
    }
    .our-logo::after {
        height: 360px;
        width: 360px;
    }
    .port-requirements .row{
        margin: 0 -8px;
    }
    .port-requirements .row [class*="col-"]{
        padding: 0 8px;
    }
    .reqd-box {
        padding: 24px 20px 84px 20px;
    }
    .reqd-box h3 {
        font-size: 18px;
    }
    .reqd-count {
        font-size: 148px;
    }


    /* Technology Templates  */
    .serv-hire::before, .marketing-services::before, .about-marketing::before, .port-details-story::before, .port-requirements::before, .teams-cms::before, .teams-cms::after, .all-blogs::before, .all-blogs::after {
        height: 200px;
        width: 200px;
        filter: blur(160px);
    }
    .tech-process-list .wprocess-count, .tech-process-list .process-list h4 {
        font-size: 16px;
    }
    .tech-process-list .process-list:nth-child(1) {
        margin-right: 0;
        padding-left: 0;
    }
    .tech-process-list .process-list:nth-child(2) {
        margin-left: -20px;
        padding-right: 20px;
    }
    .tech-process-list .process-list:nth-child(3) {
        margin-right: -20px;
        padding-left: 20px;
    }
    .tech-process-list .process-list:nth-child(4) {
        margin-left: 0px;
        padding-right: 0px;
    }
    .tech-process .mid-man {
        width: 50%;
    }
    .tech-process-list .process-list:nth-child(2) .dark-dot::before {
        transform: rotate(170deg);
        right: 0px;
    }
    .tech-process-list .process-list:nth-child(3) .dark-dot::before {
        transform: rotate(-170deg);
        right: 15px;
    }
    .dark-dot::before {
        transform: rotate(151deg);
        top: 0px;
        right: -14px;
    }
    .tech-process-list .process-list:nth-child(4) .dark-dot::before {
        transform: rotate(-145deg);
        right: 36px;
    }

    /* Blog Page  */
    .blog-cat h5 {
        font-size: 13px;
    }
    .blog-cat .bi {
        font-size: 14px;
        margin-right: 4px;
    }
    .blog-text a.blog-title {
        font-size: 16px;
    }
    .read-list .blog-box, .latest-blog-slider .blog-box {
        padding: 8px;
    }
    .read-list .blog-text {
        padding-top: 0px;
    }
    .read-list li:not(:last-child) {
        margin-bottom: 10px;
    }
    .latest-blog-slider .blog-text {
        padding-top: 12px;
    }
    .latest-block .section-heading {
        margin-bottom: 20px;
    }

    /* Veylo Page  */
    .veylo-banner-img::before {
        width: 300px;
        height: 300px;
    }
    .app-btn img {
        height: 40px;
    }
    .veylo-video.video-wrapper {
        padding-top: 57%;
    }
    .page-template-veylo .small-business .mission-table li {
        padding: 6px 0 6px 40px;
    }
    .smbs-row{
        flex-direction: column-reverse;
    }
    .essential-tools .flip-card {
        height: 240px;
    }
    .essential-tools .flip-card-front, .essential-tools .flip-card-back {
        padding: 32px 32px;
    }
    .essential-tools .row{
        row-gap: 20px;
    }
    .field-service .mission-table li:not(:last-child) {
        padding: 0 0 8px 0;
        margin: 0px 0 8px 0;
    }
    .veylo-price-box:hover {
        transform: scale(1);
    }
    .page-template-veylo .section-heading h2, .page-template-veylo .about-text h2 {
        font-size: 30px;
        margin-bottom: 12px;
    }
    .veylo-form .veylo-lady {
        width: 64%;
        position: static !important;
        margin: 0 auto;
        height: 75% !important;
    }
    .veylo-form .veylo-lady::before {
        width: 500px;
        height: 500px;
        top: 55%;
        left: 22%;
    }
    .veylo-footer .navbar-nav .nav-item .nav-link{
        padding:  0 !important;
    }

    /* Digital Marketing Template  */
    li.process-list.wow.zoomIn:not(:first-child) {
        margin-top: -50px;
    }
    .work-process-list .process-list h4 {
        font-size: 14px;
    }
    .work-process-list .process-list .wprocess-count {
        height: 36px;
        width: 36px;
        line-height: 36px;
        font-size: 14px;
        top: 0;
        transform: translateY(0);
    }
    .work-process-list .process-list {
        padding: 0 0 0 42px;
    }
    .work-process-list .process-list:nth-child(2), .work-process-list .process-list:nth-child(4) {
        padding: 0 42px 0 0;
    }


    /* Service Template  */
    .hire-dev {
        width: 100% !important;
        max-width: 100%;
    }
    .serv-hire .hire-img {
        transform: translateY(0);
        position: static !important;
        width: 75%;
        margin: 20px auto 0;
    }
    .tech-slider::after {
        top: -14%;
    }
    .project-text {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    .project-slider {
        margin-top: 32px;
    }
    .projects .section-heading {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .work-box.active, .work-box:hover {
        flex: 4;
    }
}

/* 576  */
@media only screen and (max-width: 767px){
    .header-top .rating-info {
        display: none !important;
    }
    .header-top .con-list {
        margin-right: auto;
    }
    .banner {
        margin-bottom: 60px;
    }
    .banner .content-1 h2 {
        font-size: 32px;
    }
    .text-container .content-1 {
        padding: 0 40px;
    }
    .text-container .content-2 {
        margin-bottom: 26vh;
    }
    .content-2 h3 {
        font-size: 24px;
        padding: 0 12px;
    }
    .row, .myFooter .footer-row {
        row-gap: 20px;
    }
    .sec-space {
        padding: 60px 0;
    }
    .service-icon img {
        height: 62px;
        width: 62px !important;
    }
    .service-text .serv-title {
        font-size: 20px;
    }
    .whyus-slider {
        max-width: 100%;
    }
    .whyus-image.h-100 {
        width: 100%;
        height: 400px !important;
        margin-left: auto;
    }
    .hire-now {
        position: relative;
        left: 0;
        top: 0;
        max-width: 90%;
        margin: -40px auto 0;
    }
    .orbit-wrap {
        transform: scale(0.84);
        height: 500px !important;
    }
    .timeline-content {
        width: 100%;
        flex-direction: row !important;
        padding: 20px 0 20px 60px !important;
    }
    .timeline-content:nth-child(odd) .timeline-icon,
    .timeline-content:nth-child(even) .timeline-icon {
        margin-right: 15px;
        margin-left: 0;
    }
    .timeline-content::after {
        width: 32px;
        height: 100%;
        left: 0;
        right: auto;
    }
    .timeline-content:nth-child(even) {
        align-self: start;
        margin-top: 0;
        margin-left: 0;
    }
    .timeline-content:nth-child(even)::after {
        top: 0%;
    }
    .timeline-content:nth-child(even) .timeline-count {
        top: -12%;
        bottom: auto;
    }
    .timeline-icon::before {
        left: -25% !important;
    }
    .testimonial-thumbs {
        left: -16%;
    }
    .testimonial-content {
        padding-left: 20%;
    }
    .testimonial-img {
        display: none;
    }
    .testimonial-thumbs {
        top: 30%;
    }
    .review.position-relative {
        height: auto;
    }
    .team-text p {
        max-height: 186px;
    }
    .footer-banner .section-heading h2{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .footer-img {
        height: 110%;
        left: 1%;
    }

    /* About Page  */
    .about-grid .about-img:nth-child(1) {
        margin: 0px 0;
    }
    .timeline-box h4 {
        font-size: 20px;
    }
    .value-row [class*="col-"] {
        max-width: 50%;
        flex: 0 0 50%;
    }

    /* Teams page  */
    .portfolio-details-cms.test-cms {
        padding: 20px 0;
    }
    .portfolio-details-cms.test-cms::before {
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #f0790000, #8d2f00d9);
        position: absolute;
        top: 0;
        left: 0;
    }
    .team-location {
        font-size: 68px;
        top: -40px;
    }
    .approach .d-flex{
        flex-direction: column;
    }
    .mid-banner .section-heading, .marketing-services .section-heading {
        max-width: 100%;
        text-align: center;
    }

    /* Contact Page  */
    .location-wrapper .nav-link {
        min-width: 140px;
    }
    .location-wrapper .contact-info {
        padding: 24px;
    }

    /* Career Page  */
    .job-box .d-flex {
        flex-direction: row;
        align-items: center !important;
    }

    /* Portfolio Page  */
    .portfolio-banner.innerbanner .banner-text {
        padding:0;
    }
    .portfolio-banner.innerbanner .banner-text h1 {
        font-size: 60px;
    }
    .portfolio-banner .banner-text h1::before, .portfolio-banner .banner-text h1::after {
        font-size: 68px;
    }
    .portfolio-tabs .nav-link .tab-icon::before {
        width: 90px;
        height: 90px;
    }
    .portfolio-tabs .nav-link span {
        margin-top: 28px;
        font-size: 14px;
    }

    /* Portfolio Details Page  */
    .single-port-details {
        background-position: 50% 60%;
    }
    .port-details-story .our-logo::before {
        height: 432px;
        width: 432px;
    }

    /* Technology Template  */
    ul.tech-process-list {
        flex-wrap: wrap;
    }
    .tech-process-list .process-list {
        flex: 0 0 100%;
        max-width: 100% !important;
        padding: 12px 0 12px 132px !important;
        text-align: left !important;
        margin: 0 !important;
    }
    .tech-process-list .process-list:nth-child(1), .tech-process-list .process-list:nth-child(4) {
        margin-bottom: 0;
        padding-top: 0;
    }
    .tech-process-icon {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 !important;
    } 
    .tech-process .mid-man {
        width: 62%;
    }
    .tech-process .mid-man::before {
        top: 14%;
    }
    .dark-dot {
        display: none !important;
    }
    .tech-solution-row{
        margin: 0 -8px;
    }
    .tech-solution-row [class*="col-"]{
        padding: 0 8px;
    }
    .ab-cms .row , .about-marketing .row{
        flex-direction: column-reverse;
    }

    /* Blog Page  */
    .blog-banner .row{
        row-gap: 0;
    }
    .blog-banner .abbanner-img{
        margin: 0;
    }


    /* Veylo Page  */
    .veylo-banner-img::before {
        width: 360px;
        height: 360px;
    }
    .essential-tools .flip-card-front, .essential-tools .flip-card-back {
        padding: 20px;
    }
    .essential-tools .flip-card h3 {
        font-size: 18px;
    }
    .essential-tools .value-icon img {
        height: 64px;
        width: 64px;
    }
    .field-service .row [class*="col-"]:nth-child(2){
        order: 2;
    }
    .field-service .mission-table li {
        min-height: 100px;
    }
    .veylo-form .veylo-lady {
        width: 80%;
    }
    .veylo-form .veylo-lady::before {
        width: 440px;
        height: 440px;
        top: 60%;
        left: 16%;
    }
    .veylo-test-slider p {
        font-size: 15px;
    }
    .veylo-test-slider .client-img {
        height: 120px;
        width: 120px !important;
    }

    /* Digital Marketing Template  */
    .work-process-list {
        position: static;
    }
    .mid-man {
        width: 75%;
    }
    .ab-marketing::after {
        top: -20px;
        right: -20px;
    }
    .work-process-list .process-list {
        padding: 0 0 0 42px !important;
        max-width: 100%;
        left: 0 !important;
        margin-top: 20px !important;
    }
    .work-process-list .process-list:nth-child(even) .wprocess-count {
        right: auto;
        left: 0;
    }


    /* Service Template  */
     .projects .section-heading {
        width: 100%;
    }
    .serv-hire .hire-img {
        width: 80%;
    }
    .project-text {
        margin-top: 20px;
    }
    .project-slider {
        margin-top: 0;
    }
    .project-slider .owl-nav {
        text-align: left;
        margin-left: 0;
    }
    .work-expansion {
        flex-direction:  column;
        row-gap: 20px;
    }
}

/* 480  */
@media only screen and (max-width: 575px){
    body, p {
        line-height: 1.5;
    }
    .rating {
        margin-left: 0 !important;
    }
    .banner .btn-primary {
        text-wrap: wrap;
        height: auto;
        line-height: 1.4;
        padding: 12px 20px;
    }
    .banner .content-1 h2 {
        font-size: 26px;
    }
    .section-heading {
        margin-bottom: 32px;
        max-width: 100%;
    }
    .about-text h2, .section-heading h2, .page-template-home2 .about.hire .about-text h2, .page-template-home2 .partners .section-heading h2 {
        font-size: 25px;
    }
    .service-text .serv-title {
        font-size: 18px;  
        margin-bottom: 8px;
    }
    .orbit-wrap {
        transform: scale(0.7);
        height: 440px !important;
    }
    .jq-ry-container {
        padding: 0;
    }
    .rating-info span {
        font-size: 13px;
    }
    .rate-icon {
        height: 36px;
        width: 36px;

    }
    .rating-info {
        margin-left: 4px !important;
    }
    .rate-icon:not(:last-child) {
        margin-left: 4px !important;
    }
    .price-box {
        margin-left: 20px;
    }
    .price-head {
        width: calc(100% + 20px);
    }
    .price-head h2 {
        font-size: 32px;
    }
    .footer-banner {
        padding: 24px;
    }
    .footer-img {
        height: 120%;
    }
    .footer-banner .section-heading h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .myFooter::before {
        height: 92%;
    }
    .myFooter .footer-row {
        padding: 60px 0 20px;
    }

    /* About Page  */
    /* .about-banner .row{
        flex-direction: column-reverse;
    } */
    .ban-stat-bar {
        top: -6%;
        left: 4%;
    }
    .happy-clients {
        bottom: -2%;
        right: 4%;
    }
    .our-logo {
        margin: 90px auto;
        transform: scale(0.8);
    }
    .value-row {
        margin: 0 0 -8px;
    }
    .value-row [class*="col-"] {
        padding: 0 8px;
    }

    /* Teams Page  */
    .innerbanner .banner-text h1 {
        font-size: 28px;
    }
    .team-group h2 {
        font-size: 46px;
        margin-bottom: 24px;
    }
    .team-location {
        font-size: 54px;
    }

    /* Contact Page  */
    .location-wrapper .nav-link {
        font-size: 13px;
        min-width: 120px;
    }
    .location-wrapper h5 {
        font-size: 15px;
    }
    .location-wrapper h5:not(:first-of-type) {
        margin-top: 28px;
    }

    /* Career Page  */
    .career-details-cms .abbanner-img {
        margin: 0 0 40px;
    }

    /* Portfolio Page  */
    .portfolio-banner.innerbanner .banner-text h1 {
        font-size: 57px;
    }
    .portfolio-banner .banner-text h1::before, .portfolio-banner .banner-text h1::after {
        font-size: 62px;
    }
    .portfolio-tabs .nav-link .tab-icon::before {
        width: 80px;
        height: 80px;
    }
    .portfolio-tabs .nav-link .tab-icon {
        height: 40px;
        width: 40px;
    }
    .portfolio-tabs .nav-link span {
        font-size: 13px;
    }
    .portfolio-tabs .nav-link {
        padding: 0;
    }

    /* Portfolio Details Page  */
    .single-port-details {
        background-position: 60% 60%;
    }
    .port-details-story .our-logo {
        width: 100%;
        transform: scale(1);
        margin: 60px auto;
    }
    .port-details-story .our-logo::before {
        height: 420px;
        width: 420px;
        left: 3%;
        top: -18%;
    }
    .port-details-story .our-logo::after{
        display: none;
    }

    /* Technology Templates  */
    .service-card h3 {
        font-size: 20px;
        margin: 24px 0 8px;
    }

    /* Blog Page  */
    .latest-block .section-heading {
        margin-bottom: 8px;
    }

    /* Veylo Page  */
    .essential-tools  .row{
        margin: 0 -8px;
    }
    .essential-tools  .row [class*="col-"]{
        padding: 0 8px;
    }
    .page-template-veylo .section-heading h2, .page-template-veylo .about-text h2 {
        font-size: 25px;
        margin-bottom: 8px;
    }
    .veylo-price-box h2, .veylo-price-box h3 {
        font-weight: 600;
        font-size: 26px;
    }
    .veylo-form .veylo-lady {
        height: 60% !important;
        transform: scale(1);
    }
    .veylo-form .veylo-lady::before {
        width: 360px;
        height: 360px;
        top: -8%;
        left: 9%;
    }
    .veylo-test-slider .review::before {
        top: -40px;
        left: 120px;
    }


    /* ServiceTemplate  */
    .tech-icon img {
        height: 62px;
        width: 62px !important;
        padding: 8px;
    }
    .tech-icon::after {
        width: 100px;
        height: 100px;
    }
    .serv-hire .hire-img {
        width: 100%;
    }
    .contact-form {
        padding: 20px;
    }
    .tech-slider .owl-item:nth-child(even) {
        margin-top: 40px;
    }
    
}

/* 360  */
@media only screen and (max-width: 479px){
    .header-top .con-list{
        display:  none !important;
    }
    .header-top .btn-primary {
        font-size: 12px;
        margin-left: auto;
        line-height: 1.2;
        padding: 6px 12px;
        word-wrap: break-word !important;
        text-wrap: wrap;
        height: auto;
    }
    .header-top {
        padding: 8px 0;
    }
    .banner{
        margin-bottom: 40px !important;
    }
    .ab-home{
        margin-top: 140px;
    }
    .about-text h6, .section-heading h6 {
        font-size: 16px;
    }
    .about-text h2, .section-heading h2, .page-template-home2 .about.hire .about-text h2, .page-template-home2 .partners .section-heading h2 {
        font-size: 24px;
    }
    .whyus-image.h-100 {
        height: 320px !important;
    }
    .orbit-wrap {
        transform: scale(0.54);
        height: 360px !important;
    }
    .price-head {
        left: -32px;
    }
    .price-box {
        padding: 14px;
        margin-left: 16px;
    }
    .timeline-content {
        flex-direction: column !important;
        row-gap: 12px;
    }
    .timeline-icon {
        height: 86px;
        width: 86px;
    }
    .timeline-icon img {
        height: 36px;
        width: 36px;
    }
    .timeline-count {
        height: 32px;
        width: 32px;
        line-height: 32px;
        font-size: 15px;
        top: -20%;
    }
    .timeline-icon::before {
        top: 40px !important;
    }
    .testimonial-thumbs {
        left: -28%;
    }
    .team-text p {
        max-height: 300px;
    }
    .footer-row [class*="col-"]{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .footer-banner .section-heading h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .footer-banner {
        padding: 20px;
    }
    .footer-img {
        height: 100%;
        left: -4%;
        top: -8%;
    }
    .myFooter::before {
        height: 92%;
    }

    /* About Page  */
    .banner-text h1 {
        font-size: 26px;
    }
    .ban-stat-bar {
        top: -12%;
        left: 0%;
    }
    .ban-stat-bar h5, .happy-clients h5 {
        font-size: 13px;
    }
    .happy-clients {
        bottom: -8%;
    }
    .about-grid .about-img {
        padding-top: 57%;
    }
    .our-logo {
        margin: 40px auto;
        transform: scale(0.6);
    }
    .value-row [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .team-text {
        height: 18%;
        padding: 16px 20px;
    }
    .team-text h3 {
        font-size: 20px;
    }
    .team-text h6 {
        font-size: 14px;
    }
    .sec-space {
        padding: 48px 0;
    }


    /* Contact Page  */
    .con-banicon1 {
        height: 86px;
        width: 86px;
        top: 8%;
    }
    .location-wrapper .nav-item {
        margin-right: 6px;
    }
    .location-wrapper .nav-link {
        min-width: 100px;
    }
    .location-wrapper .contact-info {
        padding: 20px;
    }
    .con-box, .con-box a {
        font-size: 14px;
    }
    .contact-form-sec .contact_form {
        padding: 20px;
    }


    /* Career Page  */
    .job-details {
        padding: 0 20px;
    }
    .job-modal .job-form {
        padding: 20px;
    }


    /* Portfolio Page  */
    .portfolio-banner.innerbanner .banner-text h1 {
        font-size: 46px;
        letter-spacing: 2px;
    }
    .portfolio-banner .banner-text h1::before, .portfolio-banner .banner-text h1::after {
        font-size: 48px;
        letter-spacing: 4px;
    }
    .portfolio-tabs {
        padding-top: 80px;
    }
    .portfolio-tabs .nav-tabs {
        row-gap: 40px;
    }
    .portfolio-tabs .nav-tabs .nav-item {
        flex: 0 0 50%;
        text-align: center;
    }
    .portfolio-tabs .nav-link {
        margin: 0 auto;
    }

    /* Portfolio Details Page  */
    .single-port-details {
        background-position: 68% 60%;
    }
    .port-details-story .our-logo {
        margin: 0px auto;
    }
    .port-details-story .our-logo::before{
        display: none;
    }

    /* Veylo Page  */
    .veylo-banner-img::before {
        width: 280px;
        height: 280px;
    }
    .page-template-veylo .section-heading h2, .page-template-veylo .about-text h2 {
        font-size: 24px;
    }
    .mission-table li h5 {
        font-size: 16px;
    }
    .essential-tools  .row [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .veylo-price-box h2, .veylo-price-box h3 {
        font-size: 24px;
    }
    .veylo-form .veylo-lady {
        width: 100%;
    }
    .veylo-test-slider .review::after, .veylo-test-slider .review::before {
        height: 40px;
        width: 40px;
    }
    .veylo-footer .con-list li {
        margin-bottom: 16px;
    }
    .veylo-footer .con-list {
        columns: 1;
        padding: 20px 0 0px;
        margin: 20px 0;
    }
    .veylo-map, .veylo-map iframe {
        height: 260px;
        width: 260px;
    }
    .es_subscription_form {
        display: block;
    }
    .es-field-wrap input[type="email"] {
        height: 42px !important;
        border: 1px solid #ffffff85;
    }

    /* Digital Marketing Template  */
    .mid-man {
        width: 100%;
    }


}