div.mainDiv {
background-image:url('../images/ibbUygulamalar/ibbUygulamalarBg.png');
  background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
height:55vw;
width:100vw;
position:absolute;
left:0px;
}
     a.anaSayfa {
            background: url('../images/ibbUygulamalar/a.png');
           left:40%; right:0; top:8%;
            height: 10vw; width: 10vw;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
             a.anaSayfa:hover {
                  background: url('../images/ibbUygulamalar/aHw.png');
                  cursor:default;  background-size: 100% 100%;
           
        }
              a.rabs {
            background: url('../images/ibbUygulamalar/a1.png');
           left:41%; right:0; top:0.5%;
            height: 6vw; width: 6vw;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
             a.rabs:hover {
                  background: url('../images/ibbUygulamalar/a1Hw.png');
                  background-size: 100% 100%;
           
        }
               a.panoramik {
            background: url('../images/ibbUygulamalar/b.png');
            left:50%; right:0; top:8%;
            width: 10vw;   height: 10vw;                   /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.panoramik:hover {
          background-image: url('../images/ibbUygulamalar/bHw.png');
         cursor:default;  background-size: 100% 100%;
        }
         a.om {
            background: url('../images/ibbUygulamalar/b1.png');
            left:53%; right:0; top:0.5%;
            width: 6vw;   height: 6vw;                   /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.om:hover {
          background-image: url('../images/ibbUygulamalar/b1Hw.png');
           background-size: 100% 100%;
        }
        a.mezarlikUyg {
            background: url('../images/ibbUygulamalar/c.png');
           left:61%; right:0; top:13%;
            width: 10vw;   height: 10vw;                           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.mezarlikUyg:hover {
          background-image: url('../images/ibbUygulamalar/cHw.png');
         cursor:default;  background-size: 100% 100%;
        }
          a.ei {
            background: url('../images/ibbUygulamalar/c1.png');
           left:65%; right:0; top:6%;
            width: 6vw;   height: 6vw;                           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.ei:hover {
          background-image: url('../images/ibbUygulamalar/c1Hw.png');
          background-size: 100% 100%;
        }
         a.spbbs {
            background: url('../images/ibbUygulamalar/c2.png');
           left:69%; right:0; top:12%;
            width: 6vw;   height: 6vw;                           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.spbbs:hover {
          background-image: url('../images/ibbUygulamalar/c2Hw.png');
          background-size: 100% 100%;
        }
          a.fidanlik {
            background: url('../images/ibbUygulamalar/d.png');
            display: block;
        left:70%; right:0; top:23%;
            width: 10vw;   height: 10vw;                          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.fidanlik:hover {
          background-image: url('../images/ibbUygulamalar/dHw.png');   
              cursor:default;  background-size: 100% 100%;  
        }
         a.kvks {
            background: url('../images/ibbUygulamalar/d1.png');
            display: block;
        left:78%; right:0; top:23%;
            width: 6vw;   height: 6vw;                          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.kvks:hover {
          background-image: url('../images/ibbUygulamalar/d1Hw.png');   
                background-size: 100% 100%;  
        }
         a.envanter {
            background: url('../images/ibbUygulamalar/e.png');
            display: block;
          left:74%; right:0; top:39%;
            width: 10vw;   height: 10vw;                          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.envanter:hover {
          background-image: url('../images/ibbUygulamalar/eHw.png');      cursor:default;  background-size: 100% 100%;   
        }
         a.cmbs {
            background: url('../images/ibbUygulamalar/e1.png');
            display: block;
          left:82%; right:0; top:38%;
            width: 6vw;   height: 6vw;                          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.cmbs:hover {
          background-image: url('../images/ibbUygulamalar/e1Hw.png');       background-size: 100% 100%;   
        }
         a.mbso {
            background: url('../images/ibbUygulamalar/e2.png');
            display: block;
          left:82%; right:0; top:48%;
            width: 6vw;   height: 6vw;                          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.mbso:hover {
          background-image: url('../images/ibbUygulamalar/e2Hw.png');       background-size: 100% 100%;   
        }
         a.personel {
            background: url('../images/ibbUygulamalar/f.png');
            display: block;
          left:70%; right:0; top:57%;
            width: 10vw;   height: 10vw;                           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.personel:hover {
          background-image: url('../images/ibbUygulamalar/fHw.png');     cursor:default;  background-size: 100% 100%;    
        }
          a.pts1 {
            background: url('../images/ibbUygulamalar/f1.png');
            display: block;
          left:78%; right:0; top:66%;
            width: 6vw;   height: 6vw;                           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }
        a.pts1:hover {
          background-image: url('../images/ibbUygulamalar/f1Hw.png');     background-size: 100% 100%;    
        }
        
          a.projetakip {
            background: url('../images/ibbUygulamalar/g.png');
            display: block;
           left:61%; right:0; top:68%;
            width: 10vw;   height: 10vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.projetakip:hover {
          background-image: url('../images/ibbUygulamalar/gHw.png');     cursor:default;  background-size: 100% 100%;    
        }
         a.cabs {
            background: url('../images/ibbUygulamalar/g1.png');
            display: block;
           left:68%; right:0; top:79%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.cabs:hover {
          background-image: url('../images/ibbUygulamalar/g1Hw.png');       background-size: 100% 100%;    
        }
          a.fibny {
            background: url('../images/ibbUygulamalar/g2.png');
            display: block;
           left:63%; right:0; top:83%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.fibny:hover {
          background-image: url('../images/ibbUygulamalar/g2Hw.png');       background-size: 100% 100%;    
        }
         a.sosyalyardimlar {
            background: url('../images/ibbUygulamalar/h.png');
            display: block;
           left:50%; right:0; top:73%;
            width: 10vw;   height: 10vw;                 /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.sosyalyardimlar:hover {
          background-image: url('../images/ibbUygulamalar/hHw.png');     cursor:default;  background-size: 100% 100%;    
        }

          a.debs {
            background: url('../images/ibbUygulamalar/h1.png');
            display: block;
           left:53%; right:0; top:88%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.debs:hover {
          background-image: url('../images/ibbUygulamalar/h1Hw.png');       background-size: 100% 100%;    
        }

         a.yesilalanlar {
            background: url('../images/ibbUygulamalar/i.png');
            display: block;
           left:40%; right:0; top:73%;
            width: 10vw;   height: 10vw;              /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.yesilalanlar:hover {
          background-image: url('../images/ibbUygulamalar/iHw.png');     cursor:default;  background-size: 100% 100%;    
        }
         a.iebs {
            background: url('../images/ibbUygulamalar/i1.png');
            display: block;
           left:42%; right:0; top:88%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.iebs:hover {
          background-image: url('../images/ibbUygulamalar/i1Hw.png');       background-size: 100% 100%;    
        }
          a.askidaFatura {
            background: url('../images/ibbUygulamalar/j.png');
            display: block;
            left:30%; right:0; top:68%;
            width: 10vw;   height: 10vw;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.askidaFatura:hover {
          background-image: url('../images/ibbUygulamalar/jHw.png');     cursor:default;  background-size: 100% 100%;    
        }

         a.fpbs {
            background: url('../images/ibbUygulamalar/j1.png');
            display: block;
           left:31%; right:0; top:83%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.fpbs:hover {
          background-image: url('../images/ibbUygulamalar/j1Hw.png');       background-size: 100% 100%;    
        }
         a.yabs {
            background: url('../images/ibbUygulamalar/j2.png');
            display: block;
           left:26.4%; right:0; top:77%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.yabs:hover {
          background-image: url('../images/ibbUygulamalar/j2Hw.png');       background-size: 100% 100%;    
        }

          a.engelsizIzmir {
            background: url('../images/ibbUygulamalar/k.png');
            display: block;
            left:20%; right:0; top:57%;
            width: 10vw;   height: 10vw;           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.engelsizIzmir:hover {
          background-image: url('../images/ibbUygulamalar/kHw.png');     cursor:default;  background-size: 100% 100%;    
        }
          a.syts {
            background: url('../images/ibbUygulamalar/k1.png');
            display: block;
           left:16%; right:0; top:65%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.syts:hover {
          background-image: url('../images/ibbUygulamalar/k1Hw.png');       background-size: 100% 100%;    
        }
           a.hcbs {
            background: url('../images/ibbUygulamalar/l.png');
            display: block;
            left:16%; right:0; top:39%;
            width: 10vw;   height: 10vw;           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.hcbs:hover {
          background-image: url('../images/ibbUygulamalar/lHw.png');     cursor:default;  background-size: 100% 100%;    
        }
          a.oyo {
            background: url('../images/ibbUygulamalar/l1.png');
            display: block;
           left:11.8%; right:0; top:48%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.oyo:hover {
          background-image: url('../images/ibbUygulamalar/l1Hw.png');       background-size: 100% 100%;    
        }
          a.pbs {
            background: url('../images/ibbUygulamalar/l2.png');
            display: block;
           left:11.8%; right:0; top:38%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.pbs:hover {
          background-image: url('../images/ibbUygulamalar/l2Hw.png');       background-size: 100% 100%;    
        }
           a.ike {
            background: url('../images/ibbUygulamalar/m.png');
            display: block;
            left:21%; right:0; top:22%;
            width: 10vw;   height: 10vw;           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.ike:hover {
          background-image: url('../images/ibbUygulamalar/mHw.png');     cursor:default;  background-size: 100% 100%;    
        }
         a.pts {
            background: url('../images/ibbUygulamalar/m1.png');
            display: block;
           left:17%; right:0; top:21.4%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.pts:hover {
          background-image: url('../images/ibbUygulamalar/m1Hw.png');       background-size: 100% 100%;    
        }
           a.imar {
            background: url('../images/ibbUygulamalar/n.png');
            display: block;
            left:30%; right:0; top:12%;
            width: 10vw;   height: 10vw;           /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.imar:hover {
          background-image: url('../images/ibbUygulamalar/nHw.png');     cursor:default;  background-size: 100% 100%;    
        }
         a.pmgts {
            background: url('../images/ibbUygulamalar/n1.png');
            display: block;
           left:27%; right:0; top:7.5%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.pmgts:hover {
          background-image: url('../images/ibbUygulamalar/n1Hw.png');       background-size: 100% 100%;    
        }
         a.jehg {
            background: url('../images/ibbUygulamalar/n2.png');
            display: block;
           left:32%; right:0; top:4%;
            width: 6vw;   height: 6vw;          /* <------ */
    background-repeat:   no-repeat;
    background-position: 0% 0%;
  background-size: 100% 100%;
  position:absolute;
        }

        a.jehg:hover {
          background-image: url('../images/ibbUygulamalar/n2Hw.png');       background-size: 100% 100%;    
        }