@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
body{font-family: 'Raleway', sans-serif;font-weight: 300;color: #000000;
    font-size: 1em;margin: 0;padding: 0;line-height: normal;
}
html {scroll-behavior: smooth;}
div, span, p, header, footer, a , table, tr, td, input, textarea, select, ul, li
{box-sizing:border-box; outline:none;}

a
{  transition:all 500ms;
-moz-transition:all 500ms;
-ms-transition:all 500ms;
-o-transition:all 500ms;
-webkit-transition:all 500ms;
text-decoration:none;
cursor:pointer;
    color: #000000;
}

input[type=text],input[type=submit],textarea,select {
font-family: 'Raleway', sans-serif;
}
.txtcenter {text-align: center;}
ul,li,p,h1,h2,h3,h4,h5
{margin:0px;
padding:0px;
list-style: none;
}

.clear{clear:both;}

.container{position: relative;overflow:hidden;}
.full {width: 1150px;margin: auto;}
header{
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
}
.headtop{display: flex;
align-items: center;
justify-content: center;
}

.headleft{
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.headright{
    width: 50%;
}
.toplogo{
    padding: 20px 40px;
    background: #e5e2e2;
    transition: 500ms;
    text-align: center;
    width: 345px;
}
.logo img{width: 100%;transition: 500ms;height: 110px;}
.fixfix .logo img {width: 150px;height: 29px;}
.fixfix .toplogo {padding: 20px 60px;width: 345px;text-align: center;}
.fixfix{border-bottom: 1px solid #f2f2f2;}
.headright{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.langs{
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #f2f2f2;
    font-weight: 300;
    font-size: 13px;
    padding: 5px 20px;

}
.langs:hover{
    color: #0063af;
}

.home {color: #0063af;
    padding: 5px 0px 5px 20px;
margin-right: 20px;
}
.home:hover{color: #787879;}
.mobmenu {
    cursor: pointer;
    color:#787879;
    font-size: 26px;
}
.mobmenu:hover {
    color:#0063af;
}
.anaslider{margin-top: 150.07px;}

.anaslider .item {
    height: 560px;
    background-position: center;
    background-size: cover;
}

.firmakimlik{
position: relative;
background-position: 50% 50%;
}
.kimlikin{position: relative;
    padding-top: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: row wrap;

}
.kimlikin:before {
background: #e5e2e2;
width: 30%;
height: 100%;
position: absolute;
content: "";
top: 0;
right:calc(50%);
z-index: -1;
}
.kimlikin:after{
height: 60%;
    position: absolute;
    content: "";
    background: url(images/projebg.png) no-repeat left;
    left: 0;
    top: 0;
    z-index: 1000;
    background-size: cover;
    width: 50%;
    transform: rotate(180deg);
    opacity: 0.1;
    display: none;
}

.firmatbody{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.firmaimg{width: 40%;}
.firmaimg img {width: 100%;}

.firmatexts{
    width: 50%;
padding-left: 50px;
}
.firmadesc{padding-right: 90px;
text-align: justify;
position: relative;
}

.firmatitle{
    color: #333;
    font-size: 35px;
    padding-bottom: 50px;
}
.vtitle{
    display: block;
    line-height: normal;
    color: #e8e7e7;
    font-size: 70px;
    font-weight: 800;

}
.vkurumsal{
        transform: rotate(-90deg);
    right: -172px;
    bottom: 200px;
    position: absolute;
}
.biyobody{
 width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.biyotexts{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column;
    margin-top: -390px;
}
.biyotextbody{
    padding: 20px;
}
.biyotitle {font-size: 20px;text-align: center;font-weight: 400;
padding: 30px 0;
}
.biyodesc{
    position: relative;
}
.vbiyo{
    transform: rotate(-90deg);
    left: -255px;
    bottom: 119px;
    position: absolute;
}
.vbiyo1{
      transform: rotate(-90deg);
  left: -270px;
    bottom: 139px;
        position: absolute;
}
.hizmetbody{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 50px;
    position: relative;
    margin-top: 0;
}

.hizmetleft{
    width: 50%;
    padding-top: 50px;
}
.hizmetright{
    width: 45%;
        margin-top: -275px;
    padding-bottom: 165px;
}

.hizmetimg{
    background-position: center;
    background-size: cover;
    min-height: 300px;
    display: block;
    position: relative;
}
.hizmetimg:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: 500ms;
}
.hizmetbox:hover .hizmetimg:before{
    background: rgba(0, 0, 0, 0);
}

.hizmettitle{
    display: block;
    padding: 20px 0;
    font-size: 22px;
    color: #1e3251;
    text-align: center;
}
.hizmetbox{
    margin-bottom: 30px;
}

.hizmetdesc{
    padding-bottom: 30px;
}
.neler{padding: 30px 0;}
.uzunhizmet{
    min-height: 696px;
}
.vhizmet {
    padding: 30px 0;
}
.projebody{
    background: #c0c1c4;
    
}
.projeler{
    position: relative;
}

.projeler:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #0a0a0a;
    left: 0;
    top: 75px;
}
.projeler:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #0a0a0a;
    left: 0;
    bottom: 75px;
}
.vrel {
    position: relative;
        padding: 115px 90px 115px 0;
}
.referans .item {
    background-size: cover;
    height: 550px;
    position: relative;
    background-position:  center center;
}
.referans{position: relative;}
.vproje{
        transform: rotate(-90deg);
    right: -160px;
    bottom: 262px;
    position: absolute;
}
.vrel:before{
    width: 50%;
    height: 60%;
    position: absolute;
    content: "";
    background: url(images/projebg.png) no-repeat left;
    left: 0;
    bottom: -100px;
    z-index: 1000;
    background-size: cover;
    display: none;
}

.projetitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 200;
}
.projename{
    color: #fff;
}
.projename:hover{
    color: #0063af;
}
.projetext {font-size: 16px;font-weight: 200;
padding-top: 20px;
}
.faydalilist{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.faydalibox{
    width: 32%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-flow: column;
}

.faydaimg {height: 320px;
background-size: cover;
display: block;
width: 100%;
position: relative;
}
.faydauzun{height: 650px;
position: relative;
}
.faydatext {
    width: 90%;text-align: right;
padding-bottom: 20px;
}
.faydalibilgi{
padding-top: 100px;
    position: relative;
}
.faydaimg:before{
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: 500ms;
}
.faydauzun .faydatext{
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #fff;
}
.faydalibox:hover .faydaimg:before{
    background: rgba(0, 0, 0, 0);
}

.vfaydali {
    position: absolute;
    top: 150px;
    left: 3%;
}
.sorulargovde{
    padding: 120px 0;
    background: url(images/pattern3.png);
    position: relative;
}

.sorular{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.sorubg{
    position: absolute;
    left: 3%;
    top: 30px;
}
.sorubox{
    margin-bottom: 10px;
}
.sorutitle{
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    text-align: right;
}

.sorulist{
    padding-right: 40px;
    padding-top: 20px;
    width: 60%;
    align-items: flex-end;
    justify-content: flex-end;
    flex-flow: column;
}


.accordionContent{
    text-align: right;
    padding: 20px 0;
}

.iletisimgovde{
    padding: 120px 0;
    background: #f8f8f8;
}
.iletisim{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.iletleft{
    width: 45%;
    position: relative;
}


.iletright{
    width: 50%;
}
.ilettitle{
    font-size: 18px;
    color: #0063af;
    font-weight: 600;
}
.iletlist{
    padding-left: 120px;
}
.adrestext {
    color: #000;
}
.adresline{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.adreslist {
    padding-top: 55px;
}
.adresline i {
    padding-top: 5px;
    padding-right: 10px;
    font-size: 23px;
    color: #333333;
}
.adrestext:hover{
    color: #0063af;
}

.vilet{
    transform: rotate(-90deg);
    left: -105px;
    top: 105px;
    position: absolute;
}
.formtitle{
    font-size: 25px;
    color: #333;
    font-weight: 600;
    padding-bottom: 20px;
}


.iletform{
    padding-top: 50px;
}
.iletform input[type=text]{
    border:none;
    width: 100%;
    padding: 20px;
    background: #eeeeee;
    margin-bottom: 10px;
    font-weight: 200;
}

.iletform textarea{
    border:none;
    width: 100%;
    padding: 20px;
    background: #eeeeee;
    margin-bottom: 10px;
    font-weight: 200;
    height: 180px;
}
.iltgonder{
    padding: 18px;
    color: #fff;
    cursor: pointer;
    background: #0088cd;
    text-align: center;
    font-weight: 600;
    transition: 500ms;
}
.iltgonder:hover{
    background: #333;
}
.form-err {
    padding: 10px 0;
    color: #ff0066;
    font-weight: 600;
}

footer{
    border-top: 1px solid #eeeeee;
}

.copyimza {
    padding: 50px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: #333;
}
.aydinlatma {
    text-align: right;
}
.copy span, .copy a{
    font-weight: 600;
}

.menu{
    position: fixed;
    z-index: 90000;
    background: #787879;
    width: 50%;
    height: 100%;
    top: 0;
    right: -100%;
    color: #fff;
    transition: 500ms;

}
.menu ul li a{
    color: #fff;
    font-size: 25px;
    display: block;
    line-height: normal;
    padding-bottom: 20px;
    margin-bottom: 20px;
 position: relative;
 text-align: center;
 border-bottom: 1px solid #eeeeee;
}
.menu ul {
    padding-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.close {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    right: 30px;
    top: 30px;
    position: absolute;
}

.menu ul li:hover{
    letter-spacing: 5px;
    width: 100%;
}

.biyoimg img {width: 70%;border: 1px solid #010101;}
.biyoimg {text-align: center;}
.tumplink{
    position: absolute;
    right: 89px;
    bottom: 25px;
    color: #e8e7e7;
    font-weight: 600;
    font-size: 20px;
}
.tumplink:hover{
    color: #0063af;
}

.banner{
    margin-top: 150.07px;
}


.astitle{
    width: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.valtbaslik{
padding: 20px 0;
line-height: normal;
}

.vhizaltbaslik{
    font-size: 61px;
    width: 345px;
    text-align: center;
}
.sayfa{
    padding-bottom: 100px;
}
.icsayfa{
    position: relative;
}
.icsayfa:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 245px;
    left: 0;
    top: 0;
    background: #e5e2e2;
    z-index: -1;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
}
.althizmet{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 50px;
}

.altimg{
    width: 50%;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.altimg img{width: 100%;object-fit: cover;}
.althizbody{
    width: 48%;
}
.alttitletop{
 padding-top: 90px;
}
.alttitletop h1{
    font-size: 33px;
    line-height: normal;
    text-align: right;
}

.detaytext{
    padding-top: 95px;
}
.digerhizmetbody{
    padding-top: 50px;
    position: relative;
}

.hizmetlist{
    display: flex;
    align-items: center;
    justify-content: center;
}

.dhtitle{
    font-size: 28px;
    font-weight: 300;
    text-align: center;
        padding-bottom: 30px;

}



.digerhizmetbody:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -7px;
    background: #000;
}

.digerhizmetbody:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    top: 97px;
    background: #000;
}

.dhizmetbox{
    width: 33.333%;
    height: 230px;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 500ms;
        background-position: center center;
}
.dhizmetbox span{
    position: absolute;
    z-index: 100;
color: #fff;
font-weight: 600;
top: calc(50% - 8px);
text-align: center;
width: 100%;
transition: 500ms;
}
.dhizmetbox:before{
position: absolute;
content: "";
z-index: 90;
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: 500ms;
}
.dhizmetbox:hover span{
    top: 10%;
}

.dhizmetbox:hover:before{
   background: rgba(0, 0, 0, 0.1);
}
.vpraltbaslik{
    font-size: 51px;
}
.projedresim{
    margin:auto;
    width: 60%;
    padding-top: 50px;
}
.projedresim img{width: 100%;}
.pricsayfa:before {
    height: 265px;
}

.projeleft{
    width: 50%;
}
.projeright{
    width: 48%;
}

.prdetaytext{
    line-height: normal;
}

.prlistdetay{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 50px;
}
.projeleft h1{
    text-align: right;
    line-height: normal;
}

.praltbaslik{
    font-weight: 600;
    padding-bottom: 30px;
}

.projelistbody {padding-top: 20px;}
.projelistbody:before{
    top: 0px;
}
.projelistbody:after{
   display: none;
}
.projelist {
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.projelist .dhizmetbox{
width: 32%;
margin-bottom: 20px;

}
.dgrprojelink{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 50px;
}

.dgrprojelink .tumplink{
    color: #000;
    font-weight: 600;
    font-size: 20px;
    position: relative;
    right: unset;
    bottom: unset;
}

.dgrprojelink .tumplink:hover{
    color: #0063af;
}

.vpranabaslik{
    font-size: 69px;
}

.primg{
background-size: cover;
position: relative;
height: 400px;
background-position: center;
border: 1px solid #101010;
}




.actpr{
    position: relative;
    display: block;
    
}

.actpr:before{
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.4);
   z-index: 100;
    display: block;
    transition: 500ms;
}
.actpr:hover:before{
    background: rgba(0, 0, 0, 0.2);
     display: block;
}





.projebox{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: row;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
}


.projebox:before{
position: absolute;
content: "";
width: 500%;
height: 1px;
background: #101010;
bottom: -20px;
left: -250%;
}
.revprbox{
    flex-flow: row-reverse;
}

.primg:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    transition: 500ms;
}



.projebox span{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: block;
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: 1000ms;
}

.revprbox span{
    position: absolute;
    top: 0;
    bottom: unset;
    left: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: block;
    padding: 20px;
    width: 100%;
}
.primg:hover:before{
    background: rgba(0, 0, 0, 0);
}
.primg:hover span{
    background: rgba(0, 0, 0, 0.4);
}
.pricsayfa{padding-bottom: 25px;}

.digerhizmetbody:after{display: block;}


#hidden-contentx {
    width: 60%;
}

.usozlesme {
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 20px;
}
.solnav {
    height: 60vh;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.15);
    background-color: #fff;
    z-index: 1000;
    z-index: 900;
    overflow: scroll;
    padding: 10px;
}
.icerik {
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
}




 /*change the thinkness of the scrollbar here*/
.solnav::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
 /*add a shadow to the scrollbar here*/
.solnav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*this is the little scrolly dealio in the bar*/ 
.solnav::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: rgba(0,0,0,0.3);
    height: 3px;
}
.solnav::-webkit-scrollbar-corner { display: none; height: 0px; width: 0px; }


    /*change the thinkness of the scrollbar here*/
.categori-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
 /*add a shadow to the scrollbar here*/

/*this is the little scrolly dealio in the bar*/ 



.projebox:last-child:before{display: none;}

.fnelerhizmet:before{display: none;}
























/* iPhone Phone Dikey*/
@media screen and (min-width: 360px) and (max-width: 1024px)

{

.full{width: 96%;}

.langs{
    padding: 5px 10px;
}
.toplogo{padding: 10px 20px;}
.logo img{height: 63px;}
.fixfix .logo img{width: 130px;}

.fixfix .toplogo{padding: 10px 20px;}

.anaslider{margin-top: 83.49px;}

.anaslider .item{
    height: 50vh;
}
.kimlikin:before{
    right: unset;
left: 0;
width: 20%;
}

.kimlikin{padding-top: 85px;}
.firmatexts{padding-left: 0;width: 71%;}
.firmatitle{font-size: 20px;}

.firmadesc{padding-right: 0;}
.biyotexts{margin-top:30px;width: 71%;}

.vkurumsal{right: unset;color: #787879;left: -76%;height: 60px;}

.biyobody{width: 100%;}
.firmatbody{flex-flow: column;align-items: flex-end;}
.firmaimg{width: 100%;padding-bottom: 30px;}

.firmaimg img{width: 300px;}

.vtitle{font-size: 50px;}
.biyotextbody {padding: 20px 0;}

.vbiyo{left: -200px;color: #787879;}
.vbiyo1{left: -215px;
    color: #787879;}


.hizmetbody{flex-flow: column-reverse;margin-top: 0;}
.hizmetleft{width: 100%;padding-top: 0;}
.hizmetright{width: 100%;margin-top: 90px;padding-bottom: 0;}
.vrel{padding: 85px 0px 85px 0;}

.vproje{font-size: 25px;
right: 0;
bottom: 0;
}
.referans .item{
    height: 50vh;
    position: relative;
}


.projetitle{
    right: unset;
    left: 20px;
    font-size: 22px;
    top: 20px;
z-index: 200;
}

.vproje{
    right: 0;
    bottom: unset;
    top: 20px;
    transform:unset;
}
.uzunhizmet{min-height: 300px;}

.vfaydali{
    position: relative;
    top: unset;
    left: unset;
}
.faydalilist{
    align-items: flex-start;
    flex-flow: column;
    padding-top: 25px;
}
.faydalibox{width: 100%;margin-bottom: 25px;}

.sorular{
    flex-flow: column-reverse;
}
.sorulist{width: 100%;padding:25px 0 0 0;}

.iletisimgovde{padding: 85px 0;}

.iletisim{flex-flow: column;}

.iletleft{width: 100%;}
.iletright{width: 100%;}
.vilet{
    transform: unset;
    left: unset;
    top: unset;
    position: relative;
}
.iletlist{padding: 25px 0 0 0;}

.iletright iframe{height: 350px;}
.copyimza{
    flex-flow: column;
}
.copy{
    text-align: center;
    padding-bottom: 25px;
}


.close{
    right: 20px;
    top: 20px;
}
.menu ul{
    padding-top: 75px;
}


.menu ul li a{
    font-size: 18px;
    right: unset;
    top: unset;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.tumplink{
    bottom: 20px;
    right: 35px;
    font-size: 18px;
}
.banner{
    margin-top: 83.95px;
}
.astitle{align-items: center;justify-content: center;}
.vpranabaslik{
    font-size: 36px;
}
.primg {
    height: 130px;
}
.projebox span{
    padding: 10px;
    font-size: 16px;
}
.vhizaltbaslik{
    font-size: 32px;
    width: unset;
}

.althizmet{
    flex-flow: column;
}

.altimg{width: 100%;
    margin: auto;}
.althizbody{width: 100%;}
.alttitletop{padding-top: 25px;}
.alttitletop h1{font-size: 23px;}
.detaytext{padding-top: 25px;}
.dhizmetbox{width: 100%;}
.hizmetlist{flex-flow: column;}
#hidden-contentx{
    width: 96%;
        padding: 20px;
}


.projedresim{width: 100%;}

.prlistdetay{flex-flow: column;}

.projeleft{width: 100%;}
.projeright{width: 100%;}
.projeleft h1{font-size: 30px;padding-bottom: 20px;line-height: normal;}
.projelist .dhizmetbox{width: 100%;}


.primg:before{background: rgba(0, 0, 0, 0.2);}

.vpraltbaslik{
    font-size: 26px;
}













}
/* iPhone Phone Dikey*/

























/* iPhone Phone Yatay*/
@media only screen  and (min-width: 360px) and (max-width: 1024px) and (orientation: landscape) 
{ 

.primg {
    height: 282px;
}
.dhizmetbox{width:33.33%;height: 190px;}
.hizmetlist{flex-flow: row;}

.dhizmetbox span{font-size: 14px;}

.altimg{width: 90%;
    margin: auto;}


}
/* iPhone Phone Yatay*/


/* iPhone  Tablet Dikey*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) 
{ 

.primg {
    height: 342px;
}
.dhizmetbox{width:33.33%;height: 190px;}
.hizmetlist{flex-flow: row;}

.dhizmetbox span{font-size: 14px;}

.altimg{width: 90%;
    margin: auto;}








}
/* iPhone  Tablet Dikey*/



/* iPhone  Tablet Yatay*/
@media only screen  and (min-width: 768px)   and (max-width: 1024px)  and (orientation: landscape) 

{




}
/* iPhone  Tablet Yatay*/



/*zoom 110ustu*/
@media screen and (max-width: 1800px) and (min-width: 1700px)
{


}
/*zoom 110ustu*/

/*zoom 125ustu*/
@media screen and (max-width: 1700px) and (min-width: 1500px)
{




}
/*zoom 125ustu*/


/*zoom 150ustu*/
@media screen and (max-width: 1500px) and (min-width: 1200px)
{




}
/*zoom 150ustu*/

/*zoom 175ustu*/
@media screen and (max-width: 1200px) and (min-width: 1024px)
{






}
/*zoom 175ustu*/