body,html{width:100%;min-height:calc(100% - 100px);margin:0;font-family:'Play',sans-serif}
textarea,input[type="text"],input[type="button"],input[type="submit"],select{-webkit-appearance:none;border-radius:0}
::selection{background-color:#de1f26;color:#fff}
::moz-selection{background-color:#de1f26;color:#fff}
body{overflow:hidden}
.header{width:100%;position:fixed;top:0;left:0;z-index:1}
header{padding-left:20px;padding-right:20px;max-width:1200px;width:calc(100% - 40px);height:100px;background-color:#FFF;margin:0 auto;z-index:1}
.logo{float:left;width:70px;height:68px;margin-top:13px}
.menu-icon{cursor:pointer;width:32px;height:32px;float:right;margin-top:20px;display:none}
menu{width:calc(100% - 70px);float:right;margin:30px 0;padding:0}
.menu{float:right;margin-left:50px}
.ilk-menu{margin-left:0}
.menu-number{font-size:46px;color:#e6e7e8;font-weight:700;float:left}
.menu-text{float:left;font-size:18px;color:#58595b;padding-top:25px}
.menu-mobile{position:fixed;min-width:100%;min-height:100%;top:0;left:0;display:none;z-index:2}
.mobile-menu{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.97)}
.mobile-menu-ic{position:relative;width:100%;height:100%}
.menu-exit,.popup-exit{cursor:pointer;position:absolute;left:20px;top:20px;width:74px;height:30px;background-image:url(../images/mobile-exit.png)}
.mobile-menu-text{position:absolute;left:calc(50% - 78px);top:calc(50% - 130px);width:156px;height:260px}
.mobile-link{width:156px;overflow:hidden}
.mobile-sosyal-facebook{margin-top:25px;float:left;width:19px;height:28px;background-image:url(../images/mobile-facebook.png)}
.mobile-sosyal-in{float:left;width:28px;height:28px;margin:25px 39px 0;background-image:url(../images/mobile-in.png)}
.mobile-sosyal-youtube{margin-top:25px;float:left;width:28px;height:28px;background-image:url(../images/mobile-youtube.png)}
footer{padding-left:20px;padding-right:20px;max-width:1200px;width:calc(100% - 40px);height:50px;background-color:#FFF;margin:0 auto}
.footer{position:fixed;bottom:0;left:0;width:100%}
.copyright{float:left;color:#58595b;font-size:14px;padding-top:15px}
footer .sosyalmedia{float:right;width:50%}
footer .sosyalmedia .mobile-sosyal-facebook{margin-top:10px;float:right;width:19px;height:28px;background-image:url(../images/mobile-facebook.png)}
footer .sosyalmedia .mobile-sosyal-in{float:right;width:28px;height:28px;margin:10px 39px 0;background-image:url(../images/mobile-in.png)}
footer .sosyalmedia .mobile-sosyal-youtube{margin-top:10px;float:right;width:28px;height:28px;background-image:url(../images/mobile-youtube.png)}
.content{max-width:1200px;width:calc(100% - 40px);overflow:hidden;margin:0 auto;color:#FFF;position:relative;padding-top:100px;padding-bottom:50px;min-height:calc(100% - 100px)}
.work{width:calc(25% - 12px);overflow:hidden;background-color:#e31818;float:left;margin:6px;-webkit-filter:grayscale(100%);filter:grayscale(100%);background-size:cover;position:relative;color:#fff}
.work:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);background-blend-mode:multiply;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAcCAMAAAAQssz4AAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEXRSTlMAgHc4VlFCEwZqJgwvZktdH5yunscAAAEESURBVDjLhVTbooQgCFRA85r9/9ee426xhGbzlDAIQ4gZEJKnCP+I5FMwbzh2sALg0pre7IBaHumZxNUiUTvm/MIcV7YQtuI4ZJ/x2U3bZdqI62Ib++LlQ2lGTqKUJFD8PET4W/lspi8t0uWimRC0jNxvr6KwbBnusnll63KSbAZ7Ff/k4V16Eu5d823vXu0f8de/fhTKd3mGYEwAod7wmSOeAmzEhJR1AE1KiuICXZKbi2agEu2e2noijm3lCP3jOurnIJvK8Ho0KkBFNRp+PpV4NjO8jatdjzcc44NYPaCWJ+vFWf1EdVaNFNUS0ClHINgBbb2Zyn0zwX6YN+Ti22JV/gGauAgaxRhWtQAAAABJRU5ErkJggg==),auto}
.work:hover .work-content{display:block}
.work-content{width:100%;text-align:center;position:absolute;bottom:0;overflow:hidden;display:none}
.work-content p{margin:0;padding:0}
.work-content .title{font-size:14px;margin:0 0 20px;padding:0}
.work-content .label{font-size:11px;margin:0 0 6px;padding:0}
.work-content .separator{font-size:40px;margin:0 0 -9px;padding:0}
.port-menu{color:#58595b;font-size:14px;padding:10px 0 20px;text-align:center}
.portfolio-left{width:calc(100% - 360px);float:left;color:#58595b;font-size:13px}
.portfolio-left a,.portfolio-right a{color:#de1f26;text-decoration:underline}
.portfolio-right{position:absolute;width:320px;background-color:#e6e7e8;top:100px;bottom:0;right:0;color:#58595b;padding:16px 13px 0}
.portfolio-right-top{width:100%;height:35px;margin-bottom:6px;overflow:hidden}
.portfolyo-right-date{float:left;margin-top:-13px;margin-bottom:23px}
.portfolyo-right-date div.date-separator{font-size:45px;color:#de1f26;float:left}
.portfolyo-right-date div.year{font-size:15px;float:left;margin-top:18px}
.portfolyo-close{float:right;width:71px;height:30px;background-image:url(../images/portfolyo-close.png)}
.portfolio-right-title{width:100%;overflow:hidden;font-size:12px;color:#de1f26;font-weight:700;margin-top:0;margin-bottom:5px}
.portfolio-right-title span{font-weight:400}
.portfolio-right-content{font-size:12px;text-align:justify;margin-bottom:15px}
.portfolio-right-in{width:100%;height:100%;position:relative}
.portfolio-right-prev{width:177px;height:70px;position:absolute;left:0;overflow:hidden;bottom:0}
.portfolio-right-prev-in{width:100%;height:100%;position:relative}
.portfolio-right-prev-icon{width:21px;height:49px;margin-top:10px;float:left;background-image:url(../images/prev.png)}
.portfolio-right-prev-content{float:left;width:145px;margin-top:28px;margin-left:11px;font-weight:700;color:#de1f26;font-size:14px}
.portfolio-right-prev-content-proje{font-weight:400;font-size:11px;color:#58595b;margin-top:0;width:100%;height:13px;overflow:hidden}
.portfolio-right-prev-back{width:100%;height:100%;z-index:1;position:absolute;right:0;top:0;background-position:right;background-repeat:no-repeat}
.portfolio-right-next{width:177px;height:70px;position:absolute;right:0;bottom:0}
.portfolio-right-next-in{width:100%;height:100%;position:relative}
.portfolio-right-next-icon{width:21px;height:49px;margin-top:10px;float:right;background-image:url(../images/next.png)}
.portfolio-right-next-content{float:right;width:145px;margin-top:28px;margin-right:11px;font-weight:700;color:#de1f26;font-size:14px;text-align:right}
.portfolio-right-next-content-proje{font-weight:400;font-size:11px;color:#58595b;margin-top:0;width:100%;height:13px;overflow:hidden;text-align:right}
.portfolio-right-next-back{width:100%;height:100%;z-index:1;position:absolute;right:0;top:0;background-position:left;background-repeat:no-repeat}
.portfolio-top-menu{display:none}
.portfolio-top-menu-prev{float:left;padding-left:30px;padding-top:18px;height:31px;margin:4px 0 0 5px;font-weight:700;color:#de1f26;background-image:url(../images/prev.png);background-position:left;background-repeat:no-repeat;text-align:left;font-size:14px}
.portfolio-top-menu-prev-disable{float:left;padding-left:30px;padding-top:18px;height:31px;margin:4px 0 0 5px;font-weight:700;color:#de1f26;background-image:url(../images/prev.png);background-position:left;background-repeat:no-repeat;text-align:left;font-size:14px;opacity:.3}
.portfolio-top-menu-prev span{font-weight:400;font-size:11px;display:block;color:#58595b}
.max .portfolio-right-content{text-align:center}
.portfolio-top-menu-next{float:right;padding-right:30px;padding-top:18px;height:31px;margin:4px 5px 0 0;font-weight:700;color:#de1f26;background-image:url(../images/next.png);background-position:right;background-repeat:no-repeat;text-align:right;font-size:14px}
.portfolio-top-menu-next-disable{float:right;padding-right:30px;padding-top:18px;height:31px;margin:4px 5px 0 0;font-weight:700;color:#de1f26;background-image:url(../images/next.png);background-position:right;background-repeat:no-repeat;text-align:right;font-size:14px;opacity:.3}
.portfolio-top-menu-next span{font-weight:400;font-size:11px;display:block;color:#58595b}
.portfolio-top-menu-info{display:inline-table;padding-left:24px;padding-top:18px;height:31px;margin:4px 5px 0 0;font-weight:700;color:#de1f26;background-image:url(../images/info.png);background-position:left;background-repeat:no-repeat;text-align:left;font-size:14px;cursor:pointer}
.popup{height:100%;position:fixed;min-width:100%;min-height:100%;top:0;left:0;background:rgba(255,255,255,0.97);z-index:2;display:none}
.popup-in{width:100%;height:100%;position:relative;display:table;overflow:hidden}
.popup-content{display:table-cell;vertical-align:middle;text-align:center;#position:absolute;#width:100%}
.portfolio-popup-title{max-width:320px;width:100%;overflow:hidden;font-size:12px;color:#de1f26;font-weight:700;margin:15px auto 5px}
.portfolio-popup-title span{font-weight:400}
.portfolio-popup-content{max-width:320px;margin-left:auto;margin-right:auto;font-size:12px;text-align:justify}
.max{width:100%;overflow:hidden}
.portfolio-scroll{position:relative;width:100%;float:none;display:block;height:calc(100% - 112px)}
.port-menu-top{margin-left:10px;margin-right:10px;display:inline-block;color:#58595b}
.port-menu-top span{color:#de1f26}
.contact-form{width:50%;overflow:hidden;float:left;position:relative}
.message-form-ok{width:100%;position:absolute;height:100%;left:0;top:0;background:rgba(255,255,255,0.8);z-index:1;color:#58595b;font-size:13px;display:none}
.message-form-ok img{margin-top:100px;margin-bottom:20px}
.message-form-ok .text strong{color:#de1f26}
.contact-info-info{color:#de1f26}
.form-input{width:calc(100% - 40px);overflow:hidden;position:relative;margin-bottom:15px}
.form-title{font-size:35px;font-weight:700;color:#e6e7e8;height:30px;overflow:hidden}
input,textarea,select{padding-left:25px;background-color:#e6e7e8;border:none;font-family:'Play',sans-serif;color:#58595b;font-size:12px;resize:none}
textarea:focus,input:focus{border:none;outline:none}
.form-input input{width:calc(100% - 27px);height:57px;background-image:url(../images/input.png);background-repeat:no-repeat;background-position:right}
.form-input textarea{width:calc(100% - 27px);height:90px;padding-top:25px;background-image:url(../images/input.png);background-repeat:no-repeat;background-position:top right}
input[type="submit"],.messagesend{background-color:#de1f26;color:#FFF;padding-left:0}
input[type="submit"]:disable{opacity:.8}
.contact-form input[type="submit"],.messagesend{width:calc(100% - 40px);text-align:center;height:57px;background-color:#de1f26}
.contact-content{float:right;width:50%;overflow:hidden;color:#58595b;text-align:center}
.contact-content-title{font-size:30px;color:#eaebec;font-weight:700;margin-top:25px}
.contact-tel{font-size:16px;margin-top:60px}
.content-tel-tel{text-decoration:none;color:#58595b}
.contact-tel span{font-weight:700}
.contact-mail{width:276px;margin:30px auto;padding:22px 0;background-color:#e6e7e8}
.contact-mail span{font-weight:700}
.contact-mail a{color:#58595b}
.contact-sosyalmedia{width:230px;height:20px;margin:45px auto}
.contact-sosyal-media{width:31px;height:20px;display:inline-block;margin-right:10px}
.contact-facebook{background-image:url(../images/contact-facebook.png)}
.contact-linkedn{background-image:url(../images/contact-linkedn.png)}
.contact-youtube{background-image:url(../images/contact-youtube.png)}
.contact-vimeo{background-image:url(../images/contact-vimeo.png)}
.contact-behance{background-image:url(../images/contact-behance.png)}
.contact-qr{width:146px;height:146px;margin:45px auto;background-image:url(../images/qr.jpg)}
.blog-form{width:calc(50% - 10px);height:230px;margin-bottom:20px;margin-right:10px;float:left;overflow:hidden;padding-top:60px}
.blog-form .blog-form-title{font-size:35px;color:#eaebec;font-weight:700}
.blog-form input{height:57px;width:calc(100% - 61px);max-width:388px}
.blog-form-input{width:100%;margin-top:-10px}
.blog-form input[type="submit"]{height:58px;width:60px;background-image:url(../images/button.png)}
.blog-content{width:calc(50% - 10px);height:auto;min-height:500px;margin-bottom:20px;margin-right:10px;float:left;overflow:hidden;color:#58595b;font-size:12px}
.blog-img{width:100%;overflow:hidden;-webkit-clip-path:polygon(0 0,100% 15%,100% 99%,0 84%);clip-path:polygon(0 0,100% 15%,100% 99%,0 84%),clip-path: url("#clipPolygon");}
.blog-content:hover .blog-img{opacity:.8;filter:alpha(opacity=80)}
.blog-date{font-size:11px}
.blog-title{font-size:20px;float:left;margin-top:-10px}
.blog-tag{font-size:11px;float:right}
.blog-content-content{width:100%;overflow:hidden;margin-top:25px;text-align:justify}
.blog{width:100%;overflow:hidden}
.more{width:100%;height:30px;color:#58595b;font-size:11px;text-align:center;padding-top:18px;margin:0 auto 20px}
.more .sayfa{width:30px;height:22px;text-align:center;display:inline-table;padding-top:8px;background-color:#e6e7e8}
.blog-detail{width:calc(100% - 40px);overflow:hidden;margin:auto;max-width:1100px;color:#58595b;font-size:13px;text-align:justify}
.blog-detail-title{font-size:20px;font-weight:700;text-align:center;margin-top:40px}
.blog-detail-date-tag{width:calc(100% - 75px);background-image:url(../images/wave_blog.png);background-position:bottom;background-repeat:repeat-x;color:#de1f26;padding-bottom:8px;overflow:hidden;font-size:12px;font-weight:700;margin:40px auto 25px}
.blog-detail-date{float:left}
.blog-detail-tag{float:right}
.biography-left{width:415px;overflow:hidden;float:left;margin-left:20px}
.biography-text{width:100%;overflow:hidden;color:#58595b;font-size:12px;text-align:justify}
.biography-time-line{text-align:left;width:calc(100% - 470px);height:calc(100% - 150px);position:absolute;right:0}
.biography-time-line-left{width:calc(100% - 90px);height:100%;overflow:hidden;float:left}
.biography-time-line-right{width:70px;height:100%;float:right;background-image:url(../images/timeline.png);text-decoration:none}
.biography-time-line-right a{text-decoration:none}
.biography-time-line-year{width:calc(100% - 23px);background-image:url(../images/time-line.png);background-position:left center;background-repeat:no-repeat;color:#58595b;font-size:14px;padding-left:23px;margin-bottom:20px;cursor:pointer;text-decoration:none}
.year-time{text-decoration:none}
.biography-time-line-top{width:calc(100% - 23px);background-image:url(../images/timeline-top.png);background-position:left top;background-repeat:no-repeat;color:#58595b;font-size:13px;padding-top:0;padding-left:23px;margin-bottom:20px;cursor:pointer}
.biography-time-line-year:hover,.biography-time-line-top:hover{color:#de1f26}
.biography-time-line-year span,.biography-time-line-top span{color:#de1f26}
.biography-reference{width:260px;height:55px;color:#58595b;font-size:12px;display:inline-block;margin:20px 0;text-align:left}
.biography-number{float:left;color:#efa8aa;font-size:36px;font-weight:700;margin-top:-6px;margin-right:7px;height:100%}
.biography-reference-title{font-size:14px;color:#58595b;font-weight:700;margin-bottom:7px;display:block}
.biography-reference-position,.biography-reference-date{display:block}
.biography-reference-date{margin-top:2px;font-size:11px}
.biography-reference-position span,.biography-reference-date span{color:#de1f26}
.biography-time-line select{width:100%;height:57px;display:none}

<!-- tablet--------------------------------------- BAŞLADI-->

@media screen and (max-width:1170px) {
.biography-left{width:320px;margin-left:0}
.biography-time-line{width:calc(100% - 330px)}
.biography-time-line-left{width:calc(100% - 70px)}
}
@media (min-width:769px) and (max-width:1024px) {
header{max-width:984px;width:calc(100% - 40px)}
.content{max-width:984px;width:calc(100% - 40px);overflow:hidden;color:#FFF}
.work{width:calc(33% - 12px)}
.portfolio-top-menu{display:block;position:fixed;width:calc(100% - 40px);height:57px;max-width:1200px;margin-left:auto;margin-right:auto;background-color:#e6e7e8;top:100px;left:20px}
.portfolio-left{width:100%;padding-top:57px;float:none}
.portfolio-right{display:none}
.contact-form{width:60%;overflow:hidden;float:left}
.contact-content{float:right;width:40%;overflow:hidden;color:#58595b;text-align:center}
.blog-form{padding-top:30px;margin-bottom:30px;height:auto}
.blog-content{width:calc(50% - 10px);min-height:0;margin:5px;margin-bottom:30px}
.blog-form input{height:57px;width:calc(100% - 100px);max-width:388px}
.blog-form .blog-form-title{font-size:30px}
.blog-form-input{width:100%;margin-top:-10px}
}
@media screen and (max-width:1010px) {
.biography-left{width:calc(100% - 380px);padding-left:15px;padding-right:15px;margin-left:0}
.biography-time-line{width:340px}
.biography-time-line-left{width:calc(100% - 70px)}
}
@media (min-width:769px) and (max-width:850px) {
.menu{margin-left:30px}
.ilk-menu{margin-left:0}
.contact-content{float:left;width:100%}
.contact-form{width:100%;float:right}
.contact-content-left{float:left}
.contact-tel{margin-top:30px}
.contact-info{width:470px;margin:10px auto}
.contact-qr{float:right}
.contact-form input[type="submit"],.form-input{width:100%}
.contact-form input,.contact-form textarea,{width:calc(100% -25px)}
.blog-form{padding-top:20px;margin-bottom:0}
.blog-content{width:calc(50% - 10px);min-height:0;margin:5px}
.blog-form .blog-form-title{font-size:30px;color:#eaebec;font-weight:700}
}
@media (min-width:481px) and (max-width:768px) {
.menu{margin-left:30px}
.ilk-menu{margin-left:0}
.work{width:calc(50% - 12px)}
.portfolio-top-menu{display:block;position:fixed;width:calc(100% - 40px);height:57px;max-width:1200px;margin-left:auto;margin-right:auto;background-color:#e6e7e8;top:100px;left:20px}
.portfolio-left{width:100%;padding-top:57px;float:none}
.portfolio-right{display:none}
.contact-content{float:left;width:100%}
.contact-form{width:100%;float:right}
.contact-content-left{float:left}
.contact-tel{margin-top:30px}
.contact-info{width:470px;margin:10px auto}
.contact-qr{float:right}
.contact-form input[type="submit"],.form-input{width:100%}
.contact-form input,.contact-form textarea,{width:calc(100% -25px)}
.blog-content{width:100%;min-height:0;max-height:none;margin:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e6e7e8}
.blog-form{display:none}
.biography-left{width:calc(100% - 100px);float:none;margin:auto;margin-bottom:40px}
.biography-time-line{width:100%;float:none;overflow:hidden;position:static}
.biography-time-line-right{display:none}
.biography-time-line select{display:block}
.biography-time-line-left{width:calc(100% - 40px);padding:20px}
}
@media screen and (max-width:735px) {
header{padding-left:10px;padding-right:10px;width:calc(100% - 20px);height:70px}
.content{padding-top:70px;padding-bottom:20px;min-height:calc(100% - 70px);width:100%}
footer{padding-left:20px;padding-right:20px;max-width:1200px;width:calc(100% - 40px);height:20px;background-color:#FFF;margin:0 auto}
.copyright{float:none;color:#58595b;font-size:9px;padding-top:5px}
footer .sosyalmedia{display:none}
.logo{float:left;width:49px;height:48px;margin-top:10px}
.menu-icon{display:block}
menu{display:none}
.portfolio-top-menu{display:block;width:100%;height:57px;background-color:#e6e7e8;top:70px;left:0}
.portfolio-left{width:100%;padding-top:57px;float:none}
.contact-content{float:left;width:100%}
.contact-form{width:100%;float:right}
.contact-content-left{float:left}
.contact-tel{margin-top:30px}
.contact-info{width:470px;margin:10px auto}
.contact-qr{float:right}
.contact-form input[type="submit"],.form-input{width:calc(100% - 10px);margin-left:auto;margin-right:auto}
.contact-form input,.contact-form textarea,{width:calc(100% -25px)}
.blog-content{width:100%;min-height:0;margin:0;max-height:none;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e6e7e8}
.blog-form{display:none}
}

<!-- tablet--------------------------------------- BİTTİ-->

<!-- MOBILE--------------------------------------- BAŞLADI-->

@media (min-width:0px) and (max-width:485px) {
.contact-info{width:450px;margin:10px auto}
}
@media (min-width:321px) and (max-width:480px) {
header{padding-left:10px;padding-right:10px;width:calc(100% - 20px);height:70px}
.logo{float:left;width:49px;height:48px;margin-top:10px}
.work{width:calc(100% - 0px);margin-left:0}
.portfolio-top-menu{position:fixed;width:100%;top:70px;left:0}
.portfolio-left{width:100%;padding-top:57px;float:none}
.portfolio-right{display:none}
.portfolio-top-menu-prev span,.portfolio-top-menu-next span{display:none}
.contact-info{width:276px;margin:10px auto}
.contact-qr,.contact-content-title{display:none}
.blog-content{width:100%;min-height:0;max-height:none;margin:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e6e7e8}
.blog-form{display:none}
.blog-tag{display:none}
.blog-detail-date-tag{width:calc(100% - 20px);text-align:center}
.blog-detail-date{float:none}
.blog-detail-tag{float:none}
.portfolio-popup-title{max-width:300px}
.portfolio-popup-content{max-width:300px}
.biography-left{width:calc(100% - 40px);float:none;margin:auto;margin-bottom:40px}
.biography-time-line{width:100%;float:none;overflow:hidden;position:static}
.biography-time-line-right{display:none}
.biography-time-line select{display:block}
.biography-time-line-left{width:calc(100% - 40px);padding:20px}
}
@media screen and (max-width:360px) {
.blog-tag{display:none}
.form-title{font-size:31px;height:26px}
}
@media (min-width:0px) and (max-width:330px) {
.portfolio-top-menu-info{padding-left:16px}
.portfolio-top-menu-prev span,.portfolio-top-menu-next span,.portfolio-top-menu-info span{display:none}
.portfolio-popup-title{max-width:300px}
.portfolio-popup-content{max-width:300px}
}
@media (min-width:0px) and (max-width:320px) {
.portfolio-popup-title{max-width:300px}
.portfolio-popup-content{max-width:300px}
header{padding-left:10px;padding-right:10px;width:calc(100% - 20px);height:70px}
.logo{float:left;width:49px;height:48px;margin-top:10px}
.work{width:calc(100% - 0px);margin-left:0}
.portfolio-top-menu{position:fixed;width:100%;height:57px;top:70px;left:0}
.portfolio-left{width:100%;padding-top:57px;float:none}
.portfolio-right{display:none}
.portfolio-top-menu-prev span,.portfolio-top-menu-next span,.portfolio-top-menu-info span{display:none}
.contact-info{width:276px;margin:10px auto}
.contact-qr,.contact-content-title{display:none}
.blog-content{width:100%;min-height:0;max-height:none;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e6e7e8}
.blog-form{display:none}
.biography-left{width:calc(100% - 40px);float:none;margin:auto;margin-bottom:40px}
.biography-time-line{width:100%;float:none;overflow:hidden;position:static}
.biography-time-line-right{display:none}
.biography-time-line select{display:block}
.biography-time-line-left{width:calc(100% - 40px);padding:20px}
}

<!-- mobile--------------------------------------- BİTTİ-->