/*================================ 
    #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 15vh;
	}
	
	.hero-text-1 h2 {
		font-size: 100px;
	}
	
	.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;
	}
	
	/* About	*/
	

	
	
}

@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 {
		padding-top: 12rem;
        height: auto;
        padding-bottom: 0px;
	}
	
	.hero-text-pic {
		gap: 50px;
		flex-direction: column;
	}
	
	.hero-text-3 {
		margin-top: 5rem;
	}
	
	.hero-text-3 h2 {
		margin-bottom: 0;
		font-size: 70px;
	}
	
	.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 10vh 0;
	}
	
	.btn-ext {
		padding: 15px 26px;
	}
	
	.hero-p-btn {
		margin-left: 90px;
	}
	
	/* Hero 3	*/
	
	.hero-title-3 {
		font-size: 70px;
		line-height: 85px;
	}
	
	/*	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;
	}
	
	
	/* Feature	*/
	
	/* About */
	
	.box-shape {
		width: 200px;
	}
	
	/* Faq	*/
	
	.faq-robo {
		width: 120px;
		bottom: 40px;
		right: 20px;
	}
	
	/* Gallery	*/
	
	.gallery-vl {
		padding-right: 0;
	}
	
	/* Gallery Single	*/
	
	.project-th {
		padding-left: 0;
	} 
	
}


/* 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;
	}

	.search-cart.nav-profile {
		width: 225px;
	}
	
	/*	Hero*/
	
	.hero-text-pic {
		flex-direction: column;
	}
	
	.hero-single .hero-text-3 h2 {
        font-size: 70px;
    }
	
	.hero-text-3 {
		grid-template-columns: 1fr 200px 1fr;
		margin-top: 40px;
	}
	
	/*	Hero 2*/
	
	.hero-single-2 {
		padding-top: 150px;
		height: auto;
		padding-bottom: 60px;
	}
	
	.hero-single-2 .hero-content-2 p {
		padding-right: 13%;
	}
	
	.btn-ext {
		display: none;
	}
	
	.hero-title {
		font-size: 4rem;
		line-height: 1.1em;
	}
	
	.top-box.mr-30 {
		margin-right: 1.5rem;
	}
	
	/*	Hero 3*/
	
	.hero-title-3 {
		font-size: 60px;
		line-height: 70px;
	}
	
	.hero-sldr.hero-style-3 .swiper-button-prev, .hero-sldr.hero-style-3 .swiper-rtl .swiper-button-next {
		right: 30px;
	}
	
	.hero-sldr.hero-style-3 .swiper-button-next, .hero-sldr.hero-style-3 .swiper-rtl .swiper-button-prev {
		right: 30px;
	}
	
	.home-3-top-shape {
		display: none;
	}
	
	/*	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;
	}
	
	.sec-heading-2 {
		font-size: 70px;
	}
	
	.heading-4 {
		font-size: 18px;
	}

	/* About	*/
	
	.about-2-1 {
		display: none;
	}
	
	.about-opt-exp {
		bottom: -130px;
	}
	
	/* Service	*/
	
	.service-box-2 .service-desc-2 h5 {
		font-size: 18px;
	}
	
	/* Counter	*/
	
	span.medium {
		font-size: 13px;
	}
	
	/*	Why*/
	
	.why-left-2 {
		padding-right: 0;
	}
	
	/* Faq	*/
	
	.faq-robo {
		width: 137px;
		bottom: 20px;
		right: 20px;
	}
	
	/* Gallery	*/
	
	.gallery-vl {
		padding-right: 0;
	}
	
	/* Gallery Single	*/
	
	.project-th {
		padding-left: 0;
	} 
	
	/* Contact	*/
	
	.contact-fol {
		display: none;
	}
	
	/* Blog	*/
	
	.blog-title {
		font-size: 19px;
	}
	
	.blog-style-3 .blog-desc .blog-title {
		font-size: 24px;
		line-height: 38px;
	}
	
	/* Footer	*/
	
	.footer-part-1-desc h3 {
		font-size: 18px;
	}
	
	.footer-about {
		padding-left: 0;
	} 
	
}

