.responsive-table {
  width: 100%;
  margin-bottom: 1.5em;
}

.responsive-table * { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  color: #5e5d52;}



@media (min-width: 48em) {
  .responsive-table {
    font-size: .9em;
  }
}
@media (min-width: 62em) {
  .responsive-table {
    font-size: 1em;
  }
}
.responsive-table thead {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .responsive-table thead {
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
  }
}
.responsive-table thead th {
  background-color: #1d96b2;
  border: 1px solid #1d96b2;
  font-weight: bold;
  text-align: center;
  color: white;
}

.responsive-table thead th:first-of-type {
  text-align: left;
}
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
  display: block;
  padding: 0;
  text-align: left;
  white-space: normal;
}
@media (min-width: 48em) {
  .responsive-table tr {
    display: table-row;
  }
}
.responsive-table th,
.responsive-table td {
  padding: .5em;
  vertical-align: middle;
}
@media (min-width: 30em) {
  .responsive-table th,
  .responsive-table td {
    padding: .75em .5em;
  }
}
@media (min-width: 48em) {
  .responsive-table th,
  .responsive-table td {
    display: table-cell;
    padding: .5em;
  }
}
@media (min-width: 62em) {
  .responsive-table th,
  .responsive-table td {
    padding: .75em .5em;
  }
}
@media (min-width: 75em) {
  .responsive-table th,
  .responsive-table td {
    padding: .75em;
  }
}
.responsive-table caption {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 48em) {
  .responsive-table caption {
    font-size: 1.5em;
  }
}
.responsive-table tfoot {
  font-size: .8em;
  font-style: italic;
}
@media (min-width: 62em) {
  .responsive-table tfoot {
    font-size: .9em;
  }
}
@media (min-width: 48em) {
  .responsive-table tbody {
    display: table-row-group;
  }
}
.responsive-table tbody tr {
  margin-bottom: 1em;
  border: 2px solid #1d96b2;
}
@media (min-width: 48em) {
  .responsive-table tbody tr {
    display: table-row;
    border-width: 1px;
  }
}
.responsive-table tbody tr:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .responsive-table tbody tr:nth-of-type(even) {
    background-color: #eaeadf;
  }
}
.responsive-table tbody th[scope="row"] {
  background-color: #1d96b2;
  color: white;
}
@media (min-width: 48em) {
  .responsive-table tbody th[scope="row"] {
    background-color: transparent;
    color: #5e5d52;
    text-align: left;
  }
}
.responsive-table tbody td {
  text-align: right;
}
@media (min-width: 30em) {
  .responsive-table tbody td {
    border-bottom: 1px solid #1d96b2;
  }
}
@media (min-width: 48em) {
  .responsive-table tbody td {
    text-align: center;
  }
}
.responsive-table tbody td[data-type=currency] {
  text-align: right;
}
.responsive-table tbody td[data-title]:before {
  content: attr(data-title);
  float: left;
  font-size: .8em;
  color: rgba(94, 93, 82, 0.75);
}
@media (min-width: 30em) {
  .responsive-table tbody td[data-title]:before {
    font-size: .9em;
  }
}
@media (min-width: 48em) {
  .responsive-table tbody td[data-title]:before {
    content: none;
  }
}
.btnnw, .btnnw-two {
    margin: 9px;
}
.btnnw-gradient {
    margin: 5px;
}
a[class*="btn"] {text-decoration: none;}
 
button[class*="btn"] {border: 0;}

