body {
    font-family: "Open Sans", sans-serif;
}

.bg-image {
            background-image: url('img/hero-bg.png'); /* Görsel URL'sini buraya ekleyin */
            background-size: cover;
            background-position: center;
            position: fixed; /* Görsel sabit konumda kalacak */
            top: 0;
            right: 0;
            bottom: 0;
            width: 43.33%; /* Ekranın 1/3'ü */
            margin:15px;
        }
        .content {
            padding-top:150px;
            line-height: normal;
            max-width: 800px;
            margin-left:150px;
            max-width: 40%;
        }

        .content p {
            font-weight: 300;
            font-size: 20px;
            margin-top:50px;
            margin-bottom:100px;
            text-align:justify; 
        }

.menu ul {
    margin:0px;
    padding:0px;
    margin-top:20px;
    margin-bottom:20px;
    float:left;
}

.menulang {
    margin-top:40px;
    float:right;
}

.menulang { 
    font-size: 20px;
    font-weight: 800;
}

.menulang a {
    text-decoration: none;
    color:#0e0e0e;
}

.menulangactive {
    color:#959595 !important;
}

.menu ul li {
    list-style: none;
    float:left;
    margin-right: 30px;
}

.content ul li:hover {
    opacity: 0.5;
}

@media only screen and (max-width : 1368px) {
    
    .content {
        margin-left: 100px;
    }
    
 
}

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

    .content {
        margin-left: 30px;
        max-width: 50%;
    }
    
    .bg-image {
        background-image: url("img/hero-bg-tablet.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 43.33%;
        margin:5px;
    }

}

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

	
	

}


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

    .mobileImg {
        display: block !important;
    }
    
    .bg-image {
        display: none;
    }
    
    .content {
        padding-top:50px;
        max-width: 100%;
        margin:0px;
    }
    
    .logo {
        max-width: 200px;
    }
    
    .menu img {
        max-width: 40px;
    }
    
    .menulang {
        font-size: 16px;
        font-weight: 800;
        margin-top:30px;
    }
    

}


@media only screen and (max-height : 430px) {
	
    .logo {
        max-width: 200px;
    }
    
    .content {
        padding-top:50px;
        max-width: 50%;
        margin:0px;
        margin-left:30px;
    }
    
	
}


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


	
}

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

		
	
}

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


}


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



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}