@media only screen and (min-width: 991px) and (max-width: 1200px){
	
	.site-heading {
		font-size: 30px;
		line-height: 42px;
	}
	
	.footer-part-1-desc h3 {
		font-size: 22px;
	}
	
	.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;
	}
	
    /*Hero*/
    
	.wavy-shape {
		height: auto;
	}
	
	.hero-single {
		height: auto;
		padding-bottom: 0rem;
		padding-top: 12rem;
	}
	
	.hero-text-pic {
		gap: 50px;
		flex-direction: column;
		margin-bottom: 50px;
	}
	
	.hero-text-3 {
		grid-template-columns: 1fr 1fr;
	}
	
	.hero-single .hero-content {
		margin-top: 2rem;
	}
	
	.hero-single .hero-content h2 {
		font-size: 50px;
	}
	
	.hero-bg {
		background-position: top right !important;
	}
	
	.hero-shapes img.hero-sprk {
		display: none;
	}
	
	.hero-single .hero-content p {
		padding: 0;
	}
	
	.navbar .nav-item .nav-link {
		margin-right: 2rem;
	}
	
	.hero-title {
		font-size: 4rem;
		line-height: 50px;
	}
	
	.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;
	}
	
	.top-bar-area {
		display: none;
	}
	
	.navbar-bar-shape {
		height: 100%;
		width: 250px;
	}
	
	.hero-sldr .swiper-button-next,
	.hero-sldr .swiper-button-prev {
		display: none;
	}
	
	.navbar-home-bg {
		padding: 0 0;
	}
	
	/*	Hero 2*/
	
	
	.slider-left-text {
		display: none;
	}
	
	.slider-left-content {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.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 5rem 0;
	}
	
	.hero-single-2 .hero-content .hero-title {
		font-size: 60px;
	}
	
	/*	Hero 3*/
	
	.hero-single-3 {
		height: auto;
		margin-top: 0;
		padding-top: 140px;
		padding-bottom: 10rem;
	}
	
	.hero-right-contain .hero-main-3 .navi-2 {
		display: none;
	}
	
	.navbar-home-3 {
		padding: 0 20px;
	}
	
	.navbar-home-3 .search-cart.nav-profile {
		width: 430px;
		gap: 30px;
	}
	
	.menu-phone .menu-phone-tx p {
		font-size: 11px;
	}
	
	.menu-phone .menu-phone-tx span {
		font-size: 12px;
	}
	
	.home-3-top-shape {
		display: none;
	}
	
	.hero-content-3 {
		text-align: center;
		margin-bottom: 4rem;
	}
	
	.hero-single-3 .hero-content-3 p {
		padding-right: 0rem;
	}

	/*	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;
	}
	
	/* Titles	*/
	
	.uni-rw .site-title {
		margin-bottom: 30px;
	}
	
	/* About 	*/
	
	.about-dian {
		width: 50px;
	}
	
	.about-item .about-item-inner {
		display: none;
	}
	
	.check-list li {
		display: grid;
		align-items: center;
		grid-gap: 1.5rem;
		grid-template-columns: 20px 1fr;
	}
	
	.about-clear-pic {
		padding-left: 0;
	}
	
	.about-opt-exp {
		bottom: -80px;
	}
	
	.about-opt-services .about-opt-item h4 {
		font-size: 17px;
	}
	
	.about-2-1 {
		display: none;
	}
	
	/* Faq	*/
	
	.faq-robo {
		width: 180px;
		bottom: 10px;
		right: 10px;
	}
	
	.faq-accordion.faq-4.pr-70 {
		padding-right: 0;
		margin-bottom: 5rem;
	}
	
	/* Counter	*/
	
	
	/* Price	*/
	
	.price-card .title {
		font-size: 22px;
	}
	
	.price-card .pricing-features li {
		font-size: 15px;
	}
	
	.pricing-wpr.grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.price-ribbon-card {
		position: inherit;
		top: 0;
		margin-bottom: 3rem;
	}
	
	/* Why	 */
	
	.sec-heading-1 {
		font-size: 36px;
	}
	
	span.medium {
		font-size: 11px;
	}
	
	.ai-challenges {
		flex-wrap: wrap;
	}
	
	.why-left-2 {
		padding-right: 0;
	}
	
	/* Service	*/
	
	.service-wpr {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.service-wpr-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* Service Single	*/
	
	.service-single-wpr {
		padding-left: 0;
	} 
	
	
	/* Sub	*/
	
	.pl-100 {
		padding-left: 0rem;
	}
	
	/* Team	*/
	
	.team-wpr-2.grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* Team Single	*/
	
	.team-single-up-right {
		padding-left: 0;
		margin-top: 4rem;
	} 
	
	/* Gallery	*/
	
	.gallery-area .gallery-rw .site-title {
		margin-bottom: 20px;
	}
	
	/* Gallery Single	*/
	
	.project-th {
		padding-left: 0;
	} 
	
	/* Blog	*/
	
	.blog-area .gallery-rw .site-title {
		margin-bottom: 20px;
	}
	
	.blog-btn-pos {
		top: -50px;
		right: 10px;
	}
	
	.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;
	} 
	
	.pagination {
		margin-top: 6rem;
		margin-bottom: 5rem;
	}
	
	/* Blog Single	*/
	
	.blog-single-content {
		padding-right: 0;
	} 
	
	/* Contact	*/
	
	.contact-fol {
	  display: none;
	}
	
	.contact-single-contact {
		padding-right: 30px;
	}
	
	/* Footer	*/
	
	.footer-part-form button {
		width: 288px;
	}
	
	.footer-about {
		padding-left: 0;
	}
	
	.foote-up-ard {
		margin-top: 0;
	}
	
	.row.footer-raw.g-5 {
		align-items: center;
	}
	
	.footer-vidz {
		margin-bottom: 2rem;
	}
	
	.footer-cta h3 {
		font-size: 22px;
	}
	
	.foote-up-ard span {
		font-size: 20px;
	}
	
	.footer-cta {
		text-align: center;
	}
	
}

