/* lg */

@media (max-width: 1500px) {

  .form-alan {

    right: 10%;

  }

  .slider-landing .bx-wrapper img {

    margin-left: -220px;

  }

}

@media (min-width: 1200px) {

  /* Make Navigation Toggle on Desktop Hover */

  .dropdown:hover .dropdown-menu {

    display: block;

    -webkit-animation: fadeInUp 400ms;

    animation: fadeInUp 400ms;

  }

  .dropdown:hover .dropdown-submenu > .dropdown-menu {

    display: none;

    -webkit-animation: fadeInUp 400ms;

    animation: fadeInUp 400ms;

  }

  .dropdown-submenu:hover > .dropdown-menu {

    display: block !important;

  }

  #portfolio .row {

    margin-left: -10px;

    margin-right: -10px;

  }

  .dropdown-submenu > .dropdown-menu {

    left: 100% !important;

    position: absolute;

  }

}

@media (max-width: 1024px) {

  .form-alan {

    right: 3%;

  }

  slider-landing .bx-wrapper img {

    margin-left: -310px;

  }

}

/* md */

@media (min-width: 992px) and (max-width: 1199px) {

  /* Make Navigation Toggle on Desktop Hover */

  /*.dropdown:hover .dropdown-menu {















      display: block;















      -webkit-animation: fadeInUp 400ms;















      animation: fadeInUp 400ms;















  }*/

  .navbar-nav > li {

    margin-left: 10px;

  }

  .navbar-collapse {

    padding-left: 0;

    padding-right: 0;

  }

  .recent-work-wrap .recent-work-inner h3 a {

    font-size: 20px;

  }

  .recent-work-wrap .overlay {

    padding: 15px;

  }

  .services-wrap {

    padding: 40px 10px 40px 30px;

  }

  .feature-wrap h2, .single-services h2 {

    font-size: 18px;

  }

  .feature-wrap h3, .single-services h3 {

    font-size: 14px;

  }

  .tab-wrap .media .parrent.pull-left {

    clear: both;

    width: 100%;

  }

  .tab-wrap .media .parrent.media-body {

    clear: both;

  }

  #portfolio .row {

    margin-left: -10px;

    margin-right: -10px;

  }

  .recent-work-wrap .overlay .preview {

    line-height: inherit;

  }

  .team-bar .first-arrow {

    width: 21%;

  }

  .team-bar .second-arrow {

    width: 20%;

  }

  .team-bar .third-arrow {

    width: 21%;

  }

  .team-bar .fourth-arrow {

    width: 20%;

  }

  ul.social_icons li {

    margin-right: 0;

  }

}

/* sm */

@media (min-width: 768px) and (max-width: 991px) {

  /* Make Navigation Toggle on Desktop Hover */

  .dropdown:hover .dropdown-menu {

    display: block;

    -webkit-animation: fadeInUp 400ms;

    animation: fadeInUp 400ms;

  }

  .navbar-collapse {

    padding-left: 0;

    padding-right: 0;

  }

  .navbar-nav > li {

    margin-left: 0;

  }

  #main-slider .carousel h1 {

    font-size: 25px;

  }

  #main-slider .carousel h2 {

    font-size: 20px;

  }

  .tab-wrap .media .parrent.pull-left, .media.accordion-inner .pull-left {

    clear: both;

    width: 100%;

  }

  .tab-wrap .media .parrent.media-body, .media.accordion-inner .media-body {

    clear: both;

  }

  .services-wrap {

    padding: 40px 0 40px 30px;

  }

  .recent-work-wrap .overlay {

    padding: 15px;

  }

  .recent-work-wrap .recent-work-inner h3 a {

    font-size: 20px;

  }

  .sinlge-skill {

    width: 150px;

    height: 150px;

  }

  .sinlge-skill p em {

    font-size: 25px;

  }

  .sinlge-skill p {

    font-size: 16px;

  }

  .team-bar .first-one-arrow {

    width: 2%;

  }

  .team-bar .first-arrow {

    width: 18%;

  }

  .team-bar .second-arrow {

    width: 24%;

  }

  .team-bar .third-arrow {

    width: 15%;

  }

  .team-bar .fourth-arrow {

    width: 20%;

  }

  .blog .blog-item .entry-meta > span a {

    font-size: 10px;

  }

}

