/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1810px;
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px) { 
	html{
		font-size: 53%;
	}
	.container{
		max-width: 1560px;
	}
	.circle_text {
		left: calc((100% - 1560px) / 2 + 45rem);
	}
}
@media (min-width: 1440px) and (max-width: 1599.98px) { 
	html{
		font-size: 45%;
	}
	.container{
		max-width: 1400px;
	}
	.circle_text {
		left: calc((100% - 1400px) / 2 + 45rem);
	}
}
@media (min-width: 1200px) and (max-width: 1439.98px) { 
	html{
		font-size: 40%;
	}
	.container{
		max-width: 1170px;
	}
	.circle_text {
		left: calc((100% - 1170px) / 2 + 45rem);
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 33%;
	}
	.container{
		max-width: 970px;
	}
	.circle_text {
		left: calc((100% - 970px) / 2 + 45rem);
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 42%;
	}
	.content_box{
		padding-left: 0;
		margin-top: 15rem;
		padding-right: 5rem;
		padding-bottom: 9rem;
	}
	.content_row>div:nth-child(1) {
	    max-width: 60%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 60%;
	            flex: 0 0 60%;
	}
	.content_row>div:nth-child(2) {
	    max-width: 40%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 40%;
	            flex: 0 0 40%;
	}
	.content_area {
	    margin-top: -15rem;
	}
	.wijen_box::before {
	    width: 200rem;
	}
	.home_area .container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.home_area {
	    padding-bottom: 20rem;
	}
	.black_box {
	    padding: 6rem 0rem 7rem;
	}
	.black_box::before {
		left: 50%;
		-webkit-transform: translate(-50%);
		    -ms-transform: translate(-50%);
		        transform: translate(-50%);
	}
	.black_box h2 {
	    padding-bottom: 2.4rem;
	    max-width: 65rem;
	    border-bottom: none;
	}
	.logo_box{
		display: none;
	}
	.circle_text {
	    top: auto;
	    left: auto;
	    right: 6%;
	    bottom: 31rem;
	}
	.home_area::before {
	    background: -o-linear-gradient(313deg, rgba(251,251,251,0) 0%, rgba(0,0,0,1) 100%);
	    background: linear-gradient(-223deg, rgba(251,251,251,0) 0%, rgba(0,0,0,1) 100%);
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
	html{
		font-size: 32%;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	html{
		font-size: 1.5vw;
	}
	.container{
		padding: 0 4rem;
	}
	.home_area .container{
		display: block;
	}
	.content_row>div:nth-child(1),
	.content_row>div:nth-child(2) {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	.content_box{
		padding-right: 0;
		margin-top: 3rem;
	}
	.content_area{
		margin-top: 0;
	}
	.wijen_box {
	    padding: 6.5rem 2rem 10rem;
	}
	.wijen_box::before {
	    left: -4rem;
	    width: calc(100% + 8rem);
	    border-bottom-right-radius: 4.5rem;
	    border-top-left-radius: 4.5rem;
	}
	.logo_box {
	    width: auto;
	    display: block;
	    position: relative;
	    top: auto;
	    margin-top: 2rem;
	    padding-left: 15px;
	    padding-right: 15px;
	    right: auto;
	}
	.logo_box img{
		width: 14rem;
	}
	.wijen_box ul li {
	    font-size: 2.6rem;
	    margin-top: 1rem;
	}
	.black_box {
	    padding: 13rem 0rem 7rem;
	}
	.black_box::before {	    
		top: -4rem;
		height: calc(100% + 4rem);
	}
	.home_area {
	    padding-bottom: 8rem;
	}
	.logo {
	    width: 23rem;
	}
	.home_area ul{
		margin-top: 6rem;
	}
	.circle_text {
	    right: 6%;
	    bottom: 73rem;
	    height: 24rem;
	    width: 24rem;
	}
	.black_box h2 {
	    max-width: 54rem;
	}
	.circle_text h2 {
	    font-size: 3.2rem;
	}
}