#close {
    position: absolute;
    display: none;
    font-size: 34px;
    padding: 9px 12px;
    line-height: 0px;
    margin: 24px 20px;
    color: #20114a;
    z-index: 3;
    right: 0;
    top: 0;
    font-size: 24px;
    border: 2px solid #4c4949;
    background: #000000;
}


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

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

    .header nav.main-menu {
        margin-right: -2px;
    }

    /* .header-bottom .header-text {margin-left: 0vw !important;} */
    .kurumsal-img {
        position: relative;
        width: 37% !important;
        margin-left: 21px;
        left: 1vh;
    }

    .kurumsalAlan .kurumsalText h1 {
        font-size: 29px;
    }

    .kurumsalAlan .kurumsalText p {
        font-size: 17px;
    }

    .kurumsalAlan .boxs h1 {
        font-size: 26px;
    }

    .kurumsalAlan .boxs span {
        font-size: 17px;
    }

    .kurumsalAlan .boxs p {
        font-size: 14px;
    }

    .kurumsalAlan .kurumsalBox {
        margin-left: 139px;
    }

    .talinAltMenu .footer-box span {
        font-size: 20px;
    }

    .footer-sosyal {
        position: relative;
        right: 16vh;
    }

    .footer-bulten {
        margin-top: 8px;
    }

    .line {
        top: 15vh;
    }

    .footer-sosyal {
        left: 11%;
    }
}

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


}

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

}

@media only screen and  (max-width: 1024px) {
.footer-box__hizlimenu { padding-left: 50px;
    }
    div#projeozellik {
        flex-direction: column;
    }

    .header nav.main-menu { /*margin-right: 20px;*/
        position: relative;
        left: 3%;
    }

    .header nav.main-menu a {
        font-size: 13px;
    }

    nav.main-menu a span.before1:before {
        width: 49px;
    }

    nav.main-menu a span.before2:before {
        width: 51px;
    }

    .kurumsal-img {
        width: 42% !important;
        margin-left: 49px;
        left: -3vh;
    }

    .kurumsalAlan .kurumsalBox {
        margin-left: 55px;
    }

    .kurumsalAlan .boxs p {
        font-size: 13px;
        margin-left: 2px;
    }

    .kurumsalAlan .boxs span {
        font-size: 16px;
    }

    .kurumsalAlan .boxs h1 {
        font-size: 26px;
    }

    .footer-bulten h1 {
        font-size: 34px;
    }

    .footer-bulten p {
        font-size: 14px;
    }

    .talinAltMenu .footer-box span {
        font-size: 28px;
    }

    /*.header-bottom .header-text {margin-left: 3vw !important;}*/
    .footer-sosyal {
        right: 7vh;
    }

    .talin-sertifika .boxBg {
        width: 213px;
        left: 14vh;
    }

    .projeDetayBox .boxs {
    }

    .projeDetayBox .boxs figure img {
        width: 22%;
        left: 0;
        top: 0;
    }

    .projeDetayBox .boxs span {
        font-size: 11px;
    }
    .projeDetayBox {
        position: static;
        margin-top:15px;
    }

    .detayText {
        margin-top: 0px;
    }

    .ozellikBgText {
        font-size: 14px;
    }

    .ozellikBgText span {
        font-size: 13px;
    }

    .detay2Text span {
        font-size: 13px;
    }


    /*.line{top:7vw !important;}*/
    .footer-sosyal {
        left: 6%;
    }

    .line {
        top: 7vw !important;
    }
}

@media only screen and  (max-width: 912px) {
    #close {
        display: block !important;
        color: #ffffff;
    }

    .header nav.main-menu {
        display: none;
    }
}

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

}

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

