.toggle {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
  }
  #outer { position:relative;
    float: right;
    padding-right: 0;
right:30px !important;
top:30px !important;
  }


  .menu-icon-wrapper {
    position: relative;
    border: 1px solid #ddd;
    left: 0;
    top: 0;
    width: 36px;
    height: 34px;
    pointer-events: none;
    transition: 0.1s;
  }
  .menu-icon-wrapper svg {
    position: absolute;
    top: -18px;
    left: -18px;
    transform: scale(0.07);
    transform-origin: 0 0;
  }
  .menu-icon-wrapper svg path {
    stroke: #404040;
    stroke-width: 40px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: transparent;
    transition: stroke-dasharray 0.5s;
  }
  .menu-icon-wrapper svg path.path1 {
    stroke-dashoffset: 5803.15px;
    stroke-dasharray: 2901.57px, 2981.57px, 240px;
  }
  .menu-icon-wrapper svg path.path2 {
    stroke-dashoffset: 800px;
    stroke-dasharray: 400px, 480px, 240px;
  }
  .menu-icon-wrapper svg path.path3 {
    stroke-dashoffset: 6993.11px;
    stroke-dasharray: 3496.56px, 3576.56px, 240px;
  }
  .menu-icon-wrapper.open svg path.path1 {
    stroke-dasharray: 2901.57px, 5258.15px, 240px;
  }
  .menu-icon-wrapper.open svg path.path2 {
    stroke-dasharray: 400px, 600px, 0;
  }
  .menu-icon-wrapper.open svg path.path3 {
    stroke-dasharray: 3496.56px, 6448.11px, 240px;
  }
  .menu-icon-wrapper .menu-icon-trigger {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    pointer-events: auto;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
  }
  @media (max-width: 1600px) {
    .wrapper {
      width: 90%;
    }
    .slider > div span {
      width: 80%;
      top: 27% !important;
    }
    #particles-js {
      width: 70%;
      height: 50%;
    }
    .slider,
    .slider > div {
      height: 450px !important;
    }
    .slider > i {
      top: 41% !important;
    }
    .product_boxes .item {
      margin-right: 16px;
      width: 24%;
    }
    header {
      background-position: 40px 68% !important;
    }
    .header .upper .header_content::after {
      left: 51%;
    }
    .header .upper .header_content::before {
      width: 51%;
    }
    .header .upper .header_content .item {
      padding-right: 30px;
    }
  }