@media (min-width: 768px) and (max-width: 1360px) {

  .navbar-inverse .navbar-nav > li:nth-child(7) .dropdown-menu {

    left: -105px;

  }

  .news-title {

    width: 77% !important;

  }

  .slider-social {

    position: fixed;

    top: 19%;

    z-index: 100;

  }

}

@media (min-width: 960px) and (max-width: 1199px) {

  .navbar-inverse .navbar-brand {

    position: relative;

    top: -29px;

  }

  .urun-kat:first-child {

    margin-right: 10px;

    width: 100%;

  }

  .feature-wrap h3 {

    position: absolute;

    right: 0;

    width: 50%;

    top: -44px;

  }

  .feature-wrap h2 {

    width: 50%;

    position: absolute;

    right: 0;

    top: -16px;

  }

  .carousel-indicators { /*margin-left: -11%;*/

  }

  .carousel-content h1 {

    font-weight: 800;

    font-size: 47px;

  }

  /*#main-slider .carousel .item  {    height: 448px;}*/

  .navbar .container {

    padding: 0;

  }

  .navbar-nav > li {

    margin-left: 0px;

  }

  .navbar-nav > li:nth-child(4) {

    border-right: 0px solid #CCC;

  }

  #product-works {

    padding: 15px;

    background: #fff;

  }

  .item img {

    display: block;

    margin: 0 auto;

  }

  #owl-brand .owl-next {

    float: right;

    margin-right: -2px;

  }

  #owl-brand .owl-prev {

    float: left;

    margin-left: -33px;

  }

  #area-works {

    padding: 31px 20px;

  }

  #owl-kullan .owl-next {

    float: right;

    margin-right: -4px;

  }

  .owl-kullan .owl-prev {

    float: left;

    margin-left: -30px;

  }

  .tab-wrap .media .parrent.media-body {

    clear: none;

  }

  .tab-wrap .media .parrent.pull-left {

    clear: both;

    width: 21%;

  }

  #main-slider .carousel .item {

    height: 650px;

  }

  #main-slider .carousel .carousel-content {

    margin-top: 0px;

  }

  .carousel-content .animated-item-1 {

    font-weight: 800;

    font-size: 48px;

  }

  .form-main .form .form-group:nth-child(2) {

    float: left;

    width: 49%;

    margin-right: 8px;

  }

  .form-main h3 {

    font-size: 12px;

  }

  .dropdown:hover .dropdown-menu {

    display: block;

    -webkit-animation: fadeInUp 400ms;

    animation: fadeInUp 400ms;

  }

  .dropdown:hover .dropdown-submenu > .dropdown-menu {

    display: none;

    -webkit-animation: fadeInUp 400ms;

    animation: fadeInUp 400ms;

  }

  .dropdown-submenu:hover > .dropdown-menu {

    display: block !important;

  }

  #portfolio .row {

    margin-left: -10px;

    margin-right: -10px;

  }

  .dropdown-submenu > .dropdown-menu {

    left: 100% !important;

  }

  .slider-social ul li a img {

    width: 30px;

  }

  .slider-social {

    position: fixed;

    top: 16%;

    z-index: 100;

  }

  .urun-list li {

    width: 24% !important;

    margin-right: 12px;

  }

  .urun-list li a img {

    height: inherit;

  }

  .home-link {

    display: block !important;

    height: 150px;

    overflow: hidden;

  }

  .urun-list li p {

    height: 85px;

  }

}

