@media only screen and (max-width:1600px) {
    .ozellikList li img {width:70px;}
    .officeBox {height:350px;}
    .galleryList li {height:130px;}
    .galleryList li:nth-child(1) {height:280px;}
    .galleryList:nth-child(2) li {height:445px;}
    .bulten .container {padding-right:35%;}
    .bulten figure {width:40%;}
    .pdn {padding:50px 0px;}
    #dp-next {bottom:30%;}
    .locationSect figure {height:450px; border-radius:30px;}
    .tabMenu li {font-size:20px;}
    .locationBox {margin-top:60px; height:390px; border-radius:30px; padding:30px;}
    ul.tabMenu {top:10px;}
    .locTop a {width:90px;}
    .locationBox ul li {font-size:12px; margin:15px 1%;}
    .locationBox ul {padding-left:10%; margin-top:0px;}
    .yol-tarifi {width:160px; bottom:-20px;}
    .logoCarousel .owl-next {right:-30px;}
    .logoCarousel .owl-next, .logoCarousel .owl-prev {width:20px;}
    .logoCarousel .owl-prev {left:-30px;}
    .locationBox article {width:45%; border-width:20px; border-top-width:35px; height:220px;}
    .locationBox article h2 {font-size:1.3vw;}
    .locationBox article p {font-size:1.3vw;}
    .footerLogo {width:210px; margin-bottom:25px;}
    .bottom {padding-top:25px;}
    .topBar .socialList{margin-left: 10%;}
}
    
@media only screen and (max-width:1575px) {}
@media only screen and (max-width:1475px) {}
    
@media only screen and (max-width:1375px) {
    .topMenu ul li {margin:0px 15px;}
    .logo {width:160px;}
    .socialList span {font-size:12px;}
    .topContactBtn {width:160px;}
    .header_form input[type=email], .header_form input[type=text], .header_form select {height:33px !important;}
    .form-logo {width:60%; margin:0 auto 10px; display:table; float:initial;}
    .header_form textarea {height:60px;}
    .topBar {height:70px;}
    .mtop {margin-top:70px;}
    .form-holder {padding-top:70px;}
    .header_form h4 {font-size:1.3rem !important; margin-bottom:5px;}
    .officeBox {height:330px;}
    .officeBox article {width:65%;}
    .officeBox article ul li {font-size:12px;}
    .title h2 {font-size:2vw;}
    .bultenKayit form input[type=text] {width:190px;}
    .bulten .container {padding-right:35%; padding:60px 35% 60px 35px;}
    .bulten figure {width:35%;}
    .container {max-width:90%;}
    .contactList .w50 a {font-size:12px;}
    .contactList span {font-size:15px;}
    .contactList p {font-size:12px;}
    .footer-1 .footerLogo {width:90%;}
    .imgTitle {height:55px; font-size:1.3vw;}
    .formClick {font-size:11px;}
}
    
@media only screen and (max-width:1280px) {}
@media only screen and (max-width:1100px) {}
@media(min-width:769px) and (max-width:1100px) {}
    
