/* Styles for screens up to 1199px */
@media (max-width: 1199px) {
	.navbar {
		padding: 18px 20px;
	}
	.topbar .container-fluid {
		padding: 0 30px;
	}
}

/* Styles for screens up to 991px */
@media (max-width: 991px) {
	.navbar {
		border-bottom: 1px solid #f9f9f9;
	}
	.navbar .navbar-nav .dropdown-toggle:after {
		right: -10px;
		top: 50%;
		-webkit-transform-origin: 66% 66%;
		-ms-transform-origin: 66% 66%;
		transform-origin: 66% 66%;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.navbar-icons .nav-link {
		margin-left: 15px;
	}	
	.navbar-transparent.navbar .icon-bar {
		background: #ffffff;
	}
	.navbar-transparent.navbar.navbar-light .navbar-toggler {
		border: none;
	}
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.navbar {
		padding: 8px 10px;
	}
	.navbar .navbar-collapse {
		background: var(--bs-light);
		padding: 0 10px;
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 999;
		max-height: 100vh;
	}
	.navbar .navbar-nav {
		padding: 20px 0;
	}
	.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
		color: var(--bs-dark);
	}
	.navbar .navbar-nav .dropdown-menu li .dropdown-item {
		color: var(--bs-dark);
	}
	.navbar .navbar-collapse .navbar-icons .icon {
		color: var(--bs-dark);
	}
	.navbar-toggler {
		border: none;
		order: 5;
		position: inherit !important;
	}
	.navbar .navbar-nav .nav-item {
		margin-bottom: 10px;
	}
	.navbar-nav .nav-item .dropdown-menu {
		background: transparent;
		border: none;
	}
	.navbar-nav .dropdown-menu {
		padding-left: 15px;
	}
	.navbar-collapse {
		max-height: calc(100vh - 66px);
	}
}

/* Styles for screens up to 767px */
@media (max-width: 767px) {
	.header-top,
	.navbar-icons .social-link {
		display: none;
	}
	.footer {
		padding-top: 30px;
	}
	.footer .block-title {
		margin-bottom: .7rem;
	}
	.footer .footer-widget-section {
		margin-bottom: 1.5rem;
	}
	.footer .footer-widget-section:last-child {
		margin-bottom: 0;
	}	
	.layout--hs-section.hs-section {
		margin-top: 0;
		margin-bottom: 0;
	}
	.layout--hs-section.hs-custom-bg {
		border-radius: 0;
	}	
	.layout--hs-section.hs-padding-top, 
	.layout--hs-section .hs-layout-region.hs-padding-top {
		padding-top: 3rem;
	}
	.layout--hs-section.hs-padding-bottom ,
	.layout--hs-section .hs-layout-region.hs-padding-bottom {
		padding-bottom: 3rem;
	}	
	.hs-section .col.hs-layout-region {
		width: 100%;
	}	
	.hs-section .hs-row .hs-layout-region {
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
		margin: 0 auto;
	}
	.layout--hs-section .hs-block {
		margin: 0;
		margin-bottom: 1.5rem;
		animation: none;
		border: none;
		border-width: 0;
	}	
	.hs-block.hs-inline-block {
		display: block;
	}
/*	
	.hs-block .justify-content-end {
		justify-content: flex-start!important;
	}
	*/
	.hs-slider-block .slide-content-wrap .slide-content {
		padding: 60px 0 !important;
	}
	.hs-slider-block .slide-content .top-title {
		margin-bottom: 5px;
	}
	.hs-slider-block .slide-content .slide-title {
		margin-bottom: 20px;
	}
	.hs-slider-block .slide-content .slide-link {
		margin-top: 30px;
	}
	
	.portfolio-teaser-5 .portfolio-content {
		right: 30px;
		padding: 10px;
		max-width: 100%;
	}
	.portfolio-teaser-5 .portfolio-link {
		right: 0;
		top: 0;
		bottom: auto;
	}
	.portfolio-teaser .portfolio-link a {
		width: 40px;
		height: 40px;
	}
	.portfolio-teaser .portfolio-link i {
		line-height: 40px;
		font-size: 20px;
	}
}