@media only screen and  (max-width: 768px) {
    .header a img {
        width: 14%;
        margin-bottom: 17px;
    }
.footer-box__hizlimenu { padding-left: 25px;
    }
    .header-bottom .header-text span {
        font-size: 28px;
        line-height: 1.2em;
    }

    .header-bottom .header-text p {
        font-size: 11px;
    }

    .kurumsal-img {
        width: 45% !important;
        margin-left: 76px;
        left: -2vh;
    }

    .kurumsalAlan .kurumsalText h1 {
        font-size: 26px;
    }

    .kurumsalAlan .kurumsalBox {
        margin-left: 18px;
    }

    .footer-bulten {
        bottom: 1vh;
    }

    .footer-bulten h1 {
        font-size: 31px;
    }

    .line {
        top: 20vw !important;
    }

    .footer-box {
        margin-top: 39px;
    }

    .talinAltMenu .footer-box span {
        font-size: 22px;
        margin-bottom: 10px;
        display: block;
    }

    .talinAltMenu {
        padding: 35px;
    }

    .footer-sosyal {
        left: 1%;
    }

    .footer-iletisim {
        right: 5%;
    }

    .footer-hmenu {
        left: 1%;
    }

    .talinProjeler .projeBox {
        width: 31%;
        left: 3vh;
    }

    .talinProjeler .projeBox .talinProjeText span {
        font-size: 16px;
    }

    .talinProjeler .projeBox .talinProjeText p {
        font-size: 13px;
    }

    .talin-sertifika .boxBg {
        left: 17vh;
    }

    .iletisimBoxBaslik figure img {
        right: 5%;
        top: 22%;
    }

    .detayText {
        margin-top: 10px;
    }

    .iletisimformu h1 {
        font-size: 36px;
    }

    .talinProjeler {
        margin-top: 28px;
    }

    .iletisimformu {
        padding: 25px;
    }

    .sosyalbutonlarfooter a {
        font-size: 14px;
    }

    #close { /*top: -4px;*/
        width: 7%;
        right: 2%;
    }

    .sabitheader .logo img {
        position: relative;
        width: 99px;
    }

    .projeOzellikBg {
        position: static;
        width: 100%;
    }
    .proje-detay2-img .imgborder{
        display: none;
    }
    .detay2Text span {
        font-size: 12px;
    }

    .bg a.corporate {
        position: absolute; /*margin-top: -40vh;margin-left: -80vh;*/
        top: 24%;
        left: 7%;
    }

    .bg a.referances {
        position: absolute; /*margin-top: 40vh;margin-left: -60vh;*/
        bottom: 25%;
        left: 10%;
    }

    .bg a.contact {
        position: absolute; /*margin-top: 10vh;margin-left: 90vh;*/
        top: 50%;
        right: 7%;
    }

}

@media only screen and  (max-width: 575px) {
    .bg {
        background-image: url(../images/bg-mobil.jpg);
        overflow: hidden;
        width: 100%;
        height: 100vh;
        border-width: 10px !important;
    }

    .bg a {
        color: #222;
        display: inline-block;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 18px;
    }


    /*
        .safari .bg a.home {
        margin-top: -55vh;
        margin-left: -10vh;
    }
    
    .safari .bg a.corporate {
        margin-top: -40vh;
        margin-left: -20vh;
    }
    
    .safari .bg a.project {
        margin-top: 55vh;
        margin-left: 10vh;
    }
    
    .safari .bg a.referances {
        margin-top: 40vh;
        margin-left: -20vh;
    }
    
    .safari .bg a.blog {
        margin-top: 25vh;
        margin-left: 20vh;
    }
    
    .safari .bg a.contact {
        margin-top: -25vh;
        margin-left: 20vh;
    }
*/
}

@media only screen and  (max-width: 460px) {
    .detay2Text ul li:nth-child(2n-1), .detay2Text ul li:nth-child(2n) {
        width: 100%;
        margin: 4px 0;
    }

    .header-bottom {
        padding: 26px;
    }

    .header-bottom .header-text {
        margin-left: 11px;
    }
	
	.footer-box__hizlimenu { padding-left: 10px;
    }

    .header-bottom .header-text span {
        font-size: 24px;
    }

    .header-bottom .header-text p {
        font-size: 10px;
    }

    .header a img {
        width: 19%;
    }

    #close {
        width: 12%;
        right: 28px;
        top: -9px;
    }

    .kurumsal-img {
        width: 50% !important;
        margin-left: 0px;
        left: 0vh;
    }

    .kurumsalAlan .kurumsalText h1 {
        font-size: 16px;
        line-height: 20px;
    }

    .kurumsalAlan .kurumsalText span {
        font-size: 14px;
    }

    .kurumsalAlan .kurumsalText p {
        font-size: 11px;
        line-height: 17px;
    }


    .kurumsalAlan .boxs h1 {
        font-size: 22px;
    }

    .kurumsalAlan .boxs span {
        font-size: 15px;
    }

    .kurumsalAlan .boxs p {
        margin-top: 10px;
    }

    .footer-logo figure img {
        width: 120px;
        margin: 0 auto;
        display: block;
    }

    .footer-sosyal {
        left: 0vw;
        top: 2vw;
    }

    .footer-sosyal span {
        position: relative;
        left: -162px;
    }

    .footer-down .copyright {
        font-size: 11px;
    }

    .footer-down span {
        font-size: 12px;
    }

    .footer-hmenu {
        left: 0%;
    }

    .footer-iletisim {
        right: 0%;
    }

    .talinProjeler .projeBox {
        width: 77%;
        left: 5vh;
    }

    .talinProjeler .basliklar {
        left: 1vw !important;
    }

    .talinProjeler .basliklar span a {
        font-size: 13px;
    }

    .footer-sosyal {
        position: relative;
        top: -6vh;
        right: 25vh;
    }

    .talin-sertifika .boxBg {
        left: 3vh;
        width: 38%;
    }

    .iletisimadres {
        margin-left: -19px;
    }

    /*.iletisimformu input[type=text] {padding: 20px 28vh 20px 2vh;}
    .iletisimformu input[type=Tel] {padding: 20px 28vh 20px 2vh;}
    .iletisimformu input[type=email] {padding: 20px 28vh 20px 2vh;}*/
    .detayText h1 {
        font-size: 19px;
    }

    .detayText span {
        font-size: 17px;
    }

    .detayText p {
        font-size: 14px;
        line-height: 16px;
        margin-top: 13px;
    }

    .proje-detay-img {
        width: 42% !important;
    }


    .iletisimBoxBaslik figure img {
        right: 5%;
        top: 30%;
    }

    .line {
        top: 32vw !important;
    }


    .bg a.referances {
        position: absolute; /*margin-top: 40vh;margin-left: -60vh;*/
        bottom: 22%;
        left: 2%;
    }

    .bg a.contact {
        position: absolute; /*margin-top: 10vh;margin-left: 90vh;*/
        top: 62%;
        right: 10%;
    }

}

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

}

