/*================================ 
    #RESPONSIVE CSS 
====================================*/

/* Large Device: 1200px. */

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .navbar-container {
        padding: 0 10rem;
    }
    .navbar-bar-shape {
        width: 500px;
    }
    .top-bar-shape {
        right: -10rem;
        width: 260px;
    }
    .navbar-extra-logo {
        padding-right: 0;
    }
    .navbar-home-3 .search-cart.nav-profile {
        gap: 30px;
    }
    /* Hero 1	*/
    .hero-single {
        height: auto;
        padding: 25vh 0 0;
    }
    .hero-text-1 h2 {
        font-size: 100px;
    }
    .hero-single .hero-content {
        padding-right: 50px;
    }
    .hero-text-2 {
        font-size: 54px;
    }
    .hero-text-3 h2 {
        font-size: 110px;
    }
    /*	Hero 2*/
    .home-3-top-shape {
        display: none;
    }
    .hero-p-btn {
        margin-left: 185px;
    }
    .hdr-41 {
        bottom: 75px;
        left: 28%;
    }
    /* Hero 3	*/
    .hero-sldr.hero-style-3 .swiper-button-next,
    .hero-sldr.hero-style-3 .swiper-rtl .swiper-button-prev {
        right: 50px;
    }
    .hero-sldr.hero-style-3 .swiper-button-prev,
    .hero-sldr.hero-style-3 .swiper-rtl .swiper-button-next {
        right: 50px;
    }
    /*	Topbar*/
    .top-left .slogan-text {
        font-size: 14px;
    }
    .btn-ext {
        padding: 35px 25px;
    }
    /* Container	*/
    /* Titles	*/
    .sec-title {
        font-size: 46px;
        line-height: 64px;
    }
    /* Features	*/
    .feature-box h5 {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    /*	Breadcrumb*/
    .site-breadcrumb-wpr::before {
        height: 150px;
    }
    .navbar-extra-logo {
        padding-right: 0;
    }
    /*	Hero 1*/
    .hero-single .hero-content {
        padding-right: 40px;
    }
    .hero-btns.mb-80 {
        margin-bottom: 4rem;
    }
    .hero-text-pic {
        gap: 50px;
        flex-direction: column;
    }
    .navbar-container {
        grid-template-columns: 180px 1fr;
        padding: 0 3rem;
    }
    .navbar-bar-shape {
        height: 100%;
        width: 300px;
    }
    .navbar-home-3 .search-cart.nav-profile {
        gap: 30px;
    }
    .home-3-top-shape {
        display: none;
    }
    /*	Hero 2*/
    .hero-2 .hero-single {
        height: auto;
        padding: 15rem 0 8rem 0;
    }
    .hero-single-2 {
        height: auto;
        padding: 25vh 0 30vh 0;
    }
    .btn-ext {
        padding: 15px 26px;
    }
    .hero-p-btn {
        margin-left: 90px;
    }
    /*	Top bar*/
    .top-header-menu {
        padding-left: 3rem;
    }
    .top-bar-shape {
        right: -30px;
        height: 100%;
        width: 250px;
    }
    .top-bar-area::before {
        width: 100%;
    }
    main.main {
        overflow: hidden;
    }
    .btn-1 {
        font-size: 1.5rem;
    }
    .top-style-2 .top-right-content {
        margin-right: 20px;
        padding-right: 20px;
    }
    .slogan-text {
        padding-left: 0;
    }
    .top-left-2 {
        padding-right: 20px;
    }
    .top-left .slogan-text {
        font-size: 12px;
    }
    .top-left-2-time-env {
        gap: 15px;
    }
    .top-style-3 .top-same-2 p {
        font-size: 13px;
    }
}

