/*Yeni Hec Pro*/
/*mobil menu*/

nav[role="navigation"] {
  width: 320px;
  height: 40px;
  display: block;
  margin: auto;
  font-family: 'Lato', sans-serif;
}

nav[role="navigation"] a {font-size:1em; color: #4a4a4a; text-decoration: none; padding: 0 15px; line-height: 35px;}
nav[role="navigation"] li {width: 100%; height: auto; text-align: center; background: #464646;  border-bottom: 1px solid #fefefe;padding: 10px 0;width: 400px!important;}
nav[role="navigation"] span {font-size: 35px;    float: right;     margin-top: -40px;}
.menu {display: none;
    margin-left: -30px;}

/***********************************************************************/
.menu{
  width: 400px;
}
nav.second {
  width: 320px;
  background: black;
  height: 40px;
  display: block;
  margin: auto;
  font-family: 'Lato', sans-serif;
}

select {
   background: #fff;
   border: none;
   width: 100%;
   font-size: 30px;
   color: #fff;
}
.menu li a {
  color: #fff!important;
}

.toggle {
  margin-top: -80px;
      width: 10%!important;
          margin-left: 330px;
}
.menu-mobile{
      margin-top: -15px;

}
/*mobil menu*/


@media only screen and (max-width: 355px) {
  nav[role="navigation"] li {
    width: 470px!important;
}
nav[role="navigation"] span {
    margin-right: -18px;
}
.slider-contant >h3 {
    top: 66%!important;
}
.slider-contant >p {
    top: 78%!important;
}
.md-iphone-5{
  margin-left: 15px;
}
.gallery2 > a {
    margin-left: 25px;
}
.haber-css p img {
    margin-left: -15px;
}

}


@media only screen and (min-width: 358px) and (max-width: 370px) {
  nav[role="navigation"] li {
    width: 430px!important;
}
.catalog-index {
    display: none;
}
}
@media only screen and (min-width: 470px) and (max-width:510px) {
  .ht-main-menu nav > ul > li > a::before{
  background: #464646;

}

  nav[role="navigation"] li {
    width: 480px!important;
}
nav[role="navigation"] {
    width: 401px;
}
.menu {
    width: 480px;
}
}
@media only screen and (min-width: 910px) {
  .menu-mobile {
    display: none;
  }
}

@media only screen and (max-width: 1000px) {
  .catalog-index{
    display: none;
  }
}
.bize-u2{
  display: none;
}
@media only screen and (max-width: 500px) {
  .bize-u1{
    display: none;
  }
  .bize-u2{
    display: block;
  }
}


@media only screen and (max-width: 910px) {
   .home-menu{
  display: none;
 }


 .ht-header-top-right{
  display: none;
 }
.haber-css p img {
    margin-left: -15px;
}
.ref-center-title {
    margin-bottom: 20px;
}
.ctk-padding {
     margin-top: 0px!important;
}
.ht-header-section{
  height: auto;
}

.active a {
  color: #fff;
}

  .fix-fix-fix{
    margin-top: 0px!important;
  }
  .product-detail a  {
    width: 100%!important;
    height: 100%
  }
  .product-text {
    width: 100%;
}

 .bg-about {
    margin-top: 1180px;
}
.padding {
  margin-top: 1000px;
}
.slider-contant >h3 {
    top: 70%;
}
.slider-contant >p {
    top: 82%;
}
.cla{
  margin-top: -35px
}
.right-contact {
    margin-top: 100px;
}
.contant-title-two {
    margin-top: 20px;
}
.contant-line-two {
    margin-top: 20px;
}
.ht-logo img {
        max-width: 250px;
}
.haber-css {
    margin-top: 400px;
}
.referanslar-one a {
  width: 100%;
}
.detail-img {
    margin-left: -90px;
    width: 428px;
}
.banner {
    margin-top: 70px;
}
.social-media-tecc {
    width: 100%;
    float: none;
}
.social-media-tecc a{
  width: 24%;
}
.c-txc-lt {
    width: 100%;
    border:none;
}
.footer-bac-img {
   height: 100%;
}
.btn-btn-tree button {
    margin-bottom: 10px;
}
}

@media only screen and (max-width: 700px) {
.fix-size-one{
  display: none;
}
.fixed-lating {
  margin-top: 995px!important;
}
h2 span {
    line-height: 0px;
    font-size: 16px;
}
.haber-css img {
      background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 10px;
}
.fix-margin-auto {
    margin-bottom: 40px;
}
.social-media-tecc a{
  width: 18%;
}
}


@media only screen and (min-width: 560px) and (max-width: 750px) {
.haber-css img {
  margin-left: 46px!important;
}
}

@media only screen and (min-width: 390px) and (max-width: 420px) {
nav[role="navigation"] {
    width: 326px!important;
}
}
@media only screen and (min-width: 430px) and (max-width: 500px) {
.gallery2 > a {
    width: 198px;
}
.haber-css p img {
    margin-left: 50px;
}
.detail-img {
    margin-left: -20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 540px) {
.contant-two-text {
    margin-top: 6px;

}
.detail-img {
    margin-left: -20px;
}
.haber-css p img {
    margin-left: 50px;
}
.gallery2 > a {
    width: 198px;
}
.fix-size-treee{
margin-left: -40px;
}
.cla {
    margin-top: 19px;
}
.right-contact {
    margin-top: 32px;
}
.ftr-menu p { 
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.tech-nine{
  margin-left: 60px;
}
nav[role="navigation"] span {
    margin-right: -75px;
}
}
@media only screen and (min-width: 533px) and (max-width: 630px) {
.contant-two-text {
    margin-top: 6px;

}
nav[role="navigation"] span {
    margin-right: -150px;
}
.detail-img {
    margin-left: -20px;
}
.haber-css p img {
    margin-left: 50px;
}
.gallery2 > a {
    width: 198px;
}
.fix-size-treee{
margin-left: -40px;
}
.cla {
    margin-top: 19px;
}
.right-contact {
    margin-top: 32px;
}
.ftr-menu p { 
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.tech-nine{
  margin-left: 60px;
}
}


@media only screen and (min-width: 500px) and (max-width: 910px) {
.menu-mobile {
    margin-top: -16px;
}
  nav[role="navigation"] li {
    width: 580px!important;
}
nav[role="navigation"] {
    width: 500px;
}
.menu {
    width: 580px;
}
}
@media only screen and (min-width: 590px) and (max-width: 650px) {
  nav[role="navigation"] li {
    width: 600px!important;
}
nav[role="navigation"] {
    width: 525px;
}
.menu {
    width: 600px;
}
}
@media only screen and (min-width: 700px) and (max-width: 910px) {
nav[role="navigation"] {
    width: 600px;
}
.menu {
    width: 800px;
}
nav[role="navigation"] span {
    margin-right: -200px;
}
}

@media only screen and (min-width: 603px) and (max-width: 800px) {
.contant-two-text {
    margin-top: 6px;

}
.fix-size-treee{
margin-left: -40px;
}
.cla {
    margin-top: 19px;
}
.right-contact {
    margin-top: 32px;
}
.ftr-menu p { 
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.tech-nine{
  margin-left: 60px;
}
}
@media only screen and (min-width: 750px) and (max-width: 850px) {

.haber-css p img {
    margin-left: 46px;
}
.contant-two-text {
    margin-top: 6px;
}
.right-contact {
    margin-right: 200px;
}
.left-contact {
    width: 31%;
}
.fix-size-treee{
    margin-left: 118px;
}
.cla {
    margin-top: 19px;
}
.right-contact {
    margin-top: 32px;
}
.ftr-menu p { 
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.tech-nine{
  margin-left: 60px;
}
.footer{
      height: 400px;
}
.title-in {
    width: 30%;
}
.catalog-index {
    margin-top: -6px;
    margin-left: 198px;
}
.address-index {
    margin-right: 260px;
}

.haber-css {
    margin-top: 450px;
}
.haber-txt {
    width: 50%;
}
.fix-size-one {
    margin-top: -159px;
    margin-left: 308px;
}
.haber-css p img {
    margin-top: 10px;
}
.detail-img {
    margin-left: 46px;
    width: 600px;
}
.referanslar-one a {
    width: 50%;
    margin-left: 180px;
}
}

}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {

}
@media only screen and (min-width: 1300px) and (max-width: 1366px) {

}
@media only screen and (min-width: 1400px) and (max-width: 1440px) {s

}
@media only screen and (min-width: 1500px) and (max-width: 1600px) {

}
@media only screen and (min-width: 1900px) and (max-width: 1920px) {

}
/*Yeni Hec Pro*/


@media screen and (max-width: 500px){
  .carousel-caption{left: 25px!important; right: 25px!important;}
  .carousel-inner>.item>img{height: 525px!important;}
  .carousel.slide{height: 525px!important;}
}