.single_project_info .website_type{
	width: 37vw;
	position: fixed;
	overflow: hidden;
	left: 45vw;
	bottom: 4vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.single_project_info .website_type .img{
	width: 50%;
}
.single_project_info .website_type.single-page .img{
	width: 25%;
	margin-bottom: -9.8vw;
}
.single_project_info .website_type.wp-page .img{
	margin-bottom: -3vw;
}
.single_project_info .website_type .img.img-white{
	display: none;
}
body.white_mode .single_project_info .website_type .img.img-dark{
	display: none;
}
body.white_mode .single_project_info .website_type .img.img-white{
	display: block;
	transform: scale(1.12) translate(1.2%, 2%);
}
.single_project_info .website_type .info{
	width: 45%;
}
.single_project_info .website_type.single-page .info{
	width: 60%;
}

.single_project_info .website_type .info .info_section_subtitle{
	margin-top: 0;
}
.single_project_info .website_type .info .main-subtitle{
	font-size: 1.3vw;
}
.single_project_info .website_type .info .main-text{
	font-size: .9vw;
	margin-top: .8vw;
	line-height: 1.5;
}

@media (min-width: 1920px) {

	.single_project_info .website_type{
		width: 710px;
		left: calc(50vw - 96px);
		bottom: 80px;
	}
	.single_project_info>.info-cont .time_spend>img{
		width: 19px;
		margin-right: 10px;
	}
	.single_project_info .website_type .info .main-subtitle{
		font-size: 25px;
	}
	.single_project_info .website_type .info .main-text{
		font-size: 18px;
		margin-top: 16px;
	}
    .single_project_info .website_type.single-page .img{
        margin-bottom: -180px;
    }
}

@media (max-aspect-ratio: 1.4/1) and (min-width: 480px){

	.single_project_info .website_type .info .main-subtitle{
		font-size: 1.8vw;
	}
	.single_project_info .website_type .info .main-text{
		font-size: 1.2vw;
	}

	.single_project_info .website_type {
		width: 30vh;
		right: 5vw;
		left: unset;
		top: 59vh;
		bottom: unset;
		flex-direction: column;
		align-items: flex-start;
	}

	.single_project_info .website_type::before {
		content: '';
		position: absolute;
		left: -15%;
		top: -10%;
		width: 2px;
		height: 120%;
		border-radius: 3px;
		background: #353434;
	}

	.single_project_info .website_type .info {
		width: 100%;
	}
	.single_project_info .website_type.single-page{
		flex-direction: row;
	}

	.single_project_info .website_type .img {
		width: 100%;
		margin-top: 2.4vh;
	}
	.single_project_info .website_type.single-page .img{
		width: 25%;
	}
}

@media (min-aspect-ratio: 16.5/9) and (max-width: 1920px){
    .single_project_info .website_type{
		bottom: 4vh;
	}
	.single_project_info .website_type{
		width: 40vw;
	}
	.single_project_info .website_type .img{
		width: 40%;
	}
	.single_project_info .website_type.single-page .img{
		width: 10%;
	}
	.single_project_info .website_type .info{
		width: 55%;
	}
	.single_project_info .website_type.single-page .info{
		width: 85%;
	}
}

@media ((min-aspect-ratio: 18/9) and (max-width: 1920px)) or ((min-width: 1920px) and (max-height: 1000px)){
	.single_project_info .website_type{
		width: 95%;
		position: static;
		margin-top: 2vw;
	}
}

@media (min-width: 1920px) and (max-height: 1000px){
	.single_project_info .website_type{
		bottom: 40px;
	}
	.single_project_info .website_type{
		margin-top: 38px;
	}
}

@media (min-width: 1920px) and (max-height: 1050px){

	.single_project_info .website_type{
		position: static;
	}
	.single_project_info .website_type::before{
		content: unset;
	}
	.single_project_info .website_type .info{
		width: 100%;
	}
}

@media (max-aspect-ratio: 1/1) and (min-width: 480px){
    .single_project_info .website_type{
		width: 90%;
		flex-direction: row;
		margin-top: 2vw;
	}
	.single_project_info .website_type .img,
	.single_project_info .website_type .info{
		width: 45%;
	}
	.single_project_info .website_type.single-page .img{
		width: 15%;
	}
	.single_project_info .website_type.single-page .info{
		width: 75%;
	}
	.single_project_info .website_type .img{
		margin-top: 0;
	}
	.single_project_info .website_type{
		width: 90%;
        position: static;
	}
	.single_project_info .btns{
		bottom: 3vw;
		left: 10vw;
	}
}

@media (max-aspect-ratio: 1/1.3) and (min-width: 480px){

}

@media (min-width: 480px) and (max-width: 800px){

}

@media(max-width: 480px){
    .single_project_info .website_type{
		width: 100%;
		position: static;
		flex-direction: column;
		margin-top: 3vw;
	}
	.single_project_info .website_type.single-page{
		flex-direction: row;
	}
	.single_project_info .website_type .info{
		width: 100%;
	}
	.single_project_info .website_type .img{
		width: 80%;
		margin-top: 5vw;
	}
	.single_project_info .website_type.single-page .img{
		width: 30%;
		margin-top: 0;
		margin-bottom: -25vw;
	}

	.single_project_info .website_type .info .main-subtitle{
		font-size: 4vw;
	}
	.single_project_info .website_type .info .main-text{
		font-size: 3vw;
	}
}

@media (max-width: 480px) and (min-aspect-ratio: 1/1.5) and (max-aspect-ratio: 1/1) {

}