/*================================ 
    #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 {
    left: -10rem;
    width: 260px;
  }

  .navbar-extra-logo {
    padding-left: 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-left: 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-right: 185px;
  }

  .hdr-41 {
    bottom: 75px;
    right: 28%;
  }

  /* Hero 3	*/

  .hero-sldr.hero-style-3 .swiper-button-next,
  .hero-sldr.hero-style-3 .swiper-rtl .swiper-button-prev {
    left: 50px;
  }

  .hero-sldr.hero-style-3 .swiper-button-prev,
  .hero-sldr.hero-style-3 .swiper-rtl .swiper-button-next {
    left: 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-left: 0;
  }

  /*	Hero 1*/

  .hero-single .hero-content {
    padding-left: 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-right: 90px;
  }

  /*	Top bar*/

  .top-header-menu {
    padding-right: 3rem;
  }

  .top-bar-shape {
    left: -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-left: 20px;
    padding-left: 20px;
  }

  .slogan-text {
    padding-right: 0;
  }

  .top-left-2 {
    padding-left: 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 {
    right: -110px;
  }

  .navbar .navbar-brand img {
    height: 100%;
  }

  .navbar-extra-logo {
    padding-left: 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 {
    left: -1.5rem;
    height: 100%;
    width: 250px;
  }

  .top-box {
    gap: 1rem;
  }

  .top-header-menu {
    padding-right: 15px;
  }

  .search-cart .cart-li li .site-cart .site-cart-list {
    right: -250px;
  }

  .navbar.bsnav-transparent .navbar-nav .nav-item .nav-link {
    margin-left: 3rem;
  }

  /*	Hero*/

  .hero-single {
    height: auto;
    padding: 14rem 0 0 0;
  }

  .hero-single .hero-content {
    padding-left: 0;
    text-align: center;
  }

  .hero-single .hero-content p {
    padding-left: 0;
  }

  .hero-btns {
    justify-content: center;
  }

  .hero-image img {
    width: 40%;
    margin: 0 auto;
    display: block;
  }

  .hero-diamond-ui {
    right: -20px;
  }

  /*	Hero 2*/

  .top-box.mr-30 {
    margin-left: 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-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
  }

  .container-stage {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 1140px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
  }

  /*	Scroll top*/

  #scrtop {
    bottom: 115px;
  }

  /* Titles	*/

  .sec-heading-1 {
    font-size: 40px;
  }

  .site-title h2 {
    font-size: 30px;
  }

  /*  About	*/

  .about-right {
    padding-left: 0;
  }

  /*  Service	*/

  .service-box-2 {
    width: auto;
  }

  /* Team Single	*/

  .team-single-up-right {
    padding-right: 0;
  }

  /*  About	*/

  .about-ttt {
    padding-left: 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-left: 30px;
  }

  .blog-box .blog-desc .blog-title {
    padding-left: 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-left: 2rem;
  }

  .navbar .dropdown-menu.fade-up {
    right: -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-left: 0;
  }

  .hero-diamond-ui {
    display: none;
  }

  .hero-single .hero-content {
    padding-left: 0;
    text-align: center;
  }

  .hero-single .hero-content p {
    padding-left: 0;
  }

  .hero-btns {
    justify-content: center;
  }

  .navbar .nav-item .nav-link {
    margin-left: 2rem;
  }

  .hero-title {
    font-size: 4rem;
    line-height: 60px;
  }

  .navbar-container {
    grid-template-columns: 200px 1fr;
    padding: 0 2rem;
  }

  .top-header-menu {
    padding-right: 0;
  }

  .search-cart .cart-li li .site-cart .site-cart-list {
    right: -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-left: 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-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
    width: 960px;
  }

  .container-left {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 960px;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: 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-right: 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-right: 0;
  }

  /* Review	*/

  .testimonial-right {
    margin-top: 50px;
  }

  /* Faq	*/

  .faq-list {
    padding-left: 0;
  }

  /* Gallery	*/

  .gallery-title h2 {
    font-size: 75px;
  }

  /*	Project Single */

  .project-th {
    padding-right: 0;
  }

  /* Contact	*/

  .contact-form {
    padding-right: 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-left: 30px;
  }

  .blog-box-3 .blog-desc-3 h3 {
    font-size: 17px;
    line-height: 28px;
  }

  .blog-page-left {
    padding-left: 0;
  }

  .editors-wrapper.grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }

  .pagination {
    margin-top: 6rem;
    margin-bottom: 5rem;
  }

  /* Blog Single	 */

  .blog-single-content {
    padding-left: 0;
  }

  /* Footer	*/

  .footer-top-about {
    padding-left: 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-left: 0;
  }

  .navbar-nav.navbar-mobile.mr-0 {
    margin-top: 5rem;
  }

  .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
    margin-right: 10px;
    margin-left: 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-left: 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-right: 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-left: 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-left: 0;
    text-align: center;
  }

  .hero-single .hero-content p {
    padding-left: 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-left: 0;
  }

  .hero-diamond-ui {
    display: none;
  }

  .hdr-pl {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
  }

  .hero-wpr {
    margin-right: 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-right: 0;
  }

  .hero-shapes img.love-brick {
    display: none;
  }

  /*	Home 2*/

  .hero-title-2 {
    font-size: 64px;
    line-height: 80px;
  }

  .hero-p-btn {
    margin-right: 0;
    padding-right: 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-right: 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-left: 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-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
  }

  .container-left {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: 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-right: 0;
  }

  .team-single-up-right {
    padding-right: 0;
    padding-top: 3rem;
  }

  /* Service Single	*/

  .service-single-wpr {
    padding-right: 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-left: 0;
  }

  /*	 Ben */

  .ben-left {
    grid-template-columns: 1fr 1fr;
  }

  /* Blog	*/

  .blog-page-left {
    padding-left: 0;
  }

  /* Single	*/

  .blog-single-content {
    padding-left: 0;
  }

  .blog-single-ppt {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Pagination	*/

  .pagination {
    margin-bottom: 6rem;
  }

  /* Contact	*/

  .contact-form.pl-60 {
    padding-right: 0;
  }

  .contact-pics {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 6rem;
  }

  /*	Footer*/

  .footer-top-about {
    padding-left: 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-left: 0;
  }

  .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
    margin-right: 10px;
    margin-left: 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-left: 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-left: 0;
  }

  .hero-single .hero-content p {
    padding-left: 0;
  }

  .hero-single .hero-content {
    padding-left: 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-left: 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-right: 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-left: 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-left: 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-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
  }

  .container-left {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: 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-right: 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;
    left: inherit;
    z-index: 0;
    bottom: 0;
  }

  .about-list-2 {
    gap: 2rem;
    flex-direction: column;
  }

  .about-2-1 {
    width: 100%;
  }

  .about-ttt {
    padding-left: 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;
    left: 0;
    z-index: 1;
  }

  .about-left-pic-3 img {
    width: 100%;
  }

  .about-right {
    padding-left: 0;
    text-align: center;
  }

  .about-btn-content {
    flex-direction: column-reverse;
  }

  .about-right-sat {
    padding-right: 0;
    text-align: center;
  }

  .about-list-opt {
    border-left: none;
    align-items: center;
  }

  .section-about-us {
    justify-content: center;
  }

  /* Gallery	*/

  .gallery-title h2 {
    font-size: 36px;
    margin-bottom: 0;
  }

  .gallery-title {
    padding-right: 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-right: 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-right: 0;
  }

  /* Why Choose us*/

  .why-intsight {
    width: 100%;
  }

  /* Counter	*/

  /* Work	*/

  /* Step	*/

  /* Price Table	*/

  .price-tabs-content {
    padding-left: 0;
  }

  /* Team	*/

  /* Team Single	*/

  .team-single-up-right {
    padding-right: 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-left: 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-left: 0;
    font-size: 14px;
    line-height: 26px;
  }

  .blog-page-left {
    padding-left: 0;
  }

  .blog-style-3 .blog-desc {
    margin: 0 0 30px 0;
  }

  .blog-single-content {
    padding-left: 0;
  }

  .pagination {
    margin-bottom: 50px;
  }

  .editors-pick .featured-pick .featured-card {
    margin-top: 0;
    text-align: center;
  }

  .editors-pick .pick-list .section-desc {
    padding-left: 0;
  }

  .pick-list {
    padding-left: 0;
  }

  .editors-pick .pick-list .pick-items li .pick-title {
    padding-left: 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-right: 0;
  }

  .blog-single-cm .blog-single-over-bio {
    flex-direction: column;
  }

  .blog-single-over-bio {
    padding-right: 20px;
  }

  /*	Footer*/

  .footer-top-about {
    padding-left: 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) {
}