/* Styles for screens from 577px to 767px */
@media (min-width: 577px) and (max-width: 767px) {
	.layout--hs-section.hs-custom-bg {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
	.hs-block.hs-custom-bg	{
		padding: 2rem;
	}	
	.hs-hidden-tablet {
		display: none !important;
	}
}

/* Styles for screens up to 576px */
@media (max-width: 576px) {
	.navbar-toggler {
		padding: 0;
	}
	.page-title-bg {
		padding: 250px 0 150px;
	}
	.layout--hs-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.layout--hs-section.hs-padding-top, 
	.layout--hs-section .hs-layout-region.hs-padding-top {
		padding-top: 2.5rem;
	}
	.layout--hs-section.hs-padding-bottom ,
	.layout--hs-section .hs-layout-region.hs-padding-bottom {
		padding-bottom: 2.5rem;
	}
	.layout--hs-section.hs-padding-bottom .hs-layout-region:last-child .hs-block:last-child,
	.layout--hs-section.hs-padding-bottom .hs-layout-region:last-child .region-content .hs-block:last-child {
		margin-bottom: 0;
	}

	.hs-block.hs-custom-bg	{
		padding: 1.5rem;
	}
	.hs-block.hs-inline-block {
		display: block;
	}
/*	
	.hs-block .justify-content-end {
		justify-content: flex-start!important;
	}
	*/
	.hs-hidden-mobile {
		display: none !important;
	}
	
	.hs-image-box-block.image-background .box-content {
		max-width: 60%;
	}
	
	.portfolio-teaser-5 .portfolio-content {
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 20px;
	}
	.portfolio-teaser-5 .portfolio-title {
		font-size: 1.2rem;
	}	
}

/* Styles for screens from 577px and larger */
@media (min-width: 577px) {
	/* Tablet-specific styles, if needed */
}

/* Styles for screens from 768px and larger */
@media (min-width: 768px) {
	.navbar .navbar-nav .nav-item .nav-link {
		font-size: 15px;
		font-weight: 500;
	}	
	/*  Navbar default border  */
	.navbar-default-border {
		border-bottom: 1px solid #e5e5e5;
	}
	/*  Navbar Transparent  */
	.header-transparent {
		position: absolute;
		width: 100%;
		z-index: 10;
		border-bottom: 1px solid rgba(229, 229, 229, 0.1);
	}
	.navbar.text-light .navbar-nav .nav-item .nav-link,
	.navbar.text-light .navbar-icons .nav-link {
		color: #ffffff;
	}
	/*
	.navbar.text-light .navbar-icons .nav-link:hover {
		color: #ffcc00;
	}
	*/
	.navbar.text-light .navbar-nav .dropdown-toggle:after {
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
	}
	/*	Navbar blur	*/
	.header-blur {
		position: absolute;
		width: 100%;
		z-index: 10;
		background-color: rgba(229, 229, 229, 0.2);
		border-bottom: 1px solid rgba(229, 229, 229, 0.1);
	}
	/*	Navbar text dark  */
	.navbar.navbar-text-dark .navbar-nav .nav-item .nav-link {
		color: var(--bs-dark);
	}
	.navbar.navbar-text-dark .navbar-icons .icon {
		color: var(--bs-dark);
	}
	.navbar.navbar-text-dark .navbar-icons .icon:hover {
		color: #ffcc00;
	}
	/*	Navbar dark	*/
	.navbar.navbar-dark {
		background: #000000;
	}
	.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
		color: #ffffff;
	}
	.navbar.navbar-dark .navbar-icons .icon {
		color: #ffffff;
	}
	.navbar.navbar-dark .navbar-icons .icon:hover {
		color: #ffcc00;
	}
	/*	Navbar fixed	*/
	.navbar.fixed-navbar {
		transition: all 0.5s ease;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #ffffff;
		box-shadow: 0 8px 24px rgba(1, 5, 33, 0.1);
		z-index: 999;
		animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
	}
	@keyframes stickySlideDown {
		0% {
		opacity: 0.8;
		transform: translateY(-100%); }
		100% {
		opacity: 1;
		transform: translateY(0); }
	}
	.navbar.navbar-transparent.fixed-navbar {
		background: var(--bs-dark);
	}
	.navbar.navbar-text-dark.fixed-navbar {
		background: #ffffff;
	}
	.navbar.navbar-dark.fixed-navbar {
		background: var(--bs-dark);
	}
	.navbar-left .navbar-nav {
		display: block;
	}
	.navbar-left.navbar-expand-lg {
		display: block;
	}
	
	.boxed-layout,
	.framed-layout {
		width: 100%;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	}
	.framed-width {
		padding-left: 40px;
		padding-right: 40px;
	}
	.framed-width.hs-container {
		padding-left: 40px;
		padding-right: 40px;
	}
	.framed-width.hs-container .hs-row {
		margin-left: 0;
		margin-right: 0;
	}
	.sticky-header .sticky {
		position: fixed;
		z-index: 99;
		width: 100%;
		left: 0;
		top: 0;
	}
	.sticky-header .navbar-header.sticky {
		background-color: #ffffff;
		box-shadow: 0 2px 10px rgba(4,4,4,0.1);
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.hs-title-block .title-wrap {
		width: 100%;
		max-width: 560px;
	}
	.hs-slider-block .slide-content,
	.hs-slider-block .slide-content.float-center {
		max-width: 80%;
	}
	.hs-slider-block .slick-arrow {
		width: 54px;
		height: 54px;
		top: calc(50% - 54px);
	}
	.hs-slider-block .slick-prev {
		left: 40px;
	}
	.hs-slider-block .slick-next {
		right: 40px;
	}
	
	.hs-hidden-desktop {
		display: none !important;
	}
	
	.auth-user-form {
		max-width: 50%;
	}
}

/* Styles for screens from 768px to 991px */
@media (min-width: 768px) and (max-width: 991px) {
	/* Tablet-specific styles, if needed */
}

/* Styles for screens 992px and larger  */
@media (min-width: 992px) {	
	.navbar .navbar-nav .dropdown .dropdown-menu {
		display: block;
		visibility: hidden;
		opacity: 0;
		transform: translateY(20px);
		transition: all .3s ease-in;
	}
	.navbar .navbar-nav .dropdown:hover > .dropdown-menu {
		visibility: visible;
		opacity: 1;
		transform: scaleY(1);
		opacity: 1;
		visibility: visible;
	}
	.navbar .navbar-nav .dropdown-submenu:hover .dropdown-menu {
		visibility: visible;
		opacity: 1;
		transform: scaleY(1);
		opacity: 1;
		visibility: visible;
	}
	.navbar .navbar-nav .dropdown-menu {
		z-index: 1000;
		display: none;
		left: 0;
		min-width: 14rem;
		padding: 20px 30px;
		margin-top: 20px;
		background-color: #ffffff;
		background-clip: padding-box;
		border: 0;
		border-radius: 2px;
		box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
	}
	.navbar .navbar-nav .dropdown-submenu .dropdown-menu {
		top: 0px;
		left: 100%;
		margin-left: 13px;
		margin-right: .1rem;
	}
	.navbar .navbar-nav .dropdown-menu .dropdown-menu {
		margin-top: 0;
	}
	
	.header-layout-2 {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 1;
		padding-top: 25px;
	}
	.header-layout-2 .header-top {
		border: none;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.header-layout-2 .navbar-header {
		padding: 0;
	}
	.header-layout-2 .navbar-header .container {
		padding: 15px 30px;
		background-color: var(--color-navbar-bg);
		border-radius: 4px;
	}

	.boxed-layout {
		max-width: 960px;
	}
	
	.hs-pricing-table-block {
		padding: 40px;
	}
	.hs-slider-block .slide-content {
		max-width: 50%;
	}
	.hs-slider-block .slide-content.float-center {
		max-width: 60%;
	}	
}

/* Styles for screens from 992px to 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
	/* Desktop-specific styles, if needed */
}

/* Styles for screens 1200px and larger */
@media (min-width: 1200px) {
	h1, .h1 {
		font-size: 48px;
	}
	h2,	.h2 {
		font-size: 40px;
	}
	h3,	.h3 {
		font-size: 28px;
	}
	h4,	.h4 {
		font-size: 24px;
	}
	h5,	.h5 {
		font-size: 20px;
	}
	h6,	.h6 {
		font-size: 18px;
	}	
	.text-sm {
		font-size: 2.5rem;
	}
	.text-md {
		font-size: 3rem;
		line-height: 1.1;
	}
	.text-lg {
		font-size: 3.5rem;
		line-height: 1.1;
	}
	.text-xl {
		font-size: 4rem;
		line-height: 1.1;
	}
	.text-xx {
		font-size: 4.5rem;
		line-height: 1;
	}
	.boxed-layout {
		max-width: 1140px;
	}		
	.title-secondary {
		margin-bottom: 15px;
	}	
	.hs-slider-block .slide-content .slide-title {
		font-size: 3.2rem;
		line-height: 1.2;
	}
	.team-teaser .team-position {
		font-size: 0.9vw;
	}	
	.pricing-title {
		font-size: 20px;
	}
	.pricing-price {
		font-size: 34px;
	}	
}

/* Styles for screens 1400px and larger */
@media (min-width: 1400px) {
	.boxed-layout {
		max-width: 1320px;
	}
}