/* Large Device: 1200px. */

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .navbar .dropdown-menu.fade-up {
        left: -110px;
    }
    .navbar .navbar-brand img {
        height: 100%;
    }
    .navbar-extra-logo {
        padding-right: 0;
    }
    .navbar-container {
        grid-template-columns: 180px 1fr;
        padding: 0 1.5rem;
    }
    .navbar-bar-shape {
        height: 100%;
        width: 210px;
    }
    .navbar-extra-logo a img {
        width: 140px;
    }
    .navbar-home-3 .search-cart.nav-profile {
        width: 430px;
        gap: 20px;
    }
    .menu-phone .menu-phone-tx p {
        font-size: 14px;
    }
    .navbar-home-3 {
        padding: 0 30px;
    }
    /*	Breadcrumb*/
    /*	Top bar*/
    .top-bar-area {
        display: none;
    }
    .top-box span {
        font-size: 13px;
    }
    .top-bar-area::before {
        display: none;
    }
    .top-bar-shape {
        right: -1.5rem;
        height: 100%;
        width: 250px;
    }
    .top-box {
        gap: 1rem;
    }
    .top-header-menu {
        padding-left: 15px;
    }
    .search-cart .cart-li li .site-cart .site-cart-list {
        left: -250px;
    }
    .navbar.bsnav-transparent .navbar-nav .nav-item .nav-link {
        margin-right: 3rem;
    }
    /*	Hero*/
    .hero-single {
        height: auto;
        padding: 14rem 0 0 0;
    }
    .hero-single .hero-content {
        padding-right: 0;
        text-align: center;
    }
    .hero-single .hero-content p {
        padding-right: 0;
    }
    .hero-btns {
        justify-content: center
    }
    .hero-image img {
        width: 40%;
        margin: 0 auto;
        display: block;
    }
    .hero-diamond-ui {
        left: -20px;
    }
    /*	Hero 2*/
    .top-box.mr-30 {
        margin-right: 1.5rem;
    }
    /*	Button*/
    .btn-sm {
        padding: 1.5rem 2.5rem;
    }
    /*	Container*/
    .container-left {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 1140px;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    .container-stage {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 1140px;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    /*	Scroll top*/
    #scrtop {
        bottom: 115px;
    }
    /* Titles	*/
    .sec-heading-1 {
        font-size: 40px;
    }
    .site-title h2 {
        font-size: 30px;
    }
    /*  About	*/
    .about-right {
        padding-right: 0;
    }
    /*  Service	*/
    .service-box-2 {
        width: auto;
    }
    /* Team Single	*/
    .team-single-up-right {
        padding-left: 0;
    }
    /*  About	*/
    .about-ttt {
        padding-right: 0;
    }
    .about-list-2 {
        gap: 2rem;
    }
    .about-suc-rate p {
        font-size: 1.4rem;
    }
    /* Why Choose us	*/
    .why-intsight {
        width: 54%;
    }
    .why-opt-element .why-opt-desc h5 {
        font-size: 18px;
    }
    /* Pricing table	*/
    .pricing-section .pricing-cards .pricing-card .features li {
        font-size: 13px;
    }
    /* Blog	*/
    .blog-title {
        font-size: 20px;
        line-height: 34px;
    }
    .blog-box-3 .blog-desc-3 h3 {
        font-size: 16px;
        line-height: 30px;
    }
    .blog-style-3 .blog-desc .blog-title {
        font-size: 26px;
        line-height: 40px;
    }
    .blog-single-content {
        padding-right: 30px;
    }
    .blog-box .blog-desc .blog-title {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .site-heading {
        font-size: 30px;
        line-height: 42px;
    }
    .navbar .navbar-brand img {
        height: 100%;
    }
    /*	Header 2*/
    .btn-ext {
        display: none;
    }
    /*	Navbar*/
    .navbar.bsnav-transparent .navbar-nav .nav-item .nav-link {
        margin-right: 2rem;
    }
    .navbar .dropdown-menu.fade-up {
        left: -110px;
    }
    .navbar-home-2 {
        padding: 5px 25px;
    }
    /*Hero*/
    .hero-single {
        height: auto;
        padding-bottom: 0rem;
        padding-top: 12rem;
    }
    .hero-single .hero-content {
        margin-top: 2rem;
    }
    .hero-single .hero-content h2 {
        font-size: 55px;
    }
    .hero-bg {
        background-position: top right !important;
    }
    .hero-up-2-2 .hero-up-2-2-content p {
        padding-right: 0;
    }
    .hero-diamond-ui {
        display: none;
    }
    .hero-single .hero-content {
        padding-right: 0;
        text-align: center;
    }
    .hero-single .hero-content p {
        padding-right: 0;
    }
    .hero-btns {
        justify-content: center;
    }
    .navbar .nav-item .nav-link {
        margin-right: 2rem;
    }
    .hero-title {
        font-size: 4rem;
        line-height: 60px;
    }
    .navbar-container {
        grid-template-columns: 200px 1fr;
        padding: 0 2rem;
    }
    .top-header-menu {
        padding-left: 0;
    }
    .search-cart .cart-li li .site-cart .site-cart-list {
        left: -250px;
    }
    .hero-sldr .swiper-button-next,
    .hero-sldr .swiper-button-prev {
        display: none;
    }
    .navbar-home-bg {
        padding: 0 0;
    }
    /*	Hero 2*/
    .mt-160 {
        margin-top: 0;
    }
    .navbar-home-1 .navbar-brand {
        margin-right: 30px;
    }
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }
    .hero-title-2 {
        font-size: 56px;
        line-height: 66px;
    }
    .hero-shapes {
        display: none;
    }
    .hero-single-2 {
        height: auto;
        padding: 15rem 0 10rem 0;
    }
    .hero-single-2 .hero-content .hero-title {
        font-size: 60px;
    }
    /*	Breadcrumb*/
    .site-breadcrumb {
        margin-top: 0;
    }
    .site-breadcrumb-wpr {
        margin-top: 90px;
    }
    /*	Scroll Top*/
    #scrtop {
        bottom: 100px;
    }
    /*	Buton*/
    .btn-md {
        padding: 2rem 2.4rem;
    }
    .btn-sm {
        padding: 1.5rem 2.5rem;
    }
    /*	Container*/
    .container-stage {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
        width: 960px;
    }
    .container-left {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 960px;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    /*   Topbar	*/
    .top-style-2 {
        display: none;
    }
    /* About 	*/
    .about-wpr-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .about-2-2 {
        display: none;
    }
    .about-yr-exp {
        display: none;
    }
    .about-left-2 {
        margin: 0 auto;
    }
    .about-2-1 {
        border-radius: 0;
        width: 100%;
    }
    .about-wpr {
        grid-template-columns: repeat(1, 1fr);
    }
    .about-left-pic-1 {
        display: none;
    }
    .about-left-pic-2 {
        display: none;
    }
    .about-left-pic-3 {
        position: inherit;
        margin-bottom: 5rem;
    }
    /* Service*/
    .service-box-2 {
        width: 100%;
        margin: 40px 0px;
    }
    .service-single-wpr {
        padding-left: 0;
    }
    .services-section .service-item {
        padding: 5rem 3rem;
    }
    /* Why	*/
    .why-wpr-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .why-intsight-arrow {
        display: none;
    }
    .why-intsight-man {
        display: none;
    }
    .why-intsight {
        width: auto;
    }
    .why-pics-2 {
        text-align: center;
        margin-bottom: 5rem;
    }
    .why-faq {
        grid-template-columns: repeat(1, 1fr);
    }
    /* Ben	*/
    .ben-wpr {
        grid-template-columns: repeat(1, 1fr);
    }
    /* Price	*/
    .pricing-section .pricing-cards .pricing-card {
        padding: 3rem 1rem;
    }
    .pricing-section .pricing-cards .pricing-card .features li {
        font-size: 13px;
    }
    /* Team Single	*/
    .team-single-up-pic {
        text-align: center;
        margin-bottom: 4rem;
    }
    .team-single-up-right {
        padding-left: 0;
    }
    /* Review	*/
    .testimonial-right {
        margin-top: 50px;
    }
    /* Faq	*/
    .faq-list {
        padding-right: 0;
    }
    /* Gallery	*/
    .gallery-title h2 {
        font-size: 75px;
    }
    /*	Project Single */
    .project-th {
        padding-left: 0;
    }
    /* Contact	*/
    .contact-form {
        padding-left: 0;
    }
    .contact-pics {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 6rem;
    }
    .contact-section .contact-wrap {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    /* Blog	*/
    .blog-title {
        font-size: 15px;
        line-height: 28px;
    }
    .blog-left-2-content {
        padding-right: 30px;
    }
    .blog-box-3 .blog-desc-3 h3 {
        font-size: 17px;
        line-height: 28px;
    }
    .blog-page-left {
        padding-right: 0;
    }
    .editors-wrapper.grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .pagination {
        margin-top: 6rem;
        margin-bottom: 5rem;
    }
    /* Blog Single	 */
    .blog-single-content {
        padding-right: 0;
    }
    /* Footer	*/
    .footer-top-about {
        padding-right: 30px;
    }
    .site-footer .footer-top {
        grid-template-columns: 1fr 1fr;
    }
    .footer-nav {
        justify-content: flex-end;
    }
}

/* Tablet Layout: 768px.*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*	Grid*/
    .grid-2 {
        grid-template-columns: 1fr;
    }
    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    /*	Nav*/
    nav.navbar.bootsnav .navbar-toggle {
        margin-top: 25px;
    }
    .g-nop {
        display: inline-block;
    }
    /*NavBar*/
    .navbar .navbar-nav .nav-item .nav-link {
        height: inherit;
        line-height: 50px;
        padding: 0;
        margin-right: 0;
    }
    .navbar-nav.navbar-mobile.mr-0 {
        margin-top: 5rem;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        margin-left: 10px;
        margin-right: 0;
        padding: 0;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .nav-link {
        line-height: 1.3;
    }
    .bsnav-sticky.bsnav-sticky-slide {
        position: absolute;
        top: 0;
    }
    .top-bar-area.bg-black.py-3 {
        margin-top: 5rem;
    }
    .navbar ul.navbar-nav .nav-item a {
        color: var(--clr-heading) !important;
    }
    .navbar.sticked.in ul.navbar-nav .nav-item a {
        color: var(--clr-heading);
    }
    nav.navbar.bootsnav .navbar-toggle {
        margin-top: 2.5rem;
    }
    .navbar {
        padding: 2rem;
        background-color: var(--clr-white);
    }
    .navbar::before {
        display: none;
    }
    .header-border-black .navbar .navbar-brand {
        padding-right: 0rem;
    }
    .dropdown-menu .dropdown-item {
        font-size: 1.6rem !important
    }
    .header-1 .navbar .search-cart .cart-li li i {
        color: var(--clr-heading);
    }
    .search-cart.nav-profile {
        order: 0;
    }
    .search-cart.nav-profile.ml-40 {
        margin-left: 0;
    }
    .bsnav-mobile .navbar {
        padding: 100px 0 15px;
    }
    .navbar-home-2 {
        padding: 0;
        margin-top: 0;
    }
    /*  Defferent Logo*/
    .navbar .navbar-brand .logo-display {
        display: none;
    }
    .navbar .navbar-brand .logo-scrolled {
        display: block;
        width: 145px;
    }
    .header-3 .bsnav-transparent {
        background: var(--clr-white);
    }
    .navbar-home-1 .navbar-brand {
        margin-right: 0;
    }
    .navbar-home-1 {
        padding: 0 0;
        justify-content: space-between;
    }
    /*Top Bar*/
    .top-area {
        display: none;
    }
    /*Hero*/
    .mt-160 {
        margin-top: 0;
    }
    .hero-single {
        height: auto;
        padding-top: 150px;
        padding-bottom: 0;
        overflow: hidden;
    }
    .hero-single .hero-content {
        padding-right: 0;
        text-align: center;
    }
    .hero-single .hero-content p {
        padding-right: 0;
    }
    .hero-text-1 h2 {
        font-size: 50px;
    }
    .hero-text-pic {
        gap: 30px;
        flex-direction: column;
    }
    .hero-title-sec {
        font-size: 65px;
    }
    .hero-up-2-2 .hero-up-2-2-content p {
        padding-right: 0;
    }
    .hero-diamond-ui {
        display: none;
    }
    .hdr-pl {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
    }
    .hero-wpr {
        margin-left: 0;
        width: 100%;
    }
    .hero-shapes {
        display: none;
    }
    .hero-sldr .swiper-button-next,
    .hero-sldr .swiper-button-prev {
        display: none;
    }
    .hero-single .hero-content-desc {
        padding-bottom: 0;
    }
    .navbar-container {
        grid-template-columns: 1fr;
        align-items: center;
        padding: 0 0;
    }
    .top-bar-area {
        display: none;
    }
    .navbar-extra-logo {
        display: none;
    }
    .navbar-bar-shape {
        display: none;
    }
    .top-header-menu {
        padding-left: 0;
    }
    .hero-shapes img.love-brick {
        display: none;
    }
    /*	Home 2*/
    .hero-title-2 {
        font-size: 64px;
        line-height: 80px;
    }
    .hero-p-btn {
        margin-left: 0;
        padding-left: 30px;
        width: 100%;
    }
    .btn-ext {
        display: none;
    }
    .hero-single-2 {
        height: auto;
        padding-top: 15rem;
        padding-bottom: 5rem;
    }
    .hero-single.hero-2-bg {
        background-size: 0vw auto;
    }
    .hero-area.pos-rel.bg-top-center.home-2 {
        background-size: 0vw auto !important;
        background-color: var(--clr-bg);
    }
    .header-hero-top {
        display: grid;
        grid-template-columns: 1fr;
    }
    .owl-nav {
        display: none;
    }
    .navbar-toggler {
        border: none;
        display: block;
        order: 1;
    }
    .navbar-toggler-icon {
        background-size: 0vw auto;
    }
    .top-box {
        display: none;
    }
    .hero-2-shapes {
        display: none;
    }
    .bg-bottom-right {
        background-size: 30%;
    }
    /*	Home 3*/
    .header-3 .bsnav-transparent {
        background: var(--clr-white);
    }
    .header-3-tr .bsnav-transparent {
        background: var(--clr-white);
    }
    .hero-hd-pos {
        top: 0;
        margin-bottom: 0;
    }
    .hero-btm {
        margin-top: 120px;
        padding-left: 0;
        margin-bottom: 0;
    }
    .hero-btm-ve {
        grid-template-columns: repeat(2, 1fr);
    }
    .hero-btns {
        justify-content: center;
    }
    /*	Breadcrumb*/
    .site-breadcrumb-wpr {
        margin-top: 8rem;
    }
    .site-breadcrumb {
        margin-top: 0;
        overflow: hidden;
    }
    /*	Button*/
    .btn-md {
        padding: 2rem 4rem;
    }
    /*	Site Title*/
    .site-title.mb-0 {
        padding-right: 20rem;
    }
    .sec-btn-right {
        text-align: left;
        margin-top: 30px;
    }
    /* Container	*/
    .container-stage {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    .container-left {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    /* Titles	*/
    .sec-heading-1 {
        font-size: 36px;
        line-height: 1.3;
    }
    .site-title h2 {
        font-size: 28px;
    }
    /* About */
    .about-right-opt {
        grid-template-columns: 1fr 1fr;
    }
    /* Service	*/
    .service-box-2 {
        width: auto;
        margin: 40px 0;
    }
    /* Gallery	*/
    .gallery-container {
        text-align: center;
    }
    .gallery-title-2 {
        padding: 4rem 0;
    }
    /* Project Single	*/
    .project-btm-right {
        text-align: center;
    }
    .project-th {
        padding-left: 0;
    }
    .team-single-up-right {
        padding-left: 0;
        padding-top: 3rem;
    }
    /* Service Single	*/
    .service-single-wpr {
        padding-left: 0;
    }
    /* Price	*/
    .pricing-section .pricing-cards .pricing-card {
        padding: 4rem 2rem;
    }
    .pricing-section .pricing-cards .pricing-card .features li {
        font-size: 15px;
    }
    /* Products	*/
    .product-rev-wrapper .nav-pills .nav-link {
        font-size: 12px;
    }
    /* Why	*/
    .why-intsight-man {
        display: none;
    }
    .why-intsight-arrow {
        display: none;
    }
    .why-intsight {
        width: 100%;
    }
    /* Faq	*/
    .faq-list {
        padding-right: 0;
    }
    /*	 Ben */
    .ben-left {
        grid-template-columns: 1fr 1fr;
    }
    /* Blog	*/
    .blog-page-left {
        padding-right: 0;
    }
    /* Single	*/
    .blog-single-content {
        padding-right: 0;
    }
    .blog-single-ppt {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Pagination	*/
    .pagination {
        margin-bottom: 6rem;
    }
    /* Contact	*/
    .contact-form.pl-60 {
        padding-left: 0;
    }
    .contact-pics {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 6rem;
    }
    /*	Footer*/
    .footer-top-about {
        padding-right: 0;
        text-align: center;
    }
    .footer-ins {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
        grid-template-columns: inherit;
        text-align: center;
    }
    .footer-top-list {
        text-align: center;
        padding: 3rem 0;
    }
    .footer-top-list .footer-nav {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .footer-nav {
        justify-content: flex-end;
    }
    .site-footer .footer-top {
        grid-template-columns: 1fr 1fr;
    }
    .footer-cta {
        text-align: center;
    }
    .foote-up-ard {
        justify-content: center;
    }
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    /*	Padding*/
    .de-padding {
        padding: 6rem 0;
    }
    .de-pt {
        padding-top: 6rem;
    }
    .pt-120 {
        padding-top: 6rem;
    }
    .pt-105 {
        padding-top: 6rem;
    }
    .pt-210 {
        padding-top: 13rem;
    }
    .de-pb {
        padding-bottom: 6rem;
    }
    .pb-120 {
        padding-bottom: 6rem;
    }
    .pb-105 {
        padding-bottom: 6rem;
    }
    .pb-80 {
        padding-botto: 6rem;
    }
    .btn-md {
        padding: 2rem 4rem;
    }
    /*	Breadcrumb*/
    .site-breadcrumb {
        margin-top: 0;
    }
    .main-breadcrumb {
        padding: 0;
        text-align: center;
    }
    .site-breadcrumb {
        height: 57vh;
    }
    .site-breadcrumb .breadcrumb-title {
        font-size: 2rem;
    }
    .site-breadcrumb .breadcrumb-menu {
        padding: 0;
    }
    .site-breadcrumb-wpr {
        margin-top: 5rem;
    }
    .site-breadcrumb-title h2 {
        font-size: 2rem;
        line-height: 1;
        margin-bottom: 1rem;
    }
    .site-title {
        margin-bottom: 3.4rem;
    }
    .site-title h2 {
        font-size: 3rem;
        line-height: 1.3;
    }
    .site-title p {
        padding: 0;
    }
    /*NavBar*/
    .g-nop {
        display: inline-block;
    }
    .navbar::before {
        display: none;
    }
    .navbar .navbar-nav .nav-item .nav-link {
        height: inherit;
        line-height: 50px;
        padding: 0;
        margin-right: 0;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        margin-left: 10px;
        margin-right: 0;
        padding: 0;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .nav-link {
        line-height: 1.3;
    }
    .bsnav-sticky.bsnav-sticky-slide {
        position: absolute;
        top: 0;
    }
    .top-bar-area.bg-black.py-3 {
        margin-top: 5rem;
    }
    .navbar ul.navbar-nav .nav-item a {
        color: var(--clr-heading) !important;
    }
    .navbar.sticked.in ul.navbar-nav .nav-item a {
        color: var(--clr-heading);
    }
    nav.navbar.bootsnav .navbar-toggle {
        margin-top: 2.5rem;
    }
    .navbar {
        padding: 1rem;
        background-color: var(--clr-white);
    }
    .dropdown-menu .dropdown-item {
        font-size: 1.6rem !important
    }
    .header-1 .navbar .search-cart .cart-li li i {
        color: var(--clr-heading);
    }
    .search-cart.nav-profile {
        order: 0;
        display: none;
    }
    .navbar-toggler-icon {
        background-size: 0vw auto;
    }
    .navbar-toggler {
        border: none;
    }
    .navbar-container-bg {
        background: transparent;
    }
    .in .navbar-container {
        padding: 0;
    }
    /*  Defferent Logo*/
    .navbar .navbar-brand .logo-display {
        display: none;
    }
    .navbar .navbar-brand .logo-scrolled {
        display: block;
        width: 130px;
    }
    .header-3 .bsnav-transparent {
        background: var(--clr-white);
    }
    .navbar-home-1 .navbar-brand {
        margin-right: 0;
    }
    .navbar-home-1 {
        padding: 0 0;
        justify-content: space-between;
    }
    /*	Grids*/
    .grid-2 {
        grid-template-columns: 1fr;
    }
    .grid-3 {
        grid-template-columns: 1fr;
    }
    .grid-4 {
        grid-template-columns: 1fr;
    }
    .grid-5 {
        grid-template-columns: repeat(1, 1fr);
    }
    /*	Hero*/
    .hero-single {
        height: auto;
        padding: 110px 0 0 0;
    }
    .hero-single .hero-content {
        padding-right: 0;
    }
    .hero-single .hero-content p {
        padding-right: 0;
    }
    .hero-single .hero-content {
        padding-right: 0;
        text-align: center;
    }
    .hero-single .hero-content .hero-title {
        font-size: 45px;
    }
    .hero-btns {
        gap: 15px;
        flex-direction: column;
    }
    .hero-diamond-ui {
        display: none;
    }
    .hero-suchok {
        display: none;
    }
    .hero-text-pic {
        gap: 30px;
        flex-direction: column;
    }
    .hero-text-1 {
        gap: 0;
        flex-direction: column;
    }
    .hero-text-1 h2 {
        font-size: 36px;
    }
    .hero-text-2 {
        font-size: 36px;
    }
    .hero-text-3 {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin-top: 20px;
        text-align: center;
    }
    .hdr-pl {
        flex-direction: column;
    }
    .hero-text-3 h2 {
        font-size: 36px;
    }
    .hero-btn .btn-1.btn-md {
        margin-right: 0;
    }
    .navbar-container {
        grid-template-columns: 1fr;
        align-items: center;
        padding: 0 0;
    }
    .hero-shapes img.hero-car {
        display: none;
    }
    .top-bar-area {
        display: none;
    }
    .navbar-extra-logo {
        display: none;
    }
    .navbar-bar-shape {
        display: none;
    }
    .top-header-menu {
        padding-left: 0;
    }
    .hero-btn {
        flex-direction: column;
        padding: 0;
        text-align: left;
    }
    .btn-transparent-md {
        padding: 2rem 5rem;
    }
    .heading-1,
    .heading-2 {
        font-size: 32px;
    }
    .hero-sldr .swiper-button-next,
    .hero-sldr .swiper-button-prev {
        display: none;
    }
    /* Hero 2*/
    .hero-single-2 {
        height: auto;
        padding-top: 12rem;
        padding-bottom: 3rem;
    }
    .hero-up-2-1 {
        gap: 0px;
        flex-direction: column;
        text-align: center;
    }
    .hero-up-2-1 h2 {
        font-size: 36px;
    }
    .hero-title-sec {
        font-size: 36px;
    }
    .hero-up-2-2 .hero-up-img {
        text-align: center;
    }
    .hero-content-2 {
        padding-right: 1.5rem;
    }
    .hero-content-2 .hero-btns {
        justify-content: center;
    }
    .hero-up-2-2-content {
        text-align: center;
    }
    .hero-up-2-2 {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .hero-up-2-2 .hero-up-2-2-content p {
        padding-right: 0;
    }
    .hero-up-2-2 .hero-up-img::before {
        display: none;
    }
    .hero-2 .hero-sldr .swiper-horizontal>.swiper-pagination-bullets,
    .hero-2 .hero-sldr .swiper-pagination-bullets.swiper-pagination-horizontal,
    .hero-2 .hero-sldr .swiper-pagination-custom,
    .hero-2 .hero-sldr .swiper-pagination-fraction {
        display: none;
    }
    .navbar-home-2 {
        padding: 0;
        margin: 0;
    }
    /* Topbar	*/
    .top-box {
        display: none;
    }
    /* Container */
    .container-stage {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    .container-left {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    /* Titles	*/
    .title-mid {
        text-align: center;
    }
    .sec-heading-1 {
        font-size: 36px;
    }
    .sec-title {
        font-size: 36px;
        line-height: 48px;
    }
    .hero-title-2 {
        font-size: 36px;
        line-height: 48px;
    }
    .hero-p-btn {
        margin-left: 0;
        width: 100%;
    }
    .hero-content-2 h2 {
        margin-bottom: 3rem;
    }
    .content-title {
        font-size: 20px;
    }
    /*	About */
    .about-2-2 {
        display: none;
    }
    .about-yr-exp {
        top: inherit;
        right: inherit;
        z-index: 0;
        bottom: 0;
    }
    .about-list-2 {
        gap: 2rem;
        flex-direction: column;
    }
    .about-2-1 {
        width: 100%;
    }
    .about-ttt {
        padding-right: 0;
    }
    .about-left-pic-2 img {
        display: none;
    }
    .about-left-pic-1 img {
        display: none;
    }
    .brush-stroke {
        display: none;
    }
    .about-left-pic-1::before {
        display: none;
    }
    .about-left-pic-3 {
        position: relative;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .about-left-pic-3 img {
        width: 100%;
    }
    .about-right {
        padding-right: 0;
        text-align: center;
    }
    .about-btn-content {
        flex-direction: column-reverse;
    }
    .about-right-sat {
        padding-left: 0;
        text-align: center;
    }
    .about-list-opt {
        border-right: none;
        align-items: center;
    }
    .section-about-us {
        justify-content: center;
    }
    /* Gallery	*/
    .gallery-title h2 {
        font-size: 36px;
        margin-bottom: 0;
    }
    .gallery-title {
        padding-left: 0;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .gallery-title-2 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .portfolio-section .portfolio-filter {
        margin-bottom: 5rem;
        flex-direction: column;
        text-align: center;
    }
    .portfolio-section .portfolio-grid {
        grid-template-columns: 1fr;
    }
    .project-btm-right {
        text-align: center;
    }
    /* Pricing	*/
    .pricing-section .pricing-cards .pricing-card {
        padding: 6rem 1rem;
    }
    /* Contact	 */
    .contact-form {
        padding-left: 0;
        text-align: center;
    }
    .contact-section .contact-form .info-grid {
        flex-direction: column;
    }
    .contact-section .contact-form .social-meta {
        gap: 1rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contact-sectio form#contactForm {
        text-align: center;
    }
    /*	Service */
    .service-box-2 {
        width: 100%;
        margin: 40px 0;
    }
    /* Service Single	*/
    .service-single-wpr {
        padding-left: 0;
    }
    /* Why Choose us*/
    .why-intsight {
        width: 100%;
    }
    /* Counter	*/
    /* Work	*/
    /* Step	*/
    /* Price Table	*/
    .price-tabs-content {
        padding-right: 0;
    }
    /* Team	*/
    /* Team Single	*/
    .team-single-up-right {
        padding-left: 0;
        padding-top: 3rem;
    }
    /* Review*/
    .testimonial-section .testimonial-left {
        text-align: center;
    }
    .testimonial-section .testimonial-left .testimonial-dots {
        justify-content: center;
    }
    .testimonial-left-content .section-about-us {
        justify-content: center;
    }
    .testimonial-section .testimonial-left .testimonial-dots .testimonial-sub {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }
    .testimonial-section .testimonial-left .testimonial-dots .swiper-pagination {
        bottom: 70px;
    }
    /* Login	*/
    .login-form {
        width: 100%;
        padding: 5rem 3rem;
    }
    /* 404	*/
    .f-404 {
        font-size: 100px;
    }
    /* Partner	*/
    /* Vidz	*/
    /* Faq	*/
    .faq-list {
        padding-right: 0;
    }
    .faq-section .faq-item .faq-question {
        font-size: 20px;
    }
    /* Contact	*/
    .contact-style-1 {
        padding: 2rem;
    }
    .contact-left-up {
        padding: 0;
    }
    .contact-left-up h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .contact-style-1 h2 {
        font-size: 30px;
        line-height: 40px;
    }
    /* Blog	*/
    .sec-titles {
        text-align: center;
    }
    .blog-box .blog-desc .blog-title {
        padding-right: 0;
        font-size: 14px;
        line-height: 26px;
    }
    .blog-page-left {
        padding-right: 0;
    }
    .blog-style-3 .blog-desc {
        margin: 0 0 30px 0;
    }
    .blog-single-content {
        padding-right: 0;
    }
    .pagination {
        margin-bottom: 50px;
    }
    .editors-pick .featured-pick .featured-card {
        margin-top: 0;
        text-align: center;
    }
    .editors-pick .pick-list .section-desc {
        padding-right: 0;
    }
    .pick-list {
        padding-right: 0;
    }
    .editors-pick .pick-list .pick-items li .pick-title {
        padding-right: 0;
    }
    .editors-pick .featured-pick .featured-card .card-footer {
        flex-direction: column;
    }
    /* Blog Single	*/
    .blog-single-inner-inner {
        padding: 20px;
        margin: 0;
    }
    .blog-single-inner-content {
        margin-top: 0;
    }
    .blog-single-ppp {
        padding-left: 0;
    }
    .blog-single-cm .blog-single-over-bio {
        flex-direction: column;
    }
    .blog-single-over-bio {
        padding-left: 20px;
    }
    /*	Footer*/
    .footer-top-about {
        padding-right: 0;
    }
    .footer-ins {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .footer-top-list {
        text-align: center;
        padding: 3rem 0;
    }
    .footer-top-list .footer-nav {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .footer-cta {
        text-align: center;
    }
    .foote-up-ard {
        justify-content: center;
    }
    /*	Products*/
    .sh-de-wrapper {
        grid-template-columns: 1fr;
    }
    .sh-de-btn {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        text-align: center;
    }
    .product-rev-wrapper .nav-item {
        width: 100%;
    }
    .products-box {
        text-align: center;
    }
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 350px) and (max-width: 767px) {}

@media only screen and (max-width: 576px) {}