@media only screen and (max-width:1780px){
.topMenu ul li a {
font-size: 16px;
}
.topMenu ul li {
margin: 0px 0px;
}
.socialTop {
margin-right: 10px;
}
.kariyer {
margin-right: 10px;
}
.topRight {
right: 110px;
}
.sisan {
left: -8%;
font-size: 90px;
}
.socialFooter {
right: 170px;
}
.iso {
right: -60px;
width: 160px;
}
.logo {
left: 5%;
}
.innerSect {
padding: 100px 0px;
}
}
@media only screen and (max-width: 1550px){
.utImg1 {
width: 75%;
}
.laboratuvarImg {
width: 40%;
}
.laboratuvarText {
width: 48%;
}
.hkBottomImg-2 {
width: 40%;
bottom: -25%;
}
div#nprogress {
top: 70px;
}
.pin {
width: 13px;
}
.konumlar::before, .konumlar::after, .konumlar a::before{width: 5px; height: 5px; margin: -2.5px;}
.ulke {
top: -70px;
font-size: 12px;
padding: 7px 18px;
}
.topBar {
height: 70px;
}
.homeSlider {
height: calc(90vh - 136px);
}
.mtopBar {
margin-top: 70px;
}
.logo-wrapper #logo-svg {
}
.topMenu ul li a {
font-size: 13px;
}
.logo {
width: 160px;
left: 4%;
}
.colorList li a {
font-size: 16px;
}
.colorList {
margin: 25px auto;
}
.bizeulasin {
width: 55px;
}
.lang li a {
font-size: 12px;
}
.lang li {
width: 30px;
height: 30px;
}
.socialTop ul li a {
font-size: 15px;
}
.topRight {
right: 100px;
}
.sliderContainer span {
font-size: 40px;
}
.fixedForm {
top: 60%;
}
.sliderContainer {
width: 1000px;
}
.gallery-thumbs {
width: 1000px;
height: 85px;
}
.sliderThumb {
width: 80%;
font-size: 13px;
}
.gallery-thumbs .swiper-slide {
padding: 0px 30px 10px;
}
.thumbtt::before {
width: 12px;
height: 10px;
bottom: -15px;
}
.container {
width: 1180px;
}
.homeHk h1 {
font-size: 45px;
}
.sisan {
left: -10%;
}
.homeHkText p {
margin-bottom: 45px;
font-size: 18px;
line-height: 2;
}
.homeHk .container {
padding-top: 30px;
padding-bottom: 70px;
}
.title {
font-size: 18px;
}
.homeUrunText p {
font-size: 16px;
}
.homeUrunList ul li {
height: 180px;
}
.homeUrunList ul li a {
padding: 0px 25px 20px;
}
.masterbatchText h2 {
font-size: 20px;
}
.masterbatchList li {
font-size: 14px;
}
.distTitle {
font-size: 30px;
}
.distDetail h3 {
font-size: 30px;
}
.distDetail p {
font-size: 16px;
}
.distNotTitle {
font-size: 25px;
}
.distNot {
font-size: 16px;
}
.kesfet {
font-size: 13px;
right: -1%;
}
.worldMap {
padding: 0px 20px;
box-sizing: border-box;
margin: 65px 0px 45px;
}
.hkpage h4 {
font-size: 30px;
}
.innerTitle {
font-size: 13px;
}
.innerText {
font-size: 16px;
}
.innerText p {
margin-bottom: 30px;
}
.urunPage {
font-size: 16px;
}
.urunMenu li a {
font-size: 15px;
}
.innerSect {
padding: 70px 0px;
}
.inrLb {
height: 600px;
}
.inrRt {
height: 600px;
}
.lbTop {
padding: 35px;
}
.lbTop h2 {
font-size: 30px;
}
.lbTop p {
font-size: 13px;
}
.kariyerForm form > ul > li > textarea {
height: 70px;
}
.kariyerForm form > ul > li input {
height: 30px;
}
.kariyerForm form > ul > li > span {
font-size: 12px;
}
.submit input {
height: 40px;
}
.contact li {
font-size: 12px;
}
.homeUrunContainer {
width: calc(100% + 1180px);
}
.urunDots {
height: 315px;
width: 315px;
left: -70px;
}
.hmbtDots {
width: 330px;
height: 295px;
top: 28%;
left: -70px;
}
.lbBottom {
padding: 35px;
}
}
@media only screen and (max-width:1366px){
.container{
width: 1080px;
}
.sisan {
font-size: 75px;
left: -9%;
}
.homeHk h1 {
font-size: 40px;
}
.hmbThumb {
width: 180px;
}
.homeUrunContainer {
width: calc(100% + 1080px);
}
.distNotTitle::before {
height: 200px;
}
.distNotTitle {
padding-top: 230px;
font-size: 20px;
}
.hkTab ul li a {
width: 130px;
height: 45px;
font-size: 12px;
}
.fixedForm {
top: 50%;
}
.contactTitle {
font-size: 12px;
width: 50px;
}
.contact {
width: calc(95% - 50px);
}
.contactBox {
width: 46%;
margin-right: 8%;
}
}
@media only screen and (max-width:1280px){
.topMenu {
right: 30px;
}
}
@media only screen and (max-width:1100px){
.sliderContainer {
width: 95%;
}
.gallery-thumbs {
width: 95%;
}
.container {
width: 95%;
}
.homeUrunContainer {
width: 95%;
right: 0px;
transform: translateX(0);
display: table;
margin: 0 auto;
}
.homeUrunText {
width: 100%;
}
.homeUrunList {
width: 100%;
}
.masterbatchText h2 {
margin-bottom: 20px;
}
.masterbatchList li {
font-size: 12px;
}
.hmbtDots {
height: 252px;
}
.iso {
width: 110px;
right: 0px;
}
.socialFooter {
right: 140px;
}
.distNotTitle {
left: -10px;
}
.distNot {
padding-left: 30px;
box-sizing: border-box;
}
.logo {
left: 1%;
}
.topMenu ul li a {
font-size: 11px;
padding: 7px 5px;
}
.topMenu {
right: 90px;
}
.labimg2::before {
height: 270px;
top: -38px;
}
.urunMenu li a {
padding: 0px 0px 20px 30px;
}
}
@media only screen and (max-width: 850px){
.menuActive main {
right: 350px;
}
.menuActive .topBar {
left: -350px;
}
.menuActive div#nprogress {
left: -350px;
transition: all .3s ease-in-out;
}
.menuBtn{display: inline-block;float: right;width: 40px;height: 30px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.menu-trigger {
transition: all 0.5s 0s;
width: 100%;
height: 100%;
}
.menu-trigger .line {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 2px;
background: #404040;
transition: 0.3s;
}
.menu-trigger .line.line-1 {
transition: all 0.3s 0.3s, transform 0.3s 0s;
}
.menu-trigger .line.line-2 {
top: 50%;
margin-top: -1px;
left: 0;
transition: all 0.3s 0.3s;
}
.menu-trigger .line.line-3 {
bottom: 0;
top: auto;
left: 0;
transition: all 0.3s 0.3s, transform 0.3s 0s;
}
.menu-trigger.active {
transform: rotate(135deg);
transition: all 0.5s 0.3s;
}
.menu-trigger.active .line-1 {
top: 50%;
margin-top: -1px;
transform: rotate(90deg);
transition: all 0.3s, transform 0.3s 0.3s;
}
.menu-trigger.active .line-2 {
opacity: 0;
transition: all 0.3s, opacity 0.3s 0s;
}
.menu-trigger.active .line-3 {
bottom: 50%;
margin-bottom: -1px;
transform: rotate(0deg);
transition: all 0.3s, transform 0.3s 0.3s;
}
.topRight {
right: 0px;
position: relative;
width: calc(100% - 250px);
margin-right: 60px;
float: right;
}
.logo {
left: 2.5%;
}
.topMenu {
position: fixed;
top: 0px;
right: 0px;
height: 100vh;
background-color: #1d1d1d;
z-index: 0;
transform: inherit;
margin: 0px;
display: inline-block;
width: 350px;
display: none;
}
.topMenu ul li a {
color: #e3e3e3;
display: block;
padding: 20px 0px;
border-bottom: 1px solid #434343;
font-size: 17px;
font-weight: normal;
letter-spacing: 1px;
}
.topMenu ul li {
width: 100%;
display: inline-block;
}
.topMenu ul {
padding: 30px 25px;
box-sizing: border-box;
display: inline-block;
width: 100%;
height: 100%;
overflow: scroll;
}
.homeSlider {
height: 500px;
}
.fixedForm {
top: 40%;
}
.homeHk h1 {
font-size: 30px;
width: 40%;
}
.homeHkText {
margin-left: 5%;
width: 55%;
}
.homeUrunList ul li {
height: 180px;
}
.homeUrunList ul li a {
padding: 0px 15px 15px;
}
.homeUrunAd {
font-size: 12px;
}
.hmbThumb {
display: none;
}
.masterbatchList li {
width: 32.33%;
margin-right: .5% !important;
}
.hmbtDots {
height: 200px;
}
.bizeulasin {
top: inherit;
bottom: 0px;
position: fixed;
width: 70px;
}
.distNot {
width: 100%;
}
.dist {
padding: 50px 0px 90px;
}
.kesfet {
display: none;
}
.hkHeader {
height: 300px;
}
.hkBottomImg-2 {
width: 50%;
}
.laboratuvarText {
width: 45%;
margin-right: 5%;
}
.labDots {
bottom: -60px;
height: 300px;
}
.lbTop {
padding: 20px;
}
.lbBottom {
padding: 20px;
}
.socialFooter {
position: relative;
right: 0px;
top: 0px;
transform: translateY(0%);
display: table;
margin: 25px auto 0;
}
.bottom {
height: auto;
padding: 40px 0px;
}
.fbCenter {
top: 0px;
transform: inherit;
}
.bizeulasinFooter {
display: none;
}
.iso {
right: inherit;
left: 0px;
}
.fixedForm.gizle {
right: -500px;
}
}
@media only screen and (max-width: 767px){
.swiper-slide::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.50);
}
.topMenu ul li.mobileMenu{display: inline-block;}
.kariyer {
display: none;
}
.socialTop {
display: none;
}
.colorList li a {
background-color: #fff !important;
padding: 0px;
font-size: 12px;
}
.logo {
width: 140px;
}
.menuBtn {
width: 35px;
height: 25px;
}
.menu-trigger .line {
height: 1px;
}
.topRight {
width: calc(100% - 210px);
}
.fixFormBtn {
width: 30px;
left: -30px;
height: 125px;
z-index: 11;
}
.fixFormBtn span {
font-size: 15px;
}
.fixFormMenu, .closeBtn {
width: 20px;
}
.sisan {
display: none;
}
.bizeulasin {
width: 50px;
right: 2.5%;
z-index: 9;
}
.homeHk h1 {
width: 100%;
font-size: 27px;
}
.homeHkText {
margin: 10px 0px 0px 0px;
width: 100%;
}
.homeHk .container {
width: 90%;
padding-top: 0px;
padding-bottom: 40px;
}
.homeHkText p {
font-size: 16px;
line-height: 1.7;
margin-bottom: 25px;
}
.title {
font-size: 16px;
letter-spacing: 6px;
margin-bottom: 20px;
}
.homeUrunText p {
line-height: 1.7;
}
.homeUrunList ul li {
width: 48%;
margin: 1%;
}
.urunDots {
bottom: -35px;
top: inherit;
left: -43px;
height: 180px;
width: 200px;
}
.hmb {
width: 100%;
}
.masterbatchText {
width: 100%;
margin: 0px 0px 15px 0px;
}
.homeUrun {
padding-bottom: 100px;
}
.masterbatchText h2 {
font-size: 16px;
letter-spacing: 6px;
}
.distTitle {
font-size: 25px;
}
.distDetail h3 {
font-size: 23px;
margin-bottom: 10px;
}
.distDetail p {
font-size: 14px;
line-height: 1.5;
}
.distNotTitle {
left: 0px;
font-size: 11px;
padding-top: 150px;
}
.distNotTitle::before {
height: 130px;
}
.dist {
padding: 35px 0px 30px;
}
.distNot {
font-size: 14px;
padding-left: 20px;
}
.iso {
position: relative;
top: 0px;
margin: 15px auto 0px;
transform: inherit;
}
.copyright {
width: 100%;
text-align: center;
margin: 5px 0px 25px;
display: inline-block;
padding: 0px 20px;
box-sizing: border-box;
line-height: 1.4;
}
.masterbatch {
margin-bottom: 50px;
}
.sliderContainer span {
font-size: 25px;
width: 100%;
padding: 0px 30px;
box-sizing: border-box;
}
.sliderContainer {
padding-bottom: 45px;
text-align: center;
}
.gallery-thumbs {
pointer-events: none; opacity: 0; visibility: hidden;
}
.swiperButtonContainer {
display: flex;
justify-content: center;
right: 0px;
transform: inherit;
left: inherit;
bottom: 0px;
}
.swiper-button-next {
float: right;
}
.swiper-button-prev {
float: left;
}
.homeSlider {
height: 340px;
}
.colorList {
margin: 15px auto;
}
.topBar {
height: 60px;
}
.mtopBar {
margin-top: 60px;
}
div#nprogress {
top: 60px;
}
.bottom {
padding: 25px 0px;
}
.fixedForm {
top: 110px;
transform: inherit;
z-index: 10;
}
.homeHk {
padding: 30px 0px 50px;
}
.topMenu {
width: 300px;
}
.menuActive main {
right: 300px;
}
.menuActive .topBar {
left: -300px;
}
.menuActive div#nprogress {
left: -300px;
}
.topMenu ul li a {
font-size: 15px;
}
.innerSect {
padding: 50px 0px;
}
.hkTab ul {
width: 100%;
}
.hkTab ul li {
width: 32.33%;
margin: 0.5%;
}
.hkpage h4 {
padding: 0px;
font-size: 20px;
margin-bottom: 30px;
width: calc(100% - 30px);
}
.hkHalfText.innerText {
margin: 0px;
}
.innerText p {
margin-bottom: 25px;
}
.hkHalfImg {
width: 100%;
margin-top: 20px;
}
.hkimg2, .labimg2::before, .hkDots {
display: none;
}
.hkBottomDots {
width: 60%;
top: -55px;
right: 5%;
}
.hkBottomImg {
margin-bottom: 40px;
}
.laboratuvarText {
width: 100%;
margin: 0px;
}
.laboratuvarImg {
display: none;
}
.labimg1::before {
height: 190px;
bottom: -35px;
left: 40%;
width: 80%;
}
.labBottom {
margin-bottom: 0px;
margin-top: 45px;
}
.innerText {
width: calc(100% - 30px);
}
.mbnone {
display: none;
}
.uretimImg-1 {
margin-bottom: 50px;
margin-top: 50px;
}
.uretimImgDots {
height: 350px;
width: 260px;
right: inherit;
left: -5px;
}
.urunMenu li {
width: 50%;
}
.urunPage {
padding: 25px;
}
.urunList-w4 li {
width: 49%;
font-size: 13px;
}
.urunImgs {
margin-bottom: -60px;
}
.inrLb {
width: 100%;
height: auto;
}
.inrRt {
width: 100%;
height: auto;
}
.lbBottom {
padding: 35px 20px;
}
.kariyetHeight {
height: 250px;
}
.contactSect {
padding: 25px 20px;
}
.contactBox {
margin: 0px 0px 35px 0px;
width: 100%;
padding-bottom: 35px;
border-bottom: 1px solid #ebebeb;
}
.contactBox:last-child {
margin-bottom: 0px;
border: 0px;
padding: 0px;
}
.map {
height: 250px;
}
.kariyer a {
padding: 10px 15px;
font-size: 11px;
}
.hkTab ul li a {
width: 100%;
}
.pin {
width: 8px;
}
.worldMap {
width: 190%;
margin-left: -50%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 14px;
width: calc(100% - 140px);
}
}
@media only screen and (max-width: 375px){
.movie a {
font-size: 20px;
}
.movie a img {
width: 35px;
}
.movie {
/* margin-top: 15px; */
}
.masterbatchList li {width: 49%;font-size: 13px;}
.distTitle {
font-size: 20px;
margin-bottom: 30px;
padding-bottom: 25px;
}
.distDetail h3 {
font-size: 20px;
}
.homeUrunList ul li {
height: 150px;
}
.homeUrunList {
margin-top: 30px;
}
}
@media only screen and (max-width: 350px){
.fixedForm form > ul > li > textarea {
height: 76px;
}
.fixedForm form > ul > li > input {
height: 35px;
}
.fixedForm form > ul > li {
margin-bottom: 9px;
}
.logo {
width: 120px;
}
.lang li a {
font-size: 11px;
}
.lang li {
height: 27px;
width: 27px;
}
.topRight {
width: calc(100% - 190px);
}
.colorList li {
margin: 0px 3px;
}
.colorList li a {
font-size: 11px;
}
.topMenu {
width: 250px;
}
.menuActive main {
right: 250px;
}
.menuActive .topBar {
left: -250px;
}
.menuActive div#nprogress {
left: -250px;
}
}