
@media (max-width:1500px) {
#header-bottom .left { position: absolute; height: 27px; background: #E8E8E8; width: 80%; top: 0 }
.mobilemenu { display: none }
#slider-main .pageW { width: 100%; height: 100% }
}

@media (max-width:1200px) {
.Search, .SearchPane1 .Search div .searchbox, .SearchPane2 .Search div .searchbox { width: 100%!important }
.Search { margin: auto }
.SearchPane2 .Search div .searchbox { top: 5px }
#header-bottom .left { position: absolute; height: 27px; background: #E8E8E8; width: 80%; top: 0 }
#header .Logo, #header.sticky .Logo { float: none }
#headerPane { float: none; width: 50%!important; display: inline-block; position: absolute; top: 0; padding: 0 10px; right: 0 }
#header.sticky .Logo { width: 424px; height: 20px; position: relative; top: -5px }
.mainPage #Content2 { height: 572px }
#header-bottom .sagaYasla { top: 0!important }
.mobilemenu.navigation { width: 100%; position: relative; z-index: 7777; display: none; box-shadow: 0 2px 10px #E8E8E8; margin-left: 0; float: none }
.mobilemenu.navigation .nav { height: auto!important }
.mobilemenu.navigation li { float: none!important }
.mobilemenu.navigation .nav>li>div { position: relative!important; top: 0!important }
.mobilemenu.navigation .nav>li>a span { border: none!important }
.mobilemenu.navigation .nav .container-4 .pageW { width: 100%!important }
.mobilemenu.navigation .level1 { float: none!important; width: 100%!important }
.mobilemenu.navigation .link1 .level1, .mobilemenu.navigation .link3 .level1, .mobilemenu.navigation .link4 .level1, .mobilemenu.navigation .link5 .level1 { position: relative; left: 0; width: 100% }
.mobilemenu.navigation .wrapp.pageW .Menu-Kisim { float: none; overflow: hidden; width: 100%; padding-left: 0; left: 0!important }
.mobilemenu.navigation .wrapp.pageW .Baslik-Kisim { display: none }
.mobilemenu.navigation .nav>li>a { line-height: 40px; height: 40px; width: 100%; color: #000!important }
.mobilemenu.navigation .nav li:hover .container-4 { display: none!important }
.mobilemenu.navigation .nav li .container-4.activebtm { display: block!important }
.mobilemenu.navigation .nav li .container-4.activebtm .wrapp.pageW { padding: 0!important }
#Content .pageW, #Content2 .pageW, #Content3 .pageW, #Content4 .pageW, #footer { padding-left: 0; padding-right: 0 }
.mobilemenu.navigation .nav li.grandfather+li.grandfather { border-top: 1px solid #CCC }
.mobilemenu.navigation .nav li.grandfather { background: #fdfdfd; overflow: hidden }
.mobilemenu.navigation .nav>li:hover>a span.Menutext, .solimgSlider { background: 0 0 }
.mobilemenu.navigation .nav li.grandfather.link2 .level2 { display: none }
.mobilemenu.navigation .nav li.grandfather.link2 .level2.activebtm2, .yes-ipad { display: block }
.mobilemenu.navigation .menubottom .italic { width: 30% }
.mobilemenu.navigation .menubottom .cont { width: 70% }
.mobilemenu.navigation .menubottom .Yazilar h1 { font-size: 20px }
#slider-area .bx-wrapper .bx-controls-direction a, .no-ipad { display: none!important }
.pageW { width: 100%!important }
#middle-area2>div, .NearAcent, .anlasmali, .assistline, .social>li.oneri { width: 100%!important; float: none!important }
#footer .links, .social-capsul, .telfaxmail { width: 100% }
#header.home-page { position: inherit; top: inherit }
#boxes h2 { font-size: 12px!important }
.telfaxmail li { float: none; text-align: center; width: 100% }
.telfaxmail li+li { margin-left: 0; margin-top: 32px }
#boxes { margin-top: 0!important }
#boxes .box { width: 33.33333333% }
#middle-area2 div, .anlasmali, .assistline { border: 0!important }
#middle-area2 .box { height: auto }
#footer .links h3 { border-bottom: 1px solid #6d6e71; margin-bottom: 10px }
#footer { margin-bottom: 0!important; padding-bottom: 0 }
.solimgSlider { min-height: inherit }
.solimgSlider .modul img.solda { width: 120px; height: 120px; margin-right: 0 }
.news-slider h3, .solimgSlider h3 { font-size: 15px; margin-bottom: 5px }
.news-slider .Kaciklama, .solimgSlider .Kaciklama { font-size: 13px }
.solimgSlider .author { width: auto; margin: 0 }
.solimgSlider .text-capsul { padding: 10px 0 10px 140px }
.solimgSlider .bx-next { left: 63px }
.solimgSlider .bx-prev { left: 24px }
.solimgSlider .bx-controls-direction a { top: 106px }
.social>li.oneri { clear: both }
.social>li { width: 25%; margin-bottom: 10px; margin-left: 0!important }
#footer .middle { padding: 25px 13px }
#footer .top { padding: 11px 15px }
#footer .copy { padding: 19px 0 0 4px }
.news-slider .modul img.solda { width: 90px; height: 90px; margin-right: 10px }
#header .logo { width: 200px; float: none; position: absolute; left: 0; right: 0; top: 0; margin: auto }
#header .redbox-btmbrdr-sml { display: none }
#container { -webkit-transition: transform .2s ease; -moz-transition: transform .2s ease; -ms-transition: transform .2s ease; -o-transition: transform .2s ease }
.mobil-menu-active #container { -webkit-transform: translateX(259px); -ms-transform: translateX(259px); -moz-transform: translateX(259px); -o-transform: translateX(259px); box-shadow: inset 1px 1px 12px #ccc }
.form>tbody>tr>td+td { padding-left: .5%!important }
.form>tbody>tr td .modul, .form>tbody>tr td .modul .img, .form>tbody>tr td img { width: 100% }
.HowCanWeHelpYou .pageW { width: 100%!important }
.Search { position: relative }
.Services .servicesbox { width: 24.5% }
.SearchPane.gorunur .Search div .searchbox, .Uzmangorus .modul { width: 100%!important }
#slider-main .titles h1, #slider-main .titles h2 { height: auto; margin-bottom: 30px }
#slider-main .titles h1 { font-size: 18px }
#slider-main .titles h2 { font-size: 13px }
#slider-main .detailbtn { width: 170px; font-size: 11px; padding: 8px 0 }
#slider-main .bx-wrapper .bx-prev { left: 30px; background-position: 0 -69px }
#slider-main .bx-wrapper .bx-next { right: 30px; background-position: -50px -69px }
#slider-main .bx-wrapper img { width: auto; height: 313px; max-width: inherit }
#slider-main .bx-wrapper .bx-controls-direction a { width: 13px; height: 25px; background-size: 100px; margin-top: -13px }
#slider-main .titles>.pageW { padding: 0 85px }
.destekIconList li { margin-right: 15px }
.destekIconList li>a:before { background-size: 50px; width: 50px; height: 50px }
.destekIconList a, .destekIconList li { font-size: 12px }
.destekIconList .email>a:before { background-position: 0 -103px }
.destekIconList .text { padding-top: 10px }

.submenuNew {display:none !important}
.submenuNew.activeMobil {display:block !important}






}

@media (min-width:1200px) and (max-width:1500px) {
#slider-main .titles { top: 12% }
}

@media (max-width:1150px) {
.no-mobilemenu { display: none }
.mobilemenu { display: block }
.kutu, .kutu.link.mini { display: none }
.kutu.link { display: block }
.kutu { float: left; position: relative; overflow: hidden }
.TopTools { width: 483px }
.TopTools .topLinks { float: right; margin-left: -6px }
#Footer .FooterZebra-bottom .FooterZebra-top .Footer-img-bg, #Footer .pageW { height: 644px!important }
.ebultenWrap { float: left!important; margin-left: 5% }
.Footer-Site-Map+.Footer-Site-Map { margin-left: 16px!important }
.FooterElements { width: 100%; display: block; padding: 0 10%!important; overflow: hidden }
#Footer .FooterZebra-bottom { background: url(../../images/design/DestekPatent/FooterZebra-bottom.png) left top!important; height: 644px!important }
.RightButons .blue a { background-position: 15px -194px }
.RightButons .green a { background-position: 15px -288px }
.RightButons .darkblue a { background-position: 15px -374px }
.RightButons div a { display: block; height: 100%; padding: 10.7% 9% 8.7% 25%; font-size: 19px; color: #fff }
.mobilemenu.navigation .menubottom .italic { width: 20% }
.mobilemenu.navigation .menubottom .cont { width: 80%; padding-left: 70px }
}

@media (max-width:990px) {
.RightButons { width: 100%; float: none; margin-top: .1%; height: auto }
.RightButons div { width: 33.2%; float: left }
.RightButons div+div { margin-left: .1% }
.RightButons div a { font-size: 16px; padding: 11.7% 13% 8.7% 22% }
.RightButons div.blue a { padding: 11.7% 13% 8.7% 27% }
.Manset { background-size: cover!important; width: 100%; background-position: 0 100%!important }
.Markalarm { width: 30.4%; height: 387px; margin-right: 1% }
.Markalarm .sloping { width: 471px; left: -251px }
.Markalarm .sloping div { background: url(../../images/design/DestekPatent/Markalarm-Slopin-bg.png) left top; height: 100%; width: 368px; display: inline-block; float: left; position: relative }
.Markalarm .sloping div+div { background: url(../../images/design/DestekPatent/Sprite-Sloping.png) no-repeat; height: 386px; width: 103px }
.Markalarm .ayeri { left: 11% }
.Markalarm .ayeri .detay { border: 2px solid #13132F }
.Markalarm .ayeri .detay .fa-angle-right { color: #13132F }
.Markalarm:hover .ayeri .detay { border: 2px solid #E8E8E8 }
.Markalarm:hover .ayeri .detay .fa-angle-right { color: #E8E8E8 }
.Teknoprofil { width: 26.3%; height: 204px; margin-right: 1% }
.Teknoprofil .sloping { width: 376px; left: -163px }
.Teknoprofil .sloping div { background: url(../../images/design/DestekPatent/Teknoprofil-Slopin-bg.png) left top; width: 304px }
.Teknoprofil .sloping div+div { background: url(../../images/design/DestekPatent/Sprite-Sloping.png) -119px 0 no-repeat; height: 204px; width: 72px; position: absolute }
.Teknoprofil .ayeri { left: 20% }
.Teknoprofil .ayeri .detay { border: 2px solid #00809F }
.Teknoprofil .ayeri .detay .fa-angle-right { color: #00809F }
.Teknoprofil:hover .ayeri .detay { border: 2px solid #E8E8E8 }
.Teknoprofil:hover .ayeri .detay .fa-angle-right { color: #E8E8E8 }
.Tasarimizleme { width: 26.3%; height: 174px; margin-right: 1% }
.Tasarimizleme .icerik .kaciklama { top: 80px }
.Tasarimizleme .sloping { width: 349px; left: -84px }
.Tasarimizleme .sloping div { background: url(../../images/design/DestekPatent/Tasarimizleme-Sloping-bg.png) left top; width: 304px }
.Tasarimizleme .sloping div+div { background: url(../../images/design/DestekPatent/Sprite-Sloping.png) -290px 0 no-repeat; height: 162px; width: 45px; position: absolute }
.Tasarimizleme .ayeri { left: 49% }
.Tasarimizleme .ayeri .detay { border: 2px solid #FD4B17 }
.Tasarimizleme .ayeri .detay .fa-angle-right { color: #FD4B17 }
.Tasarimizleme:hover .ayeri .detay { border: 2px solid #E8E8E8 }
.Tasarimizleme:hover .ayeri .detay .fa-angle-right { color: #E8E8E8 }
.Markadeger { width: 22.9%; height: 204px; margin-bottom: 1% }
.Markadeger .icerik .kaciklama { top: 84px }
.Markadeger .sloping { width: 333px; left: -107px }
.Markadeger .sloping div { background: url(../../images/design/DestekPatent/Markadegerl-Slopin-bg.png) left top; width: 263px }
.Markadeger .sloping div+div { background: url(../../images/design/DestekPatent/Sprite-Sloping.png) -205px 0 no-repeat; height: 204px; width: 70px; position: absolute }
.Markadeger .ayeri { left: 20% }
.Markadeger .ayeri .detay { border: 2px solid #759126 }
.Markadeger .ayeri .detay .fa-angle-right { color: #759126 }
.Markadeger:hover .ayeri .detay { border: 2px solid #E8E8E8 }
.Markadeger:hover .ayeri .detay .fa-angle-right { color: #E8E8E8 }
.Dos { width: 22.9%; height: 174px }
.Dos .sloping { width: 313px; left: -122px }
.Dos .sloping div { background: url(../../images/design/DestekPatent/DOS-Sloping-bg.png) left top; width: 263px }
.Dos .sloping div+div { background: url(../../images/design/DestekPatent/Sprite-Sloping.png) -350px 0 no-repeat; height: 162px; width: 50px; position: absolute }
.Dos .ayeri { left: 26% }
.Dos .ayeri .detay { border: 2px solid #EDB405 }
.Dos .ayeri .detay .fa-angle-right { color: #EDB405 }
.Dos:hover .ayeri .detay { border: 2px solid #E8E8E8 }
.Dos:hover .ayeri .detay .fa-angle-right { color: #E8E8E8 }
.MarkArt { width: 17.2%; height: 387px; float: right }
.MarkArt .sloping { width: 336px; left: -162px }
.MarkArt .sloping div { background: url(../../images/design/DestekPatent/MarkArt-Sloping-bg.png) left top; width: 203px }
.MarkArt .sloping div+div { content: ""; background: url(../../images/design/DestekPatent/Sprite-Sloping.png) -416px 0 no-repeat; height: 386px; width: 133px; position: absolute }
.MarkArt .ayeri { top: -212px; left: 7% }
.MarkArt .ayeri .detay { border: 2px solid #25729A }
.MarkArt .ayeri .detay .fa-angle-right { color: #25729A }
.MarkArt:hover .ayeri .detay { border: 2px solid #E8E8E8 }
.MarkArt:hover .ayeri .detay .fa-angle-right { color: #E8E8E8 }
.UzmanDanis .textarea {min-width: 200px;}

}

@media (max-width:971px) {
.MenuMap .Menu { height: auto!important; margin-top: 5px }
.MenuMap .Menu ul li a { display: block; padding: 6px 50px; font-size: 17px; font-weight: 700; color: #fff }
.MenuMap .Menu ul li.aktif a, .MenuMap .Menu ul li.aktif:hover a { border-bottom: 3px inset #fff!important }
.MenuMap .Menu ul li#yangin a { background-color: #ea8b3d; color: #fff!important; box-shadow: inset 2px -1px 17px #CB610A }
.MenuMap .Menu ul li#otoKaza a { background-color: #048091; color: #fff!important; box-shadow: inset 2px -1px 17px #045E6B }
.MenuMap .Menu ul li#otoDKaza a { background-color: #cb473d; color: #fff!important; box-shadow: inset 2px -1px 17px #B21F14 }
.MenuMap .Menu ul li#nak a { background-color: #1c90e6; color: #fff!important; box-shadow: inset 2px -1px 17px #0B548B }
.MenuMap .Menu ul li#muh a { background-color: #535353; color: #fff!important; box-shadow: inset 2px -1px 17px #000 }
.MenuMap .Menu ul li#sorumlu a { background-color: #d1026c; color: #fff!important; box-shadow: inset 2px -1px 17px #790440 }
.MenuMap .Menu.S_S_S ul li a { background-color: #3c8b3e; color: #fff!important; box-shadow: inset 2px -1px 17px #336D34; padding: 6px 50px }
.MenuMap .Menu ul li#yangin:hover a, .MenuMap .Menu ul li.aktif#yangin a { color: #fff!important; border-bottom: 3px inset #CB610A!important }
.MenuMap .Menu ul li#otoKaza:hover a, .MenuMap .Menu ul li.aktif#otoKaza a { color: #fff!important; border-bottom: 3px inset #045E6B!important }
.MenuMap .Menu ul li#otoDKaza:hover a, .MenuMap .Menu ul li.aktif#otoDKaza a { color: #fff!important; border-bottom: 3px inset #B21F14!important }
.MenuMap .Menu ul li#nak:hover a, .MenuMap .Menu ul li.aktif#nak a { color: #fff!important; border-bottom: 3px inset #0B548B!important }
.MenuMap .Menu ul li#muh:hover a, .MenuMap .Menu ul li.aktif#muh a { color: #fff!important; border-bottom: 3px inset #000!important }
.MenuMap .Menu ul li#sorumlu:hover a, .MenuMap .Menu ul li.aktif#sorumlu a { color: #fff!important; border-bottom: 3px inset #790440!important }
.MenuMap .Menu.S_S_S ul li.aktif a, .MenuMap .Menu.S_S_S ul li.aktif:hover a { border-bottom: 3px inset #336D34!important }
.MenuMap .Menu ul li { float: none; height: 40px!important }
.MenuMap .Menu ul li+li { border-left: 0 }
.ProductsNewsModul table td { width: 100%!important; display: block!important }
.ProductsNewsModul td+td { padding-left: 0; padding-top: 80px }
.ProductsNewsModul td+td+td { padding-left: 0 }
.ProductsNewsModul table td .modul { width: 100%!important; display: block }
.ProductsNewsModul .modul, .ProductsNewsModul .modul .text h3, .ProductsNewsModul .modul .text>span { height: auto; max-height: inherit }
.text-html.mainPNews .img .inside .kaciklama { color: #7F7F83; font-size: 14px; margin: 13px 50px }
.mobil+.News { display: none }
.mobil+.News+.News { display: block }
.News .Zebra-short { display: none }
.News .KurumsalBelgeler.pdf .Zebra-short { display: block!important }
.blocks, .blocks-2 div, .blocks-left div, .blocks-right div { -webkit-transition: none; -moz-transition: none; transition: none }
.block-left, .block-right, .block-top { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none }
.mobilemenu.navigation .menubottom .cont { width: 80%; padding-left: 0 }
}

@media (max-width:886px) {
.Uzmangorus .KurumsalBelgeler li .modul a { width: 100% }
.Uzmangorus .KurumsalBelgeler li .modul a.detay { width: 116px }
.form>tbody>tr>td { padding-left: 2%!important }
.form>tbody>tr>td+td { padding-left: 1.8%!important }
#Content4 .pageW.NewsModul { padding: 0 3% 0 5px!important }
.form>tbody>tr>td .text { padding-right: .7% }
.form>tbody>tr>td+td .text { padding-right: .2% }
.FooterElements, .ebultenWrap { padding: 0 4%!important }
.ebultenWrap { position: relative; top: -50px }
}

@media (max-width:800px) {
.slider.center .modul .inside .kaciklama { height: 63px }
}

@media (max-width:784px) {
#uzmangorusuCapsul, #uzmangorusuCapsul iframe {height: 415px;}
}

@media (max-width:767px) {
.Uzmangorus .KurumsalLogolar .modul img.solda { margin-left: 5% }
.Uzmangorus .modul .detay { top: 25px; width: 92px; line-height: 50px; height: 50px; float: right; margin-right: 20px; }
.pageNo a { width: 36px; height: 36px; line-height: 36px }
.kenarlarikes, .yes-mobile { display: block!important }
.slider.center .modul .inside .kaciklama { height: 105px }
#header { height: 95px!important }
.TopTools { width: 100% }
#headerPane, .kenarlarikes, .logo-list li { width: 100%!important }
.TopTools .topLinks2 { position: relative; top: 50px }
#header-bottom .sagaYasla .menubottom .Yazilar .cont a { font-size: 12px; line-height: 18px; margin-left: 0; margin-right: 10px }
.kenarlarikes { overflow: hidden!important; height: 100% }
.no-mobile { display: none!important }
.logo-list li { float: none!important }
.logo-list.three-list li { border-right: none!important }
.phone-grn { position: absolute; top: 8px; right: 5px; padding-left: 24px }
.phone-grn, .phone-grn * { font-size: 21px!important }
.phone-grn:before { width: 23px; height: 32px; background-position: -99px 0 }
.sbSelector { text-indent: 13px }
.sbHolder { min-width: inherit }
.form .btn, .form .inputs, .form .selectbx, .form .textarea { padding: 13px }
.HeaderAndBg { background-position: left top!important }
.CallMe, .HowCanWeHelpYou .form { width: 100%!important }
.HowCanWeHelpYou .form .btn { border-radius: 5px!important }
.newsDetail .Metin ul, .text-html ul { padding: 10px }
.Services .servicesbox { width: 100% }
.Logo { width: 450px!important }
.MobilPane.yes-mobilephone, .yes-mobilephone { display: none }
.menubottom .Yazilar .cont a {height:63px; padding: 23px 0 17px 60px; font-size: 0;margin-left:25px}
.menubottom .Yazilar .cont a+a { margin-left: 0 }
.mobilemenu.navigation .menubottom .Yazilar h1 { font-size: 18px }
.mobilemenu.navigation .menubottom .cont { width: 77% }
.form>tbody>tr td { padding: 5% }
.topLinks { z-index: 7777 }
#header-bottom .sagaYasla { z-index: 9999!important }
#header-bottom .sagaYasla+.sagaYasla { z-index: 9998!important }
.text-html .pageW { padding: 0 5px!important }
.headerAll.sticky { position: relative!important }
#header-bottom { z-index: 52 }
.dikeyimajListe .text h3 { line-height: 30px; font-size: 15px }
.dikeyimajListe .text { max-height: 30px }
.dikeyimajListe .kaciklama { font-size: 11px }
.dikeyimajListe .detay { width: 85%; font-size: 13px; line-height: 29px }
.dikeyimajListe .detay, .dikeyimajListe .kaciklama { margin-bottom: 9px }
.brosur-list .brosur {width:46%}
.iframeWrap.posfix {margin-left: 0 !important;left:0 !important;}
.UzmanDanis .ondauc {padding-left:0 !important;padding-bottom:0 !important;width:100% !important}

#destekYaninizdaSerit .serit {float:none !important;display:block !important;width:100% !important;}
.destekYaninizdaIcon {position:inherit !important;}
#destekYaninizdaSerit {padding-left:0 !important;}
.destekYaninizdaIcon {background-color: #23ace3 !important;width: 100% !important;background-position:center center !important}
#destekYaninizdaSerit .serit, #destekYaninizdaSerit .serit>a {transform:skewX(0) !important}
.five-list-uzman li {float:none !important;width:100% !important;padding:0 10px !important}


}

@media (max-width:740px) {
.Uzmangorus .KurumsalBelgeler.Oduller li .modul .ModulBox img, .Uzmangorus .KurumsalBelgeler.uyelikler li .modul .ModulBox img { max-width: 100px; margin-right: 14px }
.Uzmangorus .KurumsalBelgeler.uyelikler li .modul:first-child { margin: 0 }
.Uzmangorus .KurumsalBelgeler.uyelikler li .modul .ModulBox { width: 100%; margin: 0; padding: 16px 36px; border-left: none!important; border-bottom: 1px solid #ccc; min-height: inherit }
.Uzmangorus .KurumsalBelgeler.uyelikler .modul .text-capsul { margin-top: 0 }
.Uzmangorus .KurumsalBelgeler.uyelikler li .modul { padding: 0; margin: 0 }
.Uzmangorus .KurumsalBelgeler.Oduller li .modul .ModulBox { width: 100%; float: left; height: 100%; min-height: 111px; padding-left: 30px; margin-bottom: 23px }
.Uzmangorus .KurumsalBelgeler.Oduller .modul .text-capsul { width: 77.9%; margin-left: 1.8%; margin-top: 0 }
.Uzmangorus .KurumsalBelgeler.Oduller li .modul .ModulBox+.ModulBox { margin-left: 0; border-left: none; padding-left: 30px }
.Uzmangorus .KurumsalBelgeler.Oduller li .modul { padding: 0; margin-top: 0 }
.Uzmangorus .KurumsalBelgeler.Oduller li .modul table td { width: 60% }
.Uzmangorus .KurumsalBelgeler.Oduller li .modul table td+td { width: 40% }
.headerallWrap { height: 133px!important }
}

@media (max-width:580px) {
.OtherNews .form>tbody>tr td .modul .solda, .form>tbody>tr>td { float: none!important }
.Logo { width: 330px!important }
#header-bottom .left { position: absolute; height: 27px; background: #E8E8E8; width: 50%; top: 0 }
.News .NewsModul .text h3 { color: #007F9F; margin-bottom: 10px; font-size: 18px; height: auto }
.newsDetail .img>h2 { width: 100% }
.OtherNews .form>tbody>tr td .modul { width: 100%; text-align: center }
.OtherNews .text-capsul { margin-left: 0; width: 100% }
.DestekPhone { font-size: 22px; padding-top: 0 }
.DestekPhone .baslik { font-size: 18px }
.mobilemenu.navigation .menubottom .italic { width: 46% }
.mobilemenu.navigation .menubottom .cont { width: 50% }
.form>tbody>tr>td { width: 100%!important; display: block; padding-left: 0!important }
.formsub>tbody>tr>td+td { padding-left: 4px!important }
.form>tbody>tr td .modul { padding: 5% }
.HowCanWeHelpYou .butons div+div { margin-left: 16px }
.HowCanWeHelpYou .pageW { background: url(../../images/design/DestekPatent/HowCanWeHelpYou.png) left bottom no-repeat; background-size: contain }
.SosyalSol { display: none!important }
}

@media (max-width:524px) {
.Uzmangorus .KurumsalBelgeler.pdf li .modul .solda img { max-width: none!important }
.Uzmangorus .KurumsalBelgeler li .modul { text-align: center!important }
.Uzmangorus .KurumsalBelgeler li .modul .solda { float: none }
.Uzmangorus .KurumsalBelgeler li .modul .detay { margin: auto }
.Uzmangorus .KurumsalBelgeler li .modul h3 { width: 100%; text-align: center }
.Uzmangorus .KurumsalBelgeler.pdf .modul .text-capsul { width: 100%!important }
.pageW .pageW { padding: 0 10px!important }
.engPage .DestekPhone .baslik .fa { color: #626262 }
.engPage .DestekPhone { margin-top: 32px; margin-left: -234px; padding-left: 16px; padding-top: 4px; background: 0 0!important }
.TopTools .topLinks { float: right; margin-right: 0; margin-left: 0; position: relative; right: -6px; top: 10px }
.Zebra-short.tabmodulustu { display: none!important }
.TopTools .topLinks .cember, .kutu.link { width: 30px; height: 30px; line-height: 28px }
.kutu a { line-height: 33px }
}

@media (max-width:498px) {
.FZ18 { font-size: 15px!important }
.SosyalMedya h1, .mainPNews h1 { font-size: 23px }
.mobilphone { display: block }
.pc { display: none }
.TopTools { height: auto!important }
.TopTools .topLinks { float: none; margin-right: 0; margin-left: 0; position: relative; right: 0; top: 47px; width: 100%; display: block }
#header { height: 110px!important }
.TopTools .topLinks2 { float: none!important; width: 100%!important }
#scP8C1 { top: 300px!important }
.Zebra-short.tabmodulustu { display: block!important }
}

@media (max-width:480px) {
.UzmanDanis input.btn { width: 200px!important }
.SosyalSol { right: 0 }
#headerPane { position: inherit }
.topLinks2 a, .topLinks2 a+a { display: none }
.topLinks2 a+a+a { display: inline-block; width: 100px; float: left }
#header-bottom .TopTools .topLinks2 a { display: block; color: #fff!important; padding: 9px 5px 5px 63px!important; font-weight: 600 }
.topLinks2 { top: 0!important }
#header-bottom .sagaYasla .menubottom { float: left!important; width: 100% }
#header-bottom .sagaYasla .menubottom .Yazilar .cont { width: 100% }
#header-bottom .pageW, #header-bottom .sagaYasla, #header-bottom .sagaYasla .menubottom, #header-bottom .sagaYasla .menubottom .Yazilar .cont { height: auto!important }
#header-bottom .TopTools { display: block!important }
#header-bottom .TopTools .topLinks2, #header-bottom .TopTools .topLinks2 a { width: 100%!important; height: 100%!important }
#header-bottom .TopTools .topLinks2 a:before {content:'';width:35px;height:35px;background-image:url(../../images/design/DestekPatent/mobilicons.png);background-repeat:no-repeat;background-position:-48px -10px;position:absolute;left:-54px;right:0;top:0;bottom:0;margin:auto}
#header-bottom .TopTools .topLinks2 a:after { left: 66px; top: 9px }
#headerPane .TopTools .topLinks2, .engPage .DestekPhone .baslik a, .no-mobilephone { display: none }
.MobilPane.yes-mobilephone, .kutu.link { display: block }
.TopTools .topLinks2 a:after { top: 9px }
.TopTools .topLinks { margin-right: 0; margin-left: 0; position: relative; top: 0; display: block }
.kutu, .kutu.link.mini { display: none }
.kutu.link.mini { width: 20px; height: 20px }
.kutu.link.mini a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../../images/design/DestekPatent/Sprite-Standart.png) -138px -173px; font-size: 0 }
.HowCanWeHelpYou { height: auto }
.HowCanWeHelpYou .yazi { padding: 10px; margin-bottom: 13px }
.HowCanWeHelpYou .butons { position: relative; top: -10px }
.HowCanWeHelpYou .butons div { float: left; width: 64px; height: 64px; display: inline-block; text-align: center; position: relative; cursor: pointer }
.HowCanWeHelpYou .butons div a { width: 64px; height: 64px; display: inline-block; position: absolute; font-size: 0; left: 0 }
.HowCanWeHelpYou .butons .ikon { background: url(../../images/design/DestekPatent/Sprite-Standart.png) no-repeat; width: 64px; height: 64px; display: block }
.HowCanWeHelpYou .butons .telno .ikon1 { background-position: 0 -1272px }
.HowCanWeHelpYou .butons .telno .ikon2 { background-position: 0 -1336px }
.HowCanWeHelpYou .butons .skype .ikon1 { background-position: -82px -1272px }
.HowCanWeHelpYou .butons .skype .ikon2 { background-position: -82px -1336px }
.HowCanWeHelpYou .butons .whatsap .ikon1 { background-position: -163px -1272px }
.HowCanWeHelpYou .butons .whatsap .ikon2 { background-position: -163px -1336px }
.HowCanWeHelpYou .butons .uzman.tiklac .ikon1 { background-position: 0 -2033px }
.HowCanWeHelpYou .butons .uzman.tiklac .ikon2 { background-position: 0 -2096px }
.banner.haberdetayBg .pageW { background: url(../../images/design/DestekPatent/haber1.png) right -223px top no-repeat; background-size: cover }
.text-html.mainPNews .img { left: 0; padding: 0 2% }
.text-html.mainPNews .img .inside .kaciklama { color: #7F7F83; font-size: 14px; margin: 13px 20px }
.Services { padding: 0 10px }
.Services .servicesbox h1 { text-align: left; background: 0 0 }
.Services .servicesbox { padding: 0; height: 159px }
.Services .servicesbox a.iconic { float: left; width: 30%!important; left: 10px!important; top: 24px }
.Services .servicesbox+.servicesbox { margin-left: 0; margin-top: 10px }
.Services .servicesbox:hover { border: 1px solid #fff!important }
.Services .servicesbox a.yazi { float: left; width: 70%; text-align: left; padding: 13px; background-color: #fff }
.Services .servicesbox.marka a.yazi { border-left: 1px solid #22AAE2 }
.Services .servicesbox.patent a.yazi { border-left: 1px solid #E7343E }
.Services .servicesbox.tasarim a.yazi { border-left: 1px solid #DE8128 }
.Services .servicesbox.hukuk a.yazi { border-left: 1px solid #2DA19F }
.Services .servicesbox:hover a.yazi { background-color: transparent!important; border-left: 1px solid #fff }
.MobilPane { width: 100%; display: block }
.MobilPane .kutu { display: none }
.MobilPane .Markalarm, .MobilPane .Tasarimizleme, .MobilPane .Teknoprofil { width: 100%; height: 160px; margin-right: 0 }
.MobilPane .Markadeger { width: 100%; height: 160px; margin-bottom: 0 }
.MobilPane .Dos { width: 100%; height: 160px }
.MobilPane .MarkArt { width: 100%; height: 160px; float: none }
.MobilPane .MainBoxes .icerik img { width: 100%; height: 100% }
.MobilPane .MainBoxes .sloping div { width: 400px!important }
.MobilPane .MainBoxes .sloping div+div { width: 63px!important; background-position: 0 -149px }
.MobilPane .Teknoprofil .sloping div+div { background-position: -88px -394px }
.MobilPane .Tasarimizleme .sloping div+div { background-position: -176px -394px }
.MobilPane .Markadeger .sloping div+div { background-position: -264px -394px }
.MobilPane .Dos .sloping div+div { background-position: -352px -394px }
.MobilPane .MarkArt .sloping div+div { background-position: -440px -394px }
.MobilPane .MainBoxes .sloping { left: -181px }
.MobilPane .MainBoxes .ayeri .detay { background: 0 0; border-radius: 25px; height: 36px; padding-left: 12px; color: #E8E8E8; font-size: 13px; width: 87px; display: block; padding-top: 9px; text-align: left; z-index: 10; position: relative; padding-right: 25px; font-style: italic }
.MobilPane .MainBoxes .ayeri { left: 57%; top: -44px!important }
.MobilPane .MainBoxes:hover .ayeri .detay { border: 2px solid #E8E8E8 }
.MobilPane .Markalarm .ayeri .detay { border: 2px solid #13132F }
.MobilPane .Teknoprofil .ayeri .detay { border: 2px solid #00809F }
.MobilPane .Tasarimizleme .ayeri .detay { border: 2px solid #FD4B17 }
.MobilPane .Markadeger .ayeri .detay { border: 2px solid #759126 }
.MobilPane .Dos .ayeri .detay { border: 2px solid #D09D04 }
.MobilPane .MarkArt .ayeri .detay { border: 2px solid #25729A }
.MobilPane .Search { right: 0; top: 0; float: none; position: relative; width: 100% }
.MobilPane .Search div .ikonSearch { width: auto; height: 51px; background-color: #1E2171; padding: 25px 37px; box-sizing: border-box; position: relative; top: 0; right: 0 }
.MobilPane .Search div .ikonSearch .ikon { background: url(../../images/design/DestekPatent/Sprite-Standart.png) 0 -1768px no-repeat; width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px }
.HeaderFullPane .RightButons, .MobilPane .RightButons { display: block; width: 100%; height: 51px; margin-bottom: 0; overflow: hidden }
.HeaderFullPane .RightButons div, .MobilPane .RightButons div { width: 25%; float: left; height: 100%; margin-bottom: 0 }
.HeaderFullPane .RightButons div+div, .MobilPane .RightButons div+div { margin-left: 0 }
.HeaderFullPane .RightButons .fa-angle-right, .HeaderFullPane .RightButons .verticalline, .MobilPane .RightButons .verticalline, .RightButons .fa-angle-right { display: none }
.HeaderFullPane .RightButons div a, .MobilPane .RightButons div a { font-size: 0; padding: 0; background: 0 0; text-align: center; position: relative }
.HeaderFullPane .RightButons div a .ikon, .MobilPane .RightButons div a .ikon { background: url(../../images/design/DestekPatent/Sprite-Standart.png) no-repeat; position: absolute }
.HeaderFullPane .RightButons .darkblue, .MobilPane .RightButons .darkblue { background-color: #007F9F }
.HeaderFullPane .RightButons .darkblue a .ikon, .MobilPane .RightButons .darkblue a .ikon { background-position: -222px -1852px; width: 32px; height: 36px; left: 50%; top: 50%; margin-left: -16px; margin-top: -18px }
.HeaderFullPane .RightButons .green a .ikon, .MobilPane .RightButons .green a .ikon { background-position: 0 -1564px; width: 28px; height: 36px; left: 50%; top: 50%; margin-left: -14px; margin-top: -17px }
.HeaderFullPane .RightButons .blue a .ikon, .MobilPane .RightButons .blue a .ikon { background-position: 0 -1465px; width: 41px; height: 32px; left: 50%; top: 50%; margin-left: -20px; margin-top: -16px }
.HeaderFullPane .RightButons .ikonSearch, .MobilPane .RightButons .ikonSearch { background-color: #1E2171; color: #fff; text-align: center; font-size: 33px }
.HeaderFullPane .RightButons .blue a, .MobilPane .RightButons .blue a { background: #3FADE2; float: none; width: 100%; font-size: 0; padding: 5px 7px; text-align: left }
.HeaderFullPane .RightButons .blue a:hover, .MobilPane .RightButons .blue a:hover { background: #36B3EF }
.HeaderFullPane .RightButons .blue a+a, .MobilPane .RightButons .blue a+a { background: #209AD6 }
.HeaderFullPane .RightButons .blue a+a:hover, .MobilPane .RightButons .blue a+a:hover { background: #2094CE }
.HeaderFullPane .RightButons { display: block }
#header-bottom+.SearchPane.gorunur, #headerPane .Search, .TopTools .ikonSearch { display: none }
.center .slick-center { transition: all 1s ease; top: -10px; height: 285px!important }
.center .slick-center .slick-sloping { height: 285px }
.mainPage #Content2 { height: 621px!important }
.MobilPane .Manset { width: 100%; background-position: 0 50%!important }
.Manset .text { left: 10px }
.Manset .text span { font-size: 27px; padding: 5px; position: relative; line-height: 42px; color: #1F99D6; display: inline; white-space: pre-wrap; border: 0 solid #333 }
.Logo { width: 100%!important; overflow: hidden; padding-left: 12px }
.Logo a img { width: 118px }
.Logo a { padding-top: 16px; margin: 0!important }
#Footer { height: 1000px!important; position: relative }
#Footer .FooterZebra-bottom, #Footer .sloping { position: absolute; height: 1000px!important; width: 100% }
#Footer .sloping { background: url(../../images/design/DestekPatent/slopping-full.png) center top no-repeat; z-index: 9 }
#Footer .FooterZebra-bottom { background: url(../../images/design/DestekPatent/FooterZebra-bottom.png) left top repeat-x; top: 0; padding-top: 5px }
#Footer .FooterZebra-bottom .FooterZebra-top { background: url(../../images/design/DestekPatent/FooterZebra-top.png) left top repeat-x }
#Footer .FooterZebra-bottom .FooterZebra-top .Footer-img-bg { background: url(../../images/design/DestekPatent/Footer-img-bg.png) center bottom no-repeat; height: 1000px!important }
#Footer .pageW { position: relative; z-index: 10; height: 1000px!important; overflow: hidden }
.Copyright { width: 100%; display: block; float: left; position: absolute; bottom: 13px }
.Footer-Site-Map { width: 45% }
.Footer-Site-Map+.Footer-Site-Map { height: 170px; margin-left: 5%!important }
.Footer-Site-Map+.Footer-Site-Map+.Footer-Site-Map { margin-top: 20px; margin-left: 0!important; height: auto }
.currentMenu { margin-top: 0!important }
#header-bottom .sagaYasla+.sagaYasla { background-position: -20px 0; padding-left: 40px; float: left; position: relative; left: -6px; width: 100%; margin-top: -27px; margin-left: 30px }
#header-bottom { position: relative; background-color: #fdfdfd }
#header-bottom .left { width: 64%!important }
.UD.posfix, .UzmanDanis, .mobilemenu.navigation .menubottom .cont { width: 100% }
.mobilemenu.navigation .menubottom .italic { display: none }
.uzmandanisform table td { display: block; width: 100% }
.UD.posfix { left: 0; margin-left: 0; margin-top: -251px; position: absolute }
.UzmanDanis .yariyariya, .form>tbody>tr>td, .iframeWrap .iframe, .iframeWrap .iframe .UzmanDanis, .iframeWrap .iframe .UzmanDanis .yariyariya, .iframeWrap .iframe .form>tbody>tr>td, .iframeWrap .iframe .newsDetail table>tbody>tr>td, .iframeWrap .iframe .text-html table>tbody>tr>td, .iframeWrap.posfix, .newsDetail table>tbody>tr>td, .text-html table>tbody>tr>td { width: 100%!important }
.UzmanDanis .uzmandanisform { padding: 0}
.UzmanDanis h1 { font-size: 18px }
.iframeWrap.posfix { left: 0!important; margin-left: 0!important; margin-top: 0!important; position: absolute!important; top: 0!important }
.iframeWrap.posfix .uzmandanisform table td { display: block!important; width: 100%!important }
.iframeWrap .iframe .UzmanDanis .uzmandanisform { padding: 0 30px 0 1px!important }
.iframeWrap .iframe .UzmanDanis h1 { font-size: 22px!important }
.UzmanDanis .yazi {padding: 20px 10px;font-size: 20px;}
.UzmanDanis .ondayedi { height: 0!important }
.UzmanDanis .yariyariya, .UzmanDanis td.tamtamina { padding-left: 15px }
.UzmanDanis .whiteBg { padding: 5.2% 0 }
.HowCanWeHelpYou .butons .uzman .ikon1 { background-position: 0 -2033px }
.HowCanWeHelpYou .butons .uzman .ikon2 { background-position: 0 -2097px }
.HowCanWeHelpYou .butons div+div { margin-left: 21px }
.Footer-Site-Map { padding-left: 10px }
.acerpro { bottom: 100px!important }
.currentMenu { height: 52px!important }
.Uzmangorus .KurumsalBelgeler.Oduller li .modul table td { display: block; width: 100%; text-align: center!important; padding: 20px 0!important }
.Uzmangorus .KurumsalBelgeler.Oduller li .modul img { max-width: none!important }
.kenarlarikes { width: 100%!important; display: block!important; overflow: hidden!important }
.text-html.mainPNews { height: 500px!important }
.OtherNews .modul h3 { display: block; color: #007F9F; font-size: 16px; margin-bottom: 20px; height: 53px }
#header-bottom .TopTools .topLinks2 a:after, #header-bottom .sagaYasla .menubottom .Yazilar .cont a:after, #slider-main .bx-wrapper .bx-controls-direction a, .TopTools .topLinks2 a .icon { display: none!important }
.text-html.mainPNews .img .inside .altLinks .Detay { font-size: 13px; padding-top: 13px; width: 181px }
.text-html.mainPNews .img .tum { right: 19px }
.text-html.mainPNews .img .tum a { font-size: 13px; padding-top: 14px }
.text-html.mainPNews .img .inside .altLinks { width: 303px; margin: auto; position: relative; left: 9px }
.headerallWrap { height: 260px!important }
.tabmodul ul.links { height: auto!important }
.tabmodul ul.links li { width: 100%; float: none!important }
#scP8C1 { top: 300px!important; left: inherit!important; right: 0!important }
.Copyright { padding: 10px; text-align: center }
.ebultenWrap { top: 0; margin-left: 0!important; padding: 0!important; float: none!important; width: 100%; height: 384px }
.ebulten { margin-top: 10%; width: 100%; padding: 7px; height: 103px; float: none }
.ebulten h2 { padding-left: 17px }
.OnlineServicesicon { width: 100%; background: url(../../images/design/DestekPatent/online-services.png) center bottom 19px no-repeat; height: 300px }
#slider-main .titles>.pageW { padding: 0 52px }
#slider-main .titles { top: 15% }
#slider-main .titles h1 { font-size: 16px }
#slider-main .titles h2 { font-size: 11px }
.TopTools .topLinks { width: auto; float: none!important; margin-top: 0; right: inherit!important; overflow: hidden }
.TopTools .topLinks .cember, .kutu.link { width: 24%; margin-left: 1% }
.DestekPhone { margin: 7px 0 0 11px!important; padding: 0 0 0 11px!important }
.DestekPhone .baslik { margin-top: 3px }
#header-bottom .sagaYasla { float: none!important; margin: 0!important; padding: 0!important }
#header-bottom .sagaYasla .menubottom .Yazilar .cont a { height: 50px!important; width: 50%!important; margin: 0!important; padding: 0 5px 0 63px!important; float: left!important; font-size: 14px; color: #fff!important; font-weight: 600; background: #3fade2 }
#header-bottom {height: 150px !important;padding-top: 50px;}
.cont .tahsilat {background-color:#828286 !important}
.cont .intsube {background-color:#3fade2 !important}
.cont .marka {background-color:#29a29f !important}
.cont .temsilci {background-color:#007f9f !important}
#header-bottom .sagaYasla .menubottom .Yazilar .cont a:before {background-image:url(../../images/design/DestekPatent/mobilicons.png)!important;left:15px !important}
.cont .marka:before {width: 28px;height: 34px;background-position: -85px -11px;}
.cont .intsube:before {width: 38px;height: 24px;background-position: -8px -22px;}
.cont .temsilci:before {width: 32px;height: 32px;background-position: -115px -13px}
.cont .tahsilat:before {width: 27px;height: 25px;background-position: -150px -21px}
#header-bottom .TopTools {background: #1d2172;position:absolute;top:0px;right:0px;width:100%;margin: 0;height: 50px !important;z-index:10001 !important;text-align:center;}
.capsul { display: table; width: 100%; height: 100% }
.capsulic { display: table-cell; vertical-align: middle }
.mainPage #Content { padding-top: 0!important }
.destekIconList { width: auto!important }
.destekIconList li { margin-bottom: 10px!important }
.HowCanWeHelpYou h1 { padding-top: 58px; margin-bottom: 0!important }
.brosur-list .brosur {width:96%}
.UzmanDanis {width:100% !important;}
.table > tbody > tr > td, .table > tbody > tr > th {font-size:10px}
.divfaq .SCin .cevap {padding-left:0px !important;}

}

@media (max-width:414px) {
.slider.center .modul .inside .detay { width: 170px; padding-top: 5px; height: 36px }
.slider.center .modul .inside .detay .fa { top: 0 }
.slick-list { height: 393px!important }
#Content2 .Zebra-short { bottom: 54px!important; position: absolute; z-index: 11 }
.mainPage #Content2 { height: 605px!important }
.Footer-Site-Map { width: 100%; float: none }
.Footer-Site-Map+.Footer-Site-Map { height: auto!important; margin-top: 10%!important; margin-left: 0!important }
#Footer { height: 1500px!important; position: relative }
#Footer .FooterZebra-bottom, #Footer .sloping { position: absolute; height: 1500px!important; width: 100% }
#Footer .sloping { background: url(../../images/design/DestekPatent/slopping-full.png) center top no-repeat; z-index: 9 }
#Footer .FooterZebra-bottom { background: url(../../images/design/DestekPatent/FooterZebra-bottom.png) left top repeat-x; top: 0; padding-top: 5px }
#Footer .FooterZebra-bottom .FooterZebra-top { background: url(../../images/design/DestekPatent/FooterZebra-top.png) left top repeat-x }
#Footer .FooterZebra-bottom .FooterZebra-top .Footer-img-bg { background: url(../../images/design/DestekPatent/Footer-img-bg.png) center bottom no-repeat; height: 1500px!important }
#Footer .pageW { position: relative; z-index: 10; height: 1500px!important; overflow: hidden }
.MobilPane .MainBoxes .sloping div+div { margin-left: 0; margin-top: -2px!important }
.OnlineServicesicon { width: 100%; background: url(../../images/design/DestekPatent/online-services.png) center bottom 19px no-repeat }
.ebultenWrap { padding: 0!important; float: none!important }
}

@media screen and (max-width:360px) {
#headerPane .TopTools .topLinks { right: 0!important }
.Footer-Site-Map .icerik .links li a, .Footer-Site-Map .icerik .links li span { font-size: 13px; line-height: 20px }
.Footer-Site-Map h2, .ebulten h2 { font-size: 15px }
}

@media screen and (max-width:320px) {
#header-bottom .sagaYasla+.sagaYasla { margin-top: -27px; margin-left: -5px }
.MobilPane .MainBoxes .sloping div+div { margin-left: 0; margin-top: -2px!important; width: 63px!important; background-position: 0 -149px }
.MobilPane .Teknoprofil .sloping div+div { background-position: -90px -394px }
.MobilPane .Tasarimizleme .sloping div+div { background-position: -178px -394px }
.MobilPane .Markadeger .sloping div+div { background-position: -266px -394px }
.MobilPane .Dos .sloping div+div { background-position: -354px -394px }
.MobilPane .MarkArt .sloping div+div { background-position: -442px -394px }
}

@media (min-width:580px) and (max-width:1360px) {
.SosyalSol:after { content: ''; width: 0; height: 0; border-left: 20px solid #1D2172; border-top: 20px solid transparent; border-bottom: 20px solid transparent; position: absolute; right: -13px; top: 0; bottom: 0; margin: auto }
.SosyalSol { left: -34px; -webkit-transition: left .3s ease; -moz-transition: left .3s ease; -ms-transition: left .3s ease }
.SosyalSol:hover { left: 0 }
.SosyalSol:hover:after { visibility: hidden }
}