@media only screen and  (min-width: 390px) {
    .footer-sosyal span {
        top: -5vh;
        right: 21vh;
    }

}

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

    .proje-detay-img {
        width: 54% !important;
    }


    .footer-sosyal {
        top: 6vw;
    }

    .footer-sosyal span {
        right: 43vw !important;
        top: -9vw;
    }

    .iletisimadres {
        margin-left: -21px;
    }

    .talinProjeler .basliklar span a {
        font-size: 11px;
    }

    #close {

        right: -2px;
        top: -15px;
    }


}

@media only screen and  (max-width: 360px) {
    .kurumsalAlan .kurumsalText h1 {
        font-size: 13px;
    }
	.footer-sosyal-medya a { padding: 5px 7px;
    }

    .kurumsalAlan .kurumsalText p {
        font-size: 10px;
        line-height: 13px;
    }

    .kurumsalAlan .boxs p {
        font-size: 11px;
        margin-left: 13px;
        margin-top: -8px;
    }

    .kurumsalAlan .boxs h1 {
        font-size: 18px;
        margin-left: 13px;
    }

    .kurumsalAlan .boxs span {
        font-size: 13px;
        top: -2vh;
        margin-left: 14px;
    }

    .kurumsalLine {
        top: -2vh;
    }

    .kurumsalAlan .boxs {
        height: 155px;
    }

    .kurumsalAlan .kurumsalBox {
        margin-left: 10px;
    }

    .footer-sosyal span {
        top: -5vh;
        right: 24vh;
    }

    /*.iletisimformu input[type=text] {padding: 19px 12vh 20px 2vh;}*/
    .detayText span {
        font-size: 16px;
    }

    .detayText span {
        font-size: 16px;
    }


}

@media only screen and  (max-width: 320px) {
    .iletisimBoxBaslik figure img {
        left: 54vw !important;
        top: -10vw;
    }

    .iletisimadres {
        margin-left: -27px;
    }

    .iletisimadres p {
        font-size: 14px;
        line-height: 15px;
    }

    .footer-sosyal {
        top: -1vw;
    }

    .footer-sosyal span {
        left: 0vw;
        top: -1vw;
    }

    .talinProjeler .basliklar span a {
        font-size: 12px;
    }

    .talinProjeler .projeBox {
        left: 8vw;
    }

    .iletisimformu p {
        font-size: 13px;
        line-height: 17px;
    }

    .iletisimformu h1 {
        font-size: 31px;
    }

    .iletisimbilgileri .iletisimpad span {
        font-size: 19px;
    }

    .line {
        top: 39vw;
    }

    #close {
        width: 15%;
        right: -11px;
        top: -15px;
    }

    .bg a.corporate {
        position: absolute; /*margin-top: -40vh;margin-left: -80vh;*/
        top: 30%;
        left: 5%;
    }

    .bg a.home {
        position: absolute; /*margin-top: -60vh;margin-left: 30vh;*/
        top: 15%;
        left: 50%;
    }


}

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

}