@media (min-width: 1400px) and (max-width: 1599px) {}



@media (min-width: 1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1460px;
    }
}

@media only screen and (min-width: 1921px) {
    .container {
        width: 75vw !important;
        max-width: 75vw !important;
    }

    body {
        font-size: 0.85vw !important;
    }

    .header-top .top-contact ul li a,
    .navbar-light .navbar-nav .nav-link,
    .header-top .top-contact ul li a span .fab,
    .recent-post ul li a {
        font-size: 0.85vw;
    }

    .navbar-light .navbar-brand img {
        min-width: 8vw;
        max-height: none !important;
    }

    .main-menu-header {
        padding: 0.75vw 1vw;
        border-radius: 3vw;
    }

    .appoint-btn {
        padding: 0.5vw 1.3vw !important;
        font-size: 0.85vw;
    }

    .btn-square {
        width: 1.5vw;
        height: 1.5vw;
    }

    .carousel-caption-content h5,
    .carousel-caption-content p {
        font-size: 1.2vw !important;
    }

    .carousel-caption-content h1 {
        font-size: 3vw;

    }

    .section-title {
        max-width: none;
    }

    .section-title h4 {
        font-size: 1.5vw;
    }

    .section-title h2 {
        font-size: 3vw;
    }

    .section-title p,
    .about-pg-box.get-one-box .get-one-icon p.counter {
        font-size: 1vw;
    }

    .service .service-item .service-img::after {
        width: 4vw;
        height: 3vw;
    }

    .service-link a.btn {
        padding: 1vw !important;
    }

    .service .service-item .service-content .service-content-inner h5 {
        font-size: 1.1vw;
    }

    .service .service-item:hover .service-content {
        height: 11vw;
    }

    .service .service-item .service-content {
        height: 3vw;
    }

    .espertise-box-container {
        padding: 1vw 2vw;
    }

    .espertise-box {
        width: 12vw;
    }

    .expertise-overlap-right img.overlap-image {
        min-height: 45vw;
    }

    section.expertise-block {
        max-height: 30vw;
    }

    .others-content h4 {
        font-size: 1.5vw;
    }

    .espertise-box-container .espertise-box-top .espertise-box-icon {
        min-width: 4vw;
        max-height: 4vw;
        padding: 0.6vw;
        width: 4vw;
    }

    h3,
    h5,
    h6 {
        font-size: 1.15vw !important;
    }

    .expertise-counter {
        width: 12vw;
        height: 10vw;
    }

    .feature-box .feature-icon {
        width: 4.5vw;
        height: 4vw;
        display: flex;
    }

    .feature-box .feature-icon img {
        max-height: 3vw;
    }

    .feature-box {
        padding: 1vw !important;
    }

    .steps-block {
        max-width: 60vw;
        padding-bottom: 3vw;
    }

    .step-item {
        padding: 1.5vw !important;
    }

    .step-icon {
        width: 3vw;
        height: 3vw;
    }

    .recent-client-slider,
    .recent-client-header {
        max-width: 25vw;
    }

    .recent-client-header h3 {
        font-size: 1.6vw;
    }

    .get-one-box .get-one-icon {
        width: 3vw;
        height: 3vw;
    }

    .get-one-box .get-one-icon img {
        max-width: 2vw;
    }

    .form-control,
    .form-select,
    .testminials-content h5 span {
        font-size: 0.85vw;
        height: 2vw !important;
    }

    input.form-submit.form-control {
        font-size: 1vw;
    }

    h4.sub-title span {
        font-size: 2vw;
    }

    .sub-title span::after,
    .sub-title span::before {
        display: none;
    }

    .rating-text,
    .profile-image-info p {
        font-size: 0.85vw;
    }

    ul.star-list li {
        width: 2vw;
        height: 2vw;
        font-size: 1vw;
    }

    .testimonial .testimonial-item .testimonial-inner .testimonial-inner-img {
        max-width: 10vw;
    }

    .testimonial .testimonial-carousel .testimonial-item .testimonial-inner p.fs-7 {
        font-size: 1vw;
    }

    .blog-athor {
        width: 4vw;
        height: 4vw;
    }

    .blog-athor img {
        width: 4vw;
    }

    .blog-content-top h4 a {
        font-size: 1.4vw;
    }

    .profile-image-info {
        position: relative;
        top: -1.75vw;
        height: 4vw;
    }

    .comment-blogs {
        padding: 1vw 2vw;
    }

    .comment-blogs .bi {
        font-size: 1vw;
    }

    section.footer {
        padding-top: 3vw !important;
    }

    .footer-item h4 {
        font-size: 1.5vw;
    }

    .footer .footer-item a {
        line-height: 2vw;
    }

    .footer .footer-item p {
        line-height: 1.5vw;
    }

    .header-top .top-contact ul li a span .fas,
    .header-top .top-contact ul li a span .fab {
        color: var(--default-color);
        font-size: 0.85vw;
    }

    .service-content-inner .service-icon {
        top: -3vw;
        width: 4vw;
    }

    .footer-item a.btn {
        padding: 0.75vw !important;
    }

    .about-pg-box.get-one-box {
        max-width: 17vw;
    }

    .team-item-box .team-icon a {
        width: 2vw;
        height: 2vw;
        min-width: 2vw;
        font-size: 1vw;
    }

    .team-item-box:hover .team-content.text-center {
        bottom: 1.5vw;
    }

    .team-item-box:hover .team-icon {
        bottom: -1vw;
    }

    .profile-user {
        padding: 1vw;
        max-width: none;
    }

    .profile-user img {
        width: 100%;
    }

    .readmore .btn-theme {
        width: 2vw;
        height: 2vw;
        font-size: 1vw;
    }

    .feature .feature-item .feature-icon {
        max-width: 3vw;
        height: 3vw;
        font-size: 0.75;
    }

    input.search-field.form-control {
        padding: 0.75vw;
    }

    input.search-submit.form-control {
        width: 5vw;
        border-width: 2px;
        height: 100%;
    }

    .sub-header {
        font-size: 1.3vw;
    }

    .gap-section {
        padding: 6vw 0;
    }

    .process-icon {
        width: 3vw;
        height: 3vw;
    }

    .process-icon img {
        width: 2vw;
    }

    .process-box h4 {
        font-size: 1.3vw;
    }

    .process-box {
        padding: 1vw !important;
    }

    span.process-no {
        width: 1.75vw;
        height: 1.75vw;
    }

    #accordion-faq .accordion-header button {
        font-size: 1vw;
        padding: 1vw;
    }

    .team-item-box {
        margin-bottom: 2.5vw;
    }

    button.btn {
        padding-top: 0.5vw !important;
        padding-bottom: 0.5vw !important;
        font-size: 1vw;
    }

    .btn-lg-square {
        width: 2vw;
        height: 2vw;
        font-size: 0.75vw;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .service .service-item .service-img::after {
        width: 5.3vw;
        height: 4.3vw;
    }

    .service .service-item:hover .service-content {
        height: 220px;
    }

    .espertise-box {
        width: auto;
    }

    .espertise-box-container {
        width: 750px;
    }

    .feature-content {
        padding: 0 !important;
    }
    .navbar-light .navbar-nav .nav-link {
    margin: 0 15px;
}
.process-box h4 {
    font-size: 20px;
}
}

