.main-solyan {
	width: 15%;
    height: 10px;
	float: left;
}
.main-sagyan {
	width: 15%;
    height: 10px;
	float: left;
}
.container-engineering {
    width: 70%;
    height: auto;
    float: left;
    margin-top: 30px;
}
.container-engineering-menu-ana-baslik {
    width: 100%;
	height: 50px;
    line-height: 50px;
	float: left;
    text-align: center;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 24px;
    margin-bottom: 10px;
    font-weight:bold;
	transition: 0.4s;
    background-color:hsla(359,100%,31%,1.00);
    color: hsla(0,0%,100%,1.00);
    transform: skewX(-20deg);
    border-radius: 5px;
    animation: container-engineering-menu-ana-baslik 3s 1;
}
@keyframes container-engineering-menu-ana-baslik { 
    0% { position:relative; top: -800px; opacity: 0;  }
    100% { position:relative; top: 0; opacity: 1; }
}
.container-engineering-sol-yan {
    width: 100%;
    height: auto;
    line-height: 35px;
    float: left;
    margin-top: 30px;
    background-repeat: no-repeat;
    border-radius: 10px;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 16px;
    text-align: justify;
    font-weight:normal;
    animation: container-engineering-sol-yan 2s 1;
} 
@keyframes container-engineering-sol-yan { 
    0% { position:relative; top: -2000px; opacity: 0;  }
    100% { position:relative; top: 0; opacity: 1; }
}
.container-engineering-sol-yan-resim {
    width: 70%;
    height: 450px;
    float: left;
    margin-right: 3%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    animation: container-engineering-sol-yan-resim 2s 1;
}
@keyframes container-engineering-sol-yan-resim { 
    0% { position:relative; left: -3000px; opacity: 0;  }
    100% { position:relative; left: 0; opacity: 1; }
}
.container-engineering-sol-yan-resim:hover {
    box-shadow: 0 10px 20px hsla(0,0%,20%,1.00);
}
.span-yazi {
    color: hsla(359,100%,31%,1.00); 
}
.container-engineering-video {
    width: 40%;
    height: auto;
    float: right;
    margin-left: 3%;
    margin-bottom: 30px;
    margin-top: 10px;
}
.container-engineering-video-ic {
    width: 100%;
    height: auto;
    border-radius: 10px;
}


/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////*/

@media screen and (max-width: 850px) {
	
.main-solyan {
	width: 10%;
    height: 10px;
	float: left;
}
.main-sagyan {
	width: 10%;
    height: 10px;
	float: left;
}
.container-engineering {
    width: 80%;
    height: auto;
    float: left;
    margin-top: 20px;
}
.container-engineering-menu-ana-baslik {
    width: 100%;
	height: 40px;
    line-height: 40px;
	float: left;
    text-align: center;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 20px;
    margin-bottom: 10px;
    font-weight:bold;
	transition: 0.4s;
    background-color:hsla(359,100%,31%,1.00);
    color: hsla(0,0%,100%,1.00);
    transform: skewX(-20deg);
    border-radius: 5px;
    animation: container-engineering-menu-ana-baslik 3s 1;
}
.container-engineering-sol-yan {
    width: 100%;
    height: auto;
    line-height: 35px;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    border-radius: 10px;
    font-family:Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    font-size: 16px;
    text-align: justify;
    font-weight:normal;
    animation: container-engineering-sol-yan 2s 1;
} 
.container-engineering-sol-yan-resim {
    width: 100%;
    height: 220px;
    float: left;
    margin-right: 0%;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    animation: container-engineering-sol-yan-resim 2s 1;
}

.container-engineering-sol-yan-resim:hover {
    box-shadow: 0 5px 10px hsla(0,0%,20%,1.00);
}
.span-yazi {
    color: hsla(359,100%,31%,1.00); 
}
.container-engineering-video {
    width: 100%;
    height: auto;
    float: right;
    margin-left: 0%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.container-engineering-video-ic {
    width: 100%;
    height: auto;
    border-radius: 0px;
}

	
}