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

/* Large Device: 1200px. */
	

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	
	.hero-single {
		height: 25vh 0;
	}
	
	.header .main-wrapper .collapse.pr-60 {
		padding-right: 28rem;
	}
	
	.hero-single .hero-content .hero-title {
		font-size: 45px;
		line-height: 6rem;
	}
	
	.hero-2 .hero-sldr .hero-single {
		height: auto;
	}
	
	.hero-section.pos-rel {
		overflow: hidden;
	}
	
	
	/*	Scroll Top*/
	
	#scrtop {
		bottom: 100px;
	}
	
}


/* Large Device: 1200px. */


@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.navbar .dropdown-menu.fade-up {
		left: -110px;
	}
	
	.hero-single {
		height: 25vh 0;
	}
	
	.navbar.bsnav-transparent .navbar-nav .nav-item .nav-link {
		margin-right: 3rem;
	}
	
	.header .main-wrapper .collapse.pr-60 {
		padding-right: 28rem;
	}
	
}

@media only screen and (min-width: 991px) and (max-width: 1200px){
	
	.site-heading {
		font-size: 30px;
		line-height: 42px;
	}
	
	.header .main-wrapper .collapse.pr-60 {
		padding-right: 28rem;
	}
	
	
	.navbar .dropdown-menu.fade-up {
		left: -110px;
	}
	
    /*Hero*/
    
	.hero-single {
		height: 25vh 0;
	}
	
	
	.site-breadcrumb .breadcrumb-menu {
		bottom: -55px;
	}
	
	/*	Scroll Top*/
	
	#scrtop {
		bottom: 100px;
	}

	
}

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.blog-area.pos-rel.sd-mt-100 {
		margin-top: 120px;
	}

	/*	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;
	}
	
	/*NavBar*/
	
	.navbar .navbar-nav .nav-item .nav-link {
		height: inherit;
		line-height: 1.6;
		font-size: 12px;
		text-transform: uppercase;
		margin-right: 0;
	}
	
	.bsnav-mobile .navbar {
		width: 400px;
		transform: translate3d(400px,0,0);
	}
	
	.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);
	}
	
    .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;
	}
	
	/*  Defferent Logo*/
	
	.navbar .navbar-brand .logo-display {
		display: none;
	}
	
	.navbar .navbar-brand .logo-scrolled {
		display: block;
	}
	
	
	.navbar-toggler {
		border: none;
	}

	.navbar-toggler-icon {
		background-size: 0vw auto;
	}
	
	/*	Breadcrumb*/
	
	.site-breadcrumb .breadcrumb-menu {
		bottom: -45px;
	}
	

	/*	Footer*/
	
	.footer-widget-wrapper {
		grid-template-columns: 1fr 1fr;
	}
	
	/*	Copyright*/
	
	.copyright .copyright-content {
		justify-content: center;
		flex-direction: column;
		gap: 2rem;
	}
	
	.copyright p,
	.copyright p a{
		color: var(--clr-white);
		font-weight: 700;
	}
	
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	
	.site-title h2 {
		font-size: 3rem;
		line-height: 1.5;
	}
    
    .site-breadcrumb .breadcrumb-title {
        font-size: 2rem;
    }
	
	.site-breadcrumb .breadcrumb-menu {
		padding: 1.2rem 2rem;
		width: 100%;
	}
	
	/*	Padding*/
	
	.de-padding{
		padding: 5rem 0;
	}

	.de-pt {
		padding-top: 5rem;
	}

	.pt-120 {
		padding-top: 5rem;
	}

	.pt-105 {
		padding-top: 5rem;
	}

	.pt-210 {
		padding-top: 13rem;
	}
	
	.de-pb {
		padding-bottom: 5rem;
	}

	.pb-120 {
		padding-bottom: 5rem;
	}

	.pb-105 {
		padding-bottom: 5rem;
	}
	
	.pb-80 {
		padding-botto: 5rem;
	}
	
	/*	Breadcrumb*/
	
	.main-breadcrumb {
		padding: 0;
		text-align: center;
	}
	
	.site-breadcrumb-title h2 {
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 1rem;
	}
	
	/*NavBar*/
	
	.navbar .navbar-nav .nav-item .nav-link {
		height: inherit;
		line-height: 1.6;
		font-size: 12px;
		text-transform: uppercase;
		margin-right: 0;
	}
	
	.bsnav-mobile .navbar {
		width: 300px;
		transform: translate3d(300px,0,0);
	}
	
	.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-brand {
		width: 35%;
	}
	
	/*  Defferent Logo*/
	
	.navbar .navbar-brand .logo-display {
		display: none;
	}
	
	.navbar .navbar-brand .logo-scrolled {
		display: block;
	}
	
	/*	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 {
		padding: 15vh 0
	}
	
	/*	About*/
	
	.about-left-content p {
		padding-right: 0;
	}
	
	/*	Beadcrumb*/
	
	.site-breadcrumb .breadcrumb-menu {
		bottom: -30px;
		left: 0;
		padding: 2rem 2rem;
		border-radius: 0;
		translate: none;
	}
	
    /*  Footer  */
    
	.footer-widget-wrapper {
		grid-template-columns: 1fr;
	}
	
	.footer-sub {
		width: 100%;
		padding: 0;
		border-radius: 2rem;
		border: none;
		margin: 0 0rem;
	}
	
    .copyright .copyright-content {
		justify-content: center;
		flex-direction: column;
		padding: 3rem;
		gap: 2rem;
		text-align: center;
	}
    
	.copyright::before {
		width: 100%;
		clip-path: none;
	}
	
	.copyright p {
		color: var(--clr-white);
	}
	
	.copyright p a {
		color: var(--clr-white);
	}
	
	.pagination {
		margin-top: 3rem;
	}
	
	.contact-ads form {
		padding: 3rem;
	}
	
	.addr-box {
		padding: 2rem;
	}
	
	/*	BreadCrumb*/
	
	.site-breadcrumb .breadcrumb-menu {
		left: 0;
		bottom: 0;
	}
	
}

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

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

}