input[type="button"],input[type="submit"],a,.transition,li { -webkit-transition: background 0.9s linear ;-moz-transition: background 0.9s linear; -ms-transition: background 0.9s linear;-o-transition: background 0.9s linear; transition: background 0.9s linear;}
input[type="button"],input[type="submit"],a,.transition,li { -webkit-transition: color 0.3s linear ;-moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear;-o-transition: color 0.3s linear; transition: color 0.3s linear;}


.style-2 {background-color:rgba(0, 0, 0, 0.5); text-align:left; color:#FFF; padding:40px 0;}
.style-2 h2{text-align:left}
.style-2 .sec-1 {padding-right:50px}
.style-2 .table-1 {margin-top:20px}
.table-1 {width:100%; text-align:center}
.table-1 input[type='text']{ width:80%; height:20px; border:none}
.table-1 thead th {font-size:12px; font-weight:300; text-align:center;}
.table-1 td {padding:5px 0}
.table-1 .table-bottom{font-size:12px}
.table-1 input {color:#333}
.table-1 .result { width:80%; height:20px; border:solid 1px #FFF; color:var(--bs-primary); !important;; font-weight:600}

.table-1 select {color:var(--bs-primary); !important; !important;width: 100px;padding: 5px;font-size: 16px;line-height: 1;border: 0;height: 34px;background:url(../images/asagi.png);-webkit-appearance: none; background-position-x: 86px;background-position-y: 14px;background-repeat:no-repeat;background-color:#404856}

@media (max-width: 1366px) {
    .bg-1{background-position:center 63%;}
    .bg-kurumsal{background-position:center 45%;}
    .bg-cozumler{background-position: center 52%;}

}
@media (max-width: 1280px) {
    .bg-1{background-position:center 58%;}
    .bg-cozumler{background-position: center 48%;}

}
@media (max-width: 1170px) {
    .container {width:100%}
    header .nav-menu li {display: inline-block;font-size: 15px;color: var(--bs-primary); !important;;margin-left: 20px;}
    .style-11.form { padding:0 10px}
    .style-11 {padding-left:15px;padding-right:15px}
    .map {padding:20px}
    .mapcanvas {height:400px !important}
    .page-head {background-position-y:0 !important;
    }
}
@media (max-width: 1024px) {
    .table-1 .result {width:90%}
    .table-1 input[type='text']{width:90%}
    .mapcanvas {height:350px !important}
    .bg-1{background-position:center center;}
    .bg-kurumsal{background-position:center 54%;}
    .bg-cozumler{background-position: center 28%;}
}
@media (max-width: 960px) {
    .style-5 {background-position-y:0}
    .style-11 .item {width:50%}
}

@media (max-width: 768px) {
    .style-2 .sec-1 {padding-right: 0}
    .style-2 { padding: 20px 0}
    .content h1 {font-size: 20px}
    .content .txt {font-size: 14px;line-height: 22px}
    .style-11 .sec-1 {padding-right: 10px;}
    .style-5 {background-size: 193%;}
}
@media (max-width: 640px) {
    .style-11 .item {width:100%}

}
@media (max-width: 480px) {
    .style-5 {background-size: auto;}
}
@media (max-width: 360px) {
    .bg-1{background-size:130%}
}