@media (max-width: 1199px) {
    div#navbarCollapse {
        display: block;
        position: fixed;
        background: #fafaff;
background: -webkit-linear-gradient(90deg, rgba(250, 250, 255, 1) 0%, rgba(235, 235, 255, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(250, 250, 255, 1) 0%, rgba(235, 235, 255, 1) 100%);
background: linear-gradient(90deg, rgba(250, 250, 255, 1) 0%, rgba(235, 235, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAFAFF", endColorstr="#EBEBFF", GradientType=1);
        top: 0;
        left: -100%;
        height: 100%;
        width: 300px;
        transition: all 0.3s ease-in-out 0s;
        padding: 15px;
        margin: 0;
        box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    }

    .collapse.navbar-collapse.active {
        left: 0 !important;
    }

    div#navbarCollapse ul li {
        margin-bottom: 15px;
    }

    .collapse.navbar-collapse.active .appoint-btn {
        position: absolute;
        bottom: 14px;
        left: 0;
        right: 0;
        margin: auto;
        width: 80%;
    }

    #nav-icon2 {
        display: block;
    }

    .main-menu-header {
        justify-content: space-between;
    }

}

@media (max-width: 992px) {
    .container.bg-breadcrumb h3 {
    font-size: 30px;
    margin: 0 !important;
}
.process-box {
    margin-bottom: 25px;
}
    .espertise-box-container {
        width: 700px;
    }

    .main-content {
        margin-top: 0px;
    }

    .header-block {
        top: -40px;
    }

    .header-carousel .header-carousel-item .carousel-caption .carousel-caption-content {
        width: 100%;
    }

    .service-slider {
        margin-bottom: 20px;
    }

    .section-title h2 {
        font-size: 34px;
    }

    .recent-client-header h3 {
        font-size: 22px;
    }

    .recent-client-box .recent-client-text {
        width: 95%;
    }

    .sub-title {
        font-size: 15px;
        letter-spacing: 0px;
    }

    .testimonial .testimonial-carousel .testimonial-item .testimonial-inner p.fs-7 {
        font-size: 16px;
    }

    .carousel-caption-content h1.display-1 {
        font-size: 34px;
    }

    .navbar-light .navbar-brand img {
        max-height: 22px !important;
    }
    .service-list-box::after {
    width: 27%;
    height: 14%;
}
}


@media (max-width: 769px) {
    .steps-block div:nth-child(2) .step-item {
        transform: scale(1);
    }

    .navbar-light .navbar-brand img {
        max-height: 20px;
    }

    .gap-section {
        padding: 60px 0 60px;
    }

    .carousel-caption-content p {
        font-weight: 300;
        font-size: 16px !important;

    }

    .espertise-box-container {
        width: auto;
        padding: 25px 0;
    }
}

@media (max-width: 580px) {
    .espertise-box-container {
        width: auto;
    }
        .main-menu-header {
        width: 96%;
        margin: 0 auto;
    }
    .about-pg-box.get-one-box {
    max-width: none;
}
.feature-box {
    margin-top: 20px;
}
.profile-user{
    margin-bottom: 20px;
}
    .testimonial .testimonial-carousel .testimonial-item .testimonial-inner p.fs-7 {
        text-align: center;
    }
    .testminials-content h5 {
    font-size: 20px;
}
}

@media (max-width: 480px) {
    .testimonial .testimonial-item .testimonial-inner {
    flex-direction: column;
}
.testimonial .testimonial-carousel .owl-nav .owl-prev {
    bottom: -23%;
    right: auto;
    left: 0;
    margin: 0 !important;
}
    .testimonial .testimonial-carousel .owl-nav .owl-next {
        margin-right: 0;
         bottom: -23%;
    right: 0;
    }
        .section-title h2 {
        font-size: 26px;
    }
}