.owl-carousel .owl-nav{
  display: none !important;
}
.owl-carousel{
  padding-top: 34px;
}


.logo{
  display: none;
}
.subcategory .item{
  width: 30%;
  border: 1px
  #bfbfbf solid;
  margin: 10px;
  float: left;
}
.subcategory .item p{
  text-align: center;
}
.subcategory .item img{
  width: 100%;
}
/* responsive ==================================/ */
/* sm  strt */

@media (max-width: 375px) and  (min-width: 321px){
  header > .upper{
    width: 100%;
    padding: 0;
  }
 .hotline{
    margin-left: 0 !important;
  }
  header > .wrapper a.logo{
    top: 0;
  }
  nav{
    background-color: #0000 !important;
  }
  header > .upper .hotline{
    margin-left: 0;
  }
  .toggleMenu {
		margin-left: 0;
}
  header > .upper .hotline > a{
    height: auto !important;  
    line-height: 31px;
    margin: 0 0 0 12px;
  }
  header > .upper{
		width: 100%;
  }
  .socialUl{
    display: contents;
    float: right;
  }
  .socialItem{
    width: 42px;
    padding: 0px;
    margin-top: 17px;
  }
  .hrr{
    display: none;
  }
  header > .wrapper{
    width: 100%;
  }
  div#banner{
    top: -139px;
  }
  .toggleMenu{
    margin-top: 20px;
    width: 51px;
    height: 51px;
  }
  div#banner > .items{
    width: 100%;
    height: 70%;
  }
  .caption > .layer1{
    padding: 200px 0 0 0;
    font-size: 33px;
  }
  .caption > .layer2{
    font-size: 18px;
    width: 90%;
    line-height: 23px;
  }
  /* navbar/ */
  .nav{
    background-color: #054854;
  }
  .nav > li{
    border-bottom: 1px solid #03333c;
  }
  ul.nav li ul{
    padding-top: 0;
  }
  ul.nav a{
    height: 46px;
    line-height: auto;
  }
  ul.nav li ul li a{
    padding-left: 23px !important;
  }
  /* navbar/ */
  div#iconbox > .iconarea > .item{
    background-color: #b0b0b0;
  }
  div#columns > .wrapper > h3{
    font-size: 33px;
  }
  div#columns > .wrapper > h4{
    font-size: 16px;
  }
  #products{
    margin: 0 !important;
    width: 100% !important;
  }
  #products .wrapper .header{
    width: 100%;
  }
  .blocks .square{
    width: 100%;
  }
  .blocks{
    width: 88%;
    margin: 50px 22px;
  }
  .blocks .square a .cover p{
    padding: 0;
    margin-top: 10px;
    font-size: 17px;
  }
  #products .wrapper .header{
    margin: 0;

  }
  #products .wrapper .header > h3{
     font-size: 33px;
  }
  #products .wrapper .header > a{
    height: 51px;
    line-height: 48px;
    font-size: 15px;
  }
  .owl-carousel{
    float: left;
    padding-top: 0;
  }
  div#references .wrapper .headline{
    margin: 0;
    width: 100%;
  }
  div#references .item a img{
    height: 100%;
  }
  .heading > h4{
    font-size: 33px;
  }
  .heading > h5{
    font-size: 16px;
    font-weight: 400;
  }
  .heading > a{
    height: 51px;
    line-height: 48px;
    font-size: 15px;
  }
  .about_us .box_item{
    width: 100% !important;
    margin-bottom: 20px;
  }
  .about{
    padding: 20px;
    border-radius: 0;
  }
  div#company > .wrapper{
    width: 100%;
  }
  .about_us{
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .news{
    border-radius: 0;
  }
  div#company{
    padding: 0;
  }
  footer > .wrapper > .columns > .cols{
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
  }
  div#bottom > .wrapper .copyright{
    float: inherit;
    display: block;
    line-height: 24px;
    padding-top: 24px;
    font-size: 14px;
}
.header2{
  height: 231px;
}

/* content/ */
div#content > .wrapper{
  width: 100%;
}
aside{
  width: 80%;
  margin-left: 40px;
}
#accordion > ul > li > a{
  padding: 12px 30px;
  border: 1px solid
  #ececec;
  font-size: 14px;
}
main > p{
	width: 100% !important;
	padding-right: 15px;
}
footer > .wrapper > .columns{
  padding: 20px 0 80px 0;
}
.wrapper main table{
  width: 100%;
}
.wrapper main table tbody tr td:nth-child(2){
  width: 100%;

  display: inline-block;
  
  float: left;
}
.wrapper main table{
  width: 100% !important;
  display: inline-block;
  float: left;
}
.wrapper main table tbody{
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr{
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr td span p img{
  width: 100%;
}
.wrapper main table tbody tr td span img{
  width: 100%;
}
.wrapper main table tbody tr td:nth-child(1){

  width: 100%;
  display: inline-block;
  float: left;
  }
.wrapper main table tbody tr td span{
  font-size: 16px !important;
}
main ul {
  padding-left: 20px;
}
main ul li span{
  font-size: 16px !important;

}
main{
  text-align: inherit;
}
 main table{
  height: auto !important;
}
.contact_form{
  column-count: 1;
}
#content .selected-color{
  padding-left: 0 !important;
}
/* content/ */
.ara form{
  position: absolute;
display: flex;
}
ul.language li a{
  margin-left: 36px;
}
.subcategory .item{
  width: 95%;
}
/* sm  end */
}





/* xsm  strt */
@media (max-width: 320px){
  header > .upper{
    width: 100%;
    padding: 0;
  }
 .hotline{
    margin-left: 0 !important;
  }
  header > .wrapper a.logo{
    top: 0;
  }
  nav{
    background-color: #0000 !important;
  }
  header > .upper .hotline{
    margin-left: 0;
  }
  .toggleMenu {
		margin-left: 0;
}
  header > .upper .hotline > a{
    height: auto !important;
    line-height: 31px;
    margin: 0 0 0 12px;
    font-size: 13px;
  }
  header > .upper{
		width: 100%;
  }
  .socialUl{
    display: contents;
    float: right;
  }
  .socialItem{
    width: 36px;
    padding: 0px;
    margin-top: 17px;
  }
  .hrr{
    display: none;
  }
  header > .wrapper{
    width: 100%;
  }
  div#banner{
    top: -139px;
  }
  .toggleMenu{
    margin-top: 20px;
    width: 51px;
    height: 51px;
  }
  div#banner > .items{
    width: 100%;
    height: 70%;
  }
  .caption > .layer1{
    padding: 200px 0 0 0;
    font-size: 33px;
  }
  .caption > .layer2{
    font-size: 18px;
    width: 90%;
    line-height: 23px;
  }
  /* navbar/ */
  .nav{
    background-color: #054854;
  }
  .nav > li{
    border-bottom: 1px solid #03333c;
  }
  ul.nav li ul{
    padding-top: 0;
  }
  ul.nav a{
    height: 46px;
    line-height: auto;
  }
  ul.nav li ul li a{
    padding-left: 23px !important;
  }
  /* navbar/ */
  div#iconbox > .iconarea > .item{
    background-color: #b0b0b0;
  }
  div#columns > .wrapper > h3{
    font-size: 33px;
  }
  div#columns > .wrapper > h4{
    font-size: 16px;
  }
  #products{
    margin: 0 !important;
    width: 100% !important;
  }
  #products .wrapper .header{
    width: 100%;
    padding: 20px;
  }
  .blocks .square{
    width: 100%;
  }
  .blocks{
    width: 88%;
    margin: 50px 22px;
  }
  .blocks .square a .cover p{
    padding: 0;
    margin-top: 10px;
    font-size: 17px;
  }
  #products .wrapper .header{
    margin: 0;

  }
  #products .wrapper .header > h3{
     font-size: 33px;
  }
  #products .wrapper .header > a{
    height: 51px;
    line-height: 48px;
    font-size: 15px;
  }
  .owl-carousel{
    float: left;
    padding-top: 0;
  }
  div#references .wrapper .headline{
    margin: 0;
    width: 100%;
  }
  div#references .item a img{
    height: 100%;
  }
  .heading > h4{
    font-size: 33px;
  }
  .heading > h5{
    font-size: 16px;
    font-weight: 400;
  }
  .heading > a{
    height: 51px;
    line-height: 48px;
    font-size: 15px;
  }
  .about_us .box_item{
    width: 100% !important;
    margin-bottom: 20px;
  }
  .about{
    padding: 20px;
    border-radius: 0;
  }
  div#company > .wrapper{
    width: 100%;
  }
  .about_us{
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .news{
    border-radius: 0;
  }
  div#company{
    padding: 0;
  }
  footer > .wrapper > .columns > .cols{
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
  }
  div#bottom > .wrapper .copyright{
    float: inherit;
    display: block;
    line-height: 24px;
    padding-top: 24px;
    font-size: 14px;
}
.header2{
  height: 231px;
}

/* content/ */
div#content > .wrapper{
  width: 100%;
}
aside{
  width: 80%;
  margin-left: 40px;
}
#accordion > ul > li > a{
  padding: 12px 30px;
  border: 1px solid
  #ececec;
  font-size: 13px;
}
main > p{
	width: 100% !important;
	padding-right: 15px;
}
footer > .wrapper > .columns{
  padding: 20px 0 80px 0;
}
.wrapper main table{
  width: 100%;
}
.wrapper main table tbody tr td:nth-child(2){
  width: 100%;

  display: inline-block;
  
  float: left;
}
.wrapper main table{
  width: 100% !important;
  display: inline-block;
  float: left;
}
.wrapper main table tbody{
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr{
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr td span p img{
  width: 100%;
}
.wrapper main table tbody tr td span img{
  width: 100%;
}
.wrapper main table tbody tr td:nth-child(1){

  width: 100%;
  display: inline-block;
  float: left;
  }
.wrapper main table tbody tr td span{
  font-size: 16px !important;
}
main ul {
  padding-left: 20px;
}
main ul li span{
  font-size: 16px !important;

}
main{
  text-align: inherit;
  width: 100% ;
}
 main table{
  height: auto !important;
}
.contact_form{
  column-count: 1;
}
#content .selected-color{
  padding-left: 0 !important;
}
.wrapper main table tbody tr td img{
  width: 100% !important;
}
/* content/ */
.ara form{
  position: absolute;
display: flex;
}
ul.language li a{
  margin-left: 36px;
}
.subcategory .item{
  width: 95%;
}
}
/* xsm  end */






/* medium  strt */

@media (max-width: 414px) and  (min-width: 376px){
  header > .upper{
    width: 100%;
    padding: 0;
  }
 .hotline{
    margin-left: 0 !important;
  }
  header > .wrapper a.logo{
    top: 0;
    width: 211px;
  }
  nav{
    background-color: #0000 !important;
  }
  header > .upper .hotline{
    margin-left: 0;
  }
  .toggleMenu {
		margin-left: 0;
}
  header > .upper .hotline > a{
    height: auto !important;  
    line-height: 31px;
    margin: 0 0 0 12px;
  }
  header > .upper{
		width: 100%;
  }
  .socialUl{
    margin: 5px 40px 0 10px;
    display: block;
  }
  .socialItem{
    width: 42px;
    padding: 0px;
    margin-top: 17px;
  }
  .hrr{
    display: none;
  }
  header > .wrapper{
    width: 100%;
  }
  div#banner{
    top: -139px;
  }
  .toggleMenu{
    margin-top: 20px;
    width: 51px;
    height: 51px;
  }
  div#banner > .items{
    width: 100%;
    height: 70%;
  }
  .caption > .layer1{
    padding: 200px 0 0 0;
    font-size: 33px;
  }
  .caption > .layer2{
    font-size: 18px;
    width: 90%;
    line-height: 23px;
  }
  /* navbar/ */
  .nav{
    background-color: #054854;
  }
  .nav > li{
    border-bottom: 1px solid #03333c;
  }
  ul.nav li ul{
    padding-top: 0;
  }
  ul.nav a{
    height: 46px;
    line-height: auto;
  }
  ul.nav li ul li a{
    padding-left: 23px !important;
  }
  /* navbar/ */
  div#iconbox > .iconarea > .item{
    background-color: #b0b0b0;
  }
  div#columns > .wrapper > h3{
    font-size: 33px;
  }
  div#columns > .wrapper > h4{
    font-size: 16px;
  }
  #products{
    margin: 0 !important;
    width: 100% !important;
  }
  #products .wrapper .header{
    width: 100%;
  }
  .blocks .square{
    width: 100%;
  }
  .blocks{
    width: 88%;
    margin: 50px 22px;
  }
  .blocks .square a .cover p{
    padding: 0;
    margin-top: 10px;
    font-size: 17px;
  }
  #products .wrapper .header{
    margin: 0;

  }
  #products .wrapper .header > h3{
     font-size: 33px;
  }
  #products .wrapper .header > a{
    height: 51px;
    line-height: 48px;
    font-size: 15px;
  }
  .owl-carousel{
    float: left;
    padding-top: 0;
  }
  div#references .wrapper .headline{
    margin: 0;
    width: 100%;
  }
  div#references .item a img{
    height: 100%;
  }
  .heading > h4{
    font-size: 33px;
  }
  .heading > h5{
    font-size: 16px;
    font-weight: 400;
  }
  .heading > a{
    height: 51px;
    line-height: 48px;
    font-size: 15px;
  }
  .about_us .box_item{
    width: 100% !important;
    margin-bottom: 20px;
  }
  .about{
    padding: 20px;
    border-radius: 0;
  }
  div#company > .wrapper{
    width: 100%;
  }
  .about_us{
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .news{
    border-radius: 0;
  }
  div#company{
    padding: 0;
  }
  footer > .wrapper > .columns > .cols{
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
  }
  div#bottom > .wrapper .copyright{
    float: inherit;
    display: block;
    line-height: 24px;
    padding-top: 24px;
    font-size: 14px;
}
.header2{
  height: 231px;
}

/* content/ */
div#content > .wrapper{
  width: 100%;
}
aside{
  width: 80%;
  margin-left: 40px;
}
#accordion > ul > li > a{
  padding: 12px 30px;
  border: 1px solid
  #ececec;
  font-size: 14px;
}
main > p{
	width: 100% !important;
	padding-right: 15px;
}
footer > .wrapper > .columns{
  padding: 20px 0 80px 0;
}
.wrapper main table{
  width: 100%;
}
.wrapper main table tbody tr td:nth-child(2){
  width: 100%;

  display: inline-block;
  
  float: left;
}
.wrapper main table{
  width: 100% !important;
  display: inline-block;
  float: left;
}
.wrapper main table tbody{
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr{
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr td span p img{
  width: 100%;
}
.wrapper main table tbody tr td span img{
  width: 100%;
}
.wrapper main table tbody tr td:nth-child(1){

  width: 100%;
  display: inline-block;
  float: left;
  }
.wrapper main table tbody tr td span{
  font-size: 16px !important;
}
main ul {
  padding-left: 20px;
}
main ul li span{
  font-size: 16px !important;

}
main{
  text-align: inherit;
}
 main table{
  height: auto !important;
}
.contact_form{
  column-count: 1;
}
#content .selected-color{
  padding-left: 0 !important;
}
/* content/ */
.ara form{
  position: absolute;
display: flex;
}
header > .upper .ara{
  padding-left: 20px;
}
ul.language li a{
  margin-left: 36px;
}
.subcategory .item{
  width: 95%;
}
.subcategory .item{
  width: 95%;
}
/* medium  end */
}

/* ixl strt/ */
@media (max-width: 768px) and  (min-width: 415px){
  header > .upper .ara{
    padding-left: 0 !important;
    margin-left: 30px;
  }
  header > .upper .hotline{
    margin-left: 0;
  }
  header > .wrapper a.logo{
    top: 0;
  }
  .ara form{
    position: absolute;
  display: flex;
  }
  ul.language{
    margin: 14px 28px 0px 40px;
  }
  .toggleMenu{
    right: 475px !important;
  }
  ul.language{
    margin: 14px 26px 0px 40px;
  }
  ul.language{
    margin: 14px 32px 0px 47px !important;
  }
  div#columns{
    padding: 48px 0 35px 0;
  }
  .caption > .layer1{
    padding: 254px 0 0 0;
    font-size: 50px;
  }
  .caption > .layer2{
    width: 94%;
    font-size: 20px;
  }
  .blocks{
    width: 100%;
  }
  #products{
    margin: 6px 0px 0 36px !important;
  }
  .blocks .square a .cover p{
    padding: 0;
    font-size: 15px;
  }
  #products .wrapper .header{
    width: 100%;
    margin: 0;
  }
  div#references .wrapper .headline{
    width: 22%;
    height: 93px;line-height: 90px;
  }
  div#references .item a img{
    height: 97px;
  }
  .heading > h4{
    font-size: 51px;
  }
  .heading > h5{
    font-size: 16px;
    font-weight: 400;
  }
  .heading > a{
    font-size: 17px;
  }
  .about_us .box_item{
    width: 225px !important;
  }
  .about{
    border-radius: 0;padding: 20px;
  }
  div#company > .wrapper{
    width: 100%;
  }
  .news{
    border-radius: 0;
  }
  .nav{
    background-color: #014750 !important;
  }
  .nav > li{
    border-bottom: 1px solid #003339 !important;
  }
  ul.nav li ul li a{
    margin-left: 0 !important;
  }
  div#content > .wrapper{
    width: 100% !important;
  }
  aside {

    width: 100% !important;

}
main > p{
  width: 100% !important;
}
#accordion ul {
  border: 1px solid #e1e1e1;
}
#accordion ul li{
  border-top: 1px solid #e1e1e1;
}
#accordion{
  text-align: left;
  margin: 0 auto;width: 64%;
}
.wrapper main table tbody tr td:nth-child(1) {
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr td img {
  width: 50% !important;
}

.wrapper main table tbody tr td:nth-child(2) {
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table tbody tr {
  width: 100%;
  display: inline-block;
  float: left;
}
.wrapper main table {
  width: 100% !important;
  display: inline-block;
  float: left;
}
.wrapper main   ul li span{
  font-size: 15px !important;
}
.wrapper main table tbody tr td span{
  font-size: 15px !important;
}
main > ul{
  padding-top: 34px;

top: 26px;

display: inline-block;
width: 100% !important;
}
}
/* ixl end/ */

/* lap/strt */
@media (max-width: 1366px) and  (min-width: 769px){
  #accordion > ul > li > a{
    font-size: 14px;
  }
  main table tbody tr td span{
    font-size:  16px !important;
  }
  main ul li span{
    font-size:  16px !important;

  }
}
/* lap/end */

/* responsive ==================================/ */








/* iphone 5 ------- */

@media (min-width: 321px) and (max-width: 375px) {

	
	header > .upper .ara{
    padding-bottom: 20px;
    padding-left: 25px;
	}
	.toggleMenu {

    margin-left: 19px;

}
header.sticky {
    position: fixed;
    top: 0;
    z-index: 9999;
    border-bottom: 1px solid #eee;
    margin-top: -119px;
}
.headline > h2{
	font-size: 27px !important;
}

/* kurumsal ------ */
main{
	width: 100%;
}
main > p{
	width: 300px;
	padding-right: 15px;
}
main > ul{
	width: 300px;
}
/* Sunum ------ */
video{
	width: 24%;
}
/* urunler ------ */
.itemPicture {
    width: 24%;
}
.itemPicture > .thumbnail {

    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.itemPicture > .thumbnail a {

    width: 129px;
    height: 80px;
}
.itemPicture > .thumbnail a img {

    width: 123px;
    height: 74px;

}
.itemDetails {

    width: 100%;
    min-height: 300px;
    margin: 0;
		padding-left: 0px;
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 884px;
}
.social-item{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.products{
	text-align: inherit;
}
/* Kalite Politikamız ------ */
main > p {
    width: 290px;
    padding-right: 15px;
		word-wrap: anywhere;
}
main > h2 {
    margin: 0 0 20px 0;
    width: 300px;
		word-wrap: anywhere;
}

.galeries {

    width: 500px;
    margin: 25px auto;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 5;
    float: left;

}

}


/* iphone 6,7,8 plus ------- */
@media (min-width: 414px) and (max-width: 768px){
	.toggleMenu {
    margin-left: 114px;
}
/* kurumsal ------ */
main{
	width: 100%;
}
main > p{
	width: 400px;
	padding-right: 15px;
}
main > ul{
	width: 300px;
}
/* Sunum ------ */
video{
	width: 32% !important;
}
/* urunler ------ */
/* urunler ------ */
.itemPicture {
	width: 32%;
}
.itemPicture > .thumbnail {

    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.itemPicture > .thumbnail a {

    width: 175px;
    height: 120px;
}
.itemPicture > .thumbnail a img {

    width: 169px;
    height: 114px;

}
.itemDetails {

    width: 100%;
    min-height: 300px;
    margin: 0;
		padding-left: 0px;
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 780px;
}
.social-item{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.products{
	text-align: inherit;
}
/* Kalite Politikamız ------ */
main > p {
    width: 290px;
    padding-right: 15px;
		word-wrap: anywhere;
}
main > h2 {
    margin: 0 0 20px 0;
    width: 300px;
		word-wrap: anywhere;


}
.galeries {
	width: 367px;

	margin: 25px auto;

	-webkit-column-count: 4;

	-moz-column-count: 4;

	column-count: 3;

	float: left;

}
}
/* iphone x,xs ------- */
@media (min-width: 375px) and (max-width: 413px){

/* kurumsal ------ */
main{
	width: 100%;
}

main > ul{
	width: 300px;
}
/* Sunum ------ */
video{
	width: 29%;
}
/* urunler ------ */
.itemPicture {
	width: 29%;
}
.itemPicture > .thumbnail {

    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.itemPicture > .thumbnail a {

    width: 158px;
    height: 104px;
}
.itemPicture > .thumbnail a img {

    width: 152px;
    height: 98px;

}
.itemDetails {

    width: 100%;
    min-height: 300px;
    margin: 0;
		padding-left: 0px;
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 820px;
}
.social-item{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.products{
	text-align: inherit;
}
.galeries {
	width: 350px;

	margin: 25px auto;

	-webkit-column-count: 4;

	-moz-column-count: 4;

	column-count: 2;

	float: left;

}
}
/* telephone responsive ayarlari --------------------------- */











 /* ipad responsive ayarlari --------------------------- */

@media (min-width: 768px) and (max-width: 991.98px) {
	ul.language {
		display: block;
		float: right;
		margin: 11px 25px 0 0;
		padding: 0;
	}
	nav { height:auto; background:#fff; border:none; }
	.nav {
		width:250px;
		height:100%;
		overflow:auto;
		z-index:99999;
		margin:0;
		position:fixed;
		left:0;
		top:0;
		display:block;
		background:#eee;
		border-right:1px solid #ccc
	}
	.nav a { padding: 3px 15px; color: #555; height:auto; font-size:14px; text-align:left; font-weight:700;}
	.nav > li {
		float: none;
		width:100%;
		display:block;
		padding:0;
		margin:0;
		border:none;
		border-bottom:1px solid #ccc;
	}
	.nav > li.home {width:100%; display:none; }
	.nav li:hover > a { background:#2c406d; color:#fff;}
	.nav li ul li a { background: #ccc; height:auto; font-size:12px; padding:5px 15px; color:#000;}
	.nav li ul li li a { background: #fff; color:#999; font-size:12px; font-weight:400; padding:15px 25px;}
	.nav > li > .parent:after {
		font-family: 'ElegantIcons';
		content: "\33";
		font-size:20px;
		position:absolute;
		right:15px;
	}
	.nav li li .parent {}
	.nav ul {display: block; width: 100%;}
	.nav li.hover > ul,
	.nav li li.hover ul { position: static; }

	header > .upper .ara{
		float: left;
		padding-left: 386px;
	}
	.search{
		display: block;
	}
	.search .toggle input[type="text"]{
		width: 150px;
	}
	.toggleMenu{
		right: 432px;
		top: -27px;
	}
	ul.nav{
		position: fixed;
	}
	ul.nav a{
		height: 55px;
		padding-top: 11px;
	}
	ul.nav > li:last-child a{
		margin-right: 20px;
		margin-top: 20px;
	}
	ul.nav li ul li a{
		margin-left: 50px;
	}
	.sticky .toggleMenu{
		top: -6px;
	}
	div#iconbox {

    width: 770px;

}
.kategoriler > .blk {
	width: 100%;
	padding-left: 10%;
	padding-right: 45%;
	margin-left: -3px;
}
.headline > h2{
	margin: 0px;
}

div#iconbox > .iconarea > .item:hover .icon {
    background-size: 60px !important;
}
.heading{
	width: 700px;
	margin-left: 47px;
}
footer > .wrapper > .columns {

    font-size: 12px;
    font-weight: 700;
    padding: 80px 0px 80px 12px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: no-wrap;
    justify-content: space-between;

}

/* kurumsal ------ */
main{
}
main > p{
	width: 64%;
	padding-right: 15px;
}
main > ul{
	width: 300px;
}
/* Sunum ------ */
aside{
	width: 37%;
}
div#content{
	display: block;


}
/* urunler ------ */
.itemDetails {

    width: 100%;
    min-height: 300px;
    margin: 0;
    padding-left: 0px;
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 460px;

}
.itemPicture {
    width: 62%;
}

.itemPicture > .thumbnail {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}







}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.ik-area  { width:100%; margin:0 0 20px 0;}
	.ik-area > .ik-column { width:100%;}
	.ik-area > .ik-column > strong { margin:20px 0;}
	.ik-area > .ik-column > input[type="text"] { background:transparent; color:#666; border:1px solid #ccc; }
	.ik-area > .ik-column > textarea { background:transparent; color:#666; border:1px solid #ccc;}
}