/*
====================================
Large Screen - Others
====================================
*/

/* tighten nav links for screens where name + 7 links + logo can be tight */
@media screen and (min-width: 992px) and (max-width: 1399px) {

	.header-item-inner2 ul li a {
	    font-size: 13px;
	    margin: 0 6px;
	}

}

@media screen and (min-width: 1400px) and (max-width: 1520px) {

	.roadmap-carousel:after {
	    width: 100px;
	}

	.roadmap-carousel:before {
	    width: 100px;
	}



}







@media screen and (min-width: 1200px) and (max-width: 1399px) {

	/*=== Header area start ===*/

	.header-item-inner2 ul li a {
	    margin: 0 10px;
	}

	/*=== family area start ===*/

	.family-area {
	    background-size: cover;
	}

	.family-item2-inner5 ul li {
	    font-size: 22px;
	}

	/*=== community area start ===*/

	.community-item2-inner2 {
		padding-left: 0;
		padding-right: 0;
	}

	.community-item2-inner2 ul li a {
	    width: 90px;
	}

	.community-item2-inner2 ul li:nth-of-type(2) a {
		width: 135px;
	}

	.roadmap-carousel:after {
	    width: 82px;
	}

	.roadmap-carousel:before {
	    width: 84px;
	}

	.roadmap-item3-inner3 {
	    width: 350px;
	}

	.roadmap-item3-inner4 {
	    width: calc(100% - 350px);
	}

	.roadmap-item3-inner5 {
	    width: 180px;
	}

	.roadmap-item3-inner5 span {
	    font-size: 22px;
	    line-height: 28px;
	    width: 100px;
	    height: 100px;
	}

	.roadmap-item3-inner6 {
		width: calc(100% - 180px);
	}









}