@media (min-width: 769px) and (max-width: 992px) {

  .urun-list li {

    width: 47% !important;

    display: block;

    margin-right: 10px;

  }

  .urun-list li a img {

    height: inherit;

  }

  .home-link {

    display: block !important;

    height: 150px;

    overflow: hidden;

  }

  .urun-list li p {

    height: 85px;

  }

  #home-ban {

    padding-bottom: 20px;

  }

  #home-ban img {

    width: 100%;

  }

  .top-bar .col-sm-6 {

    padding: 0px 5px;

  }

  .top-bar .col-xs-4 {

    display: block;

  }

  .navbar-inverse .navbar-nav > li > a {

    padding: 9px 14.9px !important;

    font-size: 9px;

    letter-spacing: -0.3px;

  }

  .navbar .container {

    padding: 0;

  }

  .navbar-nav > li:nth-child(4) {

    border-right: 1px solid #CCC;

  }

  .carousel-indicators {

    margin-left: -12%;

  }

  #main-slider .carousel .item {

    height: 241px;

  }

  .form-container {

    padding-left: 15px;

    width: 100%;

    float: right;

  }

  #owl-brand .owl-next {

    float: right;

    margin-right: 18px;

  }

  .cat-container {

    padding-left: 0;

    width: 100%;

  }

  .urun-kat {

    width: 50%;

  }

  .urun-kat:nth-child(3) {

    width: 100%;

  }

  #product-works {

    padding: 15px;

    background: #fff;

  }

  .info-line ul li {

    width: 48%;

    margin-bottom: 10px;

  }

  #area-works h2 {

    text-align: center;

  }

  #owl-kullan .owl-prev {

    float: left;

    margin-left: 0px;

  }

  #owl-kullan .owl-next {

    float: right;

    margin-right: 0px;

  }

  .item img {

    display: block;

    margin: 0 auto;

  }

  .carousel-content .animated-item-1 {

    font-weight: 800;

    font-size: 28px;

    line-height: 43px;

  }

  #main-slider .carousel .carousel-content {

    margin-top: -2px;

  }

  .feature-wrap i {

    margin-right: 21px;

    width: 100%;

  }

  .navbar-nav > li:nth-child(3) {

    border-right: 1px solid #CCC;

    margin-right: 257px;

  }

  #recent-works {

    padding: 0;

    padding-bottom: 10px;

    background: #F2F2F2;

  }

  .sepet-list {

    width: 100% !important;

  }

  .step-BY-step {

    width: 19.67%;

  }

  .step-BY-step span {

    width: 63%;

  }

  .altaciklama {

    width: 57%;

    font-size: 10px;

  }

  .step-active:after {

    left: 147px;

  }

  .step-active:before {

    left: 149px;

  }

  #main-slider {

    margin-top: -15%;

  }

}

