body{margin:0; font-family: quicksandRegular; background-color: #292c2e;}
@font-face {font-family: quicksandRegular; src: url(../fonts/quicksand/Quicksand-Regular.ttf);}
@keyframes fadeIn{0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes fadeIn{0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes fadeIn{0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes fadeIn{0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes fadeIn{0% {opacity:0;}100% {opacity:1;}}
a{text-decoration: none;}
input {font-family: 'Open Sans', sans-serif; outline: none;}
textarea:focus, input:focus{outline: none;}
*:focus {outline: none;}
#preloader {position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99;}
#status {width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../../images/loader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px;}
.container {width:-webkit-fill-available; padding:0 60px; margin:0 auto; display: table;}
.mob{display: none !important;}
.ustBar{padding: 40px 0 20px 0;}
.menu {float: left; margin: 42px 0 0 0; font-family: quicksandRegular; width: 66%; text-align: center;}
.menu ul {padding: 0; margin: 0;}
.menu ul li {padding: 0; margin: 0 0 0 50px; list-style: none; display: inline-block;}
.menu ul li a {cursor: pointer; float:left; font-size: 18px; line-height: 29px; width: fit-content; padding:5px 0; color: #fc8204; text-decoration: none;}
.aktif{border-bottom: 2px solid #fd8204; width: 30px;}
.aktif2{width: max-content; display: block; float: left; border: 1px solid #fd8204; font-weight: 700 !important; margin: 0 0 5px 0;}
.aktif2 a{padding: 0 10px !important;}
.logo{float:left; width:15%;}
.logo img{width: 200px; margin: 13px 0;}
.slider h1{position: absolute; text-align: left; width: 70px; color: #000000; font-size: 21px; margin: 0 auto; font-weight: 600; top: 20px; line-height: 19px; letter-spacing: 1px;}
.slider label{width: 70px; font-size: 16px;}
.slider h2{position: absolute; text-align: left; width: 130px; color: #000000; font-size: 22px; margin: 0 auto; font-weight: 100; letter-spacing: 1px; top: 250px;}
.slider h3{position: absolute; text-align: center; width: 100%; color: #ffffff; font-size: 26px; margin: 270px 0 0 0; font-family: 'Oswald', sans-serif; font-weight: 300;}
.bx-wrapper {-moz-box-shadow: 0 0 0 #ffffff; -webkit-box-shadow: 0 0 0 #ffffff; box-shadow: 0 0 0 #ffffff; border: 0; background: #ffffff; }
.bx-viewport img{height: 720px !important; float: right;}
.bx-wrapper .bx-pager-item {font-size: 18px;}
.bx-wrapper .bx-pager.bx-default-pager a{color: #000000; display: inline; background-color: #ffffff; font-weight: 100;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color: #ffffff;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #ffffff; color: #fd8204; font-size: 22px;}
.bx-wrapper .bx-pager{text-align: left; font-family: quicksandRegular; position: relative; margin: -70px 0 120px 0; display: none;}
.dropdown {position: relative;	display: inline-block; position: absolute; z-index: 3; height: 30px; width: 50px; margin: 0 0 0 -49px; cursor: pointer;}
.dropdown-child { padding: 10px 0 0 0; display: none; background-color: #ffffff; width: 230px; height: 170px; margin: 30px 0 0 -90px; -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 0 5px 5px 0px rgba(0,0,0,0.75);}
.dropdown-child a {color: #000000;	padding: 20px; text-decoration: none;	display: block;}
.dropdown:hover .dropdown-child {display: block;}
.katalog{display: inline-block; margin: 20px 70px 0 0; font-weight: 100; padding: 0 20px 0 0; color: #fc8204;}
.katalog img{position: absolute; margin: -2px 0 0 7px;}
.dil{text-align: right; font-family: quicksandRegular; font-size: 16px; font-weight: 600; color: #fc8204; float: right; margin: 25px 0 0 0; width: 19%;}
.dil a{color: #fc8204; padding: 5px 7px;}
.dil .aktif{background-color: #fd8204; color: #000000;}
.dil span{padding:0 10px;}
.cizgi{width: 120px; height: 2px; background-color: #fd8204; position: absolute; right: 270px; margin: 17px 0 0 0;}
.cizgi2{width: 120px; height: 2px; background-color: #fd8204; position: absolute; left: 270px; margin: 17px 0 0 0;}
.cizgi3{width: 130px; height: 2px; background-color: #fd8204; position: absolute; left: 210px; margin: 27px 0 0 0;}
.dortlu{display: flex; margin: 0 0 50px 0;}
.dortlu .solaDaya{text-align: left !important;}
.dortlu .uzanti{text-align: right; font-size: 18px; margin: 0 0 130px 0; font-family: quicksandRegular; letter-spacing: 2px; color: #ffffff;}
.dortlu .baslik{font-size: 42px; text-align: right; font-style: italic; font-family: times-new-roman; color: #fc8204;}
.dortlu .aciklama{width: 500px; float: right; text-align: right; font-size: 18px; margin: 50px 0 70px 0; font-family: quicksandRegular; color: #ffffff;}
.dortlu .link{width: 350px; float: right; text-align: right; font-size: 16px; font-family: quicksandRegular; letter-spacing: 2px; color: #ffffff;}
.dortlu .resim{width: 65%; height: 430px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.dortlu .text{width: 35%; height: 430px;}
.eBultenKat{width: 49%; float: left; margin: 80px 0;}
.eBultenKat input[type='text']{font-family: quicksandRegular; letter-spacing: 2px; background-color: #292c2e; border: 2px solid #807f7f; width: 69%; height: 40px; float: left; padding: 0 20px; margin: 0 10px 0 0; font-size: 16px;}
.eBultenKat input[type='submit']{font-family: quicksandRegular; letter-spacing: 2px; color: #ffffff; width: 24%; height: 44px; float: left; padding: 0 20px; font-size: 16px; background-color: #292c2e; border: 2px solid #807f7f;}
.eBultenKat input[type='button']{cursor: pointer; font-family: quicksandRegular; letter-spacing: 2px; color: #ffffff; width: 24%; height: 44px; float: left; padding: 0 20px; font-size: 16px; background-color: #292c2e; border: 2px solid #807f7f;}
.eBultenKat .title{color: #fd8204; font-size: 22px; margin: 0 0 15px 0; font-family: quicksandRegular; letter-spacing: 2px;}
.ayrac{width: 2%; height: 1px; float: left;}
.footer{background-color: #292c2e; min-height: 350px; padding: 0 100px; border-top: 2px solid #807f7f;}
.fLogo{width: 76%; float: left;}
.copyRight{width: 11%; float: left; font-size: 14px; color: #807f7f; line-height: 110px; quicksandRegular; letter-spacing: 2px;}
.sm{width: 13%; float: left; text-align: right; padding: 35px 0 0 0;}
.sMenu{width: auto;; float: left; padding: 20px 0 0 0;}
.sMenu2{width: 100%; margin: 50px 0 20px 0;}
.sMenu3{width: 100%; margin: -20px 0 20px 0;}
.sMenu4{width: 14%; float: left; padding: 20px 0 0 0;}
.kurumLink{font-weight: 600 !important;}
.sMenu ul{list-style: none; padding: 0;}
.sMenu ul li{text-align: left; font-size: 20px; color: #fd8204; font-weight: 400; padding: 0 0 3px 0; cursor: pointer;}
.sMenu a{color: #fd8204; width: max-content; display: block; float: left; letter-spacing: 2px; padding: 5px 10px; font-size: 18px;}
.sMenu span{width: 120px; height: 2px; background-color: #fd8204; margin: 15px 0 0 0; display: block; float: left;}
.sMenu .metin{display: inline-block; margin: 200px 0 0 0; width: 200px; font-size: 20px;}
.sMenu .altKategoriMenu{display: inline-block; margin: 100px 0 0 0; width: 200px; font-size: 20px;}
.sMenu4 ul{list-style: none; padding: 0;}
.sMenu4 ul li{text-align: left; font-size: 20px; color: #fd8204; font-weight: 400; padding: 0 0 10px 50px; cursor: pointer;}
.mAktif{font-size: 18px; font-weight: 600;}
.sIcerik{width: 77%; float: left; min-height: 700px; padding: 20px 0 0 0;}
.sIcerik2{width: 97%; float: left; min-height: 700px; padding: 40px 0 0 0;}
.ayrim{width: 100%; display: inline-block;}
.sBanner{width: 100%; height: 230px; background-position: center; background-size: cover;}
.sBanner2{width: 100%; height: 760px; background-position: center; background-size: cover; margin: 0 0 50px 0;}
.white{background-color: #ffffff;}
.sIcerik .aciklama{border-left: 1px solid #999999; padding: 0 0 0 40px;}
.bolDis{margin:0 auto;}
.bol{width: 33.33%; height: 640px; background-position: center; float: left; margin: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-size: 100%;}
.bolTitle{margin: 570px 0 0 30px; font-size: 20px; color: #ffffff; width: 170px; float: left;}
.bolOk{margin: 576px 0 0 0; width: 130px; height: 3px; background-color: #ffffff; float: right;}
.bolDis a:hover > .bol{background-size: 120%;}
.projelerDis{width: 50%; float: left; position: relative;}
.projeler{width: -webkit-fill-available; height: 370px; background-size: cover; background-position: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.projelerDis .bolTitle{margin: 10px 0 0 0; font-size: 20px; color: #000000; width: -webkit-fill-available; float: left; font-weight: 600;}
.projelerDis .bolOk {text-align: right; margin: 15px 20px 0 0;}
.referanslarDis{width: 14.8%; float: left; margin: 0 0 20px 24px; border: 1px solid #e2e2e2;}
.referans{width: -webkit-fill-available; height: 205px; background-size: 100%; background-position: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.referansE{width: 100%; float: left; margin: 40px 0 30px 25px;}
.referansE input[type='text']{font-family: quicksandRegular; letter-spacing: 2px; background-color: #ffffff; border: 2px solid #cccccc; width: 450px; height: 40px; float: left; padding: 0 20px; margin: 0 10px 0 0; font-size: 16px;}
.referansE input[type='submit']{font-family: quicksandRegular; letter-spacing: 2px; width: 200px; height: 44px; float: left; padding: 0 20px; font-size: 16px; background-color: #ffffff; border: 2px solid #cccccc;}
.referansE .title{color: #fd8204; font-size: 22px; margin: 0 0 15px 0; font-family: quicksandRegular; letter-spacing: 2px;}
.iletisimDis{width: 50%; float: left; padding: 60px 0 0 0;}
.iletisimText{width: 30%; float: left; padding: 0 0 0 30px;}
.iletisimText img{margin: 0 0 10px 0;}
.iletisimHarita{width: 50%; height: 200px; padding: 12px; float: left; text-align: center; background: linear-gradient(90deg, rgb(234 234 234) 50%, rgba(253,130,4,1) 50%);}
.iletisimHarita iframe{border: 1px solid #cccccc !important;}
.iletisimText h1{font-size: 18px; margin: 0 0 40px 0;}
.iletisimText h2{font-size: 14px; font-weight: 100;}
.iletisimForm{width: 100%; float: left; margin: 40px 0 30px 0;}
.iletisimForm input[type='text']{font-family: quicksandRegular; letter-spacing: 2px; background-color: #ffffff; border: 2px solid #cccccc; width: -webkit-fill-available; height: 40px; float: left; padding: 0 20px; margin: 0 30px 0 0; font-size: 16px;}
.iletisimForm input[type='submit']{font-family: quicksandRegular; letter-spacing: 2px; width: 250px; padding: 7px 20px; font-size: 16px; background-color: #fd8204; border: 2px solid #fd8204; color: #ffffff; font-weight: 600; float: right; margin: 20px 30px 0 0;}
.iletisimForm .title{color: #000000; font-size: 14px; margin: 0 0 15px 0; font-family: quicksandRegular;}
.iletisimForm h1{font-size: 18px; margin: 0 0 40px 0;}
.blokla{display: inline-block; width: 25%; float: left;}
.sIcerik .bx-wrapper .bx-prev {background: url(../../images/sol.png) no-repeat 0 3px; right: 68px; left: auto;}
.sIcerik .bx-wrapper .bx-next {background: url(../../images/sag.png) no-repeat 0 3px; right: -5px;}
.sIcerik .bx-wrapper .bx-pager{display: none;}
.yer{width: 20%; float: left;}
.teslim{width: 15%; float: left;}
.bilgi{width: 55%; float: left;}
.ismi{width: 10%; float: left; background-color: #fd8204; color: #ffffff; height: 150px; margin: -90px 0 0 0; position: relative;}
.renklerText{width: 10%; float: left; padding: 13px 0 0 0;}
.renkler{width: 80%; float: left;}
.renk{width: 40px; height: 40px; border: 3px solid #cccccc; border-radius: 40px; float: left; margin: 0 15px 0 0; -webkit-box-shadow: 0 5px 4px 0px rgba(121, 121, 121, 0.75); -moz-box-shadow: 0 5px 4px 0px rgba(121, 121, 121, 0.75); box-shadow: 0 5px 4px 0px rgba(121, 121, 121, 0.75);}
.renksizText{width: 90%; float: left;}
.sIcerik .info{margin: -30px 0 0 0;}
.sIcerik .info img{float: left;}
.sIcerik .info h1{font-size: 20px; font-weight: 600; margin: 0 0 0 50px;}
.sIcerik .info h2{font-size: 20px; font-weight: 100; margin: 0 0 0 50px;}
.sIcerik .info h3{font-size: 18px; font-weight: 100; margin: 0 0 0 50px;}
.sIcerik .info h4{font-size: 22px; font-weight: 600; margin: 80px 0 0 15px; width: 110px;}
.bx-wrapper .bx-controls-direction a {top: 98%;}
.carpi{float: right; position: relative; z-index: 1; margin: 0 90px -63px 0;}
.altKategoriMenu ul li{border: 4px solid #cccccc; height:80px; width: 120px; font-size: 12px; margin: 0 0 10px 0;}
.mAktif2 li {border: 4px solid #fd8204 !important;}
.altKategoriMenu img{display: block; padding: 4px 0 0 2px;}
.altKategoriMenu label{letter-spacing: 1px; display: table-cell; margin: 10px 0 0 0; height: 30px; vertical-align: bottom; padding: 0 0 0 6px; width: 109px;}
.sIcerik .info .renklerText h2{margin: 0 0 0 0;}
.sIcerik .info .renksizText h2{margin: 0 50px 0 0; font-size: 18px;}
#sb-overlay{background-color: #292c2e !important; opacity: 0.9 !important;}
#sb-info{position: absolute; bottom: 0; width: -webkit-fill-available; height: 60px; margin: 0 0 -38px 0; z-index: 1;}
#sb-title-inner{background-color: #fd8204;font-size: 12px; padding: 1px 15px; margin-top: 26px;}
#sb-counter{display: none;}
#sb-nav {margin: -24px 10px 0 0; z-index: 1; position: relative;}
#sb-wrapper-inner{-webkit-box-shadow: 0 0 20px 0px rgb(0, 0, 0); -moz-box-shadow: 0 0 20px 0px rgb(0, 0, 0); box-shadow: 0 0 20px 0px rgb(0, 0, 0);}
.s_alanDis{width: 97%; float: right;;}
.s_alan{width: 20%; height: 700px; float: left; margin: 0 0 150px 0; cursor:pointer; overflow: hidden;}
.s_resim{width: 100%; height: 100%; background-size: cover; background-position: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.s_resim:hover {transform: scale(1.2);}
.s_baslik{font-size: 22px; margin: -100px 0 0 30px; font-family: quicksandRegular; letter-spacing: 1px; color: #ffffff; position: relative;}
.s_aciklama{font-size: 16px; color: #fd8204; margin: -10px 0 0 30px; position: relative;}
.s_cizgi{width: 50%; height: 3px; background-color: #fc8204; margin: -80px 0 0 0; position: relative; float: right;}
.sm_onDis{width: 3%; float: left; height: 700px; position: relative;}
.sm_on{bottom: 0; position: absolute;}
.sm_on a{display: block;}
.cOrtaklari{float: left; margin: 0 30px 30px 30px;}
.iletisim{padding: 0 150px;}
.projeDis{padding: 0 100px;}
.gosterHover{opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.gosterHover img{position: absolute; margin: 0 auto; display: block; top: 42%; left: 46%;}
.projelerDis a:hover > .gosterHover{opacity: 1; background-color: #fd82048f; position: absolute; width: 100%; height: 370px;}
.projeleIc{margin: 0 30px 80px 0; position: relative;}
.sagBlok{padding: 0 0 0 60px;}
.topBlok{padding: 0;}
.flexslider{border:0; float: right; margin: 0; height: 650px; overflow: hidden;}
.projeSol{width: 45%; float: left; position: relative;   z-index: 9;}
.projeSag{width: 55%; float: left;}
.info h2{font-size: 16px; font-weight: 400; width: 55%; float: left; border-left: 2px solid #fd8103; padding: 0 0 0 15px; margin: -20px 0 0 0;}
.info h1{font-size: 32px; font-weight: 600; width: 40%; color: #fd8103; float: left; margin: 0;}
.info label{float: left; width: -webkit-fill-available; font-size: 16px;}
.info a{color: #000000; font-weight: 600;}
.neler{display: inline-block;}
.neler h2 {border-left: 0; padding: 0; margin: 0;}
.neler label {margin: 20px 0;}
.flexslider .slides>li{cursor: pointer;}
.kucuk{height: 250px;}
.digerProjeBaslik{font-size: 22px; font-weight: 600; color: #fd8103; margin: 0 0 20px 0;}
.gen1{width: 25%;}
.gen2{width: 75%;}
.gen1 .sMenu ul li{font-weight: 100;}
.opsiyonlar{margin: 40px 100px 30px 0;}
.opsiyonlar ul{padding: 0;}
.opsiyonlar button{background-image: url(http://maseffe.pandoline.com/images/secilisiz_.png); background-repeat: no-repeat; background-position: left; background-position-x: 15px; border: 0; cursor: pointer; list-style: none; background-color: #cccccc; text-align: right; font-size: 16px; color: #000000; font-weight: 600;  padding: 10px 20px;  width: 250px; float: left; margin: 30px 2px 20px 0; font-family: quicksandRegular;}
.opsiyonlar .tab {overflow: hidden;}
.opsiyonlar .tab button:hover {background-color: #ddd;}
.opsiyonlar .tab button.active {background-color: #fd8204; color: #ffffff; background-image: url(http://maseffe.pandoline.com/images/secili_.png); background-repeat: no-repeat; background-position: left; background-position-x: 15px;}
.opsiyonlar .tabcontent {display: none; padding: 6px 12px; }
.opsiyonlar .tabcontent {animation: fadeEffect 1s;}
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
.opsiyonlarIc{float: left; margin: 20px 50px 0 0;}
.opsiyonlarIc img{width: 180px;}
.opsiyonlarIc label{display: block; font-size: 16px; font-weight: 600; margin: 5px 0 0 0;}
.nelerBaslik{font-size: 32px; color: #fc8204; font-weight: 600;}
.secili{cursor:pointer; background-color: #fc8204; color: #ffffff; font-size: 16px; font-weight: 600; padding: 10px 20px; width: 350px; float: left; margin: 30px 2px 70px 0; text-align: right;}
.secili img{float: left; margin: 5px 0 0 0;}
.secilisiz{cursor:pointer; background-color: #dfdad5; color: #000000; font-size: 16px; font-weight: 600; padding: 10px 20px; width: 350px; float: left; margin: 30px 2px 70px 0; text-align: right;}
.secilisiz img{float: left; margin: 5px 0 0 0;}
.geriDon{text-align: right; margin: -30px 30px 0 0; font-size: 18px; color: #fc8204; font-weight: 600; cursor: pointer;}
.iletisimFormlari .col-md-4 {width: 33.333%; float: left;}
.iletisimFormlari .col-md-6 {width: 50%; float: left;}
.iletisimFormlari .col-md-12 {width: 100%; display: inline-block;}
.iletisimFormlari h2 {font-size: 16px; color: #292c2e; margin: 0 0 10px 0;}
.iletisimFormlari label {font-size: 14px; color: #292c2e; margin: 0 0 7px 0; display: flow-root; padding: 8px 0 0 0;}
.iletisimFormlari .bolum1 input[type="text"] {width: -webkit-fill-available; margin: 0 30px 20px 0; height: 25px;}
.iletisimFormlari .bolum2 input[type="text"] {width: -webkit-fill-available; margin: 0 30px 0 0; height: 25px;}
.iletisimFormlari .bolum3 input[type="text"] {width: -webkit-fill-available; margin: 0 10px 33px 0; height: 25px;}
.iletisimFormlari .bolum4 input[type="text"] {width: -webkit-fill-available; margin: 0 10px 0 0; height: 25px;}
.iletisimFormlari .bolum4 label {margin: 0px 0 7px 0 !important;}
.iletisimFormlari textarea {width: -webkit-fill-available; margin: 0 30px 0 0; height: 85px;}
.iletisimFormlari .col-md-12 textarea {width: -webkit-fill-available; margin: 0 10px 0 0; height: 85px;}
.iletisimFormlari .col-md-12 label {margin: -30px 0 7px 0;}
.iletisimFormlari span {font-size: 16px; color: #292c2e; font-weight: 600; margin: 0 20px 0 0; float: left;}
.iletisimFormlari h1 {font-size: 26px; color: #fd8204; margin: 30px 0;}
#gonderBtn3 {background-color: #fd8204; border: 0; width: -webkit-fill-available; margin: 30px 10px 0 0; color: #ffffff; font-size: 18px; cursor: pointer; font-weight: 600; padding: 8px 0;}
#gonderBtn2 {background-color: #fd8204; border: 0; width: -webkit-fill-available; margin: 30px 10px 0 0; color: #ffffff; font-size: 18px; cursor: pointer; font-weight: 600; padding: 8px 0;}
#gonderBtn1 {background-color: #fd8204; border: 0; width: 200px; margin: 30px 30px 0 0; color: #ffffff; font-size: 18px; cursor: pointer; font-weight: 600; padding: 8px 0; float: right;}
.nelerProjeIc{display: flow-root;}
.yukariCik{position: fixed; bottom: 60px; right: 40px; cursor: pointer; display: none;}
.yukariCik img{width: 30px;}
.cerezPolitikasi{position: fixed; bottom: 0; background-color: #ffffff; padding: 20px;}
.cerezText{font-size: 18px; float: left; width: 90%;}
.cerezText a{font-weight: 600; color: #000000;}
.cerezBtn{font-size: 18px; background-color: #fc8204; padding: 10px 0; width: max-content; font-weight: 600; cursor: pointer; float: left; width: 10%; text-align: center;}

@media (max-width: 1500px){
    .sm_onDis {height: 550px;}
    .s_alan {height: 550px; margin: 0 0 80px 0;}
    .s_cizgi {width: 35%;}
    .s_aciklama {margin: -10px 40px 0 30px;}
    .s_baslik {font-size: 20px; margin: -93px 0 0 30px;}
    .dortlu .uzanti {margin: 0 0 90px 0;}
    .eBultenKat input[type='text'] {width: 66%;}
    .fLogo {width: 70%;}
    .copyRight {width: 17%;}
    .sMenu4 {width: 20%;}
    .sIcerik {width: 70%;}
    .projeler {height: 300px;}
    .projelerDis a:hover > .gosterHover {height: 300px;}
    .flexslider {height: 540px;}
    .projeSag .flexslider .slides>li {width: 160px !important;}
    .projeSag .flexslider {height: 250px;}
    .info h1 {font-size: 30px;}
    .secili {width: 260px; margin: 30px 2px -20px 0}
    .secilisiz {width: 260px; margin: 30px 2px -20px 0}
    .nelerProjeIc {height: 200px;}
    .opsiyonlar button{margin: 10px 2px 0px 0;}
    .opsiyonlar {margin: 0 100px 30px 0;}
    .bol {height: 490px;}
    .bolTitle {margin: 390px 0 0 30px;}
    .bolOk {margin: 403px 0 0 0; width: 100px;}
    .gen2 {min-height: 600px;}
}

@media (max-width: 1400px){
    .menu ul li {margin: 0 0 0 30px;}
    .katalog {margin: 20px 40px 0 0;}
    .s_alan {height: 490px;}
    .dortlu .aciklama {width: 400px;}
    .eBultenKat input[type='text'] {width: 55%;}
    .dortlu .resim {width: 60%; height: 350px;}
    .dortlu .text {width: 40%; height: 350px;}
    .dortlu .uzanti {margin: 0 0 60px 0;}
    .dortlu .aciklama {width: 450px; margin: 40px 0 30px 0;}
    .projeler {height: 260px;}
    .projelerDis a:hover > .gosterHover {height: 260px;}
    .projeSol {width: 40%;}
    .projeSag {width: 60%;}
    .flexslider {height: 500px;}
    .projeSag .flexslider {height: 250px;}
    .info h1 {font-size: 30px; width: 55%;}
    .info h2 {width: 35%;}
    .projeSag .flexslider {height: 220px;}
    .bol {height: 450px;}
    .bolTitle {margin: 350px 0 0 30px;}
    .bolOk {margin: 362px 0 0 0; width: 80px;}
    .gen2 {min-height: 550px;}
}

@media (max-width: 1280px){
	.mob{display: block !important; width: auto; cursor: pointer;}
	.web{display: none !important;}
	.mobilMenu{background: #fc8204; left: -1280px; height: 100%; position: fixed; width: 100%; z-index: 10; top: 0;}
	.mobMenu img {width: 30px; margin:50px 60px 0 0; position: absolute; top: 25px; right: 0;}
	.mobilMenu img {width: 30px; margin: 0 0 0 10px; position: absolute; top: 25px; right: 20px; left: auto;}
	.mobilMenu ul {list-style: none; margin: 0; padding: 70px 50px;}
	.mobilMenu li {border-bottom: 1px solid #ffc488; line-height: 45px; color: #ffffff; text-decoration: none; transition: all .6s; text-align: center;}
	.mobilMenu li a {color: inherit; text-decoration: none; font-size: 18px;}
    .s_alan {height: 440px;}
    .s_baslik {font-size: 18px; margin: -92px 0 0 30px;}
    .s_cizgi {width: 30%;}
    .s_aciklama {margin: -10px 20px 0 30px;}
    .s_alan {margin: 0 0 40px 0;}
    .sm_onDis {height: 440px;}
    .dortlu .baslik {font-size: 32px;}
    .dortlu .aciklama {width: 400px;}
    .footer {padding: 0 50px;}
    .sMenu4 {width: 25%;}
    .sIcerik {width: 65%;}
    .projeler {height: 220px;}
    .projelerDis a:hover > .gosterHover {height: 220px;}
    .projeSol {width: 33%;}
    .projeSag {width: 67%;}
    .flexslider {height: 450px;}
    .info h1 {font-size: 26px; width: 50%; margin: 20px 0 0 0;}
    .info h2 {width: 39%; margin: 15px 0 0 0;}
    .opsiyonlar button {width: 220px;}
    .gen1 {width: 20% !important;}
    .gen2 {width: 80% !important; min-height: 430px;}
    .bol {height: 360px;}
    .bolTitle {margin: 250px 0 0 30px; width: 90px; font-size: 18px;}
    .bolOk {margin: 262px 0 0 0;}
    .dil {color: #ffffff !important; width: -webkit-fill-available !important; text-align: center; margin: -60px 0 0 0;}
    .dil .aktif {background-color: #ffffff; color: #fc8204;}
    .dil a {color: #ffffff;}
    .katalog {color: #ffffff; margin: 20px 0 20px 0; display: block; padding: 0 20px 0 20px; font-weight: 600;}
}
@media (max-width: 1080px){
    .s_alan {height: 360px;}
    .s_baslik {font-size: 16px; margin: -89px 0 0 30px;}
    .s_aciklama {margin: -10px 10px 0 20px; font-size: 14px;}
    .s_baslik {margin: -89px 0 0 20px;}
    .sm_onDis {height: 360px; width: 5%;}
    .s_alanDis {width: 95%;}
    .dortlu .resim {height: 300px;}
    .dortlu .baslik {font-size: 30px;}
    .dortlu .uzanti {margin: 0 0 40px 0;}
    .dortlu .aciklama {width: 350px; margin: 30px 0 30px 0; font-size: 16px;}
    .eBultenKat input[type='submit'] {width: 30%;}
    .fLogo {width: 65%;}
    .copyRight {width: 22%;}
    .sIcerik2 {width: 91%;}
    .projeDis {padding: 0 40px;}
    .flexslider {height: 400px;}
    .projeSol {width: 30%;}
    .projeSag {width: 70%;}
    .opsiyonlarIc {margin: 20px 40px 0 0;}
    .neler h1 {margin: -60px 0 0 0;}
}
@media (max-width: 768px){
    .logo img {width: 150px; margin: 0;}
    .mobMenu img {width: 25px; margin: 15px 40px 0 0;}
    .container {padding: 0 40px;}
    .ustBar {padding: 30px 0 20px 0;}
    .s_baslik {font-size: 14px; margin: -87px 0 0 10px;}
    .s_aciklama {margin: -10px 10px 0 10px;}
    .dortlu .resim {width: 50%; height: 200px;}
    .dortlu .text {width: 50%; height: 200px;}
    .dortlu .uzanti {font-size: 16px; margin: 0 0 20px 0;}
    .cizgi {width: 90px; right: 250px; margin: 14px 0 0 0;}
    .cizgi2 {width: 90px; right: 250px; margin: 14px 0 0 0;}
    .dortlu .baslik {font-size: 24px;}
    .dortlu .aciklama {width: 330px; margin: 0; font-size: 14px;}
    .dortlu .link {font-size: 12px;}
    .footer {padding: 0 20px;}
    .eBultenKat .title {font-size: 18px;}
    .eBultenKat input[type='text'] {width: 40%;}
    .eBultenKat input[type='submit'] {width: 40%;}
    .fLogo img{width: 150px;}
    .fLogo {width: 50%;}
    .copyRight {width: 37%; line-height: 50px;}
    .sm {padding: 10px 0 0 0;}
    .sMenu4 {width: 70%;}
    .sIcerik {width: 85%;}
    .sIcerik .aciklama {border-left: 0; border-top: 1px solid #999999; padding: 0 0 0 50px;}
    .projelerDis {width: -webkit-fill-available;}
    .projeler {height: 240px;}
    .projelerDis a:hover > .gosterHover {height: 240px;}
    .kucuk .flex-viewport{display: none;}
    .projeSol {width: -webkit-fill-available;}
    .projeSag {width: -webkit-fill-available; height: 60px}
    .carpi {margin: 0 20px -63px 0;}
    .carpi img{width: 50px;}
    .flexslider {height: 220px;}
    .info h1 {width: 45%;}
    .info h2 {width: 50%; margin: -20px 0 0 0;}
    .secili {width: -webkit-fill-available; margin: 30px 30px -20px 0;}
    .secilisiz {width: -webkit-fill-available; margin: 30px 30px -20px 0;}
    .nelerProjeIc {height: auto; display: inline-block; padding: 0 0 60px 0;}
    .neler h1 {margin: 10px 0 0 0;}
    .opsiyonlarIc {margin: 20px 30px 0 0;}
    .gen1 {width: 90% !important;}
    .sMenu {padding: 20px 0 0 50px;}
    .gen2 {width: 85% !important; padding: 0 0 0 60px;}
    .bol {height: 280px;}
    .bolTitle {margin: 180px 0 0 30px;}
    .bolOk {margin: 190px 0 0 0; width: 50px;}
    .gen2 {min-height: 330px;}
    .iletisim {padding: 0 20px;}
    .cerezBtn {width: 100%; margin-top: 20px;}
    .cerezText {width: 100%;}

}
@media (max-width: 600px){
    .sm_onDis {display: none;}
    .s_alanDis {width: -webkit-fill-available;}
    .s_alan {width: -webkit-fill-available; height: 500px;}
    .s_baslik {font-size: 24px; margin: -115px 0 0 30px;}
    .s_aciklama {margin: -10px 30px 0 30px; font-size: 20px;}
    .s_cizgi {width: 40%; margin: -104px 0 0 0;}
    .dortlu {display: block; position: relative; height: 430px;}
    .dortlu .resim {float: none !important; width: -webkit-fill-available; height: 250px; display: table-header-group; position: absolute;}
    .dortlu .text {float: none !important; width: -webkit-fill-available; height: 250px; display: table-footer-group; position: absolute; margin: 280px 0 0 0;}
    .cizgi {left: 0;}
    .cizgi2 {right: 0; left: auto;}
    .eBultenKat {width: -webkit-fill-available; margin: 20px 0 0 0;}
    .eBultenKat input[type='text'] {width: 58%;}
    .eBultenKat input[type='submit'] {width: 30%;}
    .bultenler{margin: 20px 0 40px 0; display: inline-block;}
    .sMenu4 {width: -webkit-fill-available;}
    .sIcerik {width: -webkit-fill-available;}
    .sMenu4 ul li {padding: 0 0 10px 0;}
    .sIcerik .aciklama {padding: 0;}
    .iletisimFormlari .col-md-4 {width: -webkit-fill-available;}
    .iletisimFormlari .bolum1 input[type="text"] {margin: 0 0 20px 0;}
    .iletisimFormlari .bolum2 input[type="text"] {margin: 0 0 20px 0;}
    .iletisimFormlari textarea {margin: 0;}
    .iletisimFormlari h2 {margin: 30px 0 10px 0;}
    .sIcerik2 {width: -webkit-fill-available;}
    .cOrtaklari img{width: -webkit-fill-available;}
    .cOrtaklari {width: 50%; margin: 0;}
    .projeDis {padding: 0;}
    .projeleIc {margin: 0 0 80px 0;}
    .projeler {height: 270px;}
    .projelerDis a:hover > .gosterHover {height: 270px;}
    .info h1 {width: -webkit-fill-available;}
    .info h2 {width: -webkit-fill-available; margin: 20px 0 0 0;}
    .flexslider {height: 150px;}
    .secili {margin: 30px 0 -20px 0;}
    .secilisiz {margin: 30px 0 -20px 0;}
    .geriDon {margin: -30px 0 0 0;}
    .neler h1 {margin: 30px 0 0 0;}
    .opsiyonlar button {width: -webkit-fill-available;}
    .opsiyonlar {margin: 0 0 30px 0;}
    .opsiyonlarIc img {width: 135px;}
    .opsiyonlarIc {margin: 20px 0 0 0; width: 33.33%;}
    .gen1{display: block !important; width: -webkit-fill-available !important; height: 230px;}
    .gen1 .sm_on {display: none;}
    .sMenu {padding: 20px 0 0 0; width: -webkit-fill-available;}
    .sMenu ul li {text-align: center; width: -webkit-fill-available;}
    .sMenu a {width: -webkit-fill-available;}
    .gen2 {width: -webkit-fill-available !important; padding: 0 0 0 0;}
    .bol {width: -webkit-fill-available; height: 400px; margin: 0 0 30px 0;}
    .bolTitle {margin: 290px 0 0 30px; width: 270px; font-size: 22px;}
    .bolOk {margin: 300px 0 0 0; width: 160px;}
    .iletisimDis {width: 100%;}
    .iletisimForm input[type='text'] {width: -webkit-fill-available; margin: 0 0 20px 0;}
    #gonderBtn1 {width: -webkit-fill-available; margin: 30px 0 0 0;}
}
@media (max-width: 425px){
    .container {padding: 0 30px;}
    .mobMenu img {margin: 20px 30px 0 0;}
    .eBultenKat input[type='text'] {width: -webkit-fill-available; margin: 0 0 10px 0; text-align: center;}
    .eBultenKat input[type='submit'] {width: -webkit-fill-available;}
    .eBultenKat .title {text-align: center;}
    .fLogo {width: -webkit-fill-available; text-align: center;}
    .copyRight {width: -webkit-fill-available; text-align: center;}
    .sm {width: -webkit-fill-available; text-align: center; padding: 10px 0 40px 0;}
    .iletisimFormlari .col-md-6 {width: -webkit-fill-available;}
    .cOrtaklari {width: -webkit-fill-available;}
    .projeler {height: 200px;}
    .projelerDis a:hover > .gosterHover {height: 200px;}
    .opsiyonlarIc {width: -webkit-fill-available;}
    .opsiyonlarIc img {width: -webkit-fill-available;}
    .iletisimHarita {width: -webkit-fill-available;}
    .iletisimText {width: -webkit-fill-available; padding: 20px 0 0 10px;}
    .blokla {width: -webkit-fill-available;}
}
@media (max-width:375px){}
@media (max-width:320px){}