/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

	/*=== Header area start ===*/

	.header-area {
	    background-size: cover;
	}

	.header-item-inner ul li a {
	    font-size: 13px;
	}

	.header-item-inner ul li a span {
	    margin-right: 16px;
	}

	.header-item-inner2 ul li a {
	    font-size: 13px;
	    margin: 0 8px;
	}

	.header-item-inner3 a {
	    font-size: 13px;
	    padding: 4px 16px;
	}

	.header-item2-inner {
	    margin: 0 auto 200px;
	}

	.header-item2-inner h2 {
	    font-size: 46px;
	    line-height: 46px;
	}

	/*=== fixed-text start ===*/

	.fixed-text {
	    right: 50px;
	    bottom: 120px;
	}

	/*=== family area start ===*/

	.family-area {
	    background-size: cover;
	}

	.family-item2-inner2 p {
	    font-size: 18px;
	}

	.family-item2-inner5 ul li {
	    font-size: 18px;
	}

	/*=== client area start ===*/

	.client-area .container-fluid {
		max-width: 960px;
	}

	.client-item-inner2 {
	    width: 490px;
	    height: 490px;
	}

	.client-item-inner2 ul {
	    width: 310px;
	    height: 310px;
	}

	.client-item-inner2 ul li span {
	    font-size: 14px;
	}

	.client-item-inner2 ul li img {
		max-width: 80px;
	}

	.client-item-inner2 ul li:nth-of-type(2) {
	    top: 100px;
	    left: 70px;
	}

	.client-item-inner2 ul li:nth-of-type(3) {
	    top: 100px;
	    right: 70px;
	}

	.client-item-inner2 ul li:nth-of-type(4) {
	    top: -16px;
	    right: -0px;
	}

	.client-item-inner2 ul li:nth-of-type(5) {
	    top: 50px;
	    right: -20px;
	}

	.client-item-inner2 ul li:nth-of-type(6) {
	    top: 120px;
	    right: -30px;
	}

	.client-item-inner2 ul li:nth-of-type(7) {
	    top: 180px;
	    right: -10px;
	}

	.client-item-inner2 ul li:nth-of-type(8) {
	    top: 220px;
	    right: 25px;
	}

	.client-item-inner2 ul li:nth-of-type(9) {
	    top: 260px;
	    right: 60px;
	}

	.client-item-inner2 ul li:nth-of-type(10) {
	    top: 270px;
	    left: 100px;
	}

	.client-item-inner2 ul li:nth-of-type(11) {
	    top: 260px;
	    left: 30px;
	}

	.client-item-inner2 ul li:nth-of-type(12) {
	    top: 220px;
	    left: -20px;
	}

	.client-item-inner2 ul li:nth-of-type(13) {
	    top: 160px;
	    left: -50px;
	}

	.client-item-inner2 ul li:nth-of-type(14) {
	    top: 84px;
	    left: -50px;
	}

	.client-item-inner2 ul li:nth-of-type(15) {
	    top: 15px;
	    left: -21px;
	}

	.client-item-inner3 ul li:nth-of-type(4) {
	    top: 30px;
	    left: -25px;
	    right: auto;
	}

	.client-item-inner3 ul li:nth-of-type(5) {
	    top: 160px;
	    left: -25px;
	    right: auto;
	}

	.client-item-inner3 ul li:nth-of-type(6) {
		top: auto;
	    bottom: -35px;
	}

	.client-item-inner4 ul li:nth-of-type(1) img {
	    max-width: 120px;
	}

	.client-item-inner4 ul li:nth-of-type(2) {
		left: auto;
		top: 50%;
	    right: -25px;
	}

	.client-item-inner4 ul li:nth-of-type(3) {
	    top: auto;
	    right: 35px;
	    bottom: -20px;
	}

	.client-item-inner4 ul li:nth-of-type(4) {
	    top: auto;
	    right: auto;
	    left: 43px;
	    bottom: -20px;
	}

	.client-item-inner4 ul li:nth-of-type(5) {
	    top: 50%;
	    transform: translateY(-50%);
	    right: auto;
	    left: -35px;
	}

	.client-item2-inner3 {
	    width: calc(100% - 400px);
	    padding-left: 60px;
	}

	.client-item2-inner4 {
	    width: 400px;
	}

	.client-item2-inner5 {
		padding-left: 0;
		padding-right: 0;
	}

	/*=== community area start ===*/

	.community-item2-inner2 ul li a {
	    width: 90px;
	}

	.community-area-inner2 {
	    width: 33.333%;
	}

	/*=== sign in page start ===*/

	.sign-in-item-inner {
	    width: 450px;
	    padding: 47px 40px 64px;
	}

	.sign-in-item-inner3 {
	    margin-left: 150px;
	}

	.sign-in-item-inner3 h2 {
	    font-size: 80px;
	}

	.roadmap-carousel:after {
	    width: 68px;
	}

	.roadmap-carousel:before {
	    width: 70px;
	}

	.roadmap-item3-inner3 {
	    width: 250px;
	}

	.roadmap-item3-inner3 img {
		max-width: 120px;
	}

	.roadmap-item3-inner4 {
	    width: calc(100% - 250px);
	}

	.roadmap-item3-inner5 {
	    width: 150px;
	}

	.roadmap-item3-inner5 span {
	    font-size: 16px;
	    font-weight: 800;
	    line-height: 25px;
	    width: 80px;
	    height: 80px;
	}

	.roadmap-item3-inner6 {
		width: calc(100% - 150px);
	}

	.roadmap-item3-inner30 {
	    padding-top: 100px;
	    margin-top: 155px;
	}

	/*=== community page start ===*/

	.community-item4 {
	    width: 330px;
	}

	.community-item6 {
		width: calc(100% - 330px);
	}









}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.title-lg {
	    font-size: 48px;
	}

	/*=== Header area start ===*/

	.header-area {
	    background-size: cover;
	}

	.header-area-inner2 {
	    padding: 200px 0 86px;
	}

	.header-item2-inner {
	    padding: 100px 35px 90px;
	    margin: 0 auto 150px;
	}

	.header-item2-inner h2 {
	    font-size: 32px;
	    line-height: 32px;
	}

	/*=== fixed-text start ===*/

	.fixed-text {
	    right: 50%;
	    bottom: 39px;
	    transform: translateX(50%);
	}

	/*=== story area start ===*/

	.story-area {
	    padding: 70px 0 120px;
	}

	/*=== family area start ===*/

	.family-area {
	    background-size: cover;
	    padding: 120px 0 38px;
	}

	.family-item {
		padding-left: 160px;
	}

	.owl-carousel .owl-nav button.owl-prev {
	    margin-left: 16px;
	}

	.family-item2-inner5 ul li {
	    font-size: 22px;
	}

	/*=== client area start ===*/

	.client-area {
	    padding: 80px 0 120px;
	}

	.client-area .container-fluid {
		max-width: 720px;
	}

	.client-item {
	    padding-top: 50px;
	    background-size: 500px;
	}

	.client-item h2 {
	    margin-bottom: 80px;
	}

	.client-item-inner2 {
	    width: 365px;
	    height: 365px;
	}

	.client-item-inner2 ul {
	    width: 230px;
	    height: 230px;
	}

	.client-item-inner2 ul li span {
	    font-size: 9px;
	}

	.client-item-inner2 ul li img {
		max-width: 60px;
	}

	.client-item-inner2 ul li:nth-of-type(2) {
	    top: 80px;
	    left: 50px;
	}

	.client-item-inner2 ul li:nth-of-type(3) {
	    top: 80px;
	    right: 50px;
	}

	.client-item-inner2 ul li:nth-of-type(4) {
	    top: 10px;
	    right: 15px;
	}

	.client-item-inner2 ul li:nth-of-type(5) {
	    top: 50px;
	    right: -10px;
	}

	.client-item-inner2 ul li:nth-of-type(6) {
	    top: 100px;
	    right: -10px;
	}

	.client-item-inner2 ul li:nth-of-type(7) {
	    top: 130px;
	    right: 0px;
	}

	.client-item-inner2 ul li:nth-of-type(8) {
	    top: 170px;
	    right: 8px;
	}

	.client-item-inner2 ul li:nth-of-type(9) {
	    top: 200px;
	    right: 40px;
	}

	.client-item-inner2 ul li:nth-of-type(10) {
	    top: 200px;
	    left: 75px;
	}

	.client-item-inner2 ul li:nth-of-type(11) {
	    top: 180px;
	    left: 40px;
	}

	.client-item-inner2 ul li:nth-of-type(12) {
	    top: 160px;
	    left: -15px;
	}

	.client-item-inner2 ul li:nth-of-type(13) {
	    top: 100px;
	    left: -15px;
	}

	.client-item-inner2 ul li:nth-of-type(14) {
	    top: 60px;
	    left: -10px;
	}

	.client-item-inner2 ul li:nth-of-type(15) {
	    top: 15px;
	    left: -0px;
	}

	.client-item-inner3 ul li:nth-of-type(4) {
	    top: 20px;
	    left: -15px;
	    right: auto;
	}

	.client-item-inner3 ul li:nth-of-type(5) {
	    top: 130px;
	    left: -15px;
	    right: auto;
	}

	.client-item-inner3 ul li:nth-of-type(6) {
		top: auto;
	    bottom: -25px;
	}

	.client-item-inner4 ul li:nth-of-type(1) img {
	    max-width: 90px;
	}

	.client-item-inner4 ul li:nth-of-type(2) {
		left: auto;
		top: 50%;
	    right: -25px;
	}

	.client-item-inner4 ul li:nth-of-type(3) {
	    top: auto;
	    right: 25px;
	    bottom: -20px;
	}

	.client-item-inner4 ul li:nth-of-type(4) {
	    top: auto;
	    right: auto;
	    left: 30px;
	    bottom: -20px;
	}

	.client-item-inner4 ul li:nth-of-type(5) {
	    top: 50%;
	    transform: translateY(-50%);
	    right: auto;
	    left: -35px;
	}

	.client-item2 {
		margin-top: 100px;
	}

	.client-item2-inner {
		margin-bottom: 80px;
	}

	.client-item2-inner3 {
	    width: calc(100% - 300px);
	    padding-left: 30px;
	}

	.client-item2-inner4 {
	    width: 300px;
	}

	.client-item2-inner5 {
	    padding-left: 0px;
	    padding-right: 0px;
	    padding-bottom: 50px;
	}

	.client-item2-inner7 {
	    max-width: 70px;
	    margin: 0 auto 12px;
	}

	.client-item2-inner6 a {
	    font-size: 13px;
	}

	.client-item2-inner10 {
	    padding: 12.5px 25px;
	    border-bottom: 1px solid #ADADAD;
	}

	.client-item2-inner9 input {
	    height: 50px;
	}

	.client-item2-inner11 {
	    padding: 13px 39px;
	    text-align: left;
	}

	.client-item2-inner12 {
		display: none;
	}

	/*=== community area start ===*/

	.community-area {
	    padding: 80px 0 50px;
	}

	.community-item h2 {
	    margin-bottom: 40px;
	}

	.community-item form {
	    margin-bottom: 40px;
	}

	.community-area-inner2 {
	    width: 50%;
	}

	/*=== sign in page start ===*/

	.sign-in-item-inner {
	    width: 350px;
	    padding: 47px 25px 64px;
	}

	.sign-in-item-inner h2 {
	    font-size: 32px;
	} 

	.sign-in-item-inner3 {
	    margin-left: 60px;
	}

	.sign-in-item-inner3 h2 {
	    font-size: 70px;
	}

	/*=== periods page start ===*/

	.roadmap-area {
	    padding: 50px 0 100px;
	}

	.roadmap-carousel:after {
	    width: 51px;
	}

	.roadmap-carousel:before {
	    width: 53px;
	}

	.roadmap-item p.text-20 {
		font-size: 16px;
	}

	.roadmap-item2-inner form div {
	    width: 220px;
	    margin-left: 25px;
	}

	.roadmap-item3-inner3 {
	    width: 200px;
	}

	.roadmap-item3-inner3 img {
		max-width: 100px;
	}

	.roadmap-item3-inner3 p {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.roadmap-item3-inner4 {
	    width: calc(100% - 200px);
	}

	.roadmap-item3-inner5 {
	    width: 120px;
	}

	.roadmap-item3-inner5 span {
	    font-size: 20px;
	    font-weight: 800;
	    line-height: 25px;
	    width: 80px;
	    height: 80px;
	}

	.roadmap-item3-inner6 {
		width: calc(100% - 120px);
	}

	.roadmap-item3-inner30 {
	    padding-top: 100px;
	    margin-top: 60px;
	}

	/*=== community page start ===*/

	.community-item4 {
	    width: 280px;
	}

	.community-item4-inner2 form input {
	    height: 55px;
	    padding: 0 30px;
	}

	.community-item4-inner4 {
	    padding: 20px 18px;
	}

	.community-item4-inner5 {
	    width: 100px;
	}

	.community-item4-inner6 h2.title-md {
		font-size: 24px;
	}

	.community-item6 {
		width: calc(100% - 280px);
	}










}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {


	.container {
		padding-left: 24px;
		padding-right: 24px;
	}

	.text-16 {
	    color: #666680;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 156%;
	}

	.text-20 {
	    font-size: 14.524px; 
	}

	.title-sm {
	    font-size: 14.524px; 
	}

	.title-md {
	    font-size: 19.365px; 
	    line-height: 29.047px;
	}

	.title-lg {
	    font-size: 45px;
	}

	/*=== Header area start ===*/

	.header-area {
	    background-image: none;
	}

	.header-area:after {
	    display: none;
	}

	.header-area-inner2 {
	    padding: 25px 0 25px;
	}

	.header-item2-inner {
	    /* background-image: none; */
	    padding: 42px 15px 26px;
	    margin: 0 auto;
	}

	.header-item2-inner:after {
	    display: none;
	}

	.header-item2-inner h2 {
		padding-left: 10px;
		padding-right: 10px;
	    font-size: 23.931px;
	    line-height: 22.436px;
	    max-width: 231px;
	    margin: 0 auto 18px;
	}

	.header-item2-inner h2 br {
		display: none;
	}

	.header-item2-inner p {
	    font-size: 8.974px;
	    line-height: 8.599px; 
	}

	.header-item2-inner2 {
	    display: none;
	}

	/*=== fixed-text start ===*/

	.fixed-text {
	    width: 65px;
	    height: 65px;
	    right: 50%;
	    bottom: 39px;
	    transform: translateX(50%);
	}

	.fixed-text p {
	    font-size: 12.03px;
	    line-height: 10.52px;
	}

	/*=== story area start ===*/

	.story-area {
	    padding: 50px 0 70px;
	}

	.story-item h2 {
	    margin-bottom: 48px;
	}

	/*=== family area start ===*/

	.family-area {
	    background-image: none;
	    padding: 60px 0 55px;
	    margin-bottom: 77px;
	}

	.family-area:after {
	    display: block;
	}

	.family-item {
		padding-left: 0;
		margin-bottom: 60px;
	}

	.family-item h2 span {
		display: block;
		text-align: center;
		width: 100%;
	}

	.family-item h2 br {
		display: block;
	}

	.family-item h2 img {
	    display: none;
	}

	.family-item2 {
		max-width: 296px;
		margin: 0 auto;
	}

	.family-item2-inner {
	    margin-bottom: 32px;
	    padding-left: 0;
	}

	.family-item2-inner2 p {
	    max-width: 250px;
	}

	.family-item2-inner2 img {
		display: none!important;
	}

	.owl-carousel .owl-nav {
	    top: 100%;
	    left: 50%;
	    transform: translate(-50%, 20px);
	}

	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	    width: 46px;
	    height: 46px;
	    font-size: 18px;
	    color: #fff;    
	    border: 1px solid #AA4D27;
	    background-color: #AA4D27;
	    margin: 0 12px;
	}

	.owl-carousel .owl-nav button.owl-prev {
	    margin-left: 12px;
	}

	/*=== client area start ===*/

	.client-area {
	    padding: 34px 0 168px;
	}

	.client-area:after {
	    height: 90%;
	}

	.client-area:before {
	    display: block;
	}

	.client-item {
	    background-image: none;
	    padding-top: 30px;
	}

	.client-item:after {
	    display: block;
	}

	.client-item h2 {
	    margin-bottom: 29px;
	}

	.client-item-inner {
	    max-width: 340px;
	}

	.client-item-inner2 {
	    width: 178px;
	    height: 178px;
	}

	.client-item-inner2 ul {
	    width: 113px;
	    height: 113px;
	}

	.client-item-inner2 ul li {
		display: none;
	}

	.client-item-inner2 ul li img {
	    max-width: 34px;
	}

	.client-item-inner2 ul li span {
	    font-size: 5.423px;
	}

	.client-item-inner2 ul li:nth-of-type(1) img:nth-of-type(1) {
	    display: none;
	}

	.client-item-inner2 ul li:nth-of-type(1) img:nth-of-type(2) {
	    display: block;
	}

	.client-item-inner2 ul li:nth-of-type(1),
	.client-item-inner2 ul li:nth-of-type(2),
	.client-item-inner2 ul li:nth-of-type(3),
	.client-item-inner2 ul li:nth-of-type(4),
	.client-item-inner2 ul li:nth-of-type(5),
	.client-item-inner2 ul li:last-of-type {
		display: block;
	}

	.client-item-inner2 ul li:nth-of-type(2) {
	    top: 36px;
	    left: 20px;
	}

	.client-item-inner2 ul li:nth-of-type(3) {
	    top: 36px;
	    right: 20px;
	}

	.client-item-inner2 ul li:nth-of-type(4) {
	    top: 65px;
	    right: -14px;
	}

	.client-item-inner2 ul li:nth-of-type(5) {
	    top: 91px;
	    right: 39px;
	}

	.client-item-inner2 ul li:last-of-type {
		top: 9px;
	    right: -14px;
	}

	.client-item-inner3 ul li:nth-of-type(4) {
	    top: 9px;
	    left: -15px;
	    right: auto;
	}

	.client-item-inner3 ul li:nth-of-type(5) {
	    top: 65px;
	    left: -15px;
	    right: auto;
	}

	.client-item-inner3 ul li:nth-of-type(6) {
		top: auto;
	    bottom: -13px;
	}

	.client-item-inner4 ul li:nth-of-type(1) img {
	    max-width: 47px;
	}

	.client-item-inner4 ul li:nth-of-type(2) {
		left: auto;
		top: 50%;
	    right: -13px;
	}

	.client-item-inner4 ul li:nth-of-type(3) {
	    top: auto;
	    right: 12px;
	    bottom: -8px;
	}

	.client-item-inner4 ul li:nth-of-type(4) {
	    top: auto;
	    right: auto;
	    left: 12px;
	    bottom: -8px;
	}

	.client-item-inner4 ul li:nth-of-type(5) {
	    top: 50%;
	    transform: translateY(-50%);
	    right: auto;
	    left: -16px;
	}













	.client-item2 {
		margin-top: 58px;
	}

	.client-item2-inner {
		margin-bottom: 55px;
	}

	.client-item2-inner h2 br {
	    display: block;
	}

	.client-item2-inner3 {
	    width: 100%;
	    padding-left: 0;
	    margin-bottom: 90px;
	}

	.client-item2-inner3 img {
	    display: block;
	    margin: 0 auto;
	}

	.client-item2-inner4 {
	    width: 100%;
	}

	.client-item2-inner5 {
	    max-width: 315px;
	    margin: 0 auto;
	    padding: 0 0 50px;
	}

	.client-item2-inner7 {
	    max-width: 70px;
	    margin: 0 auto 12px;
	}

	.client-item2-inner7 span {
	    display: none;
	}

	.client-item2-inner6 a {
	    font-size: 11.32px;
	}

	.client-item2-inner9 {
	    border-radius: 12.52px;
		border-width: 0.626px;
	}

	.client-item2-inner10 {
	    padding: 0;
	    height: 37px;
	    border-width: 0.626px;
	}

	.client-item2-inner10 p {
	    /* display: none; */
		text-align: center;
	}

	.client-item2-inner9 input {
		font-size: 14px;
	    height: 36px;
	    border-width: 0.626px;
	}

	.client-item2-inner11 {
	    padding: 0;
	    height: 37px;
	}

	.client-item2-inner11 a {
	    display: none;
	}

	.client-item2-inner12 {
	    display: none;
	}

	/*=== timeline area start ===*/

	.timeline-area {
	    padding: 0px;
	}

	.timeline-area:after {
	    display: none;
	}

	.timeline-area-inner {
	    padding: 46px 0px 130px;
	    border-radius: 0px;
	}

	.timeline-area-inner .family-item {
	    display: none;
	}

	.timeline-item-inner {
		padding: 0;
		padding-top: 10px;
	}

	.timeline-item-inner2 {
		max-width: 249px;
		margin: 0 auto;
	}

	.timeline-item-inner4 {
	    bottom: auto;
	    right: -13.5px;
	    top: -8px;
	}

	.timeline-item-inner5 h2.title-sm {
		font-size: 20.431px; 
	}

	.timeline-item-inner5 p.text-20 {
		font-size: 20.431px; 
	}

	.timeline-carousel .owl-nav {
	    transform: translate(-50%, 42px);
	}

	.timeline-carousel .owl-nav button.owl-next, .timeline-carousel .owl-nav button.owl-prev {  
	    border: 2px solid #fff;
	    background-color: transparent;
	}

	/*=== community area start ===*/

	.community-area {
	    padding: 50px 0 60px;
	}

	.community-item h2 {
	    margin-bottom: 23px;
	}

	/* .community-item form {
	    display: none;
	} */

	.community-area-inner2 {
	    width: 100%;
	}

	.community-item3 {
	    padding-top: 10px;
	}

	/*=== sign in page start ===*/

	.sign-in-area {
	    padding: 50px 0 75px;
	}

	.sign-in-item-inner {
	    width: 100%;
	    padding: 20px 20px 31px;
	    border-radius: 13.826px;
		background: rgba(0, 0, 0, 0.60);
		box-shadow: 7.604px 7.604px 15.9px 0px rgba(0, 0, 0, 0.25);
	}

	.sign-in-item-inner h2 {
	    font-size: 35.947px;
	    margin-bottom: 13px;
	} 

	.sign-in-item-inner p {
	    font-size: 12.443px;
	    line-height: 20.739px; 
	    margin-bottom: 13px;
	}

	.sign-in-item-inner input,
	.sign-in-item-inner .nice-select,
	.sign-in-item-inner2 {
	    font-size: 9.678px;
	    height: 31px;
	    margin-bottom: 7px;
	}

	.sign-in-item-inner .nice-select:after {
	    height: 5px;
	    width: 5px;
	}

	.sign-in-item-inner2 label {
	    font-size: 9.678px;
	}

	.sign-in-item-inner2 label img {
	    max-width: 11px;
	    margin-right: 7px;
	}

	.sign-in-item-inner button {
	    font-size: 11.061px;
		letter-spacing: -0.138px;
	    height: 42px;
	    border-radius: 6.913px;
	    margin-top: 13px;
	}

	.sign-in-item-inner button img {
	    max-width: 9px;
	    margin-right: 10px;
	}

	.sign-in-item-inner3 {
		width: 100%;
	    margin-left: 0px;
	    padding-top: 0px;
	    margin-bottom: 53px;
	}

	.sign-in-item-inner3 h2 {
	    text-align: center;
	    font-size: 54px;
		line-height: 50px;
	}

	.sign-in-item-inner3 h2 br {
		display: none;
	}

	.login-logo {
		margin-left: auto;
		margin-right: auto;
	}

	/*=== periods page start ===*/

	.roadmap-area {
	    padding: 25px 0 70px;
	}

	.roadmap-area .container {
		padding-left: 24px;
		padding-right: 24px;
	}

	.roadmap-item {
	    display: none;
	}

	.roadmap-item2 {
	    display: none;
	}

	.roadmap-item3-inner {
	    display: block;
	}

	.roadmap-item3-inner2 {
		width: calc(100% - 108px);
	}

	.roadmap-item3-inner3 {
	    width: 100%;
	    padding: 9px 0 35px;
	    border-bottom: none;
	}

	.roadmap-item3-inner3 img {
		max-width: 70px;
	}

	.roadmap-item3-inner3 h2 {
		margin: 9px 0;
	}

	.roadmap-item3-inner3 p {
		font-size: 12.409px;
		line-height: 156%;
		max-width: 175px;
		margin-bottom: 16px;
	}

	.roadmap-item3-inner3 img:nth-of-type(2) {
		max-width: 20px;
	}

	.roadmap-item3-inner4 {
		width: 100%;
	}

	.roadmap-item3-inner5 {
		display: none;
	}

	.roadmap-item3-inner6 {
	    width: 100%;
	    padding-bottom: 200px;
	    border-bottom: none;
	}

	.roadmap-item3-inner6 .row {
	    --bs-gutter-x: 9px;
	}

	.roadmap-item3-inner6 img {
	    margin-bottom: 7px;
	}

	.roadmap-item4 {
	    padding-top: 0px;
	}

	.roadmap-item4 .roadmap-item3-inner3 {
	    padding-top: 0px;
	    position: relative;
	}

	.roadmap-item4 .roadmap-item3-inner3:after {
		content: '';
		position: absolute;
		width: 19px;
		height: 19px;
		border-radius: 50%;
		display: block;
		background-color: #D9D9D9;
		top: 25px;
		right: -63px;
	}

	.roadmap-item3-inner3 h2 span {
		display: none;
	}

	.roadmap-item4 .roadmap-item3-inner:after {
	    height: 240px;
	}

	/*=== community page start ===*/

	.community-area2 {
	    padding: 29px 0 0;
	}

	.community-item4 {
	    width: 100%;
	}

	.community-item4-inner2 form {
	    margin-bottom: 36px;
	}

	.community-item4-inner2 form input {
	    font-size: 11.073px;
	    letter-spacing: -0.069px;
	    height: 56px;
	    padding: 0 35px;
	}

	.community-item4-inner2 form i {
	    font-size: 12px;
	    left: 23px;
	}

	.community-item4-inner3 {
	    display: none;
	}

	.community-item6 {
		width: 100%;
		padding-right: 0;
	}

	.community-item6-inner {
	    margin-bottom: 84px;
	}

	.community-item6-inner2 {
		margin-bottom: 74px;
	}

	.community-item6-inner2 img {
	    margin-bottom: 26px;
	}

	.community-item6-inner2 .row {
	    --bs-gutter-x: 14px;
	}

	.community-item6-inner4 {
	    margin-bottom: 32px;
	}

	.community-item6-inner4 .row {
	    --bs-gutter-x: 7px;
	}

	.community-item6-inner4 img {
	    margin-bottom: 7px;
	}

	.community-item6-inner3 p:nth-of-type(1) {
	    margin-bottom: 20px;
	}

	.community-item6-inner3 img {
	    max-width: 17px;
	}

	.community-item6-inner3 p {
		text-align: justify;
	}

	.modal-item {
	    padding: 34px 20px 21px;
	    border-radius: 11px;
	}

	.modal-item-inner {
	    width: 100%;
	    margin-bottom: 17px;
	    display: flex;
	    align-items: center;
	}

	.modal-item-inner2 {
		width: 102px;
		flex: 0 0 102px;
		padding-left: 29px;
	}

	.modal-item-inner2 img {
	    border-radius: 7px;
	    max-width: 73px;
	}

	.modal-item-inner ul {
	    padding-top: 0px;
	}

	.modal-item-inner ul li {
	    width: 100%;
	    display: none;
	}

	.modal-item-inner ul li:nth-of-type(4),
	.modal-item-inner ul li:nth-of-type(5) {
	    display: block;
	}

	.modal-item-inner3 {
		width: 100%;
		padding-right: 0;
	}

	.modal-item-inner4 textarea {
	    font-size: 14px;
	    padding: 6px 8px;
	}

	.modal-item-inner5 ul {
	    justify-content: center;
	    padding: 0 21px 9px;
	}

	.modal-item-inner5 ul li {
	    margin: 0 7px;
	}

	.modal-item-inner5 ul li img {
		max-width: 26px;
	}

	.modal-item-inner6 {
	    padding: 9px 5px 12px;
	}

	.modal-item-inner6 ul {
	    justify-content: center;
	}

	.modal-item-inner6 ul li a {
	    font-size: 10.105px;
	    letter-spacing: -0.126px;
	    padding: 8px 14px;
	    border-radius: 6.316px;
	}

	.modal-item-inner6 ul li a img {
	    max-width: 8px;
	    margin-right: 6px;
	}

	.modal-item-inner7 ul li:nth-of-type(1) a {
	    margin-left: 8px;
	}

	.modal-item-inner8 ul li:nth-of-type(1),
	.modal-item-inner8 ul li:nth-of-type(2) {
	    display: block;
	}

	.story-item-inner2 {
	    max-width: 318px;
	    box-shadow: 0px 1.933px 19.525px 0px rgba(0, 0, 0, 0.09);
	}

	.story-item-inner2 ul {
	    width: 202px;
	    height: 202px;
	}

	.story-item-inner2 ul li {
	    width: 61px;
	    height: 61px;
	}

	.story-item-inner2 ul li:nth-of-type(1) {
	    background-image: url(../images/story-13.png);
	}

	.story-item-inner2 ul li:nth-of-type(1) span {
	    display: block;
	}

	.story-item-inner2 ul li:nth-of-type(1) img {
	    display: none;
	}

	.story-item-inner2 ul li span {
	    font-size: 9.822px;
	}

	.story-item-inner2 ul li:nth-of-type(2) {
	    top: 12px;
	    right: -16px;
	}

	.story-item-inner2 ul li:nth-of-type(3) {
	    bottom: 27px;
	    right: -16px;
	}

	.story-item-inner2 ul li:nth-of-type(5) {
	    top: 12px;
	    left: -16px;
	}

	.story-item-inner2 ul li:nth-of-type(6) {
	    bottom: 26px;
	    left: -16px;
	}

	.story-item-inner3 {
	    display: none;
	}

	.story-item-inner4 img:nth-of-type(1) {
	    display: none;
	}

	.story-item-inner4 img:nth-of-type(2) {
	    display: block;
	}

	.modal-area3 .modal-item-inner {
	    margin: 0;
	    display: block;
	}








	/*=== submit work modal ===*/
	.submit_work_btns {
		display: flex;
		flex-direction: column;
	}




}


/* === Landscape mobile — header cover box === */
@media screen and (max-width: 767px) and (orientation: landscape) and (max-height: 500px) {

	.header-area-inner2 {
	    padding: 8px 0;
	}

	.header-item2-inner {
	    padding: 22px 15px 14px;
	    margin: 0 auto;
	    max-width: 480px;
	}

	.header-item2-inner:after {
	    display: none;
	}

	.header-item2-inner h2 {
	    font-size: 16px;
	    line-height: 18px;
	    max-width: 200px;
	    margin: 0 auto 10px;
	}

	.header-item2-inner p {
	    font-size: 8px;
	    line-height: 10px;
	}

}

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

	.modal-area .modal-content {
	    padding: 0;
	}

	.modal-area3 .modal-content {
	    padding: 0 15px;
	}

	.modal-area4 .modal-content {
	    padding: 0 15px;
	}

}

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

	.client-item2-inner10 {
	    height: auto;
	    padding: 10px 15px;
	}

}