/*responsive*/
@media (max-width: 991px) {
    .google__map {
        margin-top: 50px
    }

    .google__map iframe {
        width: 100%;
        height: 400px
    }

    .commtent-form {
        margin-bottom: 50px
    }

    .portfolios__cat_list {
        padding-left: 0;
        margin-top: 30px
    }

    .portfolios__details_img p {
        margin-top: 0
    }
}
@media (min-width: 767px) {
    .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom:30px
    }
}
@media (max-width: 550px) {

    .author-comments,
    .blog-tags {
        display: block
    }

    .author-comments .content .top,
    .blog-tags .share__list {
        margin-top: 20px
    }

    .blog-tags .tag__list {
        gap: 20px
    }
}
@media (max-width: 767px) {

    .contact-activation #c-error,
    .contact-activation #c-success,
    .contact-activation #error,
    .contact-activation #success {
        font-size: 15px;
    }
}
@media only screen and (max-width: 1081px) {
    .portfolios_container {
        max-width: 100%;
        width: 100%;
        margin: 0 20px
    }
}
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),
only screen and (max-width:575px) {

    .about-img-right .about-round-shape-wrap,
    .header-area .header-right .vw-btn-primary,
    .section-title .section-heading br,
    .section-title .shadow-title,
    .site-inner::after,
    .site-inner::before,
    .testimonial-area::before {
        display: none
    }

    .about-text-block-2,
    .section-title-about-2 .section-title-text,
    .section-title-about-2 .section-title-text p,
    .site-inner .site-right,
    .testimonial-right-title {
        padding-left: 0;
        font-size: 14px;
    }

    .vw-bottom-content-area {
        padding-bottom: 15px
    }

    .section-title .section-heading {
        font-size: 32px;
        line-height: 1.3
    }

    .header-area {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 25px
    }

    .header-area .header-right .menu-button {
        display: inline-block
    }

    .banner-inner {
        padding-top: 40px;
        padding-left: 15px;
        padding-right: 15px
    }

    .hamburger_menu {
        left: 15px;
        display: none
    }

    .hero-slider {
        height: 470px;
        margin-top: 0px;
    }

    .years-of-experiences .experience-number span {
        font-size: 100px;
        line-height: 1.3
    }

    .about-bottom {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        row-gap: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .about-img-right,
    .about-img-right img {
        width: 100%;
        border: 0;
        display: none;

        padding: 0
    }

    .about-bottom h6 {
        font-size: 30px;
        padding: 4px 0;
    }

    .about-bottom h3 {
        font-size: 17px;
    }

    .about-area::before {background-position: 70% 88%;}

    .about-left-block,
    .about-text-block-2,
    .testimonial-list .slider-for {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .about-balloon-img {
        margin-bottom: 100px
    }

    .big-heading-area {
        padding-left: 15px;
        padding-right: 15px
    }

    .about-bottom-2 {
        padding-left: 0;
        padding-right: 0;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    ul.achievement-equations {
        margin-left: 0
    }

    .portfolio-card-wide .portfolio-card-thumb {
        width: 100%
    }

    .portfolio-card-wide .portfolio-card-content {
        width: 100%;
        padding-left: 0;
        padding-top: 15px
    }

    .portfolio-card-wide .portfolio-card-content .portfolio-card-wide-title {
        font-size: 24px
    }

    .portfolio-card-wide.style-2 .portfolio-card-thumb {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .portfolio-card-wide.style-2 .portfolio-card-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .testimonial-section {
        background-color: #1d1d1d;
        padding-left: 15px;
        padding-top: 95px;
        padding-bottom: 140px
    }

    .testimonial-list ul.slider-nav {
        display: none;
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .testimonial-list ul.slider-nav li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .testimonial-list .slick-next,
    .testimonial-list .slick-prev {
        bottom: -90px
    }

    .single-testimonial {
        padding: 0
    }

    .single-testimonial .testimonial-text,
    .single-testimonial .testimonial-title {
        font-size: 16px
    }

    .service-list {
        padding-left: 0;
        padding-right: 0
    }

    .service-list ul {
        border-top: 0;
        padding-top: 0
    }

    .single-counterup .counterup-number {
        font-size: 80px
    }

    .single-counterup .counterup-title {
        font-size: 14px;
        height: 21px;
        max-width: 110px
    }

    .blog-area {
        padding-top: 75px
    }

    .blog-card {
        margin-top: 50px
    }

    .section-title-client {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 50px
    }

    .clients-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .clients-list.style-2 .single-client:nth-child(2),
    .clients-list.style-2 .single-client:nth-child(4) {
        margin-top: 0
    }

    .big-text-area {
        padding-left: 0;
        padding-top: 90px;
        padding-bottom: 90px
    }

    .big-text {
        text-align: center
    }

    .footer-widget {
        margin-top: 45px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
    .single-counterup .counterup-number {
        font-size: 100px
    }

    .blog-card {
        padding: 45px 30px
    }

    .blog-card .blog-card-date {
        margin-bottom: 10px
    }

    .blog-card .blog-card-title {
        font-size: 24px
    }

    .blog-card .blog-card-readmore {
        margin-top: 10px
    }

    .footer-area {
        padding-left: 125px
    }

    .footer-widget ul li {
        letter-spacing: .15em
    }
}
@media only screen and (max-width: 991px) {
    .header-left {
        margin-right: 0;
        width: 100%;
        justify-content: space-between
    }

    .brands-area {
        display: none !important
    }

    .team-members {
        flex-wrap: wrap;
        justify-content: center
    }

    .team-members .team-single {
        margin-bottom: 24px
    }

    .page-banner-heading {
        font-size: 60px
    }

    .page-banner-area {
        padding: 200px 0 150px
    }
}
@media only screen and (max-width: 767px) {
    .page-banner-heading {
        font-size: 40px
    }

    .contact-area {
        padding: 150px 0
    }
}
@media only screen and (max-width: 450px) {
    .single-testimonial.style-2 {
        display: block;
    }

    .testimonial-carousel-2 .slick-arrow {
        bottom: 0px;
    }

    .page-banner-heading {
        font-size: 30px;
        margin-top: 10px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1700px) {
    .contact-headings .heading-contact {
        font-size: 60px
    }

    .contact-headings .subheading-contact {
        font-size: 30px
    }

    .contact-headings {
        text-align: center
    }
}
@media only screen and (max-width: 1250px) {
    .contact-headings .heading-contact {
        font-size: 30px
    }

    .contact-headings .subheading-contact {
        font-size: 26px;
        margin-bottom: 20px
    }

    .contact-headings {
        text-align: center
    }
}
@media only screen and (max-width: 1200px) {
    .vw-offcanvas-area .mobile-navbar-menu {
        width: 100%
    }
}
@media only screen and (max-width: 1800px) {
    .mainmenu.home__three ul {
        column-gap: 50px
    }

    .header-area-3 .header-right {
        margin-left: 170px
    }

    .header-left {
        margin-right: 70px
    }
}
@media only screen and (max-width: 1150px) {
    .header-area-3 .header-right {
        display: none
    }
}
@media only screen and (min-width: 991px) and (max-width:1500px) {
    .mainmenu.home__three ul li a {
        display: flex;
        align-items: center
    }

    .mainmenu.home__three ul {
        column-gap: 40px
    }

    .header-area-3 .header-right {
        margin: 0
    }

    .header-area-3 .header-left {
        margin: 0;
        gap: 30px
    }

    .header-area-3 .header-inner {
        gap: 30px
    }
}
@media only screen and (min-width: 1601px) and (max-width:1870px) {
    .banner-title {
        font-size: 140px
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .banner-title {
        font-size: 115px;
        line-height: 1
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .menu-area {
        gap: 50px
    }

    .vw-menu-area ul {
        gap: 35px
    }

    .banner-title {
        font-size: 104px;
        line-height: 1.1
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .banner-title {
        font-size: 92px;
        line-height: 1
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .balloon-border {
        width: 150px;
        height: 150px
    }
}
@media only screen and (min-width: 576px) and (max-width:767px) {
    .banner-title {
        font-size: 56px;
        line-height: 1
    }

    .site-left {
        width: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 61px;
        flex: 0 0 61px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .menu-area {
        gap: 25px
    }

    .vw-menu-area ul {
        gap: 24px
    }

    .vw-menu-area ul li a::before {
        left: -15px
    }

    .section-title .section-heading {
        font-size: 32px;
        line-height: 1.3
    }

    .slider-box {
        margin-top: 55px
    }

    .banner-area-3 {
        padding-right: 50px
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .banner-3-text .banner-title {
        font-size: 120px
    }

    .banner-3-text .banner-sub-title {
        font-size: 80px
    }

    .achievement-section,
    .banner-paragraph {
        padding-right: 80px
    }

    .about-top-wrap {
        padding-left: 129px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .balloon-border {
        top: -40px;
        right: 85px
    }

    .banner-area-3 {
        padding-right: 50px
    }

    .banner-img {
        max-width: 700px
    }

    .banner-3-text .banner-title {
        font-size: 100px
    }

    .banner-3-text .banner-sub-title {
        font-size: 60px
    }

    .achievement-section,
    .banner-paragraph {
        padding-right: 60px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .banner-area-3 {
        background: 0 0/cover #181415
    }

    .banner-3-text {
        text-align: center
    }

    .banner-3-text .banner-title {
        font-size: 100px
    }

    .banner-3-text .banner-sub-title {
        font-size: 60px
    }
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    .banner-3-text {
        text-align: center
    }

    .banner-3-text .banner-title {
        font-size: 70px
    }

    .banner-3-text .banner-sub-title {
        font-size: 40px
    }

    .banner-3-text .banner-paragraph {
        margin-top: 10px
    }

    .banner-3-text .banner-paragraph .banner-paragraph-border-top {
        margin-bottom: 15px
    }

    .about-top .section-title {
        width: 50%
    }
}
@media (max-width: 575px) {
    .vw-offcanvas-area {
        padding: 30px 20px
    }

    .vw-bottom-content-area {
        padding-top: 15px
    }

    .banner-title {
        font-size: 36px;
        line-height: 1
    }

    .site-left {
        display: none
    }

    .achievement-section {
        padding-right: 0;
        width: 100%
    }

    .achievement-section.style-2 ul.achievement-equations {
        margin-left: 0;
        padding: 0
    }

    .achievement-section.style-2 ul.achievement-equations li {
        border-right: 0;
        border-bottom: 1px solid rgb(68 140 116 / .3019607843);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}
@media (max-width: 375px) {
    .banner-title {
        font-size: 48px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px),
(max-width:575px) {
    .hero-style {
        margin-top: 0;
    }
}
@media screen and (min-width: 992px) {
    .hero-style .container {
        padding-top: 95px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider2 {
        height: 633px;
    }

    .hero-slider2 .swiper-slide {
        background-position: top center
    }

    .hero-slider2 .slider-title {
        font-size: 37px
    }

    p {
        line-height: 23px;
        font-size: 13px;
    }

    .slider-subtitle {
        font-size: 16px;
        margin: 0;
    }

    .hero-slider2 .swiper-pagination {
        height: 200px
    }

    .about-text-block {
        width: 50%
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .hero-slider2 .slider-title {
        font-size: 35px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .about-vertical-heading {
        font-size: 56px;
        top: 10px;
        left: 0
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .about-titles .shadow-title {
        font-size: 100px;
        top: 45px
    }

    .about-top-wrap {
        padding-left: 95px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .years-of-experiences .experience-number span {
        font-size: 150px
    }

    .years-of-experiences .experience-title h3 {
        font-size: 40px
    }

    .years-of-experiences .experience-title h3 span {
        font-size: 60px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {

    .about-titles .about-title,
    .years-of-experiences .experience-title h3 {
        font-size: 36px
    }

    .about-titles .shadow-title {
        font-size: 80px;
        top: 12px
    }

    .years-of-experiences .experience-number {
        margin-right: 20px
    }

    .years-of-experiences .experience-number span {
        font-size: 150px
    }

    .years-of-experiences .experience-title h3 span {
        font-size: 70px
    }
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    .years-of-experiences {
        width: 50%
    }

    .years-of-experiences .experience-title h3 {
        font-size: 30px
    }

    .years-of-experiences .experience-title h3 span {
        font-size: 42px
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .about-text-block {
        padding-left: 124px;
        width: 50%
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:576px) and (max-width:767px),
(max-width:575px) {
    .banner-inner {
        padding-right: 30px
    }

    .about-area {
        padding-top: 95px
    }

    .about-text-block {
        padding-left: 80px;
    }

    .about-text-block br {
        display: none
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:575px) {
    .about-text-block {
        padding-left: 15px;
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width:991px),
(max-width:575px) {
    .about-text-block {
        width: 100%;
        padding-top: 0;
        padding: 0;
    }

    .about-text-block h4 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 1.3
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider {
        height: 600px
    }

    .about-img-right {
        width: 50%;
        padding: 10px 0 10px 10px
    }

    .horizontal-space-text-heading .horizontal-space-title {
        font-size: 54px
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .about-text-block-2 {
        padding-left: 150px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .about-text-block-2 {
        padding-left: 100px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-left-block {
        width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }

    .about-text-block-2 {
        padding-left: 40px;
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .big-heading-list .big-heading-list {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .big-heading-list .big-heading-stroke:nth-child(2) {
        margin-left: 119px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .big-heading-list .big-heading-list {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .big-heading-list .big-heading-stroke:nth-child(2) {
        margin-left: 70px
    }
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    .big-heading-list .big-heading-list {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .big-heading-list .big-heading-stroke:nth-child(2) {
        margin-left: 100px
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .big-heading-stroke {
        font-size: 100px
    }

    .big-heading-stroke img {
        max-width: 300px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .big-heading-stroke {
        font-size: 100px
    }

    .big-heading-stroke img {
        max-width: 300px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .big-heading-stroke {
        font-size: 74px
    }

    .big-heading-stroke img {
        max-width: 280px
    }
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    .big-heading-stroke {
        font-size: 72px
    }

    .big-heading-stroke img {
        max-width: 200px
    }

    .single-client:nth-child(4) {
        margin-top: 0
    }
}
@media only screen and (min-width: 576px) and (max-width:767px) {
    .big-heading-list .big-heading-list {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .big-heading-list .big-heading-stroke:nth-child(2) {
        margin-left: 50px
    }

    .big-heading-list .big-heading-stroke:nth-child(3) {
        margin-left: 100px;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }

    .big-heading-stroke {
        font-size: 48px
    }

    .big-heading-stroke img {
        width: 200px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .about-text-block-3 {
        padding-left: 50px;
        padding-right: 50px
    }

    .about-title-3 .section-heading {
        font-size: 32px;
        padding-bottom: 20px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .brands-grid .single-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 23.5%;
        flex: 0 0 23.5%
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .category-grid .single-category-grid {
        font-size: 24px;
        padding: 20px 50px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .category-grid .single-category-grid {
        font-size: 24px;
        padding: 20px 30px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .video-play-btn {
        width: 150px;
        height: 150px
    }

    .video-play-btn span {
        font-size: 18px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1600px) {
    .testimonial-area .testimonial-left-section {
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:576px) and (max-width:767px),
(max-width:575px) {
    .testimonial-area .testimonial-left-section {
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
    .about-img-right .about-round-shape-wrap {
        width: 250px;
        height: 250px
    }

    .about-img-right .about-round-shape {
        width: 150px;
        height: 150px;
        outline: #131313 solid 32px
    }

    .portfolio-card-wide .portfolio-card-thumb {
        width: 50%
    }

    .portfolio-card-wide .portfolio-card-thumb .portfolio-number {
        font-size: 80px
    }

    .portfolio-card-wide .portfolio-card-content {
        width: 50%;
        padding-left: 20px
    }

    .portfolio-card-wide .portfolio-card-content .portfolio-card-wide-title {
        font-size: 28px
    }

    .milestone-section .single-milestone {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .milestone-section .single-milestone .milestone-counter-number,
    .milestone-section .single-milestone .milestone-counter-symble {
        font-size: 48px
    }

    .milestone-section .single-milestone .single-milestone-title h4 {
        font-size: 24px
    }
}
@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:576px) and (max-width:767px) {
    .hero-slider2 .slider-title {
        font-size: 46px;
    }

    .category-grid .single-category-grid {
        font-size: 24px;
        padding: 20px 15px
    }

    .milestone-section .single-milestone {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .milestone-section .single-milestone .single-milestone-counter {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .milestone-section .single-milestone .milestone-counter-number {
        font-size: 56px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .testimonial-section {
        padding-left: 50px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .testimonial-half-circle {
        left: -215px
    }

    .single-testimonial {
        padding-right: 45px
    }

    .single-testimonial .testimonial-text {
        font-size: 16px
    }

    .service-list {
        padding-left: 100px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .testi-quote-icon img {
        width: 80px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .testimonial-area::before {
        width: 50%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .testimonial-section {
        padding-left: 15px
    }

    .single-testimonial {
        padding: 0
    }

    .single-testimonial .testimonial-text,
    .single-testimonial .testimonial-title {
        font-size: 16px
    }

    .service-list {
        padding-right: 15px;
        padding-left: 20px
    }

    .blog-card .blog-card-paragraph p {
        margin-bottom: 0
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .brands-grid .single-brand {
        padding: 25px 30px
    }

    .service-list ul li::before {
        bottom: 20px
    }

    .service-list ul li a {
        font-size: 48px
    }

    .service-list ul li .services-reel-image {
        width: 250px;
        height: 250px;
        top: -80px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .service-encourage-title h2 {
        font-size: 48px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .testimonial-list ul.slider-nav {
        display: none
    }

    .testimonial-list .slider-for {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .testimonial-list .slick-next,
    .testimonial-list .slick-prev {
        bottom: unset;
        top: 0;
        right: 30px;
        left: unset
    }

    .testimonial-list .slick-prev {
        right: 90px
    }

    .service-area {
        padding-top: 100px
    }

    .service-encourage-title h2 {
        font-size: 36px
    }
}
@media only screen and (min-width: 576px) and (max-width:767px),
(max-width:575px) {
    .mobile-navbar-menu {
        width: 100%
    }

    .mobile-navbar-menu .mean-nav ul li a,
    .team-member-list .single-team .team-member-designation,
    .team-member-list .single-team .team-social-icons ul li a,
    .video-play-btn span {
        font-size: 16px
    }

    .milestone-section .single-milestone .single-milestone-title h4,
    .preloader .preloader-heading .load-text,
    .team-member-list .single-team .team-member-name {
        font-size: 24px
    }

    .scroll-top {
        right: 15px;
        bottom: 15px
    }

    .banner-3-text,
    .horizontal-space-text-heading {
        text-align: center
    }

    .banner-3-text .banner-title,
    .years-of-experiences .experience-title h3 span {
        font-size: 48px
    }

    .banner-3-text .banner-sub-title,
    .milestone-section .single-milestone .milestone-counter-number,
    .milestone-section .single-milestone .milestone-counter-symble,
    .years-of-experiences .experience-title h3 {
        font-size: 36px
    }

    .banner-3-text .banner-paragraph {
        margin-top: 0
    }

    .banner-3-text .banner-paragraph br,
    .testi-quote-icon {
        display: none
    }

    .banner-3-text .banner-paragraph .banner-paragraph-border-top {
        margin-bottom: 5px
    }

    .banner-3-text .award-icon {
        margin-bottom: 30px;
        display: none
    }

    .hero-slider .slide-inner {
        padding: 20px 15px;
        display: block;
        height: auto;
    }

    .about-area {
        padding-top: 100px
    }

    .about-area .container,
    .about-area .container-fluid {
        max-width: inherit
    }

    .about-text-block {
        width: 100%;
        padding: 0;
    }

    .about-img-right {
        width: 100%;
        border: 0;
        padding: 0
    }

    .horizontal-space-text-heading .horizontal-space-title {
        font-size: 54px;
        letter-spacing: .2em
    }

    .category-grid .single-category-grid {
        padding: 20px 15px;
        font-size: 24px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        border: 1px solid rgb(68 140 116 / .25)
    }

    .team-area {
        padding-bottom: 0
    }

    .team-member-list .single-team {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 50px;
        border-bottom: 0
    }

    .team-member-list .single-team .team-reel-image {
        position: unset;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        clip: unset;
        -webkit-clip-path: unset;
        clip-path: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        overflow: inherit
    }

    .team-member-list .single-team .team-reel-image img {
        border-radius: 0;
        width: 100%
    }

    .team-member-list .single-team .team-social-icons {
        margin-left: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 15px;
        width: 100%;
        opacity: 1;
        visibility: visible
    }

    .team-member-list .single-team .team-social-icons ul {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .team-member-list .single-team .team-bio {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .team-member-list .single-team:hover .team-social-icons {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .team-member-list .single-team:hover .team-reel-image {
        -webkit-clip-path: unset;
        clip-path: unset;
        width: 100%;
        height: auto
    }

    .video-play-btn {
        width: 110px;
        height: 110px
    }

    .video-area.bg-2 {
        min-height: 500px
    }

    .video-heading {
        font-size: 60px
    }

    .milestone-section .single-milestone {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .milestone-section .single-milestone .single-milestone-counter {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .service-area {
        padding-top: 0px;
    }

    .service-list ul {
        border-top: 0;
        padding-top: 0
    }

    .service-list ul li::before {
        bottom: 12px
    }

    .service-list ul li a {
        font-size: 27px
    }

    .service-list ul li .services-reel-image {
        width: 200px;
        height: 200px;
        top: -80px
    }

    .service-encourage-title {
        margin-top: 65px
    }

    .service-encourage-title h2 {
        font-size: 30px
    }

    .service-encourage-title img {
        margin: 10px 15px
    }

    .service-single .service-number {
        font-size: 56px;
        position: unset
    }
}
@media only screen and (max-width: 514px) {

    .single-client:nth-child(4),
    .single-client:nth-child(5) {
        margin-top: 0
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .single-client {
        width: 190px;
        height: 190px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:576px) and (max-width:767px),
(max-width:575px) {
    .banner-heading {
        display: block;
        text-align: center
    }

    .banner-title span {
        margin-left: 0
    }

    .balloon-border,
    .testimonial-half-circle {
        display: none
    }

    .achievement-section,
    .banner-area-3 {
        padding-right: 0
    }

    .award-section {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner-paragraph {
        padding-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner-paragraph .banner-paragraph-border-top {
        text-align: center
    }

    .about-vertical-heading {
        font-size: 56px;
        position: absolute;
        top: 20px;
        left: 10px;
        display: none
    }

    .about-top-wrap {
        padding-left: 15px
    }

    .about-top {
        padding-right: 15px
    }

    .about-text-block-3 {
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px
    }

    .single-client {
        width: 120px;
        height: 120px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 130px
    }

    .single-client span {
        background-color: #222;
        width: 25px;
        height: 25px
    }

    .single-client img {
        width: 70px
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .big-text-title {
        font-size: 83px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .big-text-title {
        font-size: 50px;
    }
    .marquee-left {
    height: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .big-text-title {
        font-size: 56px
    }
}
@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .big-text-subtitle {
        letter-spacing: .51em;
        font-size: 52px
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .big-text-subtitle {
        font-size: 50px;
        letter-spacing: .4em
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .big-text-subtitle {
        font-size: 36px;
        letter-spacing: .5em
    }
}
@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:576px) and (max-width:767px) {
    .big-text-title {
        font-size: 48px
    }

    .big-text-subtitle {
        font-size: 27px;
        letter-spacing: .31em
    }
}
@media (max-width: 575px) {
    .slider-caption {
        position: unset;
        font-size: 16px
    }

    .about-titles .shadow-title,
    .big-heading-stroke img,
    .slider-down,
    .slider-line {
        display: none
    }

    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        line-height: 30px;
        margin-top: 0
    }

    .swiper-button-next,
    .swiper-button-prev {
        bottom: 20px
    }

    .hero-style .slider-title {
        font-size: 22px;
        margin: 0px 0px 10px;
    }

    .hero-slider2 {
        height: 500px
    }

    .big-text-title,
    .hero-slider2 .slider-title,
    .portfolio-slider-caption h2 {
        font-size: 36px
    }

    .about-titles .about-subtitle img,
    .about-top .section-subtitle span img {
        margin: 15px auto
    }

    .about-top .section-title {
        width: 100%;
        text-align: left
    }

    .years-of-experiences {
        width: 100%;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .years-of-experiences .experience-title {
        text-align: left
    }

    .big-heading-list .big-heading-stroke:nth-child(2) {
        margin-left: 0
    }

    .big-heading-list .big-heading-stroke:nth-child(3) {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }

    .big-heading-stroke {
        font-size: 46px
    }

    ul.achievement-equations {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .portfolio-cards {
        gap: 50px
    }

    .portfolio-slider .swiper-slide {
        height: 400px
    }

    .portfolio-slider .swiper-slide::before {
        width: 100%;
        opacity: .3
    }

    .portfolio-slider-caption {
        left: 20px;
        top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 0;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .brands-grid {
        gap: 10px
    }

    .brands-grid .single-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }

    .big-text-subtitle {
        font-size: 15px;
        letter-spacing: .3em
    }
}
@media only screen and (min-width: 1445px) and (max-width:1599px) {
    .header-area-2 {
        padding-left:50px;
        padding-right: 50px
    }

    .review_ss {
        display: none
    }
}
@media only screen and (min-width: 1366px) and (max-width:1444px) {
    .simpleParallax.simple-parallax-initialized img {
        height:432px
    }

    .site-inner .site-right {
        padding: 0 29px
    }

    .hero-style .slider-title {
        font-size: 64px
    }

    .cta_btn {
        display: flex;
        align-items: center
    }

    .about-area,.counterup-area {
        padding-top: 0
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
       
    .footer-top .footer-info-area {
        padding:20px 16px
    }

    header.header-area.header-area-2 .header-inner {
        gap: 30px
    }

    .footer-top .footer-logo-area {
        padding: 20px 16px
    }

    .banner-inner {
        padding-right: 2px;
        padding-top: 146px
    }

    .hero-slider {
        height: 549px
    }

    .hero-1-img img {
        width: 54%
    }

    .counterup-area {
        padding-top: 22px;
    }

    .hero-style .slider-title {
        font-size: 45px
    }

    .slider-down {
        font-size: 50px
    }

    .header-area .header-right .menu-button,.main-contact-form .main-contact-img,.review_ss,.slider-line {
        display: none
    }

    .simpleParallax.simple-parallax-initialized img {
        height: 330px;
        padding: 0 0px;
        object-fit: contain;
    }
    .about-top {
    justify-content: start;
    }
    
    .about-text-block {
        padding: 0px 30px 0px 0px;
    }
    
    .about-top .section-title {
        width: 44%;
    }
    
    .about-bottom {
        padding: 20px 0px 0px 0px;
    }
    
    .simpleParallax.simple-parallax-initialized {
        overflow: unset !important;
    }

    .featured ul li img {
        width: 89px;
        height: 68px
    }

    .cta_btn a {
        width: 376px;
        margin: 15px 18px 0 0;
        text-align: center;
        justify-content: center;
        padding: 20px 0
    }

    .team-horizontal {
        margin-top: 17px
    }

    .header-area-2 {
        padding-left: 0;
        padding-right: 0
    }

    .menu_list li {
        margin: 0 10px;
    }

    .vw-btn-primary {
        font-size: 13px;
        padding: 6px 15px
    }

    .header-area .logo img {
        width: 119px
    }

    .clients-area.client-area-2 .single-client img {
        width: 180px;
    }

    .footer-top .footer-links-area {
        padding: 20px 16px
    }

    .floating-video video {
        width: 95px;
        height: 95px
    }

    .floating-video {
        bottom: 100px;
        left: 30px
    }

    .footer-copyright p {
        font-size: 12px
    }
    .menu_list li .web-dropdown li a, .menu_list .dropdown-menu li a {
        padding: 8px;
        font-size: 14px;
    }
    
    .menu_list li .web-dropdown {
        padding: 10px 0;
        gap: 2px;
    }
    
    .menu_list li .web-dropdown li a img, .menu_list .dropdown-menu li a img {
        width: 22px;
    }
    
    .menu_list li .web-dropdown li {
        padding: 8px 0;
    }
    .brand-column .brand-logo img {
        width: 150px;
    }
    
    .brand-card {
        height: 110px;
        border-radius: 20px;
    }


    .brand-badge {
        left: 50%;
        bottom: -24px;
        transform: translateX(-50%);
        min-width: 195px;
        padding: 5px 16px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
    }
    
    .brand-badge span {
        margin-right: 11px;
        font-size: 20px;
    }
    
    .brands-wrapper {
        grid-template-columns: 1fr 250px 1fr;
    }
    
    .ecosystem-container {
        padding: 0 130px 0px;
    }
    
    .ecosystem-tagline h2 {
        font-size: 18px;
    }
    
    .ecosystem-tagline p {
        margin: 8px 0 20px;
        font-size: 16px;
    }
    
    .beyond-logo img {
        width: 170px;
    }
    
    section.brand-ecosystem {
        padding: 0;
    }
        .parent-company {
        width: fit-content;
        font-size: 14px;
    }
    
    .brand-line {
        width: 200px;
    }
        .top-bar {
        height: 40px;
    }
    .menu_list li a {
        font-size: 12px;
    }
    .marquee-content span {
        font-size: 12px;
    }
    .hero-slider2 .swiper-slide .slide-inner{
        bottom: 100px;
    }
    .menu_list li a {
        font-size: 12px;
    }
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
      
    .slider-down {
        bottom:2px
    }

    .hero-style .slider-title {
        font-size: 53px
    }

    .review_ss,.slider-line {
        display: none
    }

    .banner-inner,.hero-slider .slide-inner {
        padding: 0 30px
    }

    .about-top {
        padding: 0 16px
    }

    .section-title-about .section-heading {
        font-size: 40px
    }

    .hero-slider2 .swiper-slide .slide-inner {
        left: 5%;
        padding: 0;
    }

    .featured ul li img {
        width: 89px;
        height: 68px
    }

    .cta_btn a {
        width: 68%;
        margin: 22px 18px 0 0;
        text-align: center
    }

    .team-horizontal {
        margin-top: 17px
    }

    .header-area-2 {
        padding-left: 0;
        padding-right: 0
    }

    .menu_list li {
        margin: 0 8px
    }

    .vw-btn-primary {
        font-size: 10px;
        padding: 5px 15px
    }

    .header-area .logo img {
        width: 119px
    }

    .clients-area.client-area-2 .single-client img {
        width: 85px
    }

    .hero-slider {
        height: 458px
    }

    .site-inner {
        padding: 6rem 0 0!important
    }

    .about-img img {
        height: 416px!important
    }

    .simpleParallax.simple-parallax-initialized img {
    }

    .page-banner-heading {
        font-size: 60px
    }
    .brand-column .brand-logo img {
        width: 150px;
    }
    
    .brand-card {
        height: 90px;
        border-radius: 18px;
    }
.faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
    font-size: 13px;
    line-height: 23px;
    padding: 20px;
}

    .brand-badge {
        left: 50%;
        bottom: -24px;
        transform: translateX(-50%);
        min-width: 195px;
        padding: 5px 16px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
    }
    
    .brand-badge span {
        margin-right: 11px;
        font-size: 20px;
    }
    
    .brands-wrapper {
        grid-template-columns: 1fr 100px 1fr;
    }
    
    .ecosystem-container {
        padding: 0 140px 0px;
    }
    
    .ecosystem-tagline h2 {
        font-size: 16px;
    }
    
    .ecosystem-tagline p {
        margin: 4px 0 20px;
        font-size: 14px;
    }
    
    .beyond-logo img {
        width: 170px;
    }
    
    section.brand-ecosystem {
        padding: 0;
    }
        .parent-company {
        width: fit-content;
        font-size: 12px;
    }
    
    .brand-line {
        width: 200px;
    }
        .top-bar {
        height: 40px;
    }
    .menu_list li a {
        font-size: 12px;
    }
    .marquee-content span {
        font-size: 12px;
    }
}
@media only screen and (min-width: 1024px) and (max-width:1400px) {
      
    .site-inner .site-right {
        padding:0 4px
    }

    .cta_btn {
        display: flex;
        width: 62%;
        padding: 0
    }

    .about-area {
        padding-top: 0
    }

    .hero-slider .swiper-slide {
        height: 513px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
        
            .about-img-right img {
    width: 36%;
    margin: 0 auto;
    display: block;
}
    .about-top {
    width: 1103px;
    }
    .review_ss,.slider-line {
        display:none
    }

    .featured ul li img {
        width: 89px;
        height: 68px
    }

    .cta_btn a {
        font-size: 13px;
        width: 220px;
        margin: 9px 18px 0 0;
        text-align: center;
        justify-content: center;
        padding: 15px 0
    }

    .team-horizontal {
        margin-top: 17px
    }

    .header-area-2 {
        padding-left: 0;
        padding-right: 0
    }

    .menu_list li {
        margin: 0 6px;
    }

    .vw-btn-primary {
        font-size: 10px;
        padding: 5px 15px
    }

    .header-area .logo img {
        width: 119px
    }

    .clients-area.client-area-2 .single-client img {
        width: 175px;
        height: 125px;
        left: 30px
    }

    .hero-style .slider-title {
        font-size: 51px
    }

    .hero-1-txt p.p-lg,.hero-style p,.menu_list li a,.section-title-about-2 .section-title-text p {
        font-size: 11px;
    }

    .site-inner {
        padding: 9rem 0 0
    }

    .about-area {
        padding-top: 11px
    }

    .slider-down {
        bottom: 3px;
        font-size: 18px
    }

    .hero-slider .swiper-slide {
        height: 482px
    }

    .service-single .single-service-title {
        font-size: 26px
    }

    .portfolios-area-3 {
        padding: 0 2rem
    }

    .book_call h4 {
        font-size: 30px;
    }

    .book_call .img_area img {
        width: 100%;
        height: 618px
    }

    .hero-1-txt h2 {
        font-size: 24px;
        line-height: 1.5
    }

    .stores-badge.badge-img-md img {
        width: 129px;
        margin: 0 10px 0 0
    }

    .review p {
        font-size: 12px
    }

    .hero-1-img {
        margin-bottom: 0
    }

    .section-title .section-heading {
        font-size: 28px
    }

    .big-text-subtitle {
        font-size: 31px
    }

    .testimonial-section {
        padding-left: 15px;
        padding-top: 32px;
        padding-bottom: 21px;
        margin: 0 0 57px
    }

    .contact-area {
        padding: 42px 0
    }

    .contact-headings .heading-contact {
        font-size: 45px
    }

    .hero-slider2 .swiper-slide .slide-inner {
        left: 0%;
        bottom: 170px;
        padding: 0;
    }

    .hero-slider2 .swiper-slide {
        background-position: center
    }

    .about-top {
        padding: 0 2px;
    }

    .years-of-experiences .experience-title h3 {
        font-size: 20px
    }

    .about-area {
        padding-bottom: 2rem
    }

    section.faqs-sec-wrap {
        padding: 4rem 0 1rem
    }

    .simpleParallax.simple-parallax-initialized img {
        height: 266px;
        object-fit: contain;
    }

    .scroll-top {
        bottom: 81px
    }

    .about-img img {
        height: 538px!important
    }
}
@media only screen and (min-width: 576px) and (max-width:767px) {
    .site-inner .site-right {
        padding:0
    }

    .cta_btn a {
        margin: 7px 11px;
        width: 90%
    }

    .hero-style .slider-title,.single-counterup .counterup-number {
        font-size: 38px
    }

    .single-counterup .counterup-title {
        font-size: 8px;
        height: 11px;
        max-width: 110px
    }

    .simpleParallax.simple-parallax-initialized img {
        height: 395px
    }

    .about-area {
        padding-top: 24px
    }

    .hero-slider p {
        font-size: 14px;
        width: 100%
    }

    .menu_list,.single-portfolio-desc .single-portfolio-title {
        display: none
    }

    .header-area-2 {
        padding-left: 0;
        padding-right: 0;
        top: -27px
    }

    .header-area .logo img {
        width: 126px
    }

    .about-titles .about-title {
        font-size: 29px;
        line-height: 38px
    }

    .service-section-title {
        margin-bottom: 47px
    }

    .portfolios-area-3 {
        padding: 0 27px
    }

    .single-portoflio-thumb img {
        height: 380px!important
    }

    .big-text-area {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .big-text-title {
        font-size: 28px
    }

    .clients-area.client-area-2 .single-client img {
        width: 84px
    }

    .book_call h4 {
        font-size: 33px;
        text-align: center
    }

    .book_call .img_area img {
        width: 100%;
        margin: 42px auto 0;
        height: 272px
    }

    .book_call {
        padding: 2rem 0
    }

    .book_call form button {
        padding: 14px;
        width: 90%;
        margin: 0 auto
    }

    .footer-bottom .footer-nav-links li a,.footer-copyright p {
        font-size: 11px
    }

    .footer-top .footer-info-area {
        padding: 1px 18px
    }

    .footer-top .footer-links-area {
        padding: 5px 16px
    }

    .footer-top .footer-logo-area {
        padding: 17px 16px
    }

    section.faqs-sec-wrap {
        padding: 1rem 14px 0
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 14px;
        line-height: 19px;
        padding: 14px 20px
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 12px;
        line-height: 25px
    }

    .floatbutton {
        top: 33%
    }

    #hero-1 {
        padding: 6rem 25px 7rem
    }

    .hero-1-txt p.p-lg {
        font-size: 14px;
        padding: 11px 0
    }

    .stores-badge.badge-img-md img {
        width: 130px;
        margin: 0 27px 0 0
    }

    .review p {
        font-size: 10px
    }

    .header-inner {
        padding: 18px 20px 0
    }

    .testimonial-section {
        padding-top: 29px;
        padding-bottom: 34px;
        background-color: #000004
    }

    .contact-area {
        padding: 45px 0
    }

    .hero-1-txt h2 {
        font-size: 37px;
        line-height: 51px
    }

    .contact__are .contact__block {
        padding: 22px
    }

    .contact__form textarea.form-control {
        background: #fff
    }

    .vw-btn-primary {
        width: 100%;
        text-align: center;
        justify-content: center
    }

    .google__map {
        margin-top: -1px;
        padding: 18px
    }

    .see__pad {
        padding: 38px 0 2px
    }

    .page-banner-area {
        padding: 97px 0 65px
    }

    .section-title .section-heading {
        font-size: 24px
    }

    .contact__are {
        padding-top: 33px
    }

    .simpleParallax.simple-parallax-initialized video {
        height: 248px
    }

    .service-single .single-service-title {
        font-size: 27px
    }

    .blog-section-title {
        margin-bottom: -2px
    }

    .clients-area {
        padding-top: 3px;
        padding-bottom: 70px
    }

    .about-top {
        padding: 0 14px
    }

    .years-of-experiences .experience-title h3 {
        font-size: 20px
    }

    .years-of-experiences .experience-title h3 span {
        font-size: 35px
    }

    .hero-slider2 .slider-title {
        font-size: 45px;
        padding: 0 0 0 3rem;
        width: 100%
    }

    .hero-slider2 .swiper-slide {
        background-position: center
    }

    .featured ul li {
        margin: 18px
    }

    .portfolio-card-wide .portfolio-card-content .portfolio-card-text {
        font-size: 16px;
        line-height: 35px
    }

    .hero-slider2 {
        height: 720px
    }

    .cta_btn {
        display: flex;
        align-items: center;
        width: 100%
    }

    .about-text-block {
        padding-top: 0;
        padding-bottom: 44px
    }

    .slide-text {
        width: 100%;
        font-size: 15px;
        padding: 0
    }

    .banner-inner {
        padding-top: 149px
    }

    .slider-subtitle {
        font-size: 16px;
        padding: 0
    }
}
@media only screen and (min-width: 300px) and (max-width:575px) {
    button.get_quote_btn {
        display:block
    }

    .hero-slider2 .swiper-slide .slide-inner {
        width: 100%;
        padding: 0;
        bottom: 15px;
    }

    .floatbutton,.menu_list,.single-portfolio-desc .single-portfolio-title {
        display: none
    }

    .site-inner .site-right {
        padding: 0
    }

    .cta_btn a {
        margin: 7px 0;
        width: 100%;
        font-size: 12px;
        padding: 13px 24px;
    }

    .single-counterup .counterup-number {
        font-size: 38px
    }

    .single-counterup .counterup-title {
        font-size: 8px;
        height: 11px;
        max-width: 110px
    }

    .simpleParallax.simple-parallax-initialized img {
        height: auto;
    }

    .about-area {
        padding-top: 24px
    }

    .hero-slider p {
        font-size: 13px;
        width: 100%
    }

    .header-area-2 {
        padding-left: 0;
        padding-right: 0;
        top: -27px
    }

    .header-area .logo img {
        width: 95px
    }

    .about-titles .about-title {
        font-size: 29px;
        line-height: 38px
    }

    .service-section-title {
        margin-bottom: 30px;
    }

    .portfolios-area-3 {
        padding: 0 27px
    }

    .single-portoflio-thumb img {
        height: 330px!important
    }

    .book_call h4 {
        font-size: 33px;
        text-align: center
    }

    .book_call .img_area img {
        width: 100%;
        margin: 42px auto 0;
        height: 272px
    }

    .book_call {
        padding: 2rem 0
    }

    .book_call form button {
        padding: 14px;
        width: 90%;
        margin: 0 auto
    }

    .footer-bottom .footer-nav-links li a,.footer-copyright p {
        font-size: 11px
    }

    .footer-top .footer-info-area {
        padding: 1px 18px
    }

    .footer-top .footer-links-area {
        padding: 5px 16px
    }

    .footer-top .footer-logo-area {
        padding: 17px 16px
    }

    section.faqs-sec-wrap {
        padding: 1rem 14px 0
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 12px;
        line-height: 19px;
        padding: 14px 20px
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 12px;
        line-height: 25px
    }

    .floatbutton {
        top: 33%
    }

    #hero-1 {
        padding: 6rem 25px 7rem
    }

    .hero-1-txt p.p-lg {
        font-size: 14px;
        padding: 11px 0
    }

    .stores-badge.badge-img-md img {
        width: 130px;
        margin: 0 27px 0 0
    }

    .review p {
        font-size: 10px
    }

    .header-inner {
        padding: 18px 20px 0
    }

    .testimonial-section {
        padding-top: 29px;
        padding-bottom: 34px
    }

    .contact-area {
        padding: 45px 0
    }

    .hero-1-txt h2 {
        font-size: 19px;
        line-height: 27px
    }

    .contact__are .contact__block {
        padding: 22px
    }

    .contact__form textarea.form-control {
        background: #fff
    }

    .vw-btn-primary {
        width: 100%;
        text-align: center;
        justify-content: center
    }

    .google__map {
        margin-top: -1px;
        padding: 18px
    }

    .see__pad {
        padding: 38px 0 2px
    }

    .page-banner-area {
        padding: 97px 0 65px
    }

    .section-title .section-heading {
        font-size: 24px
    }

    .contact__are {
        padding-top: 33px
    }

    .banner-inner {
        padding-top: 70px
    }

    .simpleParallax.simple-parallax-initialized video {
        height: 248px
    }

    .service-single .single-service-title {
        font-size: 27px
    }

    .blog-section-title {
        margin-bottom: -2px
    }

    .clients-area {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .about-top {
        padding: 0 14px;
        width: 100%;
    }

    .big-text-title,.years-of-experiences .experience-title h3 {
        font-size: 20px
    }

    .years-of-experiences .experience-title h3 span {
        font-size: 35px
    }

    .hero-slider2 .slider-title {
        font-size: 23px;
        padding: 0 0 0 0rem;
        width: 100%
    }

    .slide-text {
        font-size: 14px;
        width: 100%;
        /* padding: 0 0 0 47px; */
    }

    .slider-subtitle {
        font-size: 12px;
        padding: 0 0 0 0rem;
    }

    .hero-slider2 .swiper-slide {
        background-position: center
    }

    .featured ul li {
        margin: 18px
    }

    .portfolio-card-wide .portfolio-card-content .portfolio-card-text {
        font-size: 12px;
        line-height: 24px
    }

    .about-text-block p {
        font-size: 14px;
        line-height: 21px
    }

    .portfolio-card-wide .portfolio-card-thumb .portfolio-number {
        font-size: 70px
    }

    .portfolio-card-wide.style-2 .portfolio-card-content {
        padding: 50px 0 0
    }

    .single-client span {
        width: 0px;
        height: 0;
    }

    .clients-area.client-area-2 .single-client img {
        width: 131px;
    }

    .single-client .single-client-inner {
        width: 120px;
        height: 120px
    }

    .marquee-left {
        height: 30px
    }

    .big-text-area-2 .marquee-left {
        margin-bottom: 20px
    }

    .big-text-subtitle {
        font-size: 23px;
        letter-spacing: 0
    }

    .big-text-area {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .testimonial-area.testimonial-area-2.pt-5 {
        padding-top: 1rem!important
    }

    .faqs-sec-head .heading-two {
        font-size: 25px
    }

    .footer-logo-area p {
        font-size: 13px
    }

    .footer-logo img {
        width: 130px
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 15px;
        line-height: 14px
    }

    .address__block p,.footer-info-area p {
        font-size: 14px
    }

    .footer-bottom .footer-nav-links {
        justify-content: center
    }

    .header-area-3 .header-right {
        margin-left: 70px
    }

    .header-area-3 .header-right {
        display: block
    }

    .header-area-3 .header-inner {
        justify-content: space-between
    }
    .portfolios__page_wrap .main-img img {
       height: 253px;
    }
    
    .portfolios__page_wrap {
        padding: 40px 0px;
    }
    
    .portfolios__page_wrap .main-img .title {
        top: 4%;
        right: -81%;
        font-size: 70px;
    }
    
    .portfolios__page_wrap .main-img .subtitle {
        font-size: 31px;
        line-height: 40px;
        bottom: 28%;
    }
    .single-testimonial.style-2 {
        display: block;
    }

    .testimonial-carousel-2 .slick-arrow {
        bottom: 0px;
    }
    .portfolios__page_wrap .main-img .vw-btn-primary {
    bottom: 5%;
    width: 50%;
    font-size: 13px;
    padding: 7px 0px;
    left: -55%;
    }
    
    .portfolios__page_wrap .main-img .vw-btn-primary i {
        width: 20px;
        height: 20px;
        font-size: 10px;
        line-height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .featured ul li img {
    width: 80px;
    height: 25px;
    }
    
    .featured ul li {
        margin: 0;
    }
    
    .featured ul {
        gap: 14px;
        padding: 7px 0;
    }
    
    .banner-area.banner-area-2 a.vw-btn-primary {
        width: 73%;
        font-size: 11px;
        padding: 7px 9px;
        gap: 5px;
        margin: 0px 30px;
    }
    .service-single {
        margin-bottom: 30px;
    }
    
    .service-single p {
        font-size: 14px;
    }
    .clients-area .clients-list.style-2 {
    margin-top: 14px;
   }
   .mobile-header{
     display:block;
     z-index: 99;
    }
    header.header-area.header-area-2 {
      display: none;
    }
}
/*responsive*/