/* Desktop screen less than 1300px - add padding */
@media (min-width: 992px) and (max-width: 1299px) {
	.container {
		padding-left: 40px;
		padding-right: 40px;
	}
}

/* Big screen :1200px. */
@media (min-width: 1200px) and (max-width: 1441px) {
	.header__content {
		gap: 50px;
	}

	.menu-area ul {
		gap: 30px;
	}

	.menu-area nav ul li a {
		font-size: 14px;
	}
	.SignIn__content {
		padding: 0;
	}
}

/* Normal screen :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.header__content {
		gap: 36px;
		margin-left: -30px;
	}

	.menu-area ul {
		gap: 20px;
	}

	.menu-area nav ul li a {
		font-size: 13px;
	}
	.demo_btn {
		font-size: 13px;
		padding: 10px 16px;
	}

	.header__link a {
		font-size: 13px;
	}
	.hero-area {
		padding-top: 50px;
	}

	img.hero-bg {
		margin-top: -50px;
	}

	h1 {
		font-size: 42px;
	}

	.brand__logo ul {
		gap: 50px;
	}

	.media-area .section__title {
		padding-left: 40px;
	}

	.Feature__block h4 {
		font-size: 20px;
	}

	.Features-area p {
		font-size: 14px;
	}

	.Features-area .row {
		gap: 50px 0;
	}

	.footer__nav {
		padding: 0;
	}
	.hero__content h1 img {
		max-width: 60px;
		margin-left: -6px;
		margin-right: -20px;
		filter: drop-shadow(-2.6px -4px 4px rgba(255, 255, 255, 0.1)) 
		        drop-shadow(2.6px -4px 4px rgba(255, 255, 255, 0.1))
		        drop-shadow(-5.2px -7px 8px rgba(255, 255, 255, 0.07)) 
		        drop-shadow(5.2px -7px 8px rgba(255, 255, 255, 0.07))
		        drop-shadow(-7.8px -10px 12px rgba(255, 255, 255, 0.05))
		        drop-shadow(7.8px -10px 12px rgba(255, 255, 255, 0.05));
	}
	.header-area {
		padding: 6px 0;
	}
	.brand-area {
		padding: 100px 0 50px;
	}
	.Featur__image .right__btm {
		max-width: 80%;
	}

	.Featur__image .right__center {
		width: 90%;
	}

	.Featur__image .btm__center {
		max-width: 480px;
	}
	.news__block picture {
		height: 200px;
	}
	.SignIn__content {
		padding: 0 20px;
	}
}

/* Tablet screen :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	:root {
		--f18: 16px;
		--f20: 16px;
		--f22: 18px;
		--f24: 20px;
		--f28: 22px;
		--f30: 22px;
		--f32: 24px;
		--f36: 26px;
		--f40: 28px;
		--f48: 32px;
	}
	.header__content {
		gap: 36px;
		margin-left: -30px;
	}

	.menu-area ul {
		gap: 20px;
	}

	.menu-area nav ul li a {
		font-size: 13px;
	}
	.demo_btn {
		font-size: 13px;
		padding: 10px 16px;
	}

	.header__link a {
		font-size: 13px;
	}
	.hero-area {
		padding-top: 50px;
	}

	img.hero-bg {
		margin-top: -15px;
	}

	h1 {
		font-size: 32px;
	}

	.brand__logo ul {
		gap: 30px;
		flex-wrap: wrap;
	}

	.brand__logo ul li {
		width: 16%;
	}

	.brand__logo ul li:first-child {
		width: 100%;
		text-align: center;
	}

	.media-area .section__title {
		padding-left: 40px;
		text-align: center;
		max-width: 600px;
		margin: 40px auto;
	}

	i.glob-icon {
		margin-inline: auto;
	}

	.media-area .section__title p {
		margin-inline: auto;
	}

	.Feature__block h4 {
		font-size: 20px;
	}

	.Features-area p {
		font-size: 14px;
	}

	.Features-area .row {
		gap: 50px 0;
	}

	.footer__nav {
		padding: 0;
	}
	.hero__content h1 img {
		max-width: 60px;
		margin-left: -6px;
		margin-right: -20px;
		filter: drop-shadow(-2.6px -4px 4px rgba(255, 255, 255, 0.1)) 
		        drop-shadow(2.6px -4px 4px rgba(255, 255, 255, 0.1))
		        drop-shadow(-5.2px -7px 8px rgba(255, 255, 255, 0.07)) 
		        drop-shadow(5.2px -7px 8px rgba(255, 255, 255, 0.07))
		        drop-shadow(-7.8px -10px 12px rgba(255, 255, 255, 0.05))
		        drop-shadow(7.8px -10px 12px rgba(255, 255, 255, 0.05));
	}
	.header-area {
		padding: 6px 0;
	}
	.brand-area {
		padding: 50px 0 50px;
	}
	.Global-area .row {
		flex-direction: column-reverse;
	}

	.Global__img {
		max-width: 410px;
		margin: auto;
		margin-top: 60px;
	}

	.v2 .Global__img {
		margin-bottom: 30px;
	}

	.Global__content {
		text-align: center;
		max-width: 416px;
		margin: auto;
		margin-bottom: 50px;
	}

	.Global__content i {
		margin-inline: auto;
	}

	.brand__logo p {
		margin: auto;
	}

	.media__img {
		max-width: 400px;
		margin: auto;
	}
	.Features-area {
		padding: 50px 0;
	}

	.Creation-area {
		padding-top: 70px;
	}

	.footer-area {
		padding: 50px 0 30px;
	}
	.footer__content {
		margin-top: 50px;
	}

	a.footer-logo {
		text-align: center;
	}
	.header__link {
		justify-content: space-between;
		padding-right: 27px;
		margin-bottom: 60px;
	}

	.header__link a {
		font-size: 15px;
	}
	.agents__tab__nav ul {
		min-width: 916px;
	}

	.agents__tab__nav {
		width: auto;
		overflow: auto;
	}

	.media__img--v2 {
		max-width: 500px;
		margin-inline: auto;
		margin-bottom: 40px;
	}
	.pt_150 {
		padding-top: 50px;
	}
	.agents__tab__content .Feature__block {
		flex-basis: calc(35% - 32px);
	}
	.Featur__content {
		text-align: center;
	}

	.left-space {
		padding: 0;
	}

	.Featur__content h1 {
		margin-bottom: 16px;
	}

	.Featur__image {
		max-width: 400px;
		margin: auto;
		height: 300px;
		margin-bottom: 40px;
	}
	.Featur__image img {
		max-width: 319px;
	}
	.input__block input {
		height: 48px;
	}

	.input__block {
		margin-bottom: 20px;
	}
	.SignIn__content {
		padding: 0;
	}
}

/* small screen :320px. */
@media (max-width: 767px) {
	:root {
		--f18: 16px;
		--f20: 16px;
		--f22: 18px;
		--f24: 20px;
		--f28: 22px;
		--f30: 22px;
		--f32: 24px;
		--f36: 26px;
		--f40: 28px;
		--f48: 32px;
	}
	.header__link {
		justify-content: space-between;
		padding-right: 27px;
		margin-bottom: 60px;
	}

	.header__link a {
		font-size: 15px;
	}
	.header__content {
		gap: 36px;
		margin-left: -30px;
	}

	.menu-area ul {
		gap: 20px;
	}

	.menu-area nav ul li a {
		font-size: 13px;
	}
	.demo_btn {
		font-size: 13px;
		padding: 10px 16px;
	}

	.header__link a {
		font-size: 13px;
	}
	.hero-area {
		padding-top: 50px;
	}

	img.hero-bg {
		margin-top: 80px;
	}

	h1 {
		font-size: 28px;
	}

	.brand__logo ul {
		gap: 24px 60px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.brand__logo ul li {
		width: 36%;
	}

	.brand__logo ul li:first-child {
		width: 100%;
		text-align: center;
	}

	.media-area .section__title {
		padding-left: 0;
		text-align: center;
		max-width: 600px;
		margin: 40px auto;
	}

	i.glob-icon {
		margin-inline: auto;
	}

	.border-btn {
		padding: 10px 30px 12px;
		font-size: 13px;
	}

	.border-btn img {
		max-width: 15px;
		margin-left: 4px;
	}

	.Feature__block h4 {
		font-size: 16px;
		margin-bottom: 16px;
		max-width: 230px;
		margin-inline: auto;
	}

	.Features-area p {
		font-size: 14px;
	}

	.Features-area .row {
		gap: 30px 0;
	}

	.footer__nav {
		padding: 0;
		flex-direction: column;
		gap: 40px;
		text-align: center;
	}
	.hero__content h1 img {
		max-width: 40px;
		margin-left: -3px;
		margin-right: -8px;
		filter: drop-shadow(-1.95px -3px 3px rgba(255, 255, 255, 0.1)) 
		        drop-shadow(1.95px -3px 3px rgba(255, 255, 255, 0.1))
		        drop-shadow(-3.9px -5.5px 6px rgba(255, 255, 255, 0.07)) 
		        drop-shadow(3.9px -5.5px 6px rgba(255, 255, 255, 0.07))
		        drop-shadow(-5.85px -7.5px 9px rgba(255, 255, 255, 0.05))
		        drop-shadow(5.85px -7.5px 9px rgba(255, 255, 255, 0.05));
	}
	.header-area {
		padding: 6px 0;
	}
	.brand-area {
		padding: 50px 0 50px;
	}
	.Global-area .row {
		flex-direction: column-reverse;
	}

	.Global__img {
		max-width: 410px;
		margin: auto;
		margin-top: 60px;
	}

	.v2 .Global__img {
		margin-bottom: 24px;
	}

	.Global__content {
		text-align: center;
		max-width: 416px;
		margin: auto;
		margin-bottom: 50px;
	}

	.v2 .Global__content {
		margin-bottom: 50px;
	}

	.Global__content i {
		margin-inline: auto;
	}

	.brand__logo p {
		margin: auto;
	}

	.media__img {
		max-width: 340px;
		margin: auto;
	}
	.Features-area {
		padding: 50px 0;
	}

	.Creation-area {
		padding-top: 70px;
	}

	.footer-area {
		padding: 50px 0 30px;
	}
	.footer__content {
		margin-top: 50px;
		text-align: center;
	}

	a.footer-logo {
		text-align: center;
	}
	.hero__btn {
		flex-direction: column;
		gap: 10px;
		margin-top: 30px;
	}
	.Feature__block {
		max-width: 300px;
		margin: auto;
		text-align: center;
	}

	.section__title h1 {
		font-size: 24px;
	}

.team__blk {
    padding: 20px;
    max-width: 300px;
    margin-inline: auto;
}

.team__blk h1 {
    font-size: 24px;
}

	.footer__bottom {
		flex-direction: column-reverse;
		align-items: center;
		gap: 14px;
	}

	.footer__nav a {
		margin-bottom: 10px;
	}

	.Creation__img {
		margin-bottom: -60px;
	}
	.agents__tab__nav ul {
		min-width: 755px;
	}

	.agents__tab__nav {
		width: auto;
		overflow: auto;
		padding: 6px;
	}

	.media__img--v2 {
		max-width: 500px;
		margin-inline: auto;
		margin-bottom: 40px;
	}
	.pt_150 {
		padding-top: 50px;
	}
	.agents__tab__content .Feature__block {
		flex-basis: 100%;
	}

	.Feature__block i {
		margin-inline: auto;
	}
	.agents__tab__nav ul button {
		font-size: 12px;
	}

	.pt_100 {
		padding-top: 60px;
	}

	.pb_100 {
		padding-bottom: 60px;
	}
	.Featur__content {
		text-align: center;
	}

	.left-space {
		padding: 0;
	}

	.Featur__content h1 {
		margin-bottom: 16px;
	}

	.Featur__image {
		max-width: 300px;
		margin: auto;
		height: 260px;
		margin-bottom: 40px;
	}
	.Featur__image img {
		max-width: 274px;
	}
	.input__block input {
		height: 48px;
	}

	.SignIn__form .input__block input {
		height: 41px;
		font-size: 14px;
	}

	.input__block {
		margin-bottom: 20px;
	}

	.contact__content {
		margin-bottom: 40px;
	}
	.news__nav ul a {
		font-size: 12px;
		height: 40px;
		padding: 0 16px;
	}

	.news__nav ul {
		gap: 10px;
	}
	.news__block {
		max-width: 320px;
		margin-inline: auto;
	}

	.news__block picture {
		height: 220px;
	}
	.news__bottom ul i {
		width: 8px;
		height: 8px;
	}

	.news__bottom ul {
		gap: 10px;
	}

	.news__bottom > a {
		width: 36px;
		height: 36px;
	}

	.news__bottom {
		gap: 20px;
	}
	.Article__content h2 {
		font-size: 24px;
	}

	.Article__image {
		display: flex;
		flex-direction: column;
	}

	.Article__image-3 {
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
	}

	.Article__image-4 {
		grid-row-start: auto;
	}

	.Article__image-5 {
		grid-row-start: auto;
	}
	.SignIn__content {
		padding: 0;
		width: 100%;
	}
	.SignIn__image {
		display: none;
	}
}

/* Large Mobile screen :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 450px;
	}
}

@media only screen and (max-width: 768px) {
	.aos-animate {
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;

		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;

		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}

/* Sign In Page Responsive Styles */
@media (max-width: 1199px) {
	.sign-in-form-section {
		padding: 40px 40px;
	}
	
	.cor-logo {
		max-width: 180px;
	}
	
	.logo-orb {
		width: 55px;
		height: 55px;
	}
	
	.welcome-text {
		font-size: 22px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sign-in-page {
		flex-direction: column;
	}
	
	.sign-in-form-section {
		width: 100%;
		height: auto;
		min-height: 70vh;
		padding: 30px 40px;
	}
	
	.sign-in-background {
		width: 100%;
		height: 30vh;
		min-height: 250px;
	}
	
	.cor-logo {
		max-width: 160px;
	}
	
	.logo-orb {
		width: 50px;
		height: 50px;
	}
	
	.welcome-text {
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	.sign-in-back-btn {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.sign-in-form-section {
		padding: 30px 20px;
		width: 100%;
		height: auto;
		min-height: 70vh;
	}
	
	.sign-in-page {
		flex-direction: column;
	}
	
	.sign-in-background {
		width: 100%;
		height: 25vh;
		min-height: 200px;
	}
	
	.cor-logo {
		max-width: 140px;
	}
	
	.logo-orb {
		width: 45px;
		height: 45px;
	}
	
	.welcome-text {
		font-size: 18px;
		margin-bottom: 25px;
	}
	
	.sign-in-back-btn {
		width: 40px;
		height: 40px;
		font-size: 18px;
		margin-bottom: 25px;
	}
	
	.sign-in-form .form-group {
		margin-bottom: 20px;
	}
	
	.sign-in-form .form-label {
		font-size: 13px;
	}
	
	.sign-in-form .form-input {
		padding: 10px 14px;
		font-size: 14px;
	}
	
	.form-options {
		margin-bottom: 25px;
		font-size: 13px;
	}
	
	.remember-me input[type="checkbox"] {
		width: 16px;
		height: 16px;
	}
	
	.login-btn {
		padding: 12px 20px;
		font-size: 14px;
		margin-bottom: 25px;
	}
	
	.sign-up-link {
		font-size: 13px;
		margin-bottom: 25px;
	}
	
	.social-btn {
		padding: 10px 20px;
		font-size: 13px;
	}
	
	.social-btn img {
		width: 18px;
		height: 18px;
	}
}

@media only screen and (max-width: 480px) {
	.sign-in-form-section {
		padding: 25px 15px;
	}
	
	.sign-in-background {
		height: 20vh;
		min-height: 150px;
	}
	
	.cor-logo {
		max-width: 120px;
	}
	
	.logo-orb {
		width: 40px;
		height: 40px;
	}
	
	.welcome-text {
		font-size: 16px;
	}
	
	.form-options {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}