.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }


/*--Büyük Ekran CSS--*/

@media (min-width: 1764px) 
{

  .katalog-sevis
  {
    height: auto;
    width: 16%;
  }
.icon-box span
{
      font-size: 70px;
    position: absolute;
    top: -15px;
    left: 15px;
    -webkit-transform: rotate(2546deg);
    -moz-transform: rotate(2500deg);
    -o-transform: rotate(2500deg);
    -ms-transform: rotate(2500deg);
    opacity: 0.5;
}

.iletisim1
{
  margin-bottom: 20px;
  height: 85px;
  border-left: 1px dashed; 
  border-right: 1px dashed; 
  border-bottom: 1px dashed;
  border-color: #fff; 
  background-color: #de0000; 
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold;
  transition: .40s;
  color: #fff;
}
.iletisim3
{
  margin-top: 3% !important;
  margin-left: 10% !important;
}
  .carousel-control .right
  {
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 0%);
  }
  .carousel-control .left 
  {
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0) 0%);
  }
  .carousel-control
  {
    color: #de0000;
  }
  .carousel-control:hover 
  {
    color: #de0000;
  }
  .screen
  {
    margin-left: 70px !important;
    margin-top: 30px !important;
    margin-right: 0px !important;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-top: 20px;
  }
  .screenyazi
  {
    margin-top: -30px;
  }
  .slideryazi1
  {
    margin-top: 80px;
  }
  .slideryazi2
  {
    margin-top: 100px;
  }
  .slideryazi3
  {
    margin-top: 100px;
  }
  .slideryazi4
  {
    margin-top: 100px;
  }
  .animasyonvideo
  {
    max-width: 100% !important;
  }
}

.video-block
 {
    min-height: 100% !important;
    }
    .overlay
  {
    width: 111% !important;
  }
/*--Büyük Ekran CSS Last--*/


@media(max-width: 1763px) and (min-width: 1367px)
{
/*--Servis.php CSS--*/
.servis-php
{
  margin-bottom: 10% !important;
}
/*--Servis.php CSS Last--*/
.katalog-sevis
{
  width: 16% !important;
}

.img-box img
{
  max-width: 125%;

}
.paneller-yazi
{
  margin-top: 5% !important;
}
  .iletisim3 
  {
    margin-top: 3% !important;
    margin-left: 10% !important;
  }

  .icon-box span 
  {
    font-size: 70px;
    position: absolute;
    top: -15px;
    left: 15px;
    -webkit-transform: rotate(2546deg);
    -moz-transform: rotate(2500deg);
    -o-transform: rotate(2500deg);
    -ms-transform: rotate(2500deg);
    opacity: 0.5;
  }

  .iletisim1
{
  margin-bottom: 20px;
  height: 85px;
  border-left: 1px dashed; 
  border-right: 1px dashed; 
  border-bottom: 1px dashed;
  border-color: #fff; 
  background-color: #de0000; 
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold;
  transition: .40s;
  color: #fff;
}
  .descr
  {
    margin-top: -80px;
  }
  .screen
{
  margin-left: -130px !important;
  padding-bottom: 50px;
  padding-left: 170px;
  padding-top: 20px;
  margin-right: 0px !important;
}
}


/*--Laptop Ekranı CSS--*/

@media(max-width: 1366px) and (min-width: 1024px)
{
.paneller-yazi
{
  margin-top: 3% !important;
}

.img-box img
{
  max-width: 100%;
  
}
.iletisim3 
  {
    margin-top: 3% !important;
    margin-left: 10% !important;
  }

  .icon-box span 
  {
    font-size: 70px;
    position: absolute;
    top: -15px;
    left: 15px;
    -webkit-transform: rotate(2546deg);
    -moz-transform: rotate(2500deg);
    -o-transform: rotate(2500deg);
    -ms-transform: rotate(2500deg);
    opacity: 0.5;
  }

.carousel-control .right 
{
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 0%);
}
.carousel-control .left 
{
  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0) 0%);
}
.carousel-control 
{
  color: #de0000;
}
.carousel-control:hover 
{
  color: #de0000;
}
.carousel-control:focus 
{
  color: #de0000;
}
.carousel-control:visited 
{
  color: #de0000;
}
.iletisim1
{
  margin-bottom: 20px;
  height: 85px;
  border-left: 1px dashed; 
  border-right: 1px dashed; 
  border-bottom: 1px dashed;
  border-color: #fff; 
  background-color: #de0000; 
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold;
  transition: .40s;
  color: #fff;
}