@media only screen and (max-width: 850px) {
    .form-holder {position:relative; width:100%; padding:20px 25px;}
    .form-inner {width:300px; margin:0 auto; display:table;}
    .menu {display:none;}
    .main-page {height:auto; width:100%;}
    main {overflow-x:hidden;}
    p {font-size:15px !important; line-height:2;}
    .title h2 {font-size:7vw;}
    .menu-trigger {width:40px; height:25px; position:relative; cursor:pointer; display:inline-block; vertical-align:top;}
    .menu-trigger .line {width:100%; position:absolute; top:0; left:0; height:2px; background:#fff;}
    .menu-trigger .line {width:100%; position:absolute; top:0; left:0; height:2px; background:var(--primary); transition:0.3s;}
    .menu-trigger .line.line-1 {transition:all 0.3s 0.3s, transform 0.3s 0s;}
    .menu-trigger .line.line-2 {top:50%; margin-top:-1px; left:0; transition:all 0.3s 0.3s;}
    .menu-trigger .line.line-3 {bottom:0; top:auto; left:0; transition:all 0.3s 0.3s, transform 0.3s 0s;}
    .menu-trigger.active {transform:rotate(135deg); transition:all 0.5s 0.3s;}
    .menu-trigger.active .line-1 {top:50%; margin-top:-1px; transform:rotate(90deg); transition:all 0.3s, transform 0.3s 0.3s;}
    .menu-trigger.active .line-2 {opacity:0; transition:all 0.3s, opacity 0.3s 0s;}
    .menu-trigger.active .line-3 {bottom:50%; margin-bottom:-1px; transform:rotate(0deg); transition:all 0.3s, transform 0.3s 0.3s;}
    .topMenu {position:fixed; right:0px; top:0px; height:100vh; width:270px; background-color:var(--titlecolor); display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:1; background-color:#333; padding:80px 30px 0px; z-index:1;}
    .topMenu>ul {display:flex; flex-direction:column; align-items:flex-start;}
    .topMenu>ul>li>a {font-size:5vw; margin:0px; color:#fff; line-height:1.2; display:table; padding:5px 0px; margin:10px 0px;}
    .topMenu>ul>li {margin:0px; width:100%;}
    .sub-menu {position:relative; top:0px; visibility:visible; pointer-events:initial; opacity:1; width:100%; display:inline-block; margin:0px !important;}
    .sub-menu li a {margin:0; padding:7px 15px !important; width:100%;}
    .sub-menu li {width:100%; margin:0px !important;}
    .menuActive main {right:270px;}
    .menuActive {overflow:hidden;}
    .shadowMask {position:fixed; left:0px; top:0px; width:auto; height:100vh; bottom:0px; right:0px; z-index:5; background-color:rgb(0 0 0 / 50%); opacity:0; pointer-events:none; transition:all .3s cubic-bezier(0.42, 0, 0.18, 1);}
    .menuActive .shadowMask {opacity:1; pointer-events:initial; right:270px;}
    .topMenu>ul>li:last-child {border:none;}
    .topBar {height:70px; background-color:#f3f4f6;}
    .menuActive .topBar {left:-270px;}
    .topMenu .socialList {position:absolute; top:20px; left:5%; width:90%; display:flex; align-items:center; justify-content:center; color:#fff;}
    .topMenu .socialList ul li {margin:0px 4px;}
    .topContactBtn {width:100%; text-align:center; font-size:20px; position:fixed; bottom:0; z-index:4; left:0; border-radius:0; height:55px; padding:10px 15px; display:flex; align-items:center; justify-content:center; display:none;}
    .menuActive .topContactBtn {left:-270px;}
    .hakkinda article {width:100%; padding:0;}
    .hakkinda figure {width:70%; margin-top:25px;}
    .tanitim {margin-bottom:0;}
    .ozellikList li {width:100%; margin:10px 0px;}
    .ozellikList li span {font-size:4.5vw;}
    .title.center {margin-bottom:30px;}
    .officeBox {width:100%; padding:180px 30px 30px 30px; height:auto; margin-bottom:150px;}
    #ozellikler .officeBox {display:none;}
    .galleryList {width:100%; margin:10px 0;}
    .galleryList li:nth-child(1) {margin-bottom:20px; height:150px;}
    .bulten .container {padding:20px; border-radius:10px;}
    .bulten figure {position:relative; height:250px; right:0; top:0; margin-top:20px; width:100%;}
    .bultenKayit form input[type=text] {width:60%;}
    .bultenKayit form input[type=submit] {width:35%; margin-left:5%;}
    .bulten .title h2 {font-size:5vw;}
    .pdn {padding:30px 0;}
    .galleryList:nth-child(2) li {margin-bottom:0;}
    .ft-50.left {width:100%;}
    .footer-1 {width:100%; margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
    .footer-1 .footerLogo {width:auto;}
    .bottom .container {display:inline-block; margin-left:5%;}
    .bottom {}
    .contactList {width:100%; margin:30px 0px;}
    .contactList .w50 {width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin-bottom:40px;}
    .contactList span {text-align:center; font-size:22px;}
    .ft-50 {width:100%;}
    .contactList .w50 a {font-size:15px;}
    .copyright {padding-bottom:85px; font-size:4vw;}
    .contactList p {font-size:14px;}
    .officeImgs {height:250px; width:100%; left:64% !important; right:initial !important; top:0; transform:translate(-50%, -50%) !important;}
    .officeBox:last-child {margin-bottom:0px;}
    .officeBox article {width:100% !important;}
    #dp-next {bottom:30%;}
    .officeBox article ul li {font-size:14px;}
    .ozellikList {margin-bottom:0; display:inline-block;}
    .ozellikList li br {display:none;}
    .header_form input[type=email], .header_form input[type=text], .header_form select {height:45px !important;}
    .header_form textarea {height:100px;}
    .footer-1 span {text-align:center; font-size:15px;}
    .locationSect figure {width:100%; height:300px; border-radius:15px;}
    ul.tabMenu {position:relative; top:0; width:100%; margin-bottom:20px; display:inline-block; text-align:center;}
    .tabMenu li {margin:0 10px; text-align:center; float:initial; display:inline-block; font-size:5vw;}
    .locationBox {width:100%; margin-top:15px; border-radius:15px; height:auto; padding:25px 15px;}
    .locTop {flex-direction:column; align-items:center;}
    .locTop p {font-size:3vw; line-height:1.3;}
    .locTop a {width:130px; margin-top:10px;}
    .locationBox ul li {width:31%;}
    .yol-tarifi {right:50%; transform:translateX(50%); width:200px; bottom:-25px;}
    .locationBox article {position:relative; right:0; transform:initial; width:100%; bottom:initial; top:-80px; margin-bottom:-60px; height:inherit; padding-bottom:15px; border-radius:15px; border-width:34px 15px 28px 15px;}
    .locationBox article::before {border-radius:15px;}
    .locationBox article h2 {font-size:5vw;}
    .locationBox article p {font-size:4vw;}
    .logoCarousel .owl-nav {display:none;}
    .galleryCarousel .owl-nav {position:relative; margin:15px auto 0; display:table;}
    .galleryCarousel .owl-next, .galleryCarousel .owl-prev {position:relative; top:0; float:left; margin:0px 6px; right:0;}
    .bultenKayit form input[type=email] {width:60%;}
    .bultenKayit form input[type=submit] {width:35%; margin-left:5%;}
    .iletisim-m {position:fixed; width:100%; background:var(--primary); display:inline-block!important; box-sizing:border-box; bottom:-200px; z-index:999; transition:all .3s ease-in-out; left:0; display:inline-block;}
    .iletisim-m.active {bottom:0; box-shadow:0 0 15px rgba(0, 0, 0, .2)}
    .iletisim-m ul li {float:left; width:50%; font-size:22px; text-align:center; list-style:none}
    .iletisim-m ul li i {display:block; box-sizing:border-box; width:27px; padding-bottom:0; display:inline-block; position:relative; margin-right:10px}
    .iletisim-m ul li:nth-child(1) {box-sizing:border-box; border-right:1px solid #fff}
    .iletisim-m ul li:nth-child(2) {box-sizing:border-box}
    .iletisim-m ul li.form-icon {position:absolute; top:-25px; width:80px; left:50%; margin-left:-40px; text-align:center}
    .iletisim-m ul li a {color:#fff; font-size:4vw; width:100%; padding:0; height:60px; display:flex; align-items:center; justify-content:center; padding:0 20px; box-sizing:border-box; font-weight:700}
    .iletisim-m ul {width:100%; display:inline-block; float:left; padding:0; margin:0}
    .iletisim-m ul li:first-child a {justify-content:flex-start;}
    .iletisim-m ul li.form-icon a {padding:0}
    .iletisim-m ul li:nth-child(2) a {justify-content:flex-end;}
    .logo {width:160px;}
    .officeCarousel .items {flex-direction:column; padding:15px;}
    .officeCarousel .items.officeBox {display:inline-block !important; display:flex; flex:1 0 auto; height:100%; width:calc(100% - 4px); margin-left:2px !important; margin-top:0; position:relative; padding-bottom:55px;}
    .officeCarousel .items .title {margin-top:20px; margin-bottom:10px;}
    .officeCarousel .owl-next, .officeCarousel .owl-prev {position:absolute; top:80px; right:-10px; height:45px; width:45px; z-index:10; cursor:pointer; background-color:#fff; padding:12px; border-radius:360px; display:flex; align-items:center; justify-content:center; background-image:url(../images/icons/next.png); background-position:center; background-size:20px; background-repeat:no-repeat; text-indent:-9999em; border:3px solid var(--primary) !important;}
    .officeCarousel .owl-prev {top:140px; background-image:url(../images/icons/prev.png) !important;}
    .officeCarousel .owl-stage {display:flex; height:100%;}
    .officeCarousel .officeBox article p {margin-bottom:15px; line-height:1.7; text-align:center;}
    .officeCarousel .officeBox article ul li {margin-bottom:10px; display:inline-block; width:48%;}
    .officeCarousel {display:inline-block !important;}
    .avantajBar {font-size:4vw; padding:15px 37px 15px 72px;}
    .avantajBar img {left:20px; width:35px;}
    .imgTitle {font-size:4vw;}
    .officeBox article ul {display:inline-block; text-align:center; margin-bottom:0;}
    .officeCarousel .officeBox article ul li:last-child {width:100%; margin-bottom:0; margin-top:15px;}
    .officeBox article ul li span {font-size:5vw;}
    .formClick {display:inline-block; width:100%; text-align:center; font-size:3.5vw; position:absolute; left:0px; bottom:0px; width:100%;}
    .title span {font-size:6vw;}
    .difoffice {margin-top:110px;}
    .hakkinda .container {flex-direction:column;}
    .desktop {display:none;}
    .mobile {display:inline-block; width:100%;}
}

@media only screen and (max-width: 500px) {
    .officeCarousel .items.officeBox figure {height:300px; overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative; width:100%; right:0; margin-bottom:15px;}
    .officeCarousel .owl-next, .officeCarousel .owl-prev {top:60px;}
    .officeCarousel .owl-prev {top:120px;}
}
    
@media only screen and (max-width: 320px) {
    .form-inner {width:100%;}
}