@media only screen and (max-width: 768px) {

  .owl-theme .owl-controls {

    display: none !important;

  }

  .ilgili-title {

    padding-left: 10px;

  }

  .cart-info {

    clear: both;

  }

  .account-list-outer {

    padding: 15px;

  }

  #ctl00_ContentPlaceHolder1_pnlResimler ul li a {

    width: auto;

    height: auto;

  }

  #ctl00_ContentPlaceHolder1_pnlResimler ul li {

    width: 44%;

    margin: 10px;

  }

  .referans-content {

    display: block;

    padding: 10px;

    background: #FFF;

    border: solid 1px #d2d2d2;

    width: 30%;

    margin-right: 10px;

    margin-bottom: 20px;

  }

  .referans-content:nth-child(4n+0) {

    margin-right: 10px;

  }

  .referans-content:nth-child(3n+0) {

    margin-right: 0px;

  }

  .table {

    width: 100% !important;

  }

  .ilgili-urun .owl-buttons {

    right: 0;

  }

  ul.product-container {

    margin: 0;

    padding: 0;

  }

  .product-list {

    text-align: center;

    float: none;

    padding-top: 20px;

  }

  .header-container {

    height: auto;

    width: 100%;

  }

  .mobil-leftmenu {

    display: block;

    color: #fff;

    margin-bottom: 10px;

    padding: 15px;

  }

  .left-menu-bbg {

    height: 60px;

    background: url(/assets/images/kat-left.png) right top no-repeat;

  }

  .left-menu-bbg:hover {

    background: url(/assets/images/kat-left-down.png) right top no-repeat;

    height: inherit;

  }

  .left-menu-bbg .left-menu {

    display: none;

  }

  #referance .owl-wrapper {

    background: #FFF;

    height: 200px;

  }

  #owl-brand .owl-prev {

    position: absolute;

    left: 50px;

    z-index: 999;

  }

  #owl-brand .owl-next {

    position: absolute;

    right: -20px;

    z-index: 999;

  }

  .urun-list li figure {

    overflow: hidden;

  }

  .urun-list li {

    width: 99% !important;

    display: block;

    margin-right: 10px;

    padding: 0 15px;

    overflow: hidden;

    margin-bottom: 5px;

  }

  .urun-list li h3 {

    margin-top: 5px;

  }

  .urun-list li a img {

    height: inherit;

  }

  .urun-list li:nth-child(2n+0) {

    margin-right: 10px;

    padding: 0 15px;

    width: 99% !important;

  }

  .owl-carousel .owl-wrapper-outer {

    padding: 0;

  }

  .out-center .owl-carousel .owl-wrapper-outer {

    padding: 0;

  }

  #owl-brand .item .urun-t img {

    width: 100%;

  }

  .out-center .item {

    padding: 0;

  }

  h2 {

    text-align: center;

    font-size: 24px;

  }

  .footer-firma {

    text-align: center;

  }

  .home-link {

    display: block !important;

    height: 150px;

    overflow: hidden;

  }

  .urun-list li p {

    height: 85px;

  }

  #home-ban {

    padding-bottom: 20px;

  }

  #home-ban img {

    width: 100%;

  }

  .home-hak {

    padding: 0;

  }

  .top-bar .col-sm-6 {

    width: 50%;

    padding: 0px 5px;

  }

  .top-bar .col-xs-4 {

    display: block;

  }

  .navbar-inverse .navbar-nav > li > a {

    padding: 9px 14.9px !important;

    font-size: 9px;

    letter-spacing: -0.3px;

  }

  .navbar .container {

    padding: 0;

  }

  .navbar-nav > li:nth-child(4) {

    border-right: 1px solid #CCC;

  }

  .carousel-indicators {

    margin-left: -12%;

  }

  #main-slider .carousel .item {

    height: 181px;

    background-size: 500px;

  }

  .form-container {

    padding-left: 15px;

    width: 100%;

    float: right;

  }

  #owl-brand .owl-next {

    float: right;

    margin-right: 18px;

  }

  .cat-container {

    padding-left: 0;

    width: 100%;

  }

  .urun-kat {

    width: 50%;

  }

  .urun-kat:nth-child(3) {

    width: 100%;

  }

  #product-works {

    padding: 15px;

    background: #fff;

  }

  .info-line ul li {

    width: 48%;

    margin-bottom: 10px;

  }

  #area-works h2 {

    text-align: center;

  }

  #owl-kullan .owl-prev {

    float: left;

    margin-left: 0px;

  }

  #owl-kullan .owl-next {

    float: right;

    margin-right: 0px;

  }

  .item img {

    display: block;

    margin: 0 auto;

  }

  .carousel-content .animated-item-1 {

    font-weight: 800;

    font-size: 28px;

    line-height: 43px;

  }

  #main-slider .carousel .carousel-content {

    margin-top: -2px;

  }

  .feature-wrap i {

    margin-right: 21px;

    width: 100%;

  }

  .navbar-nav > li:nth-child(3) {

    border-right: 1px solid #CCC;

    margin-right: 257px;

  }

  #recent-works {

    padding: 0;

    padding-bottom: 0;

    background: #fff;

  }

  .sepet-list {

    width: 100% !important;

  }

  .step-BY-step {

    width: 19.67%;

  }

  .step-BY-step span {

    width: 63%;

  }

  .altaciklama {

    width: 57%;

    font-size: 10px;

  }

  .step-active:after {

    left: 147px;

  }

  .step-active:before {

    left: 149px;

  }

}

/* xs */