/* 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;
	}
	
	/*Top Bar*/
	
	.top-area {
		display: none;
	}
	
	/*Hero*/
	
	.mt-160 {
		margin-top: 0;
	}
	
	.hero-single {
		height: auto;
		padding-top: 150px;
		padding-bottom: 0rem;
		overflow: hidden;
	}
	
	.hero-ui-1-1 {
		left: 0;
	}
	
	.hdr-pl {
		display: flex;
		align-items: center;
		gap: 15px;
		justify-content: center;
	}
	
	.hero-wpr {
		margin-left: 0;
		width: 100%;
	}
	
	.hero-content-text p {
		padding-right: 0;
	}
	
	.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-2 .hero-content-2 p {
		padding-right: 5%;
	}
	
	.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-single-3 {
		padding-top: 8rem;
        padding-bottom: 50px;
        height: auto;
	}
	
	.hero-single-3 .hero-content-3 p {
		padding-right: 0;
	}
	
	.hero-btns {
		margin-bottom: 3rem;
	}
	
	.hero-content-3 {
		text-align: center;
	}
	
	.hero-content-3 .hero-btn-content-3 {
		flex-direction: column;
	}
	
	
	
	.home-3-top-shape {
		display: none;
	}
	
	
	/*	Breadcrumb*/
	
	.site-breadcrumb-wpr {
		margin-top: 10.5rem;
	}
	
	.site-breadcrumb {
		margin-top: 0;
		overflow: hidden;
	}
	
	/*	Button*/
	
	.btn-md {
		padding: 2rem 4rem;
	}
	
	/*	Site Title*/
	
	.site-title.mb-0 {
		padding-right: 20rem;
	}
	
	.site-title h2 {
		font-size: 36px;
		line-height: 48px;
	}
	
	.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;
	}
	
	/* About */
	
	.about-right {
		margin-top: 31rem;
	}
	
	.about-item .about-item-inner {
		display: none;
	}
	
	.about-item {
		padding: 150px 0;
	}
	
	.about-right-2 {
		display: contents;
	}
	
	.about-dian {
		width: 70px;
	}
	
	/* CTA	*/
	
	.cta-left {
		padding: 50vh 0;
	}
	
	/* Feature	*/
	
	.feature-steps .step.step-forward {
		margin-left: 0;
	}
	
	/* Faq	*/
	
	.faq-robo {
	 display: none;
	}
	
	/* Why	*/
	
	.why-right-2 {
		padding: 70vh 0;
	} 
	
	.why-left {
		padding-left: 0;
	} 
	
	.why-1 {
		display: none;
	}
	
	/* Service	*/
	
	.service-pic {
		display: none;
	}
	
	.service-box-contents {
		grid-template-columns: 1fr;
	}
	
	/* Service Single	*/
	
	.service-single-wpr {
		padding-left: 0;
	}
	
	/* Project Single	*/
	
	.project-th {
		padding-left: 0;
	}
	
	.project-btm-right {
		text-align: center;
	}
	
	/* Team Single	*/
	
	.team-single-up-right {
		padding-left: 0;
		margin-top: 3rem;
	}
	
	/* Blog	*/
	
	.blog-title {
		font-size: 20px;
		line-height: 34px;
	}
	
	.blog-page-left {
		padding-right: 0;
	}  
	
	.blog-box .blog-desc .blog-title {
		font-size: 18px;
	}
	
	/* Single	*/
	
	.blog-single-content {
		padding-right: 0;
	} 
	
	.blog-single-ppt {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* Pagination	*/
	
	.pagination {
		margin-bottom: 6rem;
	}
	
	/* Product	*/
	
	.product-rev-wrapper .nav-pills .nav-link {
		font-size: 14px;
	}
	
	/* Contact	*/
	
	.contact-fol {
		display: none;
	}
	
	.contact-single-jpg img {
		width: 100%;
	}
	
	.contact-single-contact {
		padding-bottom: 3rem;
		padding-top: 60px;
	}
	
	/* Footer	*/
	
	.footer-cta-wpr img {
		width: 100%;
	}
	
	.footer-about {
		padding-left: 0;
		text-align: center;
	} 
	
	.footer-social.justify-content-end {
		justify-content: center!important;
	}
	
	.footer-copyright.footer-wpr-bt {
		text-align: center;
	}
	
	.footer-list-wpr {
		text-align: center;
	}
	
	.footer-call-me .heading-5 {
		padding-left: 0;
	}
	
	.footer-call-me .heading-5::before {
		display: none;
	}
	
}