/* Here you can change the button sizes */
.btnnw.large, 
.btnnw-two.large, 
.btnnw-effect.large {
  padding: 20px 40px; 
  font-size: 22px;
}
.btnnw.small, 
.btnnw-two.small, 
.btnnw-gradient.small, 
.btnnw-effect.small {
  padding: 8px 18px;  
  font-size: 14px;
}
.btnnw.mini, 
.btnnw-two.mini, 
.btnnw-gradient.mini, 
.btnnw-effect.mini {
  padding: 4px 12px;  
  font-size: 12px;
}
.btnnw.block, 
.btnnw-two.block, 
.btnnw-gradient.block, 
.btnnw-effect.block {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.btnnw-gradient.large {
  padding: 15px 45px; 
  font-size: 22px;
}

/* Colors for .btnnw and .btnnw-two */
.btnnw.blue, .btnnw-two.blue     {background-color: #7fb1bf;}
.btnnw.green, .btnnw-two.green   {background-color: #9abf7f;}
.btnnw.red, .btnnw-two.red       {background-color: #fa5a5a;}
.btnnw.purple, .btnnw-two.purple {background-color: #cb99c5;}
.btnnw.cyan, .btnnw-two.cyan     {background-color: #7fccde;}
.btnnw.yellow, .btnnw-two.yellow {background-color: #f0d264;}

.rounded {
  border-radius: 10px;
}

/* default button style */
.btnnw {
    position: relative;
    border: 0;
    padding: 15px 25px;
    display: inline-block;
    text-align: center;
    color: white;
}
.btnnw:active {
    top: 4px;   
}

/* color classes for .btnnw */
.btnnw.blue {box-shadow: 0px 4px #74a3b0;}
.btnnw.blue:active {box-shadow: 0 0 #74a3b0; background-color: #709CA8;}

.btnnw.green {box-shadow: 0px 4px 0px #87a86f;}
.btnnw.green:active {box-shadow: 0 0 #87a86f; background-color: #87a86f;}

.btnnw.red {box-shadow:0px 4px 0px #E04342;}
.btnnw.red:active {box-shadow: 0 0 #ff4c4b; background-color: #ff4c4b;}

.btnnw.purple {box-shadow:0px 4px 0px #AD83A8;}
.btnnw.purple:active {box-shadow: 0 0 #BA8CB5; background-color: #BA8CB5;}

.btnnw.cyan {box-shadow:0px 4px 0px #73B9C9;}
.btnnw.cyan:active {box-shadow: 0 0 #73B9C9; background-color: #70B4C4;}

.btnnw.yellow {box-shadow:0px 4px 0px #D1B757;}
.btnnw.yellow:active {box-shadow: 0 0 #ff4c4b; background-color: #D6BB59;}

/* Button two - I have no creativity for names */
.btnnw-two {
    color: white;   
    padding: 15px 25px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
                      0 2px 0 -1px rgba(0,0,0,0.13), 
                      0 3px 0 -1px rgba(0,0,0,0.08), 
                      0 3px 13px -1px rgba(0,0,0,0.21);
}
.btnnw-two:active {
    top: 1px;
    border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
    box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
    position: relative;
}
/* 3D Button */
.btnnw-3d {
    position: relative;
    display: inline-block;
    font-size: 22px;
    padding: 20px 60px;
    color: white;
    margin: 20px 10px 10px;
    border-radius: 6px;
    text-align: center;
    transition: top .01s linear;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
.btnnw-3d.red:hover    {background-color: #e74c3c;}
.btnnw-3d.blue:hover   {background-color: #699DD1;}
.btnnw-3d.green:hover  {background-color: #80C49D;}
.btnnw-3d.purple:hover {background-color: #D19ECB;}
.btnnw-3d.yellow:hover {background-color: #F0D264;}
.btnnw-3d.cyan:hover   {background-color: #82D1E3;}

.btnnw-3d:active {
    top: 9px;
}

/* 3D button colors */
.btnnw-3d.red {
    background-color: #e74c3c;
    box-shadow: 0 0 0 1px #c63702 inset,
        0 0 0 2px rgba(255,255,255,0.15) inset,
        0 8px 0 0 #C24032,
        0 8px 0 1px rgba(0,0,0,0.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btnnw-3d.red:active {
    box-shadow: 0 0 0 1px #c63702 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btnnw-3d.blue {
    background-color: #6DA2D9;
    box-shadow: 0 0 0 1px #6698cb inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(110, 164, 219, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btnnw-3d.blue:active {
    box-shadow: 0 0 0 1px #6191C2 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btnnw-3d.green {
    background-color: #82c8a0;
    box-shadow: 0 0 0 1px #82c8a0 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(126, 194, 155, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btnnw-3d.green:active {
    box-shadow: 0 0 0 1px #82c8a0 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btnnw-3d.purple {
    background-color: #cb99c5;
    box-shadow: 0 0 0 1px #cb99c5 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(189, 142, 183, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btnnw-3d.purple:active {
    box-shadow: 0 0 0 1px #cb99c5 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btnnw-3d.cyan {
    background-color: #7fccde;
    box-shadow: 0 0 0 1px #7fccde inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(102, 164, 178, .6),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btnnw-3d.cyan:active {
    box-shadow: 0 0 0 1px #7fccde inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

.btnnw-3d.yellow {
    background-color: #F0D264;
    box-shadow: 0 0 0 1px #F0D264 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 8px 0 0 rgba(196, 172, 83, .7),
                0 8px 0 1px rgba(0,0,0,.4),
                0 8px 8px 1px rgba(0,0,0,0.5);
}
.btnnw-3d.yellow:active {
    box-shadow: 0 0 0 1px #F0D264 inset,
                0 0 0 2px rgba(255,255,255,0.15) inset,
                0 0 0 1px rgba(0,0,0,0.4);
}

/* Gradient buttons */
.btnnw-gradient {
    text-decoration: none;
    color: white;
    padding: 10px 30px;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom: 4px solid rgba(0,0,0,0.21);
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
/* Gradient - ugly css is ugly */
.btnnw-gradient.cyan {
    background: rgba(27,188,194,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
    background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}

.btnnw-gradient.red{ 
    background: rgba(250,90,90,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
    background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}
.btnnw-gradient.orange {
    background: rgba(255,105,30,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,105,30,1)), to(rgba(230,95,28,1)));
    background: -webkit-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
    background: -moz-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
    background: -o-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
    background: linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
}
.btnnw-gradient.blue {
    background: rgba(102,152,203,1);
    background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
    background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btnnw-gradient.purple { 
    background: rgba(203,153,197,1);
    background: -moz-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,153,197,1)), color-stop(100%, rgba(181,134,176,1)));
    background: -webkit-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: -o-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: -ms-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    background: linear-gradient(to bottom, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
}
.btnnw-gradient.yellow {
    background: rgba(240,210,100,1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,210,100,1)), to(rgba(229,201,96,1)));
    background: -webkit-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    background: -moz-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    background: -o-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    background: linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
}
.btnnw-gradient.green {
    background: rgba(130,200,160,1);
    background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
    background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
    background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(124, 185, 149, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}

.btnnw-gradient.red:active      {background: #E35252;}
.btnnw-gradient.orange:active {background: #E8601B;}
.btnnw-gradient.cyan:active   {background: #169499;}
.btnnw-gradient.blue:active   {background: #608FBF;}
.btnnw-gradient.purple:active {background: #BD8EB7;}
.btnnw-gradient.yellow:active {background: #DBC05B;}
.btnnw-gradient.green:active  {background: #72B08E;}
.v2titlegnl { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size:23px; padding:0px 0px 3px; border-bottom:1px solid #169499 }

.yenigenelblock {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #E8ECF0;
border: 1px solid #E8ECF0;
    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
}

.yenigenelblock .blbaslik {
font-style: normal;
    font-weight: 400;
    margin: 0 0 .4em;
    font-size: 21px;
    line-height: 110%; font-family: Arial,sans-serif;
}
 .blbaslik {
font-style: normal;
    font-weight: 400;
    margin: 0 0 .4em;
    font-size: 21px;
    line-height: 110%; font-family: Arial,sans-serif;
}

.yenigenelblock .headtxt {

    font-size: 13px;
    font-family: Helvetica Neue,Arial,san-serif;
    line-height: 1.5em!important; color: #263352; margin-bottom:10px

}

.headtxt {

    font-size: 13px;
    font-family: Helvetica Neue,Arial,san-serif;
    line-height: 1.5em!important; color: #263352; margin-bottom:10px

}
.paginate {
  display: block;
  width: 100%;
  font-size: 1em;
list-style: none; 
margin: 0px;
    padding: 0px;
}


.paginate.pag4 { /* fourth page styles */ 
  font-size: 16px
}

.paginate.pag4 li { float:left;font-weight: bold; }

.paginate.pag4 li a {
  display: block;
  float: left;
  color: #EEE;
  text-decoration: none;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  background: #1d96b2;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.paginate.pag4 li a:hover {
  color: #fff; background:#FF6600;
}
.paginate.pag4 li a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}

.paginate.pag4 li.navpage a {
  padding: 9px 13px;
  background: #127a93;
  color: #fff;
}
.paginate.pag4 li.navpage a:hover {
  background: #127a93;
}

.paginate.pag4 li.single, .paginate.pag4 li.current {
  display: block;
  float: left;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  color: #fff;
  background: #127a93;
}

.inptgnlnw { padding: 8px; font-size: 14px; margin: 3px 0px; border-radius: 2px; border: 1px solid #ccc; }

.noarrowinpt::-webkit-outer-spin-button, .noarrowinpt::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
.noarrowinpt {
    -moz-appearance: textfield;
}



.borderedcontainer { width:100%;display:inline-block; padding:8px; border:3px solid #ff6400; border-radius:5px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; vertical-align:top }
.lgn-bx { border-bottom:2px solid #ff6400;    padding: 8px 0px;    line-height: 24px; font-size:18px; padding:5px }
.lgn-bx:last-child { border:none; }
.lgn-bx .title-out { border-bottom: 1px dotted #ccc; display:block; }
.lgn-bx.noctxt .title-out { border-bottom: none; }
.lgn-bx .title { display:inline-block; font-size:25px; color:#ff0000;line-height: 40px;  font-weight: bold;}
.lgn-bx .btnareax { display:inline-block;     float: right; }
.lgn-bx .dtytxt { display:block; }

.lgn-bx .title i { display:inline-block; background:url(/images/glossy-orange-icon.png); width:35px; height:35px; margin: -24px 5px -8px -5px; background-size: contain; }

.lgn-bx:nth-child(odd) {background: rgba(251,127,1,0.1)}
.lgn-bx:hover {background: rgba(251,127,1,0.3)}
.lgn-bx .title { color:#000; }
.lgn-bx:nth-child(even) .title { color:#666}

.loginLeftSide { width:250px; margin-right:5px; display:inline-block; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; vertical-align:top; background:#ededed; padding:5px; border-radius:5px}



.loginRightSide { width:740px;display:inline-block; padding:8px; border:3px solid #ff6400; border-radius:5px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; vertical-align:top }
.lgt-out {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0px;
    line-height: 24px; font-size:18px
}
.lgt-out.lgt-lsx:nth-child(odd) {background: #ddd}
.lgt-out.lgt-lsx2:nth-child(odd) {background: rgba(251,127,1,0.3)}



.imgListArea { display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
  justify-content: center;
  align-items: center;
}
.imgListArea,
.imgListArea *,
.imgListArea *::before,
.imgListArea *::after {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	box-sizing: border-box !important;
}


.imgListArea .image { -ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; padding:5px   }

@media (min-width: 468px) {
.imgListArea .image { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;   }
}


@media (min-width: 768px) {
.imgListArea .image { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;   }
}

@media (min-width: 992px) {
.imgListArea .image { -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;   }
}

@media (min-width: 1200px) {
.imgListArea .image { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;   }
}







.imgListArea  .imgbtm { -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; 
background:#efefef; 
border:1px solid #ddd
}
.imgListArea  .imgbtm .desc  {   -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; font-size:13px; width:100%; height:50px; padding:5px; word-break: break-all;  }
  
.imgListArea .image .img { width:100%; height:150px; background:#ccc; border:1px solid #ddd; padding:5px; text-align:center; vertical-align:center}
.imgListArea .image .img img { max-height:100%; max-width:100% }
.imgListArea  .imgbtm .buttons { padding:5px 0px; }
.imgListArea  .imgbtm .buttons2  { display:flex }
.imgListArea  .imgbtm .buttons2 a {width:33%; padding:5px; text-align:center; border:1px solid #ddd; background:#fff; }
.imgListArea  .imgbtm .buttons2 a:hover{ opacity:0.5 }
.sayfalama { margin:10px 0px; text-align:center}
.sayfalama a {  }