.links { display:none;}
  @media (max-width: 600px) {
.upper { display:none !important; }
.slider_section{ margin-top:98px !important; }
header > .wrapper{ width:100% !important; }
    .header .social {
      display: none;
    }
    .menu > ul > li.menu-dropdown-icon > a {
      pointer-events: none;
      cursor: default;
    }
    .menu-mobile {
      display: none;
    }
    .menu-container .menu {
      position: fixed;
      top: 0;
      left: -1000px;
      transition: 0.6s;
      width: 80%;
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
      height: 100%;
      z-index: 99;
      background-color: #fff;
      padding-right: 15px;
      padding-left: 15px;
    }
    .menu-container .menu.is-active {
      left: 0;
      transition: 0.6s;
    }
    .menu > ul {
      float: none;
    }
    .menu > ul > li a {
      border-left: 0;
      padding: 12px 14px;
      border-bottom: 1px solid #e8e8e8;
      border-right: 0 !important;
    }
    .menu > ul > li {
      text-align: left;
      padding-bottom: 0;
    }
    .menu > ul > li a span {
      padding-right: 0;
    }
    .menu-dropdown-icon::before {
      height: 49px;
      line-height: 46px;
      display: none;
    }
    .menu > ul > li > ul.normal-sub {
      margin-top: 0;
    }
    .menu > ul > li > ul > li {
      margin-top: 0;
    }
    .menu .navbar .links ul li.list_item a {
      font-size: 14px;
    }
    .header .social ul li a {
      margin-left: 2px;
      font-size: 14px;
    }
    .header .search_inp {
      right: initial;
      left: 0;
    }
    .header .upper .header_content .item:nth-child(2) {
      display: none;
    }
    .header .upper .header_content .item:nth-child(3) {
      display: none;
    }
    .header .upper .header_content::before {
      display: none;
    }
    .header .upper .header_content::after {
      display: none;
    }
    .header .upper {
      background-color: #282828;
    }
    .menu .navbar .logo {
      width: 35%;
    }
    .header.sticky .toggle {
      top: 24%;
    }
    .menu .navbar .links {
      padding-right: 10px;
      padding-left: 10px;
      width: 80%;
    }
    .header .upper .header_content .item {
      padding-right: 0;
    }
    .alkan-logo img {
      width: 68%;
padding-left:10px;
      padding-top: 20px;
    }
    .header .upper .header_content .item span {
      font-size: 15px;
      padding-right: 0;
    }
    .toggle {
      display: block !important;
      top: 28%;
    }
    .slider > div span {
      width: 90%;
      top: 23% !important;
    }
    .slider > div span h5 {
      font-size: 15px;
      padding: 5px 13px;
    }
    .slider > div span h2 {
      font-size: 15px;
      width: 100%;
    }
    .slider > div span h2 b {
      font-size: 28px;
      margin-bottom: 0;
      display: block;
    }
    .slider > div span p {
      width: 100%;
      display: none;
    }
    .slider > div .btn {
      padding-top: 20px;
    }
    .slider > div .btn a {
      padding: 6px 11px;
      font-size: 14px;
    }
    .slider > ul {
      display: none;
    }
    .slider > .right {
      right: 0;
    }
    .slider > .left {
      left: 0;
    }
    .slider > i {
      top: initial !important;
      bottom: 0 !important;
      width: 12px;
    }
    .slider,
    .slider > div {
      height: 182px !important;
    }
    .scrollbutton a.scrolldown {
      background-size: 30px;
    }
    .header .upper .lang ul li a {
      font-size: 12px;
    }
    .header .upper .lang ul li {
      padding: 0 3px;
    }
    .product_section {
      padding-top: 2rem;
    }
    .product_section .title span {
      font-size: 20px;
    }
    .product_section .title span::after {
      display: none;
    }
    .product_section .title {
      width: 100%;
    }
.page_content .text_part .contact_information{ margin-top:30px !important; }
#customers { height:auto !important; }
.categories_boxes .boxes_section { width:100% !important;}
.categories_boxes .item{ width:100% !important; }
.btnAlisveris { float:left !important;  margin:0px 0 0 2px !important; margin-top:10px !important;  }
.side_menu{ display:none !important; }
.cleint_comment .div_row .link{ margin-bottom:130px !important; }
.owl-carousel .owl-stage-outer{ width:100% !important; margin-top:20px !important; }
.cleint_comment .div_row .text p { width:100% !important;}
.cleint_comment .div_row{ display:block !important; }
.cleint_comment .div_row .text{ width:100% !important; }
.cleint_comment .div_row .slider_sec{ width:100% !important;}
.product_section .product_boxes .product_item .img img{ }
    .product_section .title h3 {
      font-size: 13px;
    }
    .product_section .product_boxes .product_item {
      width: 42%;
    }
    .product_section .product_boxes .product_item .text h3 {
      font-size: 16px;
    }
    .product_section .product_boxes .product_item .text span {
      font-size: 12px;
    }
    .product_section .link a {
      padding: 9px 20px;
      font-size: 14px;
    }
    footer .bottom_footer p {
      font-size: 14px;
      padding: 3px 0;
      float: none;
      display: block;
    }
    footer .bottom_footer {
      padding: 10px 0;
    }
    .banner_top {
      height: 200px;
      margin-top: 100px;
    }
    .banner_top .content {
      background-color: rgba(0, 0, 0, 0.45);
    }
    .banner_top .content h3 {
      width: 100%;
      font-size: 20px;
    }
    .links_tree {
      padding: 9px 0;
    }
    .links_tree ul li a {
      font-size: 13px;
      padding-left: 0;
    }
    .page_content .text {
      padding-top: 10px;
    }
    .page_content .text center {
      text-align: left;
      font-size: 14px;
    }
    .links_tree ul li a::after {
      right: 0;
    }
    .page_content .peroject_section .row {
      margin: 0;
    }
    .page_content .peroject_section .item {
      width: 100% !important;
      margin: 0 0 20px 0 !important;
    }
    .refe_item {
      width: 100% !important;
      margin: 0 0 20px 0 !important;
    }
    .page_content .form_part {
      width: 100%;
    }
    .page_content .form_part h3 {
      font-size: 22px;
    }
    .page_content .form_part .form_box .item:first-child {
      margin-right: 0;
    }
    .page_content .form_part form input {
      width: 100%;
      display: block;
    }
    .page_content .text_part {
      width: 100%;
      padding-left: 0;
    }
    .page_content .text_part .contact_information {
      padding: 0;
    }
    .page_content .text_part .contact_information h3 {
      font-size: 23px;
    }
    .page_content .text_part .contact_information span.adress {
      margin-bottom: 0;
    }
    .page_content .contact_part {
      padding-bottom: 0;
    }
    .page_content .boxes .main_text {
      text-align: left;
      padding-top: 0;
      font-size: 15px;
    }
    .page_content .boxes .main_text h4 {
      display: block;
      font-size: 20px;
    }
    .page_content .boxes .main_text img {
      width: 100% !important;
    }
    .page_content .drop_down_section .item .head span img {
      width: 20px;
      margin-right: 0;
      margin-top: -2px;
    }
    .page_content .drop_down_section .item .head h3 {
      font-size: 15px;
      margin-bottom: 0;
      padding-top: 3px;
    }
    .page_content .drop_down_section .item {
      padding: 11px;
    }
    .page_content .drop_down_section .item .content img {
      width: 100%;
      margin: 30px auto;
    }
    .page_content .drop_down_section .item .content table {
      overflow: auto;
    }
    .page_content .drop_down_section .item .content table td {
      font-size: 10px;
    }
    .page_content .pdf_boxes h4 {
      font-size: 24px;
    }
    .page_content .pdf_boxes .row {
      margin: 0;
    }
    .page_content .pdf_boxes .item {
      width: 100%;
    }
    .page_content .colors_box .item {
      width: 13%;
      margin-bottom: 11px;
      background-size: cover;
      max-width: 136px;
      height: 43px;
      margin-right: 7px;
    }
    .page_content .colors_box {
      padding-bottom: 40px;
    }
    .page_content .colors_box h3 {
      color: #fff;
      text-align: center;
      padding-bottom: 10px;
      font-size: 24px;
    }
    .page_content .colors_box .item span {
      display: block;
      width: 110px;
      top: -29px;
      padding: 3px 8px;
      font-size: 12px;
    }
    .page_content .content_boxes .item {
      width: 100%;
    }
  }