@media (max-width: 767px) {

  #hakkinda table {

    width: 100%;

  }

  #hakkinda table td {

    float: left;

    width: 100%;

  }


  .blog-liste {
    grid-template-columns: repeat(1, 1fr);
}


  .mile-re:nth-child(2n+0) {

    margin-right: 0;

  }

  ul.pagination > li > b {

    padding: 3px 8px;

  }

  .arama-yok {

    display: block;

    text-align: center;

    font-size: 26px;

    min-height: inherit;

  }

  .arama-yok:before {

    left: 32%;

  }

  .social {

    margin-top: -30px;

    margin-right: 35px;

  }

  .mp-menu {

    display: block;

  }

  .teklif-alan .col-xs-5 {

    width: 100%;

    text-align: center;

  }

  .teklif-alan .col-xs-7 {

    width: 100%;

    text-align: center;

    margin-top: 35px;

  }

  .mobil-none {

    display: none;

  }

  .urun-marka a {

    margin-bottom: 10px;

    display: inline-block;

  }

  .pi-img-wrapper {

    height: inherit;

  }

  .product-container .pi-img-wrapper {

    height: 173px;

    display: flex;

    align-items: center;

  }

  .content-area-part {

    min-height: inherit;

  }

  #main-slider .hidden-xs {}

  #main-slider .prev, #main-slider .next {

    background-color: rgba(197, 45, 47, 0.39);

    display: none;

  }

  #main-slider .carousel .slider-img {

    top: 23px;

  }

  .container > .navbar-header, .container > .navbar-collapse {

    margin-left: 0;

    margin-right: 0;

  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    margin-top: 0;

  }

  .language {

    margin-top: -5px;

    margin-right: 11px;

  }

  .telmail {

    padding: 0 !important;

  }

  .top-number {

    font-size: 14px;

    text-align: center;

    padding: 0px 0 0px;

    width: 85%;

    float: left;

  }

  .top-number .fa {

    padding-right: 0;

  }

  .top-number .fa-envelope {

    margin-left: 2px;

  }

  .home-hak-txt {

    padding: 10px 25px;

  }

  .home-hak img {

    width: 85%;

  }

  input.search-form:hover {

    width: 120px;

  }

  .navbar-nav > li {

    padding-bottom: 0;

    display: block;

    width: 100%;

  }

  #main-slider .carousel h1 {

    font-size: 25px;

  }

  #main-slider .carousel h2 {

    font-size: 16px;

  }

  .feature-wrap h2, .single-services h2 {

    font-size: 18px;

  }

  .feature-wrap h3, .single-services h3 {

    font-size: 14px;

  }

  .owl-item {

    border-right: 0 solid;

  }

  .media.accordion-inner .pull-left, .media.accordion-inner .media-body {

    clear: both;

  }

  .accordion-inner h4 {

    margin-top: 10px;

  }

  .tab-wrap .media .pull-left {

    clear: both;

    width: 100%;

  }

  .tab-wrap .media .media-body {

    clear: both;

  }

  .nav-tabs > li.active > a:after {

    display: none;

  }

  #footer .col-sm-6 {

    text-align: center;

  }

  #footer .pull-right {

    float: none !important;

  }

  .sinlge-skill {

    margin: 0 auto;

    margin-top: 30px;

    margin-bottom: 30px;

  }

  .team .single-profile-top, .team .single-profile-bottom {

    margin-bottom: 30px;

  }

  .clients-area {

    padding: 60px 0;

  }

  .clients-area h1 {

    font-size: 25px;

  }

  .portfolio-item, #recent-works .col-xs-12.col-sm-4.col-md-3 {

    padding: 0 15px;

  }

  ul.social_icons li {

    margin-right: 0;

  }

  .blog .blog-item .entry-meta {

    margin-bottom: 20px;

  }

  .blog .blog-item .blog-content h3 {

    margin-bottom: 20px;

  }

  .post_reply_comments {

    padding-left: 20px;

  }

  .top-bar .col-sm-6 {

    width: 70%;

  }

  .top-bar .col-xs-4 {

    display: block;

    width: 30%;

  }

  .top-menu a {

    padding: 4px 4px;

    font-size: 12px;

  }

  .news-title {

    float: left;

    margin-top: 0;

    clear: right;

    width: 54%;

  }

  header {

    height: 120px;

    z-index: 0;

  }

  .navbar-inverse {

    border: none;

  }

  .logo-menu {

    position: absolute;

    top: 62px;

    right: 0px;

  }

  .logo-main {

    position: absolute;

    left: -16px;

    top: 33px;

    z-index: -1;

  }

  a#trigger {

    margin-top: -7px;

  }

  .carousel-indicators {

    margin-left: -12%;

  }

  #main-slider .carousel .carousel-content {

    margin-top: 24px;

  }

  .animated-item-4 {

    display: block !important;

  }

  .cat-container {

    padding-left: 15px;

    width: 100%;

  }

  .urun-kat:first-child {

    margin-right: 10px;

    width: 100%;

  }

  .form-container {

    padding-left: 15px;

    width: 100%;

  }

  .item img {

    display: block;

    margin: 0 auto;

  }

  .info-line ul li {

    width: 100%;

    margin-bottom: 10px;

  }

  #area-works {

    padding: 31px 20px;

  }

  #owl-kullan .owl-prev {

    float: left;

    margin-left: -26px;

  }

  .tab-title .center h2 {

    width: 100%;

    margin-bottom: 37px;

  }

  .tab-title .center a {

    float: none;

  }

  #footer p {

    width: 100%;

    text-align: center;

  }

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    width: 100%;

    height: auto !important

  }

  .navbar-nav {

    width: 100%;

    margin: 7.5px 0px;

    margin-top: 3px;

  }

  .navbar-inverse .navbar-nav > li > a {

    float: left;

    width: 100%;

    text-align: left;

    background: #000;

    color: #e8e8e8;

    border-left: 0;

    border-bottom: 1px solid #353535;

    font-size: 14px;

  }

  .navbar-inverse .navbar-nav > li > a:hover {

    background: #353535;

    color: #FFF;

  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

    background-color: #000;

  }

  .navbar-inverse .navbar-toggle {

    border-color: #333;

    background: #000;

    margin-right: 10px;

  }

  .acmenu li {

    width: 100%;

    float: none;

    padding: 5px;

  }

  .acmenu li img {

    display: none;

  }

  .acmenu li .menu-left {

    border-bottom: solid 2px #f2f2f2;

    text-align: left;

    padding-left: 10px;

  }

  .acmenu li .menu-alt {

    display: none;

    border-top: solid 2px #f2f2f2;

    padding-top: 10px;

    margin-top: 10px;

    width: 100%;

  }

  .acmenu li .menu-left a {

    color: #999;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

  }

  .bread-container {

    position: relative;

    margin-bottom: 5px;

    background: #ffffff;

    padding: 33px 0px;

    background-repeat: no-repeat;

    background-position: 95%;

    border: 1px solid #eee;

    background-size: 90px;

    height: inherit;

  }

  .mp-level.mp-level-open.mp-level-overlay li {

    background: #0e0e0e;

  }

  .bread-container .container {

    height: inherit;

  }

  .bread-container .breadcrumb {

    margin: 10px 0;

  }

  .navbar-inverse .navbar-toggle .icon-bar {

    background-color: #fff;

  }

  .navbar-collapse {

    max-height: 462px;

  }

  .navbar-inverse .navbar-nav .dropdown-menu {

    float: left;

    margin-top: -1px;

    width: 100%;

  }

  .navbar-nav > li:nth-child(4) {

    border-right: 0px solid #CCC;

    margin-right: 0px;

  }

  .navbar-inverse .navbar-nav > li:nth-child(4) a {

    margin-left: 0;

  }

  .feature-wrap h3 {

    position: relative;

    right: inherit;

    float: left;

    width: 100%;

    top: 0px;

    font-size: 11px;

  }

  .feature-wrap h2 {

    position: relative;

    right: inherit;

    float: left;

    width: 100%;

    top: 0px;

    font-size: 14px;

  }

  #main-slider .carousel .slide-margin {

    margin-top: 22px;

  }

  .urun-kat {

    width: 100%;

  }

  .content-area-part img {

    max-width: 100%;

    height: auto !important

  }

  .form-main .form .form-group:nth-child(2) {

    float: left;

    width: 100%;

    margin-right: 0px;

  }

  .form-main .form .form-group:nth-child(3) {

    float: left;

    width: 100%;

  }

  .form-main {

    height: auto;

  }

  .dropdown-submenu {

    float: left;

    width: 100%;

  }

  .slider-social {

    display: none;

  }

  .carousel-content .animated-item-1 span {

    font-size: 34px;

    clear: both;

    display: block;

  }

  .feature-wrap i {

    margin-right: 21px;

    width: 100%;

  }

  .feature-wrap i img {

    float: left;

  }

  .news {

    float: left;

    width: 100%;

    padding: 10px;

  }

  .mainpage-aboutme {

    float: left;

    width: 100%;

    padding: 10px;

  }

  #footer .col-sm-2 {

    border-left: 0px solid #939393;

    width: 100%;

    float: left;

    margin-bottom: 10px;

    text-align: center;

    min-height: auto;

  }

  #footer .col-sm-4 {

    float: none;

    border-left: 0px solid rgba(255, 255, 255, 0.46);

    border-right: 0px solid rgba(255, 255, 255, 0.46);

    min-height: auto;

  }

  .navbar-nav > li:nth-child(3) {

    border-right: 1px solid #CCC;

    margin-right: 0px;

  }

  #main-slider {

    position: relative;

    margin-top: 0px

  }

  .news ul li {

    padding: 10px;

    width: 100%;

  }

  .top-menu {

    float: left;

  }

  .navbar > .container .navbar-brand img {

    margin-top: 15px;

    margin: 25px auto;

    width: 88%;

    display: block;

  }

  .product-list {

    width: 100%;

    padding-left: 15px;

  }

  .product-item h3 a {

    color: #333333;

    font-size: 12px;

    font-weight: 700;

    text-transform: initial;

  }

  .product-list .col-md-4 {

    width: 49%;

    float: left;

  }

  .product-list .col-md-3 {

    width: 49%;

    float: left;

  }

  .pi-img-wrapper .img-responsive {

    height: inherit;

  }

  .product-item {

    height: inherit;

    margin: 0;

  }

  .urun-txt {

    height: 130px;

  }

  .product-item h3 {

    margin-top: 0px;

    height: 63px;

    line-height: 16px;

  }

  .bilgi-ara {

    display: none;

    font-size: 14px;

    padding: 15px 20px;

  }

  .bilgi-ara-tel {

    display: inline-block;

    background: #42474a;

    color: #fff;

    font-size: 15px;

    padding: 15px 25px;

  }

  .bilgi-ara-tel i {

    margin-right: 5px;

  }

  .benzer-urunler {

    background: #fff;

  }

  .bx-wrapper img {

    display: block;

    width: 100%;

  }

  .step-BY-step {

    display: none;

  }

  .step-active {

    display: block;

    width: 100%;

  }

  .step-active:after {

    display: none;

  }

  .step-active:before {

    display: none;

  }

  .navbar-header {

    display: block;

  }

  #main-slider .animation.animated-item-2 {

    color: #000;

    font-size: 16px;

  }

  .sidenav {

    display: block;

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    left: 0;

    background-color: #111;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

  }

  .sidenav ul {

    margin: 0;

    padding: 0;

    height: 100%;

  }

  .sidenav li {

    list-style: none;

  }

  .sidenav li a i {

    float: right;

    margin-right: 30px;

  }

  .sidenav a {

    padding: 8px 8px 8px 32px;

    text-decoration: none;

    font-size: 16px;

    color: #818181;

    display: block;

    transition: 0.3s;

  }

  .sidenav a:hover {

    color: #f1f1f1;

  }

  .sidenav li ul {

    display: none;

  }

  .menuust {

    position: absolute;

    left: 0px;

    top: 70px;

    background: #111;

    width: 100%;

    transition: 0.5s

  } /*















.sidenav li:hover ul {















	display:block;















	left:0px;















	top:70px;















}*/

  .sidenav .menualt {}

  .menuustback i {

    float: left;

  }

  .menuustback {

    position: absolute;

    top: -65px;

    text-align: left;

    font-size: 20px !important;

  }

  .menualtback i {

    float: left;

  }

  .menualtback {

    position: absolute;

    top: -65px;

    text-align: left;

    font-size: 20px !important;

    background: #111;

  }

  .menualt {

    position: absolute;

    left: 0px !important;

    top: 0px;



	  background: #111;

    width: 100%;

    transition: 0.9s;

    margin-left: 0;

  } /*















.sidenav li > ul li:hover .menualt {















	display:block !important;















	left:0px !important;















	top:0px;















}*/

  .sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

  }

  .menualt-back {

    position: absolute;

    top: -5px;

  }

  .master-page {

    transition: margin-left .5s;

    padding: 16px;

  }

  .menualtpasif {

    left: 300px !important;

  }

}

@media screen and (max-height: 450px) {

  .sidenav {

    padding-top: 15px;

  }

  .sidenav a {

    font-size: 18px;

  }

}

@media (max-width: 760px) {

  .landing-slider {

    height: 740px;

  }

  .slider-landing-holder .form-alan {

    right: 50%;

    margin-right: -48%;

    top: 300px;

    width: 96%;

  }

  .slider-landing-holder .bx-wrapper img {

    margin-left: -120px;

    width: 300%;

    margin-top: -15px;

  }

  .landing-page-ic .bx-viewport {

    height: 360px !important;

  }

  .landing-page-ic .altyazi-holder .col-xs-7, .landing-page-ic .altyazi-holder .col-xs-5 {

    width: 100%;

  }

}

@media (max-width: 760px) {

  .bx-wrapper {

    margin-top: 40px;

  }

  .header-bg .col-xs-8 {

    width: 100%;

  }

  .language ul li a {

    padding: 1px;

    font-size: 11px;

  }

  .language ul li {

    margin: 0px 1px;

  }

	

	div#master-page .bg {

    display: none;

}

	

	div#ctl00_footer1_pnlCookieConsent {

    padding-bottom: 28px;

    z-index: 99999999;

    left: 0px;

}

}

/* XS Portrait */

@media (max-width: 375px) {

  header {

    height: 128px;

  }

  .telmail {

    padding: 0;

  }

  .top-number {

    width: 80%;

  }

  .top-menu a {

    font-size: 10px;

    padding: 5px 1.5px;

  }

  .top-menu {

    margin-right: 3px;

    margin-top: 0

  }

  .top-bar .col-sm-6 {

    width: 100%;

    padding: 0px 5px;

  }

  .feature-wrap i img {

    margin-left: 1%;

  }

}

@media (max-width: 320px) {

  .teklif-alan .col-xs-5 {

    width: 100%;

    text-align: center;

  }

  .teklif-alan .col-xs-7 {

    width: 100%;

    text-align: center;

    margin-top: 35px;

  }

  .product-item h3 {

    line-height: 13px;

    height: 60px;

  }

  .top-bar .col-sm-6 {

    width: 100%;

    padding: 0px 5px;

  }

  .top-menu a:nth-child(3) {}

  .top-menu a {

    font-size: 10px;

    padding: 5px 10.5px;

  }

  .carousel-content .animated-item-1 {

    font-weight: 800;

    font-size: 31px;

    line-height: 35px;

  }

  .navbar-inverse .navbar-toggle {

    margin-right: 22px;

  }

  #main-slider .carousel .item {

    height: 200px;

  }

  .feature-wrap i img {

    margin-left: 1%;

  }

  .carousel-indicators {

    margin-left: -15%;

  }

  #main-slider .carousel .item:nth-child(3) .animated-item-1 {

    font-size: 27px !important;

    line-height: 29px;

    margin-bottom: 15px;

  }

  .carousel-content .animated-item-1 span {

    font-size: 39px;

  }

  .navbar > .container .navbar-brand img {

    margin-top: 39px;

  }

  .logo-main img {

    width: 179px;

  }

  .logo-main {

    width: 22%;

  }

}