/* 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;
	}
	
	.gallery-rw .site-title {
		margin-bottom: 2rem;
	}
	
	.site-title h2 {
		font-size: 2.6rem;
		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;
	}
	
	.navbar-container {
		grid-template-columns: 1fr;
		align-items: center;
		padding: 0 0;
	}
	
	.navbar-extra-logo {
		display: none;
	}
	
	.navbar-bar-shape {
		display: none;
	}
	
	
	/*  Defferent Logo*/
	
	.navbar .navbar-brand .logo-display {
		display: none;
	}
	
	.navbar .navbar-brand .logo-scrolled {
		display: block;
		width: 130px;
	}
	
	.navbar-home-1 {
		padding: 0;
	}
	
	/*	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-title {
		font-weight: 700;
		font-size: 36px;
		line-height: 1.1;
		font-family: var(--font-1);
	}
	
	.hero-content-text p {
		padding-right: 0;
	}
	
	.hero-ui-1-2 {
		display: none;
	}
	
	.hero-ui-1-1 {
		display: none;
	}
	
	.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;
	}
	
	
	.title-split-text.title-split-2 {
		padding-left: 0;
	}
	
	.title-split-text.title-split-3 {
		padding-left: 0;
	}
	
	.hero-stats-card {
		margin-top: 30px;
		grid-template-columns: 1fr;
	}
	
    /* Hero 2*/
	
	.mt-160 {
		margin-top: 0;
	}

	.hero-man-element {
		display: none;
	}
	
	.hero-sub-2 {
		justify-content: center;
	}
	
	.hero-content-2 h2 {
		font-size: 36px;
	}
	
	.hero-single-2 .hero-content-2 p {
		padding-right: 0;
	}
	
	.hero-single-2 {
		height: auto;
		padding-top: 12rem;
		padding-bottom: 3rem;
	}
	
	.hero-single-2 .hero-content .hero-title {
		font-size: 32px;
	}
	
	.hero-single-2 .hero-content .hero-sub-title {
    	font-size: 13px;
    }
	
	.btn-ext {
		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;
	}
	
	/* Hero 3 */
	
	.header-3 .bsnav-transparent {
		background: var(--clr-white);
	}
	
	.hero-hd-pos {
		top: 0;
		margin-bottom: 0;
	}
	
	.hero-single-3 {
		padding: 50px 0 80px 0;
		height: auto;
	}
	
	.hero-single-3 .hero-content-3 h2 {
		font-size: 34px;
	}
	
	.hero-single-3 .hero-content-3 p {
		padding-right: 0;
	}
	
	.hero-right-contain .hero-main-3 .navi-2 {
		display: none;
	}
	
	.hero-title-3 {
		font-size: 36px;
		line-height: 48px;
	}
	
	.hero-content-3 {
		padding-left: 0;
		padding-bottom: 30px;
		text-align: center;
	}
	
	.header-3-tr .bsnav-transparent {
		background: var(--clr-white);
	}
	
	.hero-right-contain .hero-main-3 .line-2 {
		display: none;
	}
	
	.hero-btm-box {
		text-align: center;
	}
	
	.hero-btm {
		margin-bottom: 0;
	} 
	
