
/*================================ 
    #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) {

}

























