

/* width 1280 */
@media only screen and (min-width:1025px) and (max-width:1280px) {
	.menuBottom .rightSide { max-width: calc(100% - 198px) }
	.menuArea.ru li { font-size: 18px; }
	.counterArea.ru .counterArealist .detail { font-size: 28px; }
	.corporate .information .rightSide { max-width: 360px; }
}

/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
	
}

/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
	
}

/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
	
}

/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
	
}

/* width 1920 */
@media only screen and (min-width:1601px) and (max-width:1920px) {
	
}

/* width more than 1920 */
@media only screen and (min-width: 1921px) {
	
}

@media only screen and (max-width: 1200px) {
    .main { width: 100%; }
}



/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
	
	.main { padding: 0 20px; }
	.tanitim{width:31%;right:70px;top:44px;}
	.menuTop { margin: 6px 0 0 0; }
	.menuTop .rightSide { width: auto; }
	.socialMedia { display: none; }

	.menuBottom  { width: 100%; display: table; margin-bottom: 0; }
	.menuBottom .logo { width: 140px; }	
	.product-detail .middle .center{display: none;}
	.menuBottom .logo img { margin-top: -10px; width: 100%; margin-left: -10px; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 200px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: 100%; display: table; float: left; }
	.aboutAbstract { width: 100%; padding: 30px 0 10px 0; text-align: center; float: left; }
	.aboutAbstract .title, .announcement .title { font-size: 20px; line-height: 24px; }
	.aboutAbstract .content, .announcement .content { font-size: 16px; line-height: 20px; }
	.announcement { width: 100%; display: table; padding: 30px 0 10px 0; float: left; }
	
	.tableCell.mainTopImage { display: none; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 50%; height: auto; margin-bottom: 10px; }
	.mainPage .categories li a { padding: 10px 5px; }
	.mainPage .categories li .contentImage { margin-bottom: 15px; min-height: 100px; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 20px 0 30px 0; }
	.mainPage .information .title { font-size: 20px; line-height: 24px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 16px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 235px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 134px; }
	.checklist .circle .listImage { height: 86px; padding: 15px 10px 0 10px; }
	.checklist .circle img { max-width: 65px; max-height: 70px; }
	.checklist .circle .title { font-size: 18px; line-height: 20px; }
	.checklist .circleShadow { width: 134px; height: 134px; margin-bottom: 15px; margin-top: -134px; box-shadow: 0 0 15px black; }
	.checklist li .content { font-size: 14px; padding: 0 5px; }
	.checklist .content { font-size: 16px; }

	.counterArea .counterArealist ul{ min-height: 60px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 20px auto; }
	.counterArea .counterArealist .listTitle { font-size: 20px; line-height: 14px; margin-bottom: 6px; }
	.counterArea .counterArealist .listTitle span{ font-size: 14px; line-height: 14px; }
	.counterArea .counterArealist .detail { font-size: 14px; line-height: 16px; }

	.suggestions { padding-top: 30px; }
	.suggestions .title { font-size: 22px; margin-bottom: 20px; }
	.suggestions ul { display: table; width: 100%; }
	.suggestions li { width: 100%; max-width: 260px; margin: 0 auto 30px auto; height: auto; float: inherit; }
	.suggestions li .contentImage { height: 380px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }
	.suggestions li:nth-child(3n){ margin-right: auto;}

	.bulletin .main { padding: 10px 20px 15px 20px; }
	.bulletin .leftSide { width: 100%; display: table; margin-bottom: 15px; }
	.bulletin .rightSide { width: 100%; display: table; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 80px); height: 40px; padding: 5px 7px 5px 15px; display: table; float: left; font-size: 14px; }
	.bulletin .rightSide a { width: 80px; height: 40px; display: table; line-height: 38px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 100%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 100%; float: left; text-align: center; margin-top: 15px;}
	.footer .top .title{ display: none; }
	.footer .top .title { line-height: 24px; margin-bottom: 10px; }
	.footer .bottom { font-size: 12px; line-height: 15px; padding: 5px 0 10px 0; text-align: center; }
	.footer .bottom .copyrigth { width: 100%; margin-bottom: 5px; }
	.footer .bottom .owner { width: 100%; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }
	.breadcrumb li a::before { width: 12px; right: -18px; }

	.corporate .content { font-size: 16px; line-height: 24px; margin-bottom: 30px; padding-top: 0; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 20px 20px; display: table; height: auto; }
	.corporate .information .contentImage { width: 100%; height: auto; margin: 0 auto 20px auto; float: inherit; }
	.corporate .information .rightSide { width: 100%; margin-left: 0; text-align: center;}
	.corporate .information .title { width: 100%; font-size: 20px; line-height: 24px; margin-bottom: 0; }
	.corporate .information .content { font-size: 16px; line-height: 20px; margin-bottom: 10px; text-align: center; padding: 0; }

	.corporate .gallery { padding: 30px 0 10px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 48%; height: 90px; margin-right: 2%; margin-bottom: 6px; }

	.products { margin-bottom: 50px; }
	.products .products-list ul { display: table; width: 102%; }
	.products .products-list li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	.products .products-list li .contentImage { height: 180px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 48%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li a { padding: 0 10px; }
	.product-category .category-list li .content { padding-left: 10px; }
	.product-category .category-list li .contentImage { width: 25px; }
	.product-category .category-list li .contentImage img { max-width: 25px; }

	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 90%; max-width: 220px; margin: 0 auto 20px auto; float: inherit; }
	.product-category .products-list li:last-child { margin-right: auto; }
	.product-category .products-list li .contentImage { height: 320px; }
	.product-category .products-list li .content { height: 70px; font-size: 16px; line-height: 20px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: 100%; margin-bottom: 20px; }
	.product-detail h1 { margin-bottom: 25px; font-size: 30px; line-height: 38px; }
	.product-detail .leftSide .title { font-size: 18px; line-height: 20px; margin-bottom: 5px; }
	.product-detail .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	#slider1 { width: 100%; position: relative; top: 370px;}
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0 auto; width: 260px; float: inherit; display: table; position: relative; top: -175px;}
	.product-detail .middle .center { padding: 20px 0; }
	#surround{ height: 350px;}

	.product-detail .rightSide { margin-top: 30px; float: left; width: 100%; }
	.product-detail .rightSide ul { width: 100%;  }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; margin-bottom: 10px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }
	.product-detail .rightSide .content { margin-bottom: 0; }

	.production .title { font-size: 20px; line-height: 24px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 16px; line-height: 20px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	.production .image { max-height: 150px; margin-bottom: 20px; }

	.certificate .certificatelist li { margin-right: 2%; width: 48%; margin-bottom: 5px; }
	.certificate .certificatelist li .image { height: 82px; }

	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 100px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 100px); margin: 0; }
	.media .leftSide ul li { width: 100%; height: auto; float: left; margin: 0 0 10px 0; }
	.media .leftSide ul li:last-child { margin-bottom: 0; }
	.media .leftSide ul li a { padding: 6px; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 48%; }
	.media .rightSide li .contentImage { height: 110px; }
	.media ul.video li { width: 48%; margin-right: 2%; margin-bottom: 5px; }
	.media ul.video li .contentImage { height: 100px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 20px; line-height: 24px; margin-bottom: 25px; }
	.media .contentImage { height: auto; width: 100%; }
	.media .new-detail .contentImage { margin-bottom: 30px; }
	.media .new-detail .content { font-size: 16px; line-height: 20px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 20px; line-height: 24px; }
	.humanResources .content { font-size: 16px; line-height: 20px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }
	.humanResources .bottom { width: 100%; }
	.reCaptcha { margin: 0 auto; float: inherit; display: table; width: auto; }
	.g-recaptcha { margin: 0 -20px; display: table; }
	.humanResources .bottom a { margin: 15px auto 0 auto; float: inherit; display: table; }

	.contact .gMaps { height: 240px; }
	.contact .leftSide { left: 0; width: 100%; max-width: 100%; margin: 20px 0 20px 0; }
	.contact .leftSide .title { font-size: 24px; line-height: 36px; }
	.contact .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	.contact .leftSide a { font-size: 16px; line-height: 20px; }
	.contact .rightSide { width: 100%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { height: auto; font-size: 24px; line-height: 36px; padding: 20px 0 10px 0; text-align: left;}
	.contact .rightSide .form { width: 100%; height: 46px; margin-right: 0; margin-bottom: 16px; }
	.contact .rightSide .form input { padding: 10px 20px; font-size: 16px; line-height: 20px; }

	.contact .rightSide .reCaptcha { width: calc(100% + 38px); float: left; margin: 0 -19px; }
	.contact .rightSide .reCaptcha .g-recaptcha { margin: 0 auto; }
	.contact .button { width: 100%; height: 50px; float: inherit; margin: 10px auto 0 auto; display: table; font-size: 20px; line-height: 48px; }

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 100%; max-width: 240px; float: inherit; margin: 0 auto 20px auto; }
	.searchPage .searchContainer.gallery li:nth-child(3n) { margin-right: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
		
	.product-detail .middle .center{display: none;}
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
	
	.main { padding: 0 20px; }
	.tanitim{width: 28%;right:70px;top:44px;}
	.menuTop { margin: 6px 0 0 0; }
	.menuTop .rightSide { width: auto; }
	.socialMedia { display: none; }

	.menuBottom  { width: 100%; display: table; margin-bottom: 0; }
	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -20px; width: 100%; margin-left: -10px; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 200px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: 100%; display: table; float: left; }
	.aboutAbstract { width: 100%; padding: 30px 0 10px 0; text-align: center; float: left; }
	.aboutAbstract .title, .announcement .title { font-size: 20px; line-height: 24px; }
	.aboutAbstract .content, .announcement .content { font-size: 16px; line-height: 20px; }
	.announcement { width: 100%; display: table; padding: 30px 0 10px 0; float: left; }
	
	.tableCell.mainTopImage { display: none; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 50%; }
	.mainPage .categories li a { padding: 20px 5px; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 20px; line-height: 24px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 16px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 250px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 153px; }
	.checklist .circle .listImage { height: 105px; padding: 20px 10px 0 10px; }
	.checklist .circle .title { font-size: 20px; }
	.checklist .circleShadow { width: 153px; height: 153px; margin-bottom: 25px; margin-top: -153px; }
	.checklist li .content { font-size: 14px; }
	.checklist .content { font-size: 16px; }

	.counterArea .counterArealist ul{ min-height: 70px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 25px auto; }
	.counterArea .counterArealist .listTitle { font-size: 25px; line-height: 14px; margin-bottom: 11px; }
	.counterArea .counterArealist .listTitle span{ font-size: 14px; line-height: 14px; }
	.counterArea .counterArealist .detail { font-size: 14px; line-height: 16px; }

	.suggestions { padding-top: 30px; }
	.suggestions .title { font-size: 22px; margin-bottom: 20px; }
	.suggestions ul { display: table; width: 100%; }
	.suggestions li { width: 100%; max-width: 260px; margin: 0 auto 30px auto; height: auto; float: inherit; }
	.suggestions li .contentImage { height: 380px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }
	.suggestions li:nth-child(3n){ margin-right: auto;}

	.bulletin .main { padding: 10px 20px 15px 20px; }
	.bulletin .leftSide { width: 100%; display: table; margin-bottom: 15px; }
	.bulletin .rightSide { width: 100%; display: table; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 80px); height: 40px; padding: 5px 7px 5px 15px; display: table; float: left; font-size: 14px; }
	.bulletin .rightSide a { width: 80px; height: 40px; display: table; line-height: 38px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 100%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 100%; float: left; text-align: center; margin-top: 15px;}
	.footer .top .title{ display: none; }
	.footer .top .title { line-height: 24px; margin-bottom: 10px; display: none; }
	.footer .bottom { font-size: 12px; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }
	.breadcrumb li a::before { width: 12px; right: -18px; }

	.corporate .content { font-size: 16px; line-height: 24px; margin-bottom: 30px; padding-top: 0; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 20px 20px; display: table; height: auto; }
	.corporate .information .contentImage { width: 100%; height: auto; margin: 0 auto 20px auto; float: inherit; }
	.corporate .information .rightSide { width: 100%; margin-left: 0; text-align: center;}
	.corporate .information .title { width: 100%; font-size: 20px; line-height: 24px; margin-bottom: 0; }
	.corporate .information .content { font-size: 16px; line-height: 20px; margin-bottom: 10px; text-align: center; padding: 0; }

	.corporate .gallery { padding: 30px 0 10px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 48%; height: 100px; margin-right: 2%; margin-bottom: 10px; }

	.products { margin-bottom: 50px; }
	.products .products-list ul { display: table; width: 102%; }
	.products .products-list li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	.products .products-list li .contentImage { height: 220px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 48%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 48%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 240px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: 100%; margin-bottom: 20px; }
	.product-detail h1 { margin-bottom: 25px; font-size: 30px; line-height: 48px; }
	.product-detail .leftSide .title { font-size: 18px; line-height: 20px; margin-bottom: 5px; }
	.product-detail .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	#slider1 { width: 100%; position: relative; top: 370px;}
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0 auto; width: 260px; float: inherit; display: table; position: relative; top: -175px;}
	.product-detail .middle .center { padding: 20px 0; }
	#surround{ height: 350px;}

	.product-detail .rightSide { margin-top: 30px; float: left; width: 100%; }
	.product-detail .rightSide ul { width: 100%;  }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; margin-bottom: 10px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }
	.product-detail .rightSide .content { margin-bottom: 0; }

	.production .title { font-size: 20px; line-height: 24px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 16px; line-height: 20px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	.production .image { max-height: 150px; margin-bottom: 20px; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 48%; margin-bottom: 5px; }
	.certificate .certificatelist li .image { height: 94px; }

	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 100px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 100px); margin: 0; }
	.media .leftSide ul li { width: 100%; height: auto; float: left; margin: 0 0 10px 0; }
	.media .leftSide ul li:last-child { margin-bottom: 0; }
	.media .leftSide ul li a { padding: 6px; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 48%; }
	.media .rightSide li .contentImage { height: 110px; }
	.media ul.video li { width: 48%; margin-right: 2%; margin-bottom: 5px; }
	.media ul.video li .contentImage { height: 100px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 20px; line-height: 24px; margin-bottom: 25px; }
	.media .contentImage { height: auto; width: 100%; }
	.media .new-detail .contentImage { margin-bottom: 30px; }
	.media .new-detail .content { font-size: 16px; line-height: 20px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 20px; line-height: 24px; }
	.humanResources .content { font-size: 16px; line-height: 20px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }
	.humanResources .bottom { width: 100%; }
	.reCaptcha { margin: 0 auto; float: inherit; display: table; width: auto; }
	.humanResources .bottom a { margin: 15px auto 0 auto; float: inherit; display: table; }

	.contact .gMaps { height: 240px; }
	.contact .leftSide { left: 0; width: 100%; max-width: 100%; margin: 20px 0 20px 0; }
	.contact .leftSide .title { font-size: 24px; line-height: 36px; }
	.contact .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	.contact .leftSide a { font-size: 16px; line-height: 20px; }
	.contact .rightSide { width: 100%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { height: auto; font-size: 24px; line-height: 36px; padding: 20px 0 10px 0; text-align: left;}
	.contact .rightSide .form { width: 100%; height: 46px; margin-right: 0; margin-bottom: 16px; }
	.contact .rightSide .form input { padding: 10px 20px; font-size: 16px; line-height: 20px; }

	.contact .rightSide .reCaptcha { width: 100%; }
	.g-recaptcha { margin: 0 auto; display: table; }
	.contact .button { width: 100%; height: 50px; float: inherit; margin: 10px auto 0 auto; display: table; font-size: 20px; line-height: 48px; }

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 100%; max-width: 240px; float: inherit; margin: 0 auto 20px auto; }
	.searchPage .searchContainer.gallery li:nth-child(3n) { margin-right: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
		
	.product-detail .middle .center{display: none;}
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:399px) {
	
	.main { padding: 0 20px; }
	.tanitim{width: 28%;right:70px;top:44px;}
	.menuTop { margin: 6px 0 0 0; }
	.menuTop .rightSide { width: auto; }
	.socialMedia { display: none; }

	.menuBottom  { width: 100%; display: table; margin-bottom: 0; }
	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -20px; width: 100%; margin-left: -10px; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 200px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: 100%; display: table; float: left; }
	.aboutAbstract { width: 100%; padding: 30px 0 10px 0; text-align: center; float: left; }
	.aboutAbstract .title, .announcement .title { font-size: 20px; line-height: 24px; }
	.aboutAbstract .content, .announcement .content { font-size: 16px; line-height: 20px; }
	.announcement { width: 100%; display: table; padding: 30px 0 10px 0; float: left; }
	
	.tableCell.mainTopImage { display: none; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 50%; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 20px; line-height: 24px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 16px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 300px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 160px; }
	.checklist .circle .listImage { height: 110px; padding: 15px 20px 5px 20px; }
	.checklist .circle .title { font-size: 20px; }
	.checklist .circleShadow { width: 160px; height: 160px; margin-bottom: 25px; margin-top: -160px; }
	.checklist li .content { font-size: 14px; }
	.checklist .content { font-size: 16px; }

	.counterArea .counterArealist ul{ min-height: 80px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 25px auto; }
	.counterArea .counterArealist .listTitle { font-size: 25px; line-height: 14px; margin-bottom: 11px; }
	.counterArea .counterArealist .listTitle span{ font-size: 14px; line-height: 14px; }
	.counterArea .counterArealist .detail { font-size: 14px; line-height: 16px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions ul { display: table; width: 100%; }
	.suggestions li { width: 100%; max-width: 260px; margin: 0 auto 30px auto; height: auto; float: inherit; }
	.suggestions li .contentImage { height: 380px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }
	.suggestions li:nth-child(3n){ margin-right: auto;}

	.bulletin .main { padding: 10px 20px 15px 20px; }
	.bulletin .leftSide { width: 100%; display: table; margin-bottom: 15px; }
	.bulletin .rightSide { width: 100%; display: table; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 100px); padding: 10px 7px 10px 15px; display: table; float: left; }
	.bulletin .rightSide a { height: 50px; display: table; line-height: 48px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 100%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 100%; float: left; text-align: center; margin-top: 15px;}
	.footer .top .title{ display: none; }
	.footer .bottom { font-size: 12px; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 16px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 20px 20px; display: table; height: auto; }
	.corporate .information .contentImage { width: 280px; height: 220px; margin: 0 auto 20px auto; float: inherit; }
	.corporate .information .rightSide { width: 100%; margin-left: 0; text-align: center;}
	.corporate .information .title { width: 100%; font-size: 20px; line-height: 24px; margin-bottom: 0; }
	.corporate .information .content { font-size: 16px; line-height: 20px; margin-bottom: 10px; text-align: center; padding: 0; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 48%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list ul { display: table; width: 102%; }
	.products .products-list li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	.products .products-list li .contentImage { height: 220px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 48%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 48%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 240px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: 100%; margin-bottom: 20px; }
	.product-detail h1 { margin-bottom: 25px; font-size: 30px; line-height: 38px; }
	.product-detail .leftSide .title { font-size: 18px; line-height: 20px; margin-bottom: 5px; }
	.product-detail .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	#slider1 { width: 100%; position: relative; top: 370px;}
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0 auto; width: 260px; float: inherit; display: table; position: relative; top: -175px;}
	.product-detail .middle .center { padding: 20px 0; }
	#surround {height: 350px;}

	.product-detail .rightSide { margin-top: 30px; float: left; width: 100%; }
	.product-detail .rightSide ul { width: 100%;  }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; margin-bottom: 10px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }
	.product-detail .rightSide .content { margin-bottom: 0; }

	.production .title { font-size: 20px; line-height: 24px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 16px; line-height: 20px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	.production .image { max-height: 150px; margin-bottom: 20px; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 48%; margin-bottom: 5px; }
	.certificate .certificatelist li .image { height: 98px; }
	
	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 100px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 100px); margin: 0; }
	.media .leftSide ul li { width: 100%; height: auto; float: left; margin: 0 0 10px 0; }
	.media .leftSide ul li:last-child { margin-bottom: 0; }
	.media .leftSide ul li a { padding: 6px; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 48%; }
	.media .rightSide li .contentImage { height: 110px; }
	.media ul.video li { width: 48%; margin-right: 2%; margin-bottom: 5px; }
	.media ul.video li .contentImage { height: 100px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 20px; line-height: 24px; margin-bottom: 25px; }
	.media .contentImage { height: auto; width: 100%; }
	.media .new-detail .contentImage { margin-bottom: 30px; }
	.media .new-detail .content { font-size: 16px; line-height: 20px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 20px; line-height: 24px; }
	.humanResources .content { font-size: 16px; line-height: 20px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }
	.humanResources .bottom { width: 100%; }
	.reCaptcha { margin: 0 auto; float: inherit; display: table; width: auto; }
	.humanResources .bottom a { margin: 15px auto 0 auto; float: inherit; display: table; }

	.contact .gMaps { height: 240px; }
	.contact .leftSide { left: 0; width: 100%; max-width: 100%; margin: 20px 0 20px 0; }
	.contact .leftSide .title { font-size: 24px; line-height: 36px; }
	.contact .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	.contact .leftSide a { font-size: 16px; line-height: 20px; }
	.contact .rightSide { width: 100%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { height: auto; font-size: 24px; line-height: 36px; padding: 20px 0 10px 0; text-align: left;}
	.contact .rightSide .form { width: 100%; height: 46px; margin-right: 0; margin-bottom: 16px; }
	.contact .rightSide .form input { padding: 10px 20px; font-size: 16px; line-height: 20px; }

	.contact .rightSide .reCaptcha { width: 100%; }
	.g-recaptcha { margin: 0 auto; display: table; }
	.contact .button { width: 100%; height: 50px; float: inherit; margin: 10px auto 0 auto; display: table; font-size: 20px; line-height: 48px; }

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 100%; max-width: 240px; float: inherit; margin: 0 auto 20px auto; }
	.searchPage .searchContainer.gallery li:nth-child(3n) { margin-right: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
		
	.product-detail .middle .center{display: none;}
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
	
	.main { padding: 0 20px; }
	.tanitim{width: 25%;right: 88px;top:44px;}
	.menuTop { margin: 6px 0 0 0; }
	.menuTop .rightSide { width: auto; }
	.socialMedia { display: none; }

	.menuBottom  { width: 100%; display: table; margin-bottom: 0; }
	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -20px; width: 100%; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 240px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: 100%; display: table; float: left; }
	.aboutAbstract { width: 100%; padding: 30px 0 10px 0; text-align: center; float: left; }
	.aboutAbstract .title, .announcement .title { font-size: 20px; line-height: 24px; }
	.aboutAbstract .content, .announcement .content { font-size: 16px; line-height: 20px; }
	.announcement { width: 100%; display: table; padding: 30px 0 10px 0; float: left; }
	
	.tableCell.mainTopImage { display: none; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 50%; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 20px; line-height: 24px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 16px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 300px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 179px; }
	.checklist .circle .listImage { height: 120px; padding: 25px 20px 5px 20px; }
	.checklist .circle .title { font-size: 20px; }
	.checklist .circleShadow { width: 179px; height: 179px; margin-bottom: 25px; margin-top: -179px; }
	.checklist li .content { font-size: 14px; }
	.checklist .content { font-size: 16px; }

	.counterArea .counterArealist ul{ min-height: 80px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 30px auto; }
	.counterArea .counterArealist .listTitle { font-size: 30px; line-height: 15px; margin-bottom: 15px; }
	.counterArea .counterArealist .listTitle span{ font-size: 14px; line-height: 14px; }
	.counterArea .counterArealist .detail { font-size: 15px; line-height: 17px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions ul { display: table; width: 100%; }
	.suggestions li { width: 100%; max-width: 260px; margin: 0 auto 30px auto; height: auto; float: inherit; }
	.suggestions li .contentImage { height: 380px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }
	.suggestions li:nth-child(3n){ margin-right: auto;}

	.bulletin .main { padding: 10px 20px 15px 20px; }
	.bulletin .leftSide { width: 100%; display: table; margin-bottom: 15px; }
	.bulletin .rightSide { width: 100%; display: table; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 100px); padding: 10px 7px 10px 15px; display: table; float: left; }
	.bulletin .rightSide a { height: 50px; display: table; line-height: 48px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 100%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 100%; float: left; text-align: center; margin-top: 15px;}
	.footer .top .title{ display: none; }
	.footer .bottom { font-size: 12px; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 16px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 20px 20px; display: table; height: auto; }
	.corporate .information .contentImage { width: 280px; height: 220px; margin: 0 auto 20px auto; float: inherit; }
	.corporate .information .rightSide { width: 100%; margin-left: 0; text-align: center;}
	.corporate .information .title { width: 100%; font-size: 20px; line-height: 24px; margin-bottom: 0; }
	.corporate .information .content { font-size: 16px; line-height: 20px; margin-bottom: 10px; text-align: center; padding: 0; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 48%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list ul { display: table; width: 102%; }
	.products .products-list li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	.products .products-list li .contentImage { height: 240px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 48%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 48%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 280px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: 100%; margin-bottom: 20px; }
	.product-detail h1 { margin-bottom: 25px; font-size: 30px; line-height: 38px; }
	.product-detail .leftSide .title { font-size: 18px; line-height: 20px; margin-bottom: 5px; }
	.product-detail .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	#slider1 { width: 100%;  position: relative; top: 370px;}
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0 auto; width: 260px; float: inherit; display: table; position: relative; top: -175px;}
	.product-detail .middle .center { padding: 20px 0; }
	#surround{ height: 350px;}

	.product-detail .rightSide { margin-top: 30px; float: left; width: 100%; }
	.product-detail .rightSide ul { width: 100%;  }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; margin-bottom: 10px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }
	.product-detail .rightSide .content { margin-bottom: 0; }

	.production .title { font-size: 20px; line-height: 24px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 16px; line-height: 20px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	.production .image { max-height: 150px; margin-bottom: 20px; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 48%; margin-bottom: 5px; }
	.certificate .certificatelist li .image { height: 110px; }
	
	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 160px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 170px); margin: 0; }
	.media .leftSide ul li { width: 100%; height: auto; float: left; margin: 0 0 10px 0; }
	.media .leftSide ul li:last-child { margin-bottom: 0; }
	.media .leftSide ul li a { padding: 6px; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 48%; }
	.media ul.video li { width: 48%; margin-right: 2%; margin-bottom: 5px; }
	.media ul.video li .contentImage { height: 120px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 20px; line-height: 24px; margin-bottom: 25px; }
	.media .contentImage { width: 100%; }
	.media .new-detail .contentImage { margin-bottom: 30px; }
	.media .new-detail .content { font-size: 16px; line-height: 20px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 20px; line-height: 24px; }
	.humanResources .content { font-size: 16px; line-height: 20px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }
	.humanResources .bottom { width: 100%; }
	.reCaptcha { margin: 0 auto; float: inherit; display: table; width: auto; }
	.humanResources .bottom a { margin: 15px auto 0 auto; float: inherit; display: table; }

	.contact .gMaps { height: 240px; }
	.contact .leftSide { left: 0; width: 100%; max-width: 100%; margin: 20px 0 50px 0; }
	.contact .rightSide { width: 100%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { text-align: left;}
	.contact .rightSide .form { width: 100%; height: 46px; margin-right: 0; margin-bottom: 16px; }
	.contact .rightSide .form input { padding: 10px 20px; font-size: 16px; line-height: 20px; }

	.contact .rightSide .reCaptcha { width: 100%; }
	.g-recaptcha { margin: 0 auto; display: table; }
	.contact .button { width: 100%; float: inherit; margin: 10px auto 0 auto; display: table; }

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 100%; max-width: 240px; float: inherit; margin: 0 auto 20px auto; }
	.searchPage .searchContainer.gallery li:nth-child(3n) { margin-right: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
	
	.product-detail .middle .center{ display: none; }
}

/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
	
	.main { padding: 0 20px; }
	.tanitim{width: 22%;right: 88px;top:44px;}
	.menuTop { margin: 6px 0 0 0; }

	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -20px; width: 100%; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 240px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: 100%; display: table; float: left; }
	.aboutAbstract { width: calc(100% - 200px); padding: 30px 25px 10px 0; text-align: justify; float: left; }
	.aboutAbstract .title, .announcement .title { font-size: 20px; line-height: 24px; }
	.aboutAbstract .content, .announcement .content { font-size: 16px; line-height: 20px; }
	.announcement { padding: 30px 0 10px 0; float: left; }
	
	.tableCell.mainTopImage { display: none; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 50%; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 20px; line-height: 24px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 16px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; max-width: 400px; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 300px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 192px; }
	.checklist .circle .listImage { height: 140px; padding: 40px 20px 5px 20px; }
	.checklist .circle .title { font-size: 18px; }
	.checklist .circleShadow { width: 192px; height: 192px; margin-bottom: 25px; margin-top: -192px; }
	.checklist li .content { font-size: 14px; }
	.checklist .content { font-size: 16px; }

	.counterArea .counterArealist ul{ min-height: 90px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 35px auto; }
	.counterArea .counterArealist .listTitle { font-size: 30px; line-height: 15px; margin-bottom: 15px; }
	.counterArea .counterArealist .listTitle span{ font-size: 15px; line-height: 15px; }
	.counterArea .counterArealist .detail { font-size: 15px; line-height: 17px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions ul { display: table; width: 100%; }
	.suggestions li { width: 100%; max-width: 260px; margin: 0 auto 30px auto; height: auto; float: inherit; }
	.suggestions li .contentImage { height: 380px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }
	.suggestions li:nth-child(3n){ margin-right: auto;}

	.bulletin .main { padding: 10px 20px 15px 20px; }
	.bulletin .leftSide { width: 100%; display: table; margin-bottom: 15px; }
	.bulletin .rightSide { width: 100%; display: table; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 100px); padding: 10px 7px 10px 15px; display: table; float: left; }
	.bulletin .rightSide a { height: 50px; display: table; line-height: 48px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 40%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 60%; float: left; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 16px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 20px 20px; display: table; height: auto; }
	.corporate .information .contentImage { width: 280px; height: 220px; margin: 0 auto 20px auto; float: inherit; }
	.corporate .information .rightSide { width: 100%; margin-left: 0; text-align: center;}
	.corporate .information .title { width: 100%; font-size: 20px; line-height: 24px; margin-bottom: 0; }
	.corporate .information .content { font-size: 16px; line-height: 20px; margin-bottom: 10px; text-align: center; padding: 0; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 31.3%; height: 100px; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list ul { display: table; width: 102%; }
	.products .products-list li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	.products .products-list li .contentImage { height: 280px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 48%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 48%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 320px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: 100%; margin-bottom: 20px; }
	.product-detail h1 { margin-bottom: 25px; }
	.product-detail .leftSide .title { font-size: 18px; line-height: 20px; margin-bottom: 5px; }
	.product-detail .leftSide .content { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
	#slider1 { width: 100%; position: relative; top: 370px;}
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0 auto; width: 260px; float: inherit; display: table; position: relative; top: -175px;}
	.product-detail .middle .center { padding: 20px 0; }
	#surround{ height: 350px;}

	.product-detail .rightSide { margin-top: 30px; float: left; width: 100%; }
	.product-detail .rightSide ul { width: 100%;  }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; margin-bottom: 10px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }
	.product-detail .rightSide .content { margin-bottom: 0; }

	.production .title { font-size: 20px; line-height: 24px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 16px; line-height: 20px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	.production .image { max-height: 150px; margin-bottom: 20px; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 48%; margin-bottom: 5px; }
	.certificate .certificatelist li .image { height: 130px; }
	
	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 160px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 170px); margin: 0; }
	.media .leftSide ul li { width: 100%; height: auto; float: left; margin: 0 0 10px 0; }
	.media .leftSide ul li:last-child { margin-bottom: 0; }
	.media .leftSide ul li a { padding: 6px; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 48%; }
	.media ul.video li { width: 48%; margin-right: 2%; margin-bottom: 5px; }
	.media ul.video li .contentImage { height: 120px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 20px; line-height: 24px; margin-bottom: 25px; }
	.media .contentImage { width: 100%; }
	.media .new-detail .contentImage { margin-bottom: 30px; }
	.media .new-detail .content { font-size: 16px; line-height: 20px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 20px; line-height: 24px; }
	.humanResources .content { font-size: 16px; line-height: 20px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }
	.humanResources .bottom { width: 100%; }
	.reCaptcha { margin: 0 auto; float: inherit; display: table; width: auto; }
	.humanResources .bottom a { margin: 15px auto 0 auto; float: inherit; display: table; }

	.contact .gMaps { height: 240px; }
	.contact .leftSide { left: 0; width: 100%; max-width: 100%; margin: 20px 0 50px 0; }
	.contact .rightSide { width: 100%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { text-align: left;}
	.contact .rightSide .form { width: 100%; height: 46px; margin-right: 0; margin-bottom: 16px; }
	.contact .rightSide .form input { padding: 10px 20px; font-size: 16px; line-height: 20px; }

	.contact .rightSide .reCaptcha { width: 100%; }
	.g-recaptcha { margin: 0 auto; display: table; }
	.contact .button { width: 100%; float: inherit; margin: 10px auto 0 auto; display: table; }

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 100%; max-width: 240px; float: inherit; margin: 0 auto 20px auto; }
	.searchPage .searchContainer.gallery li:nth-child(3n) { margin-right: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
	
	.product-detail .middle .center{display: none;}
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
	
	.main { padding: 0 20px; }
	.tanitim{width: 18%;right: 101px;top:44px;}
	.menuTop { margin: 6px 0 0 0; }

	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -20px; width: 100%; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 240px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: 100%; display: table; float: left; }
	.aboutAbstract { width: calc(100% - 200px); padding: 30px 25px 10px 0; text-align: justify; float: left; }
	.announcement { padding: 30px 0 10px 0; float: left; }
	
	.tableCell.mainTopImage { display: none; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 25%; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 26px; line-height: 32px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 18px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; max-width: 460px; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 320px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 220px; }
	.checklist .circle .listImage { height: 140px; padding: 40px 20px 5px 20px; }
	.checklist .circle .title { font-size: 24px; }
	.checklist .circleShadow { width: 220px; height: 220px; margin-bottom: 25px; margin-top: -220px; }
	.checklist .content { font-size: 16px; }
	
	.counterArea .counterArealist ul{ min-height: 90px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 40px auto; }
	.counterArea .counterArealist .listTitle { font-size: 35px; line-height: 35px; }
	.counterArea .counterArealist .listTitle span{ font-size: 16px; line-height: 16px; }
	.counterArea .counterArealist .detail { font-size: 18px; line-height: 20px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions li { width: 32%; margin-right: 2%; height: auto; margin-bottom: 40px; }
	.suggestions li .contentImage { height: 260px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.bulletin .main { padding: 10px 20px 15px 20px; }
	.bulletin .leftSide { width: 100%; display: table; margin-bottom: 15px; }
	.bulletin .rightSide { width: 100%; display: table; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 100px); padding: 10px 7px 10px 15px; display: table; float: left; }
	.bulletin .rightSide a { height: 50px; display: table; line-height: 48px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 40%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 60%; float: left; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 18px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 0 20px; display: table; height: auto; }
	.corporate .information .contentImage { margin-bottom: -50px; width: 240px; height: 220px; }
	.corporate .information .rightSide { width: calc(100% - 240px); margin-left: 0; padding-left: 20px; }
	.corporate .information .title { font-size: 20px; line-height: 24px; margin-bottom: 15px; }
	.corporate .information .content { font-size: 16px; line-height: 20px; margin-bottom: 10px; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 31.3%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list ul { display: table; width: 102%; }
	.products .products-list li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	.products .products-list li .contentImage { height: 360px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 23%; height: 50px; margin-right: 2%; font-size: 16px; min-width: 168px; }
	.product-category .category-list li a { padding: 0 12px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 31.3%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 260px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: calc(100% - 240px); padding-right: 20px; padding-left: calc((80% - 240px) / 4); }
	.product-detail h1 { margin-bottom: 25px; font-size: 32px; }
	.product-detail .leftSide .title { font-size: 20px; line-height: 26px; }
	.product-detail .leftSide .content { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
	#slider1 { width: 100%; }
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0; width: 240px; float: right; }

	.product-detail .rightSide { margin-top: 30px; float: left; width: calc(100% - 240px); padding-left: calc((80% - 240px) / 4); padding-right: 20px; }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }

	.production .title { font-size: 20px; line-height: 24px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 16px; line-height: 20px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	.production .image { max-height: 180px; margin-bottom: 20px; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 31.3%; margin-bottom: 10px; }
	.certificate .certificatelist li .image { height: 100px; }
	
	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 160px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 170px); margin: 10px 0; }
	.media .leftSide ul li { width: 47%; float: left; margin: 0 6% 0 0; }
	.media .leftSide ul li:last-child { margin-right: 0; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 31.3%; }
	.media ul.video li { width: 31.3%; margin-right: 2%; }
	.media ul.video li .contentImage { height: 120px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 20px; line-height: 24px; margin-bottom: 25px; }
	.media .new-detail .contentImage { margin-bottom: 30px; }
	.media .new-detail .content { font-size: 16px; line-height: 20px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 26px; line-height: 28px; }
	.humanResources .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }

	.contact .gMaps { height: 300px; }
	.contact .leftSide { left: 0; width: 100%; max-width: 100%; margin: 20px 0 50px 0; }
	.contact .rightSide { width: 100%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { text-align: left;}

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 100%; max-width: 240px; float: inherit; margin: 0 auto 20px auto; }
	.searchPage .searchContainer.gallery li:nth-child(3n) { margin-right: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
	
	.product-detail .middle .center{display: none;}
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
	
	.main { padding: 0 20px; }
	.tanitim{width: 16%;right: 351px;top: 4px;}
	.menuTop { margin: 6px 0 0 0; }

	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -20px; width: 100%; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 276px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: calc(100% - 300px); display: table; float: left;  padding-left: 20px; }
	.aboutAbstract { width: calc(100% - 20px); padding: 30px 0 10px 0; }
	.announcement { padding: 30px 0 20px 0; }
	
	.tableCell.mainTopImage { width: 300px; float: right; display: table; margin-top: 20px; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 25%; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 26px; line-height: 32px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 18px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; max-width: 460px; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 320px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 220px; }
	.checklist .circle .listImage { height: 140px; padding: 40px 20px 5px 20px; }
	.checklist .circle .title { font-size: 24px; }
	.checklist .circleShadow { width: 220px; height: 220px; margin-bottom: 25px; margin-top: -220px; }
	.checklist .content { font-size: 16px; }
	
	
	.counterArea .counterArealist ul{ min-height: 90px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 40px auto; }
	.counterArea .counterArealist .listTitle { font-size: 40px; line-height: 40px; }
	.counterArea .counterArealist .listTitle span{ font-size: 17px; line-height: 17px; }
	.counterArea .counterArealist .detail { font-size: 20px; line-height: 23px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions li { width: 32%; margin-right: 2%; height: auto; margin-bottom: 40px; }
	.suggestions li .contentImage { height: 280px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.bulletin .main { padding: 10px 20px 15px 20px; }
	.bulletin .leftSide { width: 100%; display: table; margin-bottom: 15px; }
	.bulletin .rightSide { width: 100%; display: table; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 100px); padding: 10px 7px 10px 15px; display: table; float: left; }
	.bulletin .rightSide a { height: 50px; display: table; line-height: 48px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 40%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 60%; float: left; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 18px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 0 20px; display: table; height: auto; }
	.corporate .information .contentImage { margin-bottom: -50px; width: 300px; height: 260px; }
	.corporate .information .rightSide { width: calc(100% - 300px); margin-left: 0; padding-left: 20px; }
	.corporate .information .title { font-size: 20px; line-height: 24px; margin-bottom: 15px; }
	.corporate .information .content { font-size: 16px; line-height: 20px; margin-bottom: 10px; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 31.3%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list ul { display: table; width: 102%; }
	.products .products-list li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	.products .products-list li .contentImage { height: 360px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 23%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li a { padding: 0 12px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix { min-height: 188px; }
	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 31.3%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 280px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: calc(100% - 240px); padding-right: 20px; padding-left: calc((80% - 240px) / 4); }
	.product-detail h1 { margin-bottom: 25px; font-size: 32px; }
	.product-detail .leftSide .title { font-size: 20px; line-height: 26px; }
	.product-detail .leftSide .content { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
	#slider1 { width: 100%; }
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0; width: 240px; float: right; }

	.product-detail .rightSide { margin-top: 30px; float: left; width: calc(100% - 240px); padding-left: calc((80% - 240px) / 4); padding-right: 20px; }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }

	.production .title { font-size: 24px; line-height: 28px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 18px; line-height: 24px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 31.3%; margin-bottom: 10px; }
	.certificate .certificatelist li .image { height: 115px; }
	
	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 160px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 170px); margin: 10px 0; }
	.media .leftSide ul li { width: 47%; float: left; margin: 0 6% 0 0; }
	.media .leftSide ul li:last-child { margin-right: 0; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 31.3%; }
	.media ul.video li { width: 31.3%; margin-right: 2%; }
	.media ul.video li .contentImage { height: 140px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 24px; line-height: 30px; margin-bottom: 25px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 26px; line-height: 28px; }
	.humanResources .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }

	.contact .gMaps { height: 300px; }
	.contact .leftSide { left: 0; width: 100%; max-width: 100%; margin: 20px 0 50px 0; }
	.contact .rightSide { width: 100%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { text-align: left;}

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 45%; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
	
	.product-detail .middle .center{display: none;}
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {

	.main { padding: 0 20px; }
	.tanitim{width: 16%;right: 351px;top: 4px;}
	.menuTop { margin: 6px 0 0 0; }

	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -20px; width: 100%; }

	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.mb-menu-logo { margin: 0 auto 10px auto; padding: 10px 10px 0 10px; }
	.mb-menu-logo img { max-height: 130px; }
	.mb-menu-list { margin: 20px 0 40px 0;}

	.slider { height: 291px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: calc(100% - 300px); display: table; float: left; padding-left: 30px; }
	.aboutAbstract { width: calc(100% - 30px); padding: 30px 0 10px 0; }
	.announcement { padding: 30px 0 20px 0; }
	
	.tableCell.mainTopImage { width: 300px; float: right; display: table; margin-top: 20px; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 25%; }
	.mainPage .categories li .content  { font-size: 16px; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 26px; line-height: 32px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 18px; line-height: 22px; margin: 0; }

	.checklist { width: 100%; height: auto; display: table; }
	.checklist ul { display: table; padding: 30px 0 10px 0; max-width: 460px; margin: 0 auto; }
	.checklist li { width: 48%; margin-left: 2%; height: 320px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 220px; }
	.checklist .circle .listImage { height: 140px; padding: 40px 20px 5px 20px; }
	.checklist .circle .title { font-size: 24px; }
	.checklist .circleShadow { width: 220px; height: 220px; margin-bottom: 25px; margin-top: -220px; }
	.checklist .content { font-size: 16px; }
	
	
	.counterArea .counterArealist ul{ min-height: 100px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 40px auto; }
	.counterArea .counterArealist .listTitle { font-size: 45px; line-height: 45px; }
	.counterArea .counterArealist .listTitle span{ font-size: 18px; line-height: 18px; }
	.counterArea .counterArealist .detail { font-size: 22px; line-height: 25px; }

	.counterArea.ru .counterArealist .listTitle { font-size: 42px; line-height: 42px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions li { width: 32%; margin-right: 2%; height: auto; margin-bottom: 40px; }
	.suggestions li .contentImage { height: 280px; }
	.suggestions li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.bulletin .main { padding: 20px; }
	.bulletin .floatRight { width: 100%; }
	.bulletin .floatRight > div { width: 100%; }
	.bulletin .rightSide input { width: calc(100% - 100px); padding: 10px 7px 10px 15px; display: table; float: left; }
	.bulletin .rightSide a { height: 50px; display: table; line-height: 48px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 40%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 60%; float: left; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 18px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 0 20px; display: table; height: auto; }
	.corporate .information .contentImage { margin-bottom: -50px; width: 340px; height: 300px; }
	.corporate .information .rightSide { width: calc(100% - 340px); margin-left: 0; padding-left: 20px; }
	.corporate .information .title { font-size: 24px; line-height: 30px; margin-bottom: 25px; }
	.corporate .information .content { font-size: 18px; line-height: 22px; margin-bottom: 10px; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 31.3%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list li .contentImage { height: 200px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 23%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li a { padding: 0 12px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix { min-height: 188px; }
	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 31.3%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 280px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: calc(100% - 240px); padding-right: 20px; padding-left: calc((80% - 240px) / 4); }
	.product-detail h1 { margin-bottom: 25px; font-size: 32px; }
	.product-detail .leftSide .title { font-size: 20px; line-height: 26px; }
	.product-detail .leftSide .content { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
	#slider1 { width: 100%; }
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0; width: 240px; float: right; }

	.product-detail .rightSide { margin-top: 30px; float: left; width: calc(100% - 240px); padding-left: calc((80% - 240px) / 4); padding-right: 20px; }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }

	.production .title { font-size: 24px; line-height: 28px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 18px; line-height: 24px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 31.3%; margin-bottom: 10px; }
	.certificate .certificatelist li .image { height: 120px; }
	
	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 160px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 170px); margin: 10px 0; }
	.media .leftSide ul li { width: 47%; float: left; margin: 0 6% 0 0; }
	.media .leftSide ul li:last-child { margin-right: 0; }
	.media .rightSide { width: 100%; margin-bottom: 60px; }
	.media .rightSide li { width: 31.3%; }
	.media ul.video li { width: 31.3%; margin-right: 2%; }
	.media ul.video li .contentImage { height: 140px; }

	.media.new-detail .leftSide { display: none; }
	.media .new-detail .title { font-size: 24px; line-height: 30px; margin-bottom: 25px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 26px; line-height: 28px; }
	.humanResources .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }

	.contact .gMaps { height: 300px; }
	.contact .leftSide { left: 0; width: 49%; max-width: 100%; margin: 20px 0 50px 0; }
	.contact .leftSide .title { margin: 10px 0; }
	.contact .leftSide .content { margin-top: 20px; }
	.contact .rightSide { width: 49%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { text-align: left;}
	.contact .rightSide .form{ width: 100%; }
	.contact .rightSide .reCaptcha{ width: 100%; }
	.g-recaptcha{ margin: 0 auto; display: table; }
	.contact .button { width: 100%; float: inherit; margin: 10px auto 0 auto; display: table; }

	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; width: 45%; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }

	.product-detail .middle .center{display: none;}
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {

	.main { padding: 0 20px; }
	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -15px; width: 100%; }
	.tanitim{width: 14%;right: 352px;top: 9px;}
	.hamburger-menu-mobile { display: block; }
	.menuArea, .searchBar { display: none; }

	.slider { height: 320px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: calc(100% - 300px); display: table; float: left; padding-left: 40px; }
	.aboutAbstract { width: calc(100% - 40px); padding: 65px 0 30px 0; }
	.announcement { padding: 30px 0 20px 0; }
	
	.tableCell.mainTopImage { width: 300px; float: right; display: table; margin-top: 80px; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 25%; }

	.mainPage .information { padding: 40px 0 30px 0; }
	.mainPage .information .title { font-size: 26px; line-height: 32px; margin: 0 auto 15px auto; max-width: 100%; }
	.mainPage .information .content { font-size: 18px; line-height: 22px; margin: 0; }

	.checklist { height: auto; display: table; width: 100%; }
	.checklist ul { display: table; padding: 50px 0 30px 0; margin: auto; }
	.checklist li { width: 23%; margin-left: 2%; height: 280px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 160px; }
	.checklist .circle .listImage { height: 110px; padding: 20px 20px 5px 20px; }
	.checklist .circle .title { font-size: 20px; }
	.checklist .circleShadow { width: 160px; height: 160px; margin-bottom: 25px; margin-top: -160px; }
	.checklist .content { font-size: 16px; }
	
	.counterArea .counterArealist ul{ min-height: 110px; }
	.counterArea .title { font-size: 26px; line-height: 30px; margin: 45px auto; }
	.counterArea .counterArealist .listTitle { font-size: 48px; line-height: 48px; }
	.counterArea .counterArealist .listTitle span{ font-size: 20px; line-height: 20px; }
	.counterArea .counterArealist .detail { font-size: 25px; line-height: 30px; }

	.counterArea.ru .counterArealist .listTitle { font-size: 46px; line-height: 46px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions li { width: 32%; margin-right: 2%; height: auto; margin-bottom: 40px; }
	.suggestions li .contentImage { height: 320px; }
	.suggestions li .content { height: 80px; font-size: 20px; line-height: 26px; }
	
	.bulletin .main { padding: 20px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 40%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 60%; float: left; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 18px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 0 20px; display: table; height: auto; }
	.corporate .information .contentImage { margin-bottom: -50px; width: 340px; height: 300px; }
	.corporate .information .rightSide { width: calc(100% - 340px); margin-left: 0; padding-left: 20px; }
	.corporate .information .title { font-size: 24px; line-height: 30px; margin-bottom: 25px; }
	.corporate .information .content { font-size: 18px; line-height: 22px; margin-bottom: 10px; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 23%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list li .contentImage { height: 240px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 23%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li a { padding: 0 12px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix { min-height: 188px; }
	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 31.3%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 320px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: calc(100% - 300px); padding-right: 20px; padding-left: calc((80% - 240px) / 4); }
	.product-detail h1 { margin-bottom: 25px; }
	.product-detail .leftSide .title { font-size: 20px; line-height: 26px; }
	.product-detail .leftSide .content { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
	#slider1 { width: 100%; }
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0; width: 300px; float: right; }

	.product-detail .rightSide { margin-top: 30px; float: left; width: calc(100% - 300px); padding-left: calc((80% - 240px) / 4); padding-right: 20px }
	.product-detail .rightSide ul li { width: 100%; float: left; margin-right: 30px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }

	.production .title { font-size: 24px; line-height: 28px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 18px; line-height: 24px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 31.3%; margin-bottom: 10px; }
	.certificate .certificatelist li .image { height: 135px; }

	.media .back .main a { margin-left: unset; }
	.media .leftSide { width: 100%; padding: 20px; margin: 0; }
	.media .leftSide i { font-size: 60px; line-height: 70px; width: 160px; text-align: center; float: left; margin: 0; }
	.media .leftSide ul { float: right; width: calc(100% - 170px); margin: 10px 0; }
	.media .leftSide ul li { width: 47%; float: left; margin: 0 6% 0 0; }
	.media .leftSide ul li:last-child { margin-right: 0; }
	.media .rightSide { width: 100%; min-height: 343px; margin-bottom: 60px; }
	.media .rightSide li { width: 31.3%; }
	.media ul.video li { width: 31.3%; margin-right: 2%; }
	.media ul.video li .contentImage { height: 140px; }

	.media.new-detail .leftSide { display: none; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 26px; line-height: 28px; }
	.humanResources .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }

	.contact .gMaps { height: 300px; }
	.contact .leftSide { left: 0; width: 49%; max-width: 100%; margin: 20px 0 50px 0; }
	.contact .leftSide .title { margin: 10px 0; }
	.contact .leftSide .content { margin-top: 20px; }
	.contact .rightSide { width: 49%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .title { text-align: left;}
	.contact .rightSide .form{ width: 100%; }
	.contact .rightSide .reCaptcha{ width: 100%; }
	.g-recaptcha{ margin: 0 auto; display: table; }
	.contact .button { width: 100%; float: inherit; margin: 10px auto 0 auto; display: table; }

	.searchPage .searchContainer { min-height: 274px; }
	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }

}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:999px) {
	.main { padding: 0 20px; }
	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -15px; width: 100%; }
	.tanitim{width: 14%;right: 352px;top: 9px;}
	.menuArea { display: none; }
	.hamburger-menu-mobile { display: block; }

	.slider { height: 440px; }
	.next, .prev { width: 35px; height: 35px; text-align: center; } .next i, .prev i { font-size: 18px; line-height: 35px; padding-left: 0; } .next { right: 20px; } .prev { left: 20px; }
	
	.tableCell.mainAbout { width: calc(100% - 300px); display: table; float: left; padding-left: 50px; }
	.aboutAbstract { width: calc(100% - 50px); padding: 65px 0 30px 0; }
	.announcement { padding: 30px 0 20px 0; }
	
	.tableCell.mainTopImage { width: 300px; float: right; display: table; margin-top: 80px; }
	.middleImage { width: auto; display: block; }
	
	.tableCell.mainCategories { width: 100%; display: table; }
	.mainPage .categories ul { width: 100%; display: table; margin: 20px 0 40px 0; }
	.mainPage .categories li { width: 25%; }

	.mainPage .information { padding: 60px 0 55px 0; }
	.mainPage .information .title { font-size: 32px; line-height: 36px; margin: 0 auto 30px auto; max-width: 600px; }
	.mainPage .information .content { font-size: 20px; line-height: 24px; margin: 0; }

	.checklist { height: auto; display: table; width: 100%; }
	.checklist ul { display: table; padding: 50px 0 30px 0; margin: auto; }
	.checklist li { width: 23%; margin-left: 2%; height: 280px; margin-bottom: 20px; }
	.checklist .circle { width: 100%; height: 167px; }
	.checklist .circle .listImage { height: 110px; padding: 20px 20px 5px 20px; }
	.checklist .circle .title { font-size: 20px; }
	.checklist .circleShadow { width: 167px; height: 167px; margin-bottom: 20px; margin-top: -167px; }
	.checklist .content { font-size: 16px; }

	.counterArea .counterArealist .listTitle { font-size: 54px; line-height: 14px; margin-bottom: 40px; }
	.counterArea.ru .counterArealist .listTitle { font-size: 48px; line-height: 50px; }
	.counterArea.ru .counterArealist .detail { font-size: 28px; }

	.suggestions { padding-top: 50px; }
	.suggestions .title { font-size: 26px; margin-bottom: 30px; }
	.suggestions li { width: 32%; margin-right: 2%; height: auto; margin-bottom: 40px; }
	.suggestions li .contentImage { height: 340px; }
	.suggestions li .content { height: 80px; font-size: 20px; line-height: 26px; }
	
	.bulletin .main { padding: 20px; }

	.footer .leftSide { display: none; }
	.footer .middle { width: 40%; float: right; display: table; max-width: inherit; }
	.footer .rightSide { width: 60%; float: left; }

	.router-img { height: 140px; }
	.breadcrumb { height: auto; padding-right: 20px; }
	.breadcrumb::before { height: 100%; }
	.breadcrumb .title, .breadcrumb .title h1 { font-size: 20px; }
	.breadcrumb .title { padding-top: 10px; }
	.breadcrumb ul { padding-bottom: 6px; display: table; }
	.breadcrumb a { font-size: 14px; line-height: 18px; display: block; }

	.corporate .content { font-size: 18px; line-height: 24px; margin-bottom: 30px; padding-top: 20px; text-align: justify; }
	
	.corporate .information { padding: 30px 20px 0 20px; display: table; height: auto; }
	.corporate .information .contentImage { margin-bottom: -50px; width: 340px; height: 300px; }
	.corporate .information .rightSide { width: calc(100% - 340px); margin-left: 0; padding-left: 20px; }
	.corporate .information .title { font-size: 24px; line-height: 30px; margin-bottom: 25px; }
	.corporate .information .content { font-size: 18px; line-height: 22px; margin-bottom: 10px; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 23%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list li .contentImage { height: 240px; }
	.products .products-list li .content { font-size: 18px; line-height: 24px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 23%; height: 50px; margin-right: 2%; font-size: 16px; }
	.product-category .category-list li a { padding: 0 12px; }
	.product-category .category-list li .content { padding-left: 12px; }

	.products-list.clearFix { min-height: 188px; }
	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 31.3%; margin-right: 2%; }
	.product-category .products-list li .contentImage { height: 340px; }
	.product-category .products-list li .content { height: 70px; font-size: 18px; line-height: 22px; }

	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: calc(100% - 300px); padding-right: 20px; }
	.product-detail h1 { margin-bottom: 25px; }
	.product-detail .leftSide .title { font-size: 20px; line-height: 26px; }
	.product-detail .leftSide .content { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
	#slider1 { width: 100%; }
	.product-detail .leftSide li { margin-right: 10px; }

	.product-detail .middle { margin: 0; width: 300px; float: right; }

	.product-detail .rightSide { margin-top: 30px; float: left; width: auto; }
	.product-detail .rightSide ul li { width: auto; float: left; margin-right: 30px; }
	.product-detail .rightSide .title { font-size: 18px; line-height: 22px; }
	.product-detail .rightSide .content { font-size: 16px; line-height: 18px; }

	.production .title { font-size: 24px; line-height: 28px; padding-top: 20px; margin-bottom: 20px; }
	.production .content { font-size: 18px; line-height: 24px; margin-bottom: 40px; }
	.production .gallery .title { font-size: 24px; line-height: 28px; padding:0; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 31.3%; margin-bottom: 10px; }
	.certificate .certificatelist li .image { height: 140px; }

	.media .leftSide { display: none; }
	.media .rightSide { width: 100%; min-height: 343px; margin-bottom: 60px; }
	.media .rightSide li {  }
	.media ul.video li { width: 31.3%; margin-right: 2%; }
	.media ul.video li .contentImage { height: 140px; }

	.humanResources .top { padding-top: 20px; }
	.humanResources .title { font-size: 26px; line-height: 28px; }
	.humanResources .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.humanResources .upload { margin-bottom: 75px; }

	.contact .gMaps { height: 300px; }
	.contact .leftSide { left: 0; width: 49%; max-width: 100%; margin: 20px 0 50px 0; }
	.contact .leftSide .title { margin: 10px 0; }
	.contact .leftSide .content { margin-top: 20px; }
	.contact .rightSide { width: 49%; right: 0; margin: 0; padding: 0; }
	.contact .rightSide .reCaptcha{ width: 100%; }
	.g-recaptcha{ margin: 0 auto; display: table; }
	.contact .button { width: 100%; float: inherit; margin: 10px auto 0 auto; display: table; }

	.searchPage .searchContainer { min-height: 274px; }
	.searchPage .content { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
	.searchPage .content ul { width: 100%; display: table; }
	.searchPage .content ul li { margin-bottom: 20px; }
	.searchPage .searchContainer a { border-radius: 10px; }

	.searchPage .searchContainer.gallery li { height: auto; }
	.searchPage .searchContainer.gallery li .contentImage { height: 260px; }
	.searchPage .searchContainer.gallery li .content { height: 70px; margin: 0; }
}

/* tabley yatay */
@media only screen and (min-width:1000px) and (max-width:1024px) {
	.main { padding: 0 20px; }
	.menuBottom .logo { width: 160px; }
	.menuBottom .logo img { margin-top: -15px; width: 100%; }
	.menuBottom .rightSide { max-width: calc(100% - 198px) }
	.tanitim {
		width:59%;
}
.tanitim:before {
    content: '';
    background: url(../images/reklam.svg) no-repeat;
    position: absolute;
    left: 9px;
    width: 16px;
    height: 20px;
}
	.menuArea li { margin-left: 14px; font-size: 18px; }
	.menuArea li:first-child { margin-left: 25px; }

	.slider { height: 500px; }

	.aboutAbstract { width: 300px; padding: 65px 0 30px 0; }
	.announcement { padding: 30px 0 60px 0; }
	.middleImage { width: auto; display: block; }
	.mainPage .categories ul { width: 300px; display: table; }

	.mainPage .information { padding: 60px 0 55px 0; }
	.mainPage .information .title { font-size: 32px; line-height: 36px; margin: 0 auto 30px auto; max-width: 600px; }
	.mainPage .information .content { font-size: 20px; line-height: 24px; margin: 0; }

	.checklist { height: 400px; }
	.checklist ul { padding-top: 50px; }
	.checklist li { width: 20%; margin-left: 4%; height: 300px; }
	.checklist .circle { width: 100%; height: 196px; }
	.checklist .circleShadow { margin-bottom: 25px; }

	.counterArea.ru .counterArealist .detail { font-size: 26px; }

	.suggestions li { width: 32%; margin-right: 2%; height: auto; margin-bottom: 40px; }
	
	.bulletin .main { padding: 20px; }

	.footer .leftSide ul li { margin-left: 0; width: 50%; }
	.footer .middle { width: 28%; }
	.footer .rightSide { width: 36%; }

	.breadcrumb { padding-right: 20px; }
	
	.corporate .information .rightSide { width: calc(100% - 400px); margin-left: 0; padding-left: 40px; }
	.corporate .information .contentImage { margin-bottom: -50px; width: 400px; height: 320px; }
	.corporate .information { padding: 30px 20px 0 20px; display: table; height: auto; }
	.corporate .information .title { font-size: 32px; line-height: 40px; margin-bottom: 25px; }
	.corporate .information .content { font-size: 22px; line-height: 26px; margin-bottom: 10px; }

	.corporate .gallery { padding: 45px 0 30px 0; }
	.corporate .gallery ul { width: 102%; }
	.corporate .gallery li { width: 18%; margin-right: 2%; }

	.products { margin-bottom: 50px; }
	.products .products-list li .contentImage { height: 300px; }

	.product-category .category-list ul { width: 102%; }
	.product-category .category-list li { width: 23%; margin-right: 2%; }

	.products-list.clearFix ul { width: 102%; }
	.product-category .products-list li { width: 31.3%; margin-right: 2%; }
	
	.product-detail .detail { margin: 30px 0 60px 0; }
	.product-detail .leftSide { margin-top: 20px; width: calc(100% - 400px); padding-right: 20px; }
	.product-detail .leftSide .content { margin-bottom: 40px; }
	#slider1 { width: 100%; }
	.product-detail .middle { margin: 0; width: 400px; float: right; }
	.product-detail .rightSide { margin-top: 30px; float: left; width: auto; }
	.product-detail .rightSide ul li { width: auto; float: left; margin-right: 30px; }
	.product-detail .rightSide .title { font-size: 20px; line-height: 24px; }
	.product-detail .rightSide .content { font-size: 18px; line-height: 22px; }
	
	.certificate .certificatelist li { margin-right: 2%; width: 31.3%; margin-bottom: 10px; }
	.certificate .certificatelist li .image { height: 190px; }


	.media .rightSide li { width: 31.3%; }
	.media ul.video li { width: 31.3%; margin-right: 2%; }
	.media ul.video li .contentImage { height: 140px; }

	.contact .gMaps { height: 320px; }
	.contact .rightSide { right: 0; margin-top: -100px; }
	.contact .leftSide { left: 0; }
}