/*
	.hero-single.hero-2-bg {
		background-size: 0vw auto;
	}
*/
	.header-hero-top {
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.hero-2-shapes .hero-dag {
		display: none;
	}
	
	/* Topbar	*/
	
	.top-box {
		display: none;
	}
	
	.top-bar-area {
		display: none;
	}
	
	.top-header-menu {
		padding-left: 0;
	}
	
	/* 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: 32px;
	}
	
	.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%;
	}
	
	.content-title {
		font-size: 20px;
	}
	
	.service-wpr-2 .title-mid .sec-heading-1 {
        font-size: 32px;
	}
	
	/* Feature */

	
	/* Partner	*/
	
	
	
	/*	About */
	
	.about-2-1 {
		display: none;
	}
	
	.about-opt-exp {
		display: none;
	}
	
	.about-item .about-item-inner {
		display: none;
	}
	
	.about-opt-services {
		flex-direction: column;
	}
	
	.check-list li {
		display: grid;
		grid-gap: 1.5rem;
		grid-template-columns: 20px 1fr;
	}
	
	.about-clear-pic {
		padding-left: 0;
	}
	
	/* Service	*/
	
	.service-vl {
		margin-top: 2rem;
	}
	
	.service-box-contents {
		grid-template-columns: 1fr;
	}
	
	.service-pic {
		display: none;
	}
	
	/* Service Single	*/
	
	.service-single-wpr {
		padding-left: 0;
	}
	
	/* Why	*/
	
	.why-left {
		padding-right: 0;
	} 
	
	.why-man {
		display: none;
	}	
	
	.why-man-arrow {
		display: none;
	}
	
	.why-area {
		padding-bottom: 15rem;
	}

	.why-opt-feature-card {
		padding: 4rem 1rem;
	}
	
	.why-opt-copy h4 {
		font-size: 20px;
	}
	
	.why-right-2 {
		padding-left: 0;
	}
	
	.ai-challenges {
		flex-direction: column;
	}
	
	.cta-btn-block {
		flex-direction: column;
	}
	
	.cta-btn-block a {
		margin-bottom: 2rem;
	}
	
	.cta-btn-block a:last-child {
		margin-bottom: 0;
	}
	
	/* Price	*/
	
	.price-card {
		padding: 5rem 2rem;
	}
	
	.price-card .price .amount {
		font-size: 45px;
	}
	
	.price-ribbon-card {
		position: inherit;
		top: 0;
		margin-bottom: 3rem;
	}
	
	/* Faq	*/
	
	.faq-accordion {
		padding-right: 0;
	}
	
	.feature-steps .step.step-forward {
		margin-left: 0;
	}
	
	.faq-robo {
		display: none;
	}
	
	/* Counter	*/
	
	.counter-opt-images .counter-opt-img-small {
		display: none;
	}
	
	/* Gallery */
	
	.gallery-vl {
		padding-right: 0;
	}
	
	/* Gallery Single	*/
	
	.project-th {
		padding-left: 0;
	} 
	
	
	/* Team Single	*/
	
	.team-single-up-right {
		padding-top: 4rem;
		padding-left: 0;
	} 
	
	/* Review	*/
	
	.rev-single {
		padding: 60px 10px;
	}
	
	/* Products Single	*/
	
	.sh-de-wrapper {
		grid-template-columns: 1fr;
	}
	
	.product-rev-wrapper .nav-item {
		width: 100%;
	}
	
	/* Contact	*/
	
	.contact-fol {
		display: none;
	}
	
	.contact-single-contact.contact-style-2 {
		padding: 6rem 3rem;
	}
	
	.contact-cx {
		padding: 70px 30px 50px 30px;
	}
	
	/* Appointment	*/
	
	.contact-left-up {
		padding: 0 0 0 3rem;
	}
	
	.contact-left-up h2 {
		font-size: 25px;
		line-height: 40px;
	}
	
	.contact-style-1 {
		padding: 30px;
	}
	
	.contact-style-1 h2 {
		font-size: 25px;
		line-height: 40px;
	}
	
	.contact-bxs .contact-bxs-icon i::before {
		rotate: 0deg;
	}
	
	/* Blog	*/
	
	.sec-titles {
		text-align: center;
	}
	
	.blog-box .blog-desc .blog-title {
		padding-right: 0;
		font-size: 16px;
		line-height: 30px;
	}
	
	.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;
	}
	
	
	/* 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-part-1 {
		flex-direction: column;
	}
	
	.footer-part-form {
		flex-direction: column;
	}
	
	.footer-wpr-shape {
		display: none;
	}
	
	.footer-part-1-desc {
		text-align: center;
	}
	
	.footer-cta-wpr img {
		display: none;
	}
	
	.footer-about.pl-60 {
		padding-left: 0;
		padding-top: 0rem;
		text-align: center;
	}
	
	.footer-list-wpr {
		text-align: center;
	}
	
	.footer-copyright {
		text-align: center;
	}
	
	.footer-social.justify-content-end {
		justify-content: center!important;
	}
	
	.footer-call-me .heading-5 {
		padding-left: 0;
	}
	
	.footer-wpr-up.footer-wpr-bb {
		text-align: center;
	}
	
	.footer-call-me .heading-5::before {
		display: none;
	}
	
	#scrtop {
		bottom: 66px;
	}
	
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 350px) and (max-width: 767px) {
	
}

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

}