.screen
{
  margin-left: 30px !important;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-top: 20px;
  margin-right: 0px !important;
}
.slideryazi1
{
  margin-top: 35px !important;
  margin-left: -100px !important;
}
.slideryazi2
{
  margin-top: 15px;
  margin-right: -75px;
  margin-left: -150px;
}
.slideryazi3
{
  padding-left: 0px;
  margin-top: 50px !important;
}
.slideryazi4
{
  margin-top: 40px;
}
.animasyonvideo
{
  max-width: 100% !important;
}
}
/*--Laptop Ekranı CSS Last--*/

@media (max-width: 991px)
{
.iletisim-bilgi
{
  margin-left: 2% !important;
  width: 95% !important;
}
}

@media (max-width: 415px)
{

.col-sm-9 .video-block
{
  margin-bottom: 7%;
  margin-left: 5%;
}

.container .col-sm-9
{
  padding-right: 9%;
}
.video-okul
{
  margin-right: 5%;
  margin-left: 5%;
}

.animasyonvideo 
{
  max-width: 90% !important;
}

.video img
{
  height: 100px;
}

.iletisim-bilgi
{
  margin-left: 4% !important;
  width: 91% !important;
}
}

/*--Mobil Ekran CSS--*/

@media (max-width: 1023px) and (min-width: 100px)
{
.img-box img
{
  max-width: 100%;
  
}
.iletisim3 
  {
    margin-top: 2% !important;
    margin-left: 10% !important;
  }

  .icon-box span 
  {
    font-size: 70px;
    position: absolute;
    top: -15px;
    left: 15px;
    -webkit-transform: rotate(2546deg);
    -moz-transform: rotate(2500deg);
    -o-transform: rotate(2500deg);
    -ms-transform: rotate(2500deg);
    opacity: 0.5;
  }

.iletisim1
{
  margin-bottom: 20px;
  height: 85px;
  border-left: 1px dashed; 
  border-right: 1px dashed; 
  border-bottom: 1px dashed;
  border-color: #fff; 
  background-color: #de0000; 
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold;
  transition: .40s;
  color: #fff;
}

.hak-banner
{
  margin-top: 30% !important;
}
.bayi-res
{
  width: 100% !important;
  height: auto !important;
}

.bayi-class
{
  margin: auto !important;
  width: auto !important;
}

.carousel-control
{
  color: #de0000;
}
.carousel-control:hover 
{
  color: #de0000;
}
.carousel-control:focus 
{
  color: #de0000;
}
.gecisbutonilk
{
  border-left: 1px dashed; 
  border-right: 1px dashed; 
  border-bottom: 1px dashed;
  border-color: #fff; 
  background-color: #de0000; 
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold;
  transition: .40s;
  color: #fff;
}
.gecisbutonilk:hover
{
  background-color: #fff; 
  color: #de0000  !important;
  transition: .40s;
  border-left:  1px dashed #de0000;
  border-right:  1px dashed #de0000;
}

.gecisbutoniki
{
  
  border-color: #fff; 
  background-color: #de0000; 
  border-left: 1px dashed; 
  border-right: 1px dashed; 
  border-bottom: 1px dashed;
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold;
  transition: .40s;
  color: #fff;
}
.gecisbutoniki:hover
{
  background-color: #fff; 
  color: #de0000  !important;
  transition: .40s;
  border-left:  1px dashed #de0000;
  border-right:  1px dashed #de0000;
}

.gecisbutonuc
{
  border-left: 1px dashed; 
  border-right: 1px dashed; 
  border-color: #fff; 
  background-color: #de0000; 
  padding-top: 20px;
  padding-bottom: 20px; 
  font-weight: bold;
  transition: .40s;
  color: #fff;
}
.gecisbutonuc:hover
{
  background-color: #fff; 
  color: #de0000  !important;
  transition: .40s;
  border-left:  1px dashed #de0000;
  border-right:  1px dashed #de0000;
}
.navbar-default
{
  margin: -50px 0 0 !important;
}
.testimonials .aligncenter img
{
  width: 100% !important;
}
.animasyonvideo
{
  max-width: 100% !important;
}
.slidercarousel
{
  height: 165% !important;
}
.slidersection
{
  margin-bottom: 350px;
}
.screen
{
  margin-left: 30px !important;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-top: 20px;
}
.img-screen
{
  box-shadow: 0px 12px 50px -10px #00000047 !important;
}
.aside-css
{
  margin-top: 50px;
}
}
/*--Mobil Ekran CSS Last--*/

@media (min-width: 480px) {
  .hero-area .aligncenter {
    margin-bottom: -50px; }
  .facts-list {
    text-align: left; }
    .facts-list li {
      padding: 0 20px 0 0;
      margin: 0 0 15px 20px;
      display: inline-block;
      vertical-align: top; }
      .facts-list li:after {
        display: block; }
    .facts-list h3 {
      font-size: 19px;
      line-height: 23px; }
    .facts-list .text-block {
      font-size: 11px; }
  .testimonials-gallery .testimonials-mask.slick-active {
    z-index: 1;
    opacity: 1; }
  .testimonials-gallery .testimonials-mask br {
    display: none; }
  .testimonials-gallery .testimonials-slide {
    padding: 0 20px; } }

@media (min-width: 640px) {
  .hero-area .aligncenter {
    margin-bottom: -50px;
    max-width: 447px; }
  .features-list li {
    display: inline-block;
    vertical-align: top;
    width: 50%; }
  .video-block {
    min-height: 250px; }
  .trial-block .alignleft {
    width: 300px; }
  .testimonials-gallery .testimonials-slide {
    padding: 0 50px; }
  .testimonials-gallery .slick-prev.slick-arrow,
  .testimonials-gallery .slick-next.slick-arrow {
    margin: -35px 0 0 -250px; }
  .testimonials-gallery .slick-next.slick-arrow {
    margin: -35px -249px 0 0; } }

@media (min-width: 768px) {


.video-okul
{
  margin-right: 5%;
  margin-left: 5%;
}

.animasyonvideo 
{
  max-width: 90% !important;
}

.video img
{
  height: 170px;
}


  .mar-tmd {
    margin-top: 60px !important; }
  .mar-lmd {
    margin-left: 60px !important; }
  .pad-tmd {
    padding-top: 60px !important; }
  .pad-lmd {
    padding-left: 60px !important; }
  .mar-rmd {
    margin-right: 60px !important; }
  .pad-rmd {
    padding-right: 60px !important; }
  .mar-bmd {
    margin-bottom: 60px !important; }
  .pad-bmd {
    padding-bottom: 60px !important; }
  .mar-tlg {
    margin-top: 95px !important; }
  .mar-llg {
    margin-left: 95px !important; }
  .pad-tlg {
    padding-top: 95px !important; }
  .pad-llg {
    padding-left: 95px !important; }
  .mar-rlg {
    margin-right: 95px !important; }
  .pad-rlg {
    padding-right: 95px !important; }
  .mar-blg {
    margin-bottom: 95px !important; }
  .pad-blg {
    padding-bottom: 95px !important; }
  #header {
    padding-bottom: 0; }
  .navbar-default {
    padding: 0;
    margin: 0; }
    .navbar-default .btn,
    .navbar-default .btn-default,
    .navbar-default .btn-white {
      margin: 0 0 0 20px;
      padding: 10px 15px;
      font-size: 13px;
      line-height: 16px;
      min-width: 120px; }
    .navbar-default .navbar-collapse {
      float: right;
      position: static;
      background: none; }
    .navbar-default .navbar-nav {
      text-align: right;
      padding: 10px 0 0; }
      .navbar-default .navbar-nav > li {
        margin: 0 0 0 15px;
        padding: 0 0 20px;
        float: none;
        display: inline-block;
        vertical-align: middle; }
        .navbar-default .navbar-nav > li > a {
          display: inline;
          padding: 0;
          color: #fff; }
          .navbar-default .navbar-nav > li > a:after {
            border-color: #fff; }
            .sticky .navbar-default .navbar-nav > li > a:after {
              border-color: #222222; }
          .sticky .navbar-default .navbar-nav > li > a {
            color: #222222; }
  .main-nav {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visible: hidden;
    transform: translateX(100%);
    transition: all 0.25s linear; }
  .nav-active .main-nav {
    opacity: 1;
    visible: visible;
    transform: translateX(0); }
  .hero-area {
    padding: 96px 0 0; }
    .hero-area h1 {
      font-size: 35px;
      line-height: 37px; }
    .hero-area p {
      margin: 0 0 54px; }
  .aside {
    padding-top: 45px; }
    .aside .col {
      margin-bottom: 0; }
  #footer {
    margin-top: 0;
    text-align: center; }
  .product-features .descr {
    white-space: nowrap;
    text-align: left; }
    .product-features .descr:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 0;
      min-height: inherit; }
    .product-features .descr * {
      white-space: normal;
      display: inline-block;
      vertical-align: middle;
      max-width: 99%; }
    .product-features .descr .align {
      text-align: left;
      margin: 0 0 0 -5px;
      padding: 30px 0 0; }
  .product-features .img-holder {
    max-width: 470px; }
  .testimonials blockquote {
    font-size: 18px;
    line-height: 32px; }
  .testimonials-gallery .slick-prev.slick-arrow,
  .testimonials-gallery .slick-next.slick-arrow {
    margin: -35px 0 0 -306px; }
  .testimonials-gallery .slick-next.slick-arrow {
    margin: -35px -305px 0 0; }
  .video-block {
    min-height: 100%; }
  .trial-block .alignleft {
    float: left;
    width: 50%;
    max-width: 665px; } }

@media (min-width: 992px) {

.paneller-yazi 
{
    margin-top: 0% ;
    padding-right: 0%;
}

.okul-res{
  padding-right: 40%;
}
.video img {
    height: 223px;
}

  #header {
    padding-top: 44px; }
    #header.sticky {
      padding-top: 10px; }
      #header.sticky .navbar-default .navbar-nav > li {
        padding: 0 0 10px; }
  .navbar-default .btn,
  .navbar-default .btn-default,
  .navbar-default .btn-white {
    min-width: 150px;
    margin: 0 0 8px 35px; }
  .navbar-default .navbar-nav > li {
    padding: 0 0 20px; }
  .hero-area {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 60px; }
    .hero-area .container {
      padding-top: 35px; }
    .hero-area h1 {
      font-size: 40px;
      line-height: 42px; }
      .hero-area h1 .text-small {
        font-size: 20px;
        line-height: 38px; }
    .hero-area .aligncenter {
      margin-bottom: -154px;
      max-width: 639px; }
  .aside {
    padding-top: 65px; }
  #footer {
    margin-top: 0; }
  .heading-wrap h2 {
    font-size: 28px;
    line-height: 38px;
    margin-top: 60px; }
  .features-area {
    padding-top: 59px; }
    .features-area .heading-wrap {
      margin-bottom: 76px; }
  .features-list li {
    width: 33.333%;
    margin: 0 0 51px; }
  .product-features {
    padding-bottom: 63px; }
    .product-features h2 {
      font-size: 28px;
      line-height: 38px;
      margin: 0 0 36px; }
    .product-features .descr .align {
      padding: 56px 0 0; }
    .product-features .img-holder {
      max-width: 651px; }
  .facts-list {
    padding: 30px 2px; }
    .facts-list li {
      padding: 0 28px 0 0;
      margin: 0 0 15px 28px; }
    .facts-list h3 {
      font-size: 24px;
      line-height: 28px; }
    .facts-list .text-block {
      font-size: 14px; }
  .demo-block ul {
    padding: 26px 0;
    text-align: right; }
    .demo-block ul li {
      margin: 0 0 10px 30px; }
  .testimonials {
    padding-top: 48px;
    padding-bottom: 50px; }
    .testimonials .heading-wrap {
      margin-bottom: 41px; }
    .testimonials .aligncenter {
      max-width: 100%; }
  .testimonials-gallery .slick-prev.slick-arrow,
  .testimonials-gallery .slick-next.slick-arrow {
    margin: -35px 0 0 -426px; }
  .testimonials-gallery .slick-next.slick-arrow {
    margin: -35px -425px 0 0; }
  .video-block {
    min-height: 340px; }
    .video-block .ico-play {
      font-size: 58px; }
  .price-offers {
    padding-top: 47px; }
  .price-col.over:hover, .price-col.over.active,
  .price-col .over:hover,
  .price-col .over.active {
    margin-top: -12px;
    padding-bottom: 41px; }
    .price-col.over:hover .title, .price-col.over.active .title,
    .price-col .over:hover .title,
    .price-col .over.active .title {
      margin-bottom: 12px; }
  .price-col ul li:before {
    left: 7.5%; }
  .trial-block {
    line-height: 32px;
    padding-top: 71px; }
    .trial-block .alignleft {
      margin: 0 84px 0 -87px;}
    .trial-block h2 {
      margin: 0 0 36px; }
    .trial-block p {
      margin: 0 0 42px; }
  .brands-area {
    padding-top: 55px; } }

@media (min-width: 1230px) {
  .navbar-default .navbar-nav > li {
    margin: 0 0 0 26px; }
  .hero-area h1 {
    font-size: 48px;
    line-height: 50px; }
    .hero-area h1.heading {
      line-height: 60px; }
  .hero-area .container {
    padding-top: 87px; }
  .hero-area .heading-holder {
    margin-bottom: 100px; }
  .hero-area .aligncenter {
    margin-bottom: -50px;
    max-width: 769px; }
  .aside {
    padding-top: 0;
    font-size: 14px;
    line-height: 28px; }
  #footer {
    font-size: 14px;
    line-height: 18px;
    padding-top: 77px; }
  .features-area {
    padding-bottom: 22px; }
  .demo-block h2 {
    font-size: 24px;
    line-height: 28px; }
  .testimonials {
    padding-top: 68px;
    padding-bottom: 80px; }
    .testimonials .aligncenter {
      margin-bottom: 52px; }
  .testimonials-gallery {
    margin-bottom: 50px; }
    .testimonials-gallery .slick-prev.slick-arrow,
    .testimonials-gallery .slick-next.slick-arrow {
      margin: -35px 0 0 -566px; }
    .testimonials-gallery .slick-next.slick-arrow {
      margin: -35px -565px 0 0; }
  .video-block {
    min-height: 100%; }
  .price-offers {
    padding-top: 67px; }
    .price-offers .heading-wrap {
      margin-bottom: 71px; }
  .trial-block .alignleft {
    margin: 0 104px 0 -197px;
    max-width: 665px;
    width: 55.5%; }
  .trial-block .descr {
    min-height: 461px;
    white-space: nowrap;
    text-align: left; }
    .trial-block .descr:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 0;
      min-height: inherit; }
    .trial-block .descr * {
      white-space: normal;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%; }
    .trial-block .descr .align {
      padding: 30px 10px 40px 0;
      text-align: left;
      margin: 0 0 0 -4px; }
  .brands-area {
    padding-top: 81px; } }

@media (max-width: 1600px) {
  body.boxed-v #wrapper {
    max-width: 95%;
    margin: 20px auto; } }

@media (max-width: 1500px) {
  body.boxed-v #wrapper {
    max-width: 100%; } }

@media (max-width: 767px) {
  .product-features .sameheight {
    min-height: 1px !important;
    height: auto !important; }
  #footer {
    padding-bottom: 40px; } }

@media (max-width: 639px) {
  #footer {
    padding-bottom: 47px; }
  .navbar-default {
    width: calc(100% - 140px); }
  .testimonials-gallery .slick-prev.slick-arrow {
    margin: -35px 0 0 -140px; }
  .testimonials-gallery .slick-next.slick-arrow {
    margin: -35px -140px 0 0; } }

@media (min-width: 640px) and (max-width: 767px) {
  .price-col {
    width: 50%; } }