@media screen and (max-width: 1981px) { .container{max-width:1400px;width:100%;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText{padding: 20px 34px 34px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 17px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 21px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p{font-size: 14px;/* padding: 5px 0 10px 0; */font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img{ height: 30px;width: 30px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 200px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 288px;} #pageDetailContent .container .pageLeft {margin-top: -125px;} #pageDetailContent .container .pageRight .naviPages{padding: 20px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 24px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 13px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 12px;margin: 0 3px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 275px;} #pageTopNvg {margin-top: -45px;height: 225px;} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{bottom: 60px;} #pageTopNvg .container .text .imageI img{height: 60px;} #pageTopNvg .container .text .slogan h1{font-size: 29px;} #pageTopNvg .container .text .slogan h2{font-size: 18px;} #bottomTheree .container .single.catalogHome .image{height: 275px;} } @media screen and (max-width: 1800px) { .container{max-width: 1400px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 1400px;} #homeProduct .container .content::after{right: -30px;width: 30px;} #homeProduct .container .content::before{left: -30px;width: 30px;} #homeVideo .container{max-width: 1450px;} #mFull .flags img{height: 70px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 400px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 21px 0;margin-left: 20px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 17px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 25px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a{padding: 6px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a p{font-size: 13px;} } @media screen and (max-width: 1480px) { .container{max-width: 90%;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 90%;} #homeProduct .container .content::after{right: -30px;width: 30px;} #homeProduct .container .content::before{left: -30px;width: 30px;} #homeVideo .container{max-width: 93%;} #mFull .container{grid-template-rows:70px 1fr 50px;} #mFull .flags img{height: 50px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 15px 0;} #mFull .container .content .topMenu .phone img{height: 20px;margin-right: 7px;padding-right: 7px;} #mFull .container .content .topMenu .phone .text h1{font-size: 16px;} #mFull .container .content .topMenu .phone .text p{font-size: 14px;} #mFull .container .content .topMenu .socials .social p{font-size: 14px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 7px;padding-left: 7px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 18px;} #mFull .container .content .topMenu .socials .single p{font-size: 14px;padding-right: 7px;margin-right: 7px;} #mFull .container .content .topMenu .socials .single img{height: 18px;} #mFull .container .content .mMenuM .leftMenu{max-width: 250px;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 7px;font-size: 13px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 14px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 353px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 21px 0;margin-left: 20px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 13px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 20px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt{margin-right: 40px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a{padding: 5px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a p{font-size: 12px;} #mFull .footerNav-social span{font-size: 10px;} #header .container .headerTop{height: 90px;} #header .container .headerTop .logo{padding-left: 0;} #header .container .headerTop .hTopRight{width: 100%;justify-content: end;} #header .container .headerTop .hTopRight .searchHeader{max-width: 225px;} #header .container .headerTop .hTopRight .searchHeader form input{font-size: 12px;} #header .container .headerTop .hTopRight .searchHeader.cash .sImg{padding: 0 0 0 13px;} #header .container .headerTop .hTopRight .searchHeader form .sImg img{font-size: 17px;} #header .container .headerTop .hTopRight .onlineCatalog img{height: 20px;} #header .container .headerTop .hTopRight .onlineCatalog p{font-size: 11px;padding: 0 0 3px 0;} #header .container .headerTop .hTopRight .lang a{padding: 0 12px;} #header .container .headerTop .hTopRight .lang p{font-size: 12px;} #header .container .headerTop .hTopRight .lang .lG{height: 17px;margin: 0 4px;} #header .container .headerTop .hTopRight .lang .arraw{height: 5px;} #header .container .headerTop .hTopRight .lang #langO{padding: 0;bottom: -51px;} #header .container .headerTop .hTopRight .lang #langO a{font-size: 11px;} #header .container .headerTop .hTopRight .mobilMenu{padding: 0 30px 0 15px;} #header .container .headerTop .hTopRight .mobilMenu img{height: 20px;} #header .container .headerTop .hTopRight .mobilMenu p{font-size: 11px;padding: 0 0 3px 0;} #header .container .headerBottom {height: 45px;padding-left: 0;} #header .container .headerBottom .logo img{height: 33px;} #header .container .headerBottom .menu ul li{font-size: 13px;padding: 0 8px;} #header.sticky .container .headerBottom .menu ul li{font-size: 12px;} #header .container .headerBottom .hBotRight .phone img{height: 18px;} #header .container .headerBottom .hBotRight .phone p{font-size: 12px;padding-left: 10px;margin-left: 10px;} #header .container .headerBottom .hBotRight .mobileMenu{width: 60px;} #header .container .headerBottom .menu ul li.menuSubHover:hover .menuCorpList{top: 45px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container{padding: 50px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp h1{font-size: 22px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .title p{font-size: 13px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content .single{margin: 15px 15px 0 0;padding: 20px;font-size: 13px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .maps{height: 225px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu{margin-bottom: 20px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single img{height: 24px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone{padding: 9px 13px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone img{height: 17px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone p{font-size: 12px;margin-left: 10px;padding-left: 10px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu{padding: 30px 30px 15px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single{height: 300px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text h1{font-size: 15px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text img{height: 8px;margin-top: 7px;} .ortakAcilir{top: 90px;} .ortakAcilir .closebtnn{right: 10px;top: 55px;font-size: 30px;} .ortakAcilir .content .menuCorpList .container{padding: 96px 50px 50px;} .ortakAcilir .content .menuCorpList .container .leftCorp h1{font-size: 22px;} .ortakAcilir .content .menuCorpList .container .rightCorp .title p{font-size: 13px;} .ortakAcilir .content .menuCorpList .container .rightCorp .content .single{margin: 15px 15px 0 0;padding: 20px;font-size: 13px;} .ortakAcilir .content .contactMenu .container .rightCorp .maps{height: 225px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu{margin-bottom: 20px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single img{height: 24px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone{padding: 9px 13px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone img{height: 17px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone p{font-size: 12px;margin-left: 10px;padding-left: 10px;} .ortakAcilir .content .productsMenu .single{height: 150px;} .ortakAcilir .content .productsMenu .single .text h1{font-size: 14px;} .ortakAcilir .content .productsMenu .single .text img{height: 8px;margin-top: 7px;} .ortakAcilir .content .contactMenu .container .leftCorp p{font-size: 14px;line-height: 1.4;} #slider{margin-top: -45px;max-height: 565px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 20px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 35px;} #slider .swiper-container .swiper-slide .mainSlider .content a{padding: 0 25px;border-radius: 30px;} #slider .swiper-container .swiper-slide .mainSlider .content a p{font-size: 14px;} #homeService{padding: 50px 0;} #homeService .container{grid-template-columns: 1fr 200px;} #homeService .container .serviceText{} #homeService .container .serviceText .text{margin-bottom: 85px;} #homeService .container .serviceText .text h1{font-size: 27px;} #homeService .container .serviceText .text p{font-size: 15px; max-width: 80%; margin-top: 10px;} #homeService .container .serviceText .image{height: 242px;} #homeService .container .serviceList{} #homeService .container .serviceList .serviceTitle ul li{padding-right: 16px; margin-right: 16px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 4px 0; font-size: 15px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -7px; width: 85%; height: 4px;} #homeService .container .serviceList .serviceContent{box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 84px) / 3);padding: 31px 27px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 25px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -4px; height: 4px; width: 50px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 15px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 40px;font-size: 14px;padding: 0 25px;border-radius: 23px;border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 6px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 46px;} #homeService .container .serviceList .serviceContent .image{width: calc((200% + 84px) / 3); height: 400px;} #homeProduct .container .title{height: 95px; margin-bottom: 45px;} #homeProduct .container .title h1{font-size: 17px;} #homeProduct .container .title a{font-size: 13px;} #homeProduct .container .title a img{margin-left: 8px; height: 24px;} #homeProduct .container .content::before{left: -55px; width: 55px;} #homeProduct .container .content::after{right: -55px; width: 55px;} #homeProduct .container .content .prooductList{width:100%; margin-top: -45px;} #homeProduct .container .content .prooductList .swiper-container{padding-bottom: 45px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide{padding: 25px 25px 0px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text{min-height: 40px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text:after{bottom: 0; right: -25px;width: 30px;height: 8px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text p{font-size: 17px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 240px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow{height: 45px; width: 42px; margin-bottom: -8px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow img{height: 14px;} #homeVideo{height: 325px;} #homeVideo .container .cnt img{height: 150px;} #homeVideo .container .cnt h1{font-size: 24px;max-width: 375px;} #homeCompany{height: 375px;margin-top: -80px;} #homeCompany .container .companyList{padding: 70px 0 50px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 55px;} #homeCompany .container .companyList .companySingle .icon.eml img{max-width: 123px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 18px;margin-top: 15px;} #homeCompany .container .companyList .companySingle .text p{font-size: 23px;} #homeProduction{padding-top: 40px;height: 500px;} #homeProduction .container .text{padding-left: 50px;max-width: 500px;} #homeProduction .container .text h1{font-size: 26px;} #homeProduction .container .text p{margin: 15px 0 20px 0;font-size: 17px;padding-right: 50px;} #homeProduction .container .text .images .single{height: 125px;} #homeProduction .container .text .images .button{width: 40px;height: 40px;} #homeProduction .container .text .images .button img{height: 17px;} #footer{padding: 35px 0 50px 0;} #footer .container{padding: 0 0 0 50px;} #footer .container .footorTop .logo img{height: 50px;} #footer .container .footorTop .fRight .socials h1{font-size: 15px;margin: 0 0 0 15px;width: 95px; } #footer .container .footorTop .fRight .socials .content{margin: 0 15px;} #footer .container .footorTop .fRight .socials .content .single{margin-left: 5px;} #footer .container .footorTop .fRight .socials .content .single img{height: 23px;} #footer .container .footorBottom{padding: 30px 15px;} #footer .container .footorBottom .fBottomLeft .copright h1{font-size: 12px;} #footer .container .footorBottom .fBottomLeft .copright p{font-size: 12px;} #footer .container .footorBottom .fBottomLeft .copright .atcF p{margin: 0;padding: 0;font-size: 12px;} #footer .container .footorBottom .fBottomLeft .copright .atcF a img{height: 19px;} #footer .container .footorBottom .fBottomLeft .bottomImg{height: 200px;} #footer .container .footorBottom .fBottomRight .single{font-size: 12px;margin-left: 30px;} #footer .container .footorBottom .fBottomRight .single a{padding-top: 5px;} #footer .container .footorBottom .fBottomRight .single a h1{font-size: 12px;} #footer .container .cour .single{font-size: 13px;} #pageNavigationImg{height: 250px;} #pageNavigationImg .container .text{left: 10px;} #pageNavigationImg .container .text a{font-size: 18px;} #pageDetailContent .container{grid-template-columns: 300px 73% ;grid-gap: 0 25px;} #pageDetailContent .container .pageRight .content{padding: 20px;} #pageDetailContent .container .pageRight .content p{width: 95%;} #pageDetailContent .container .pageRight .content .ourTeams .single{flex:1 0 40%} #pageDetailContent .container .pageRight .content .ourTeams .single img{height: 150px;} #pageDetailContent .container .pageRight .content .ourTeams .single h1{font-size: 15px;text-align: center;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 30px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 35px;padding-right: 15px;margin-right: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 16px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 20px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 50px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 13px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 235px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 30px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 15px 0 20px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 19px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 30px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 300px;flex: 0 0 24.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 322px;margin-top: -20px;border: 7px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 18px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 10px 10px 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 8px;margin-left: 8px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image:before{top: -8px;height: 26px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 21px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 13px} #pageDetailContent .container .pageRight .pProList{margin-top: 20px;padding: 20px;} #pageDetailContent .container .pageRight .pProList .single{padding: 20px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 200px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 12px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 12px;padding: 7px 10px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 20px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 15px;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 7px;font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 15px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 13px 18px; font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 40px 25px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 25px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 16px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 16px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 20px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 40px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 45px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 20px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 15px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 20px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 350px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container .swiper-slide{padding: 5px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 11px;height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 13px;padding: 6px 0;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 17px;margin-right: 5px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{padding: 20px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 24px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 18px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 18px;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 15px; margin-bottom: 7px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 26px;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 14px;padding: 6px 0 0;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 15px;padding: 10px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 10px;margin-top: 10px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 30px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 15px;} #pageDetailContent .container .pageRight .prevButtons{margin: 20px 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP {font-size: 13px;padding: 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 12px;margin: 0 7px;} #pageDetailContent .container .pageRight .table{margin-top: 15px;} #pageDetailContent .container .pageRight table td, th{padding: 13px;font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 20px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 16px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 33px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 200px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 12px;padding: 7px 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 18px;} #pageDetailContent .container .pageRight .pageContact{padding: 28px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding: 18px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 27px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 14px;margin-left: 10px;} #pageDetailContent .container .pageRight .pageContact .form .login-form input,textarea,select{padding: 8px 20px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button{padding: 8px 10px 8px 20px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button img{height: 15px;margin-left: 3px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 15px!important;} #pageDetailContent .container .pageRight .iconsProT{padding: 10px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 10px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 60px;height: 60px;padding-right: 10px;margin-right: 10px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 13px 12px;flex: 1 0 33.3%;border-bottom:1px solid #cdd0d3;border-left: 0px solid #cdd0d3!important;;border-right: 1px solid #cdd0d3!important;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(-n+4){/* border-bottom:1px solid #cdd0d3; */} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(-n+3){/* border-bottom:0px solid; */} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(3n-2){border-left:1px solid #cdd0d3; border-right:1px solid #cdd0d3 !important;} #pageDetailContent .container .pageRight .pProList .single.sCat:last-child{border-right:0px !important;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 60px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 14px;margin-left: 10px;} #pageDetailContent .container .pageRight table tr td{font-size: 13px;} #pageDetailContent .container .pageRight .brosurs .single{padding: 9px 7px;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 14px;} #pageDetailContent .container .pageRight .brosurs .single .left i{padding-right: 5px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 34px;} #pageDetailContent .container .pageRight .naviPages{padding:0 0 20px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 20px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 12px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 12px;margin: 0 3px;} #pageDetailContent .container .pageLeft {margin-top: -125px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 25px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 0 0 10px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 18px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 10px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 12px;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 18px;margin-right: 4px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 225px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText { padding: 20px 25px 25px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 25px;width: 25px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 12px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text{padding-top: 0;} } @media screen and (max-width: 1380px) { .container{padding: 0 10px;max-width: 97%;} } @media screen and (max-width: 1200px) { .container{max-width: 95%;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 95%;} #homeProduct .container .content::after{right: -30px;width: 30px;} #homeProduct .container .content::before{left: -30px;width: 30px;} #homeVideo .container{max-width: 97%;} #mFull .flags img{height: 40px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 10px 0;} #mFull .container .content .topMenu .phone img{height: 15px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 15px;} #mFull .container .content .topMenu .phone .text p{font-size: 13px;} #mFull .container .content .topMenu .socials .social p{font-size: 13px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 13px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM .leftMenu{max-width: 250px;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 12px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 13px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 330px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 15px 0;margin-left: 15px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title{margin-bottom: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 13px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 18px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt{margin-right: 40px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a{padding: 4px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a p{font-size: 11px;} #mFull .footerNav-social span{font-size: 10px;} #header .container .headerTop{height: 75px;} #header .container .headerTop .logo{padding-left: 35px;} #header .container .headerTop .logo img{height: 50px;} #header .container .headerTop .hTopRight{width: 100%;justify-content: end;} #header .container .headerTop .hTopRight .onlineCatalog{padding: 0 12px;} #header .container .headerTop .hTopRight .onlineCatalog img{height: 20px;} #header .container .headerTop .hTopRight .onlineCatalog p{font-size: 11px;padding: 0 0 3px 0;} #header .container .headerTop .hTopRight .lang a{padding: 0 12px;} #header .container .headerTop .hTopRight .lang p{font-size: 12px;} #header .container .headerTop .hTopRight .lang .lG{height: 17px;margin: 0 4px;} #header .container .headerTop .hTopRight .lang .arraw{height: 5px;} #header .container .headerTop .hTopRight .mobilMenu{padding: 0 30px 0 15px;} #header .container .headerTop .hTopRight .mobilMenu img{height: 20px;} #header .container .headerTop .hTopRight .mobilMenu p{font-size: 11px;padding: 0 0 3px 0;} #header .container .headerBottom {height: 45px;padding-left: 35px;} #header .container .headerBottom .logo img{height: 29px;} #header .container .headerBottom .menu ul li{font-size: 12px;padding: 0 7px;} #header.sticky .container .headerBottom .menu ul li{font-size: 12px;} #header .container .headerBottom .hBotRight .phone{padding: 0 20px 0 0;} #header.sticky .container .headerBottom .hBotRight .phone{padding: 0 20px;} #header .container .headerBottom .hBotRight .phone img{height: 15px;} #header .container .headerBottom .hBotRight .phone p{font-size: 11px;padding-left: 7px;margin-left: 7px;} #header .container .headerBottom .hBotRight .mobileMenu{width: 50px;} #header .container .headerBottom .menu ul li.menuSubHover:hover .menuCorpList{top: 45px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container{padding: 45px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp{padding: 35px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp h1{font-size: 20px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp{padding-left: 50px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .title p{font-size: 13px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content .single{margin: 15px 15px 0 0;padding: 20px;font-size: 13px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .maps{height: 200px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu{margin-bottom: 15px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .socialsMenu .single img{height: 22px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone{padding: 8px 11px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone img{height: 16px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .contactMenu .phone p{font-size: 11px;margin-left: 10px;padding-left: 10px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu{padding: 30px 30px 15px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single{height: 265px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text h1{font-size: 15px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text img{height: 8px;margin-top: 7px;} #header .container .headerTop .hTopRight .lang .dropdown-content {top: 29px;width: 99px;left: -20px;} .ortakAcilir{top: 75px;} .ortakAcilir .closebtnn{right: 10px;top: 55px;font-size: 30px;} .ortakAcilir .content .menuCorpList .container{padding: 100px 45px 45px;max-width: 100%;} .ortakAcilir .content .menuCorpList .container .leftCorp{padding: 35px;} .ortakAcilir .content .menuCorpList .container .leftCorp h1{font-size: 20px;} .ortakAcilir .content .menuCorpList .container .rightCorp{padding-left: 50px;} .ortakAcilir .content .menuCorpList .container .rightCorp .title p{font-size: 13px;} .ortakAcilir .content .menuCorpList .container .rightCorp .content .single{margin: 15px 15px 0 0;padding: 20px;font-size: 13px;} .ortakAcilir .content .contactMenu .container .rightCorp .maps{height: 200px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu{margin-bottom: 15px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .socialsMenu .single img{height: 22px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone{padding: 8px 11px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone img{height: 16px;} .ortakAcilir .content .contactMenu .container .rightCorp .contactMenu .phone p{font-size: 11px;margin-left: 10px;padding-left: 10px;} .ortakAcilir .content .productsMenu .single{height: 125px;} .ortakAcilir .content .productsMenu .single .text h1{font-size: 14px;} .ortakAcilir .content .productsMenu .single .text img{height: 8px;margin-top: 7px;} .ortakAcilir .content .contactMenu .container .leftCorp p{font-size: 12px;line-height: 1.4;} #slider{margin-top: -45px;max-height: 565px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 10px;bottom: 35px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 20px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 30px;} #slider .swiper-container .swiper-slide .mainSlider .content{bottom: 30px;} #slider .swiper-container .swiper-slide .mainSlider .content a{padding: 0 20px;border-radius: 20px;} #slider .swiper-container .swiper-slide .mainSlider .content a p{font-size: 13px;} #slider .container .swiper-pagination{bottom: 20px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} #slider .container .swiper-pagination-bullet{width: 20px;height: 2px;} #homeService{padding: 35px 0;} #homeService .container{grid-template-columns: 1fr 225px;} #homeService .container .serviceText{margin-right: 0;} #homeService .container .serviceText .text{margin-bottom: 19px;} #homeService .container .serviceText .text h1{font-size: 22px;} #homeService .container .serviceText .text p{font-size: 13px; max-width: 83%; margin-top: 6px;} #homeService .container .serviceText .image{height: 235px;} #homeService .container .serviceList{} #homeService .container .serviceList .serviceTitle ul li{padding-right: 8px; margin-right: 8px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 3px 0; font-size: 13px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -5px; width: 87%; height: 3px;} #homeService .container .serviceList .serviceContent{box-shadow: 1 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 32px) / 3); padding: 32px 27px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 22px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -3px; height: 3px; width: 45px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 13px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 38px; font-size: 13px; padding: 0 16px; border-radius: 19px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 5px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 38px;} #homeService .container .serviceList .serviceContent .image{width: calc((200% + 32px) / 3); height: 320px;} #homeProduct .container .title{height: 85px; margin-bottom: 35px;} #homeProduct .container .title h1{font-size: 16px;} #homeProduct .container .title a{font-size: 12px;} #homeProduct .container .title a img{margin-left: 7px; height: 22px;} #homeProduct .container .content::before{left: -35px; width: 35px;} #homeProduct .container .content::after{right: -35px; width: 35px;} #homeProduct .container .content .prooductList{width:100%; margin-top: -35px;} #homeProduct .container .content .prooductList .swiper-container{padding-bottom: 35px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide{padding: 20px 20px 0px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text{min-height: 38px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text:after{bottom: 0; right: -20px;width: 25px;height: 7px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text p{font-size: 16px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 200px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow{height: 40px; width: 42px; margin-bottom: -7px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow img{height: 13px;} #homeVideo{height: 275px;margin-bottom: 20px;} #homeVideo .container .cnt{padding: 30px;} #homeVideo .container .cnt img{height: 135px;margin-right: 0;} #homeVideo .container .cnt h1{font-size: 20px;max-width: 425px;} #homeCompany{height: 300px;margin-top: -75px;} #homeCompany .container .companyList{padding: 50px 0 30px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 35px;} #homeCompany .container .companyList .companySingle .icon.eml img{max-width: 110px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 18px;margin-top: 10px;} #homeCompany .container .companyList .companySingle .text p{font-size: 21px;margin-top: 7px;} #homeProduction{padding-top: 40px;height: 450px;} #homeProduction .container .text{padding-left: 35px;max-width: 457px;} #homeProduction .container .text h1{font-size: 25px;} #homeProduction .container .text p{margin: 15px 0 20px 0;font-size: 14px;padding-right: 50px;} #homeProduction .container .text .images .single{height: 125px;} #homeProduction .container .text .images .button{width: 40px;height: 40px;} #homeProduction .container .text .images .button img{height: 17px;} #footer .container{padding: 0;} #footer .container .footorTop .logo img{height: 50px;} #footer .container .footorTop .fRight .socials h1{font-size: 15px;margin: 0 0 0 15px;width: 95px; } #footer .container .footorTop .fRight .socials .content{margin: 0 15px;} #footer .container .footorTop .fRight .socials .content .single{margin-left: 5px;} #footer .container .footorTop .fRight .socials .content .single img{height: 23px;} #footer .container .footorBottom{padding: 30px 15px;} #footer .container .footorBottom .fBottomLeft .copright h1{font-size: 12px;} #footer .container .footorBottom .fBottomLeft .copright p{font-size: 12px;} #footer .container .footorBottom .fBottomLeft .copright .atcF p{margin: 0;padding: 0;font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright .atcF a img{height: 16px;} #footer .container .footorBottom .fBottomLeft .bottomImg{height: 200px;} #footer .container .footorBottom .fBottomRight .single{font-size: 12px;margin-left: 30px;} #footer .container .footorBottom .fBottomRight .single a{padding-top: 5px;} #footer .container .footorBottom .fBottomRight .single a h1{font-size: 12px;} #footer .container .cour .single{font-size: 13px;} #pageNavigationImg{height: 225px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageTopNvg {margin-top: -45px;height: 180px;} #pageTopNvg .icon{} #pageTopNvg .container{} #pageTopNvg .container .text .imageI{bottom: 100px;left: 12px;} #pageTopNvg .container .text .imageI img{height: 45px;} #pageTopNvg .container .text .slogan h1{font-size: 24px;} #pageTopNvg .container .text .slogan h2{font-size: 16px;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container{grid-gap: 0 25px;grid-template-columns: 250px 72%;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 30px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 13px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 11px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 45px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 30px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 11px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 16px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 26px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 250px;flex: 0 0 24.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 271px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 15px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 13px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 20px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 13px} #pageDetailContent .container .pageRight .pProList{margin-top: 15px;padding: 15px;} #pageDetailContent .container .pageRight .pProList .single{padding: 15px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 150px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 11px;padding: 7px 10px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 15px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 0;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 6px;font-size: 12px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 13px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 10px 15px; font-size: 13px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 15px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 30px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 40px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 18px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 12px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 300px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 60px;padding: 0 30px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight #detailInfotitle h1 {font-size: 16px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 16px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;padding: 15px;} #pageDetailContent .container .pageRight .prevButtons{margin: 14px 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP {font-size: 13px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 33px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 175px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 11px;padding: 7px 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageRight .pageContact{padding: 25px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 25px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 13px;margin-left: 8px;} #pageDetailContent .container .pageRight .pageContact .form .login-form input,textarea,select{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .proDetails .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .proDetails .newsContent .textC span{line-height: 1.4!important;font-size: 14px!important;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 12px;padding: 5px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 17px;margin-right: 5px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .table table td, th{font-size: 11px;padding: 8px;} #pageDetailContent .container .pageRight .table{margin: 0px 0;} #pageDetailContent .container .pageRight .iconsProT{padding: 10px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 8px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 50px;height: 50px;padding-right: 8px;margin-right: 8px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 9px 12px;flex: 0 0 33.3%;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 55px;width: 65px;object-fit: contain;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 13px;margin-left: 12px;} #pageDetailContent .container .pageRight .pProList .single .image::after{ border-bottom: 0px solid transparent;border-top: 25px solid transparent;border-right: 25px solid #ffffff;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 7px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 13px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 12px;padding-right: 4px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 30px;} #pageDetailContent .container .pageRight .contentP .tabs-stage p{font-size: 15px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 23px;} #pageDetailContent .container .pageRight .pDetailInfo{margin-top: 7px;} #pageDetailContent .container .pageRight .naviPages{padding: 15px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 19px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 10px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 10px;margin: 0 2px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 12px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 17px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 12px;padding: 6px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 17px;margin-right: 3px;} #pageDetailContent .container .pageLeft .detailMenu li:hover:before{width: 35px;right: -35px;} #pageDetailContent .container .pageLeft .detailMenu li.activePage:before{width: 35px;right: -35px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{} #pageDetailContent .container .pageLeft .orderBoxBanner .text{padding-top: 0;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 191px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 185px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 10px 10px 25px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 17px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 15px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 12px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} .buy-now{right: 60px;bottom: 60px;width: 57px;height: 57px} .buy-now.right{right: 100px} .buy-now .buy-now-btn{height: 57px;width: 57px;line-height: 57px;font-size: 1.6em;} .buy-now .ripple,.buy-now .ripple:before,.buy-now .ripple:after{top: 0;height: 57px; width: 57px} @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 34px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } @keyframes ripple { 70% {box-shadow: 0 0 0 34px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } } @media screen and (max-width: 1024px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:60px 1fr 50px;padding: 0 15px;} #mFull .flags img{height: 40px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 8px 0;} #mFull .container .content .mMenuM .rightMenu{flex-direction: column;margin-bottom: 10px;} #mFull .container .content .mMenuM .rightMenu .single.creamhome{flex-direction: column-reverse;} #mFull .container .content .mMenuM .rightMenu .single.creamhome .banner{border-bottom-right-radius: 0px;} #mFull .container .content .mMenuM .rightMenu .single.creamhome .proHome{border-bottom-right-radius: 7px;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 14px;} #mFull .container .content .topMenu .phone .text p{font-size: 12px;} #mFull .container .content .topMenu .socials .social p{font-size: 12px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 12px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM .leftMenu{max-width: 225px;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 309px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 5px 0;margin-left: 10px;flex: 1;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title{margin-bottom: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 17px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt{margin-right: 40px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a{padding: 4px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a p{font-size: 11px;} #mFull .footerNav-social span{font-size: 10px;} #header .container .headerTop{height: 55px;} #header .container .headerTop .logo{padding-left: 6px;} #header .container .headerTop .logo img{height: 39px;} #header .container .headerTop .hTopRight{width: 100%;justify-content: end;height: 40px;} #header .container .headerTop .hTopRight .onlineCatalog{padding: 0 8px;width: 90px;} #header .container .headerTop .hTopRight .onlineCatalog img{height: 20px;} #header .container .headerTop .hTopRight .onlineCatalog p{font-size: 10px;padding: 0 0 3px 0;} #header .container .headerTop .hTopRight .lang a{padding: 0 8px;width: 85px;} #header .container .headerTop .hTopRight .lang p{font-size: 11px;} #header .container .headerTop .hTopRight .lang .lG{height: 15px;margin: 0 2px;} #header .container .headerTop .hTopRight .lang .arraw{height: 5px;} #header .container .headerTop .hTopRight .mobilMenu{padding: 0 20px 0 11px;} #header .container .headerTop .hTopRight .mobilMenu img{height: 15px;} #header .container .headerTop .hTopRight .mobilMenu p{font-size: 10px;padding: 0px 0 2px 0;} #header .container .headerBottom {height: 45px;padding-left: 6px;} #header .container .headerBottom .logo img{height: 25px;margin-left: 0px;} #header .container .headerBottom .menu ul li{font-size: 11px;padding: 0 7px;} #header.sticky .container .headerBottom .menu ul li{font-size: 10px;} #header .container .headerBottom .hBotRight .phone img{height: 15px;} #header .container .headerBottom .hBotRight .phone p{font-size: 11px;padding-left: 7px;margin-left: 7px;display: none;} #header .container .headerBottom .hBotRight .mobileMenu{width: 50px;} #header .container .headerBottom .menu ul li.menuSubHover:hover .menuCorpList{top: 45px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container{padding: 30px 10px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp{padding: 30px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .leftCorp h1{font-size: 17px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp{padding-left: 30px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .title p{font-size: 12px;} #header .container .headerBottom .menu ul li.menuSubHover .menuCorpList .container .rightCorp .content .single{margin: 12px 12px 0 0;padding: 16px;font-size: 11px;} #header .container .headerBottom .menu ul li.menuSubHover .contactMenu .container .rightCorp .maps{height: 175px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu{padding: 20px 15px 10px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single{height: 223px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single:hover{margin-top: -10px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text h1{font-size: 12px;} #header .container .headerBottom .menu ul li.menuSubHover .productsMenu .single .text img{height: 6px;margin-top: 5px;} #header .container .headerTop .hTopRight .lang .dropdown-content {top: 29px;width: 98px;left: -20px;} .ortakAcilir{top: 55px;} .ortakAcilir .closebtnn{right: 10px;top: 49px;font-size: 29px;} .ortakAcilir .content .menuCorpList .container{padding: 90px 41px 40px;} .ortakAcilir .content .menuCorpList .container .leftCorp{padding: 30px;} .ortakAcilir .content .menuCorpList .container .leftCorp h1{font-size: 17px;} .ortakAcilir .content .menuCorpList .container .rightCorp{padding-left: 30px;} .ortakAcilir .content .menuCorpList .container .rightCorp .title p{font-size: 12px;} .ortakAcilir .content .menuCorpList .container .rightCorp .content .single{margin: 12px 12px 0 0;padding: 16px;font-size: 11px;} .ortakAcilir .content .contactMenu .container .rightCorp .maps{height: 175px;} .ortakAcilir .content .productsMenu .single{height: 107px;} .ortakAcilir .content .productsMenu .single:hover{margin-top: -10px;} .ortakAcilir .content .productsMenu .single .text h1{font-size: 11px;} .ortakAcilir .content .productsMenu .single .text img{height: 6px;margin-top: 5px;} .ortakAcilir .content .contactMenu .container .leftCorp p{font-size: 11px;line-height: 1.3;} #slider{margin-top: -44px;max-height: 450px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 0;bottom: 25px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 18px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 23px;} #slider .swiper-container .swiper-slide .mainSlider .content{bottom: 25px;} #slider .swiper-container .swiper-slide .mainSlider .content a{padding: 0 20px;border-radius: 30px;height: 50px;} #slider .swiper-container .swiper-slide .mainSlider .content a p{font-size: 12px;} #slider .container .swiper-pagination{bottom: 20px;left: 10px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} #slider .container .swiper-pagination-bullet{width: 20px;height: 2px;} #homeService{padding: 28px 0;} #homeService .container{grid-template-columns: 1fr 185px ;} #homeService .container .serviceText{margin-right: 9px;} #homeService .container .serviceText .text{margin-bottom: 20px;} #homeService .container .serviceText .text h1{font-size: 19px;} #homeService .container .serviceText .text p{font-size: 12px; max-width: 90%; margin-top: 4px;} #homeService .container .serviceText .image{height: 190px;} #homeService .container .serviceList{} #homeService .container .serviceList .serviceTitle ul li{padding-right: 8px; margin-right: 8px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 2px 0; font-size: 12px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -4px; width: 87%; height: 2px;} #homeService .container .serviceList .serviceContent{box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 13px) / 2); padding: 25px 22px 22px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 19px; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 40px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 12px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 34px; font-size: 12px; padding: 0 12px; border-radius: 17px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 4px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 34px;} #homeService .container .serviceList .serviceContent .image{width: calc((170% + 13px) / 2);height: 270px;} #homeProduct .container .title{height: 76px; margin-bottom: 25px;} #homeProduct .container .title h1{font-size: 15px;} #homeProduct .container .title a{font-size: 11px;} #homeProduct .container .title a img{margin-left: 6px; height: 19px;} #homeProduct .container .content::before{left: -16px; width: 16px;} #homeProduct .container .content::after{right: -16px; width: 16px;} #homeProduct .container .content .prooductList{width:100%; margin-top: -25px;} #homeProduct .container .content .prooductList .swiper-container{padding-bottom: 27px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide{padding: 16px 16px 0px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text{min-height: 34px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text:after{bottom: 0; right: -16px;width: 20px;height: 6px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text p{font-size: 15px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 180px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow{height: 40px; width: 38px; margin-bottom: -6px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow img{height: 12px;} #homeVideo{height: 220px;margin-bottom: 15px;} #homeVideo .container .cnt{padding: 15px;} #homeVideo .container .cnt img{height: 86px;margin-bottom: 10px;} #homeVideo .container .cnt h1{font-size: 16px;max-width: 320px;} #homeCompany{height: 300px;margin-top: -75px;} #homeCompany .container .companyList{padding: 50px 0 30px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 40px;} #homeCompany .container .companyList .companySingle .icon.eml img{max-width: 110px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 15px;margin-top: 12px;} #homeCompany .container .companyList .companySingle .text p{font-size: 18px;margin-top: 5px;} #homeProduction{padding-top: 25px;padding-bottom: 25px;height: 375px;} #homeProduction .container .text{padding-left: 35px;max-width: 410px;z-index: 99999;position: relative;} #homeProduction .container .text h1{font-size: 21px;} #homeProduction .container .text p{margin: 10px 0 13px 0;font-size: 14px;padding-right: 50px;} #homeProduction .container .text .images .single{height: 100px;} #homeProduction .container .text .images .button{width: 40px;height: 40px;} #homeProduction .container .text .images .button img{height: 17px;} #footer{padding: 25px 0 35px 0;} #footer .container{padding: 0 0 0 0;} #footer .container .footorTop .logo img{height: 35px;} #footer .container .footorTop .fRight .socials h1{font-size: 14px;margin: 0 0 0 15px;width: 100px;} #footer .container .footorTop .fRight .socials .content{margin: 0 10px;} #footer .container .footorTop .fRight .socials .content .single{margin-left: 5px;} #footer .container .footorTop .fRight .socials .content .single img{height: 20px;} #footer .container .footorTop .fRight .phone{max-width: 275px;} #footer .container .footorTop .fRight .phone img{height: 15px;} #footer .container .footorTop .fRight .phone p{font-size: 11px;padding-left: 10px;margin-left: 10px;} #footer .container .footorBottom{padding: 20px 0px;} #footer .container .footorBottom .fBottomLeft {flex: .5;} #footer .container .footorBottom .fBottomLeft .copright h1{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright p{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright .atcF p{margin: 0;padding: 0;font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright .atcF a img{height: 16px;} #footer .container .footorBottom .fBottomLeft .bottomImg{height: 200px;} #footer .container .footorBottom .fBottomRight .single{font-size: 11px;margin-left: 20px;} #footer .container .footorBottom .fBottomRight .single a{padding-top: 4px;} #footer .container .footorBottom .fBottomRight .single a h1{font-size: 11px;} #footer .container .cour .single{font-size: 11px;padding: 10px 0 0 0;} #pageNavigationImg{height: 200px;} #pageNavigationImg .container .text a{font-size: 14px;} #pageTopNvg {margin-top: -45px;height: 150px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{bottom: 54px;margin-bottom: 3px;} #pageTopNvg .container .text .imageI img{/* width: 66px; *//* height: 18px; */} #pageTopNvg .container .text .slogan h2{font-size: 14px;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container{grid-gap: 0 20px;grid-template-columns: 200px 71%;} #pageDetailContent .container .pageLeft {margin-top: -80px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 45px;margin-bottom: 5px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 13px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;padding: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 135px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 10px 13px; font-size: 11px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 30px 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 23px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 225px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 20px 0 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 135px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} /*Haber List*/ #pageDetailContent .container .pageRight #news-list .list .inner-container{flex-basis: 40%;margin: 10px} #pageDetailContent .container .pageRight #news-list .list .inner-container .date{padding: 0;height: auto;padding: 10px 0; display: flex;flex-direction: column;align-items: center;width: 60px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date:before{border-right: 60px solid transparent;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h3{font-size: 20px!important;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h5{font-size: 11px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .image img{height: 160px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc{padding: 0 7px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .title h3{font-size: 15px;margin-bottom: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .info span{font-size: 10px;padding-right: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .readmore a{padding: 10px;font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .pageContact{padding: 20px;flex-direction: column;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 17px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .newsContent{padding: 10px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 18px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 15px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 15px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 13px;padding: 10px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 10px;margin-top: 10px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 30px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 12px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 13px!important;} #pageDetailContent .container .pageRight .newsContent .page-news-detail-footer{margin: 10px 0;padding: 7px 0;} #pageDetailContent .container .pageRight .newsDetail-footer-share{font-size: 13px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items{margin-left: 7px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a{width: 50px;height: 30px;} #pageDetailContent .container .pageRight .table table td, th{font-size: 12px;padding: 6px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 12px;padding: 4px 0px; border-width: 1px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 16px; margin-right: 5px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 18px;line-height: 1.1;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 13px;padding: 6px 0 0;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 13px; margin-bottom: 4px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 13px; padding: 5px 0 0 0; line-height: 1.4;} #pageDetailContent .container .pageRight .prevButtons{margin: 11px 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP{font-size: 12px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 8px;} #pageDetailContent .container .pageRight .table{margin: 10px 0 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 85px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight .iconsProT{padding: 8px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 7px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 45px;height: 45px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 7px 10px;flex: 1 0 33.3%;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 45px;width: 50px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 11px;margin-left: 8px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 6px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 13px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 12px;padding-right: 4px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 25px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 5px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 31px;margin-left: 8px;} #pageDetailContent .container .pageRight .naviPages{padding: 0 0 12px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 16px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 10px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 10px;margin: 0 2px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 8px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 14px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 5px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px;padding: 6px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 15px;margin-right: 2px;} #pageDetailContent .container .pageLeft .detailMenu li:hover:before {width: 26px;right: -25px;} #pageDetailContent .container .pageLeft .detailMenu li.activePage:before {width: 26px;right: -25px;} #pageDetailContent .container .pageLeft #filter .detailMenu li:before{display: none;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 135px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 130px;width: 100%;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 4px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} } @media screen and (max-width: 768px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:60px 1fr 50px;padding: 0 ;max-width: 98%;} #mFull .flags img{height: 35px;} #mFull .closebtn{font-size: 35px;} #mFull .container .content .topMenu{padding: 8px 0;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 14px;} #mFull .container .content .topMenu .phone .text p{font-size: 12px;} #mFull .container .content .topMenu .socials .social p{font-size: 12px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 12px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM{display: flex;padding: 15px 0;flex-direction: column-reverse;} #mFull .container .content .mMenuM .leftMenu{max-width: unset;border-right: unset;padding: 0;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner:before{} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 310px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 10px 0;margin-left: 10px;flex: 1;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title{margin-bottom: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 17px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt{margin-right: 40px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a{padding: 5px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a p{font-size: 10px;} #mFull .footerNav-social span{font-size: 10px;} #header .container .headerTop{height: 50px;} #header .container .headerTop .logo{padding-left: 25px;} #header .container .headerTop .logo img{height: 40px;} #header .container .headerTop .hTopRight{width: 100%;justify-content: end;margin-left: 20px;} #header .container .headerTop .hTopRight .onlineCatalog{padding: 0 8px;width: 100%;flex: 1;} #header .container .headerTop .hTopRight .onlineCatalog img{height: 20px;} #header .container .headerTop .hTopRight .onlineCatalog p{font-size: 10px;padding: 0 0 3px 0;} #header .container .headerTop .hTopRight .lang{flex: 1;} #header .container .headerTop .hTopRight .lang a{padding: 0 8px;width: 100%;} #header .container .headerTop .hTopRight .lang p{font-size: 11px;} #header .container .headerTop .hTopRight .lang .lG{height: 15px;margin: 0 2px;} #header .container .headerTop .hTopRight .lang .arraw{height: 5px;} #header .container .headerTop .hTopRight .mobilMenu{padding: 0 20px 0 11px;flex: 1;justify-content: flex-start;} #header .container .headerTop .hTopRight .mobilMenu img{height: 15px;} #header .container .headerTop .hTopRight .mobilMenu p{font-size: 10px;padding: 0px 0 2px 0;} #header .container .headerBottom {height: 40px;padding-left: 12px;} #header .container .headerBottom .logo img{height: 25px;} #header .container .headerBottom .menu{display: none;} #header .container .headerBottom .menu ul li{font-size: 11px;padding: 0 7px;} #header.sticky .container .headerBottom .menu ul li{font-size: 10px;} #header .container .headerBottom .hBotRight{width: 100%;justify-content: space-between;} #header .container .headerBottom .hBotRight .phone img{height: 15px;} #header .container .headerBottom .hBotRight .phone p{font-size: 11px;padding-left: 7px;margin-left: 7px;display: flex;} #header .container .headerBottom .hBotRight .mobileMenu{width: 50px;} #header .container .headerTop .hTopRight .lang .dropdown-content {top: 24px;width: 97px;left: -20px;} #header .container .headerTop .hTopRight .lang .dropdown-content a{height: 30px;} #slider{margin-top: -40px;max-height: 375px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 0;bottom: 25px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 16px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 21px;} #slider .swiper-container .swiper-slide .mainSlider .content{bottom: 25px;} #slider .swiper-container .swiper-slide .mainSlider .content a{padding: 0 15px;border-radius: 20px;height: 41px;} #slider .swiper-container .swiper-slide .mainSlider .content a p{font-size: 11px;} #slider .container .swiper-pagination{bottom: 20px;left: 10px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} #slider .container .swiper-pagination-bullet{width: 20px;height: 2px;} #homeService{padding: 25px 0;} #homeService .container{grid-template-columns: 1fr 189px;} #homeService .container .serviceText{margin-right: 0;} #homeService .container .serviceText .text{margin-bottom: 5px;} #homeService .container .serviceText .text h1{font-size: 17px;} #homeService .container .serviceText .text p{font-size: 11px; max-width: 100%; margin-top: 3px;} #homeService .container .serviceText .image{height: 153px;} #homeService .container .serviceList{} #homeService .container .serviceList .serviceTitle ul li{padding-right: 8px; margin-right: 8px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 2px 0; font-size: 12px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -4px; width: 87%; height: 2px;} #homeService .container .serviceList .serviceContent{box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 9px) / 2); padding: 22px 18px 18px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 17px; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 35px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 11px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 32px; font-size: 11px; padding: 0 10px; border-radius: 16px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 3px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 32px;} #homeService .container .serviceList .serviceContent .image{width: calc((100% + 9px) / 2);height: 230px;} #homeProduct .container .title{height: 76px; margin-bottom: 25px;} #homeProduct .container .title h1{font-size: 15px;} #homeProduct .container .title a{font-size: 11px;} #homeProduct .container .title a img{margin-left: 6px; height: 19px;} #homeProduct .container .content::before{left: -16px; width: 16px;} #homeProduct .container .content::after{right: -16px; width: 16px;} #homeProduct .container .content .prooductList{width:100%; margin-top: -25px;} #homeProduct .container .content .prooductList .swiper-container{padding-bottom: 27px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide{padding: 16px 16px 0px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text{min-height: 34px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text:after{bottom: 0; right: -16px;width: 20px;height: 6px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text p{font-size: 15px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 180px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow{height: 40px; width: 38px; margin-bottom: -6px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow img{height: 12px;} #homeVideo{height: 200px;margin-bottom: 15px;} #homeVideo .container .cnt{padding: 15px;} #homeVideo .container .cnt img{height: 73px;} #homeVideo .container .cnt h1{font-size: 15px;max-width: 275px;} #homeCompany{height: 250px;margin-top: -75px;} #homeCompany .container .companyList{padding: 50px 0 30px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 40px;} #homeCompany .container .companyList .companySingle .icon.eml img{max-width: 110px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 13px;margin-top: 12px;} #homeCompany .container .companyList .companySingle .text p{font-size: 15px;margin-top: 5px;} #homeProduction{padding-top: 25px;height: 375px;} #homeProduction .container .text{padding-left: 35px;max-width: 320px;z-index: 99999;position: relative;} #homeProduction .container .text h1{font-size: 19px;} #homeProduction .container .text p{margin: 10px 0 15px 0;font-size: 13px;padding-right: 20px;} #homeProduction .container .text .images .single{height: 85px;} #homeProduction .container .text .images .button{width: 35px;height: 35px;} #homeProduction .container .text .images .button img{height: 17px;} #footer{padding: 25px 0 35px 0;} #footer .container{padding: 0 0 0 0;} #footer .container .footorTop .logo img{height: 35px;} #footer .container .footorTop .fRight .line{width: 32px;} #footer .container .footorTop .fRight .socials h1{font-size: 13px;margin: 0 0 0 11px;width: 88px;} #footer .container .footorTop .fRight .socials .content{margin: 0 10px;} #footer .container .footorTop .fRight .socials .content .single{margin-left: 5px;} #footer .container .footorTop .fRight .socials .content .single img{height: 18px;} #footer .container .footorTop .fRight .phone{max-width: 175px;padding: 10px 12px;} #footer .container .footorTop .fRight .phone img{height: 13px;} #footer .container .footorTop .fRight .phone p{font-size: 10px;padding-left: 8px;margin-left: 8px;} #footer .container .footorBottom{padding: 20px 15px;} #footer .container .footorBottom .fBottomLeft {flex: .5;} #footer .container .footorBottom .fBottomLeft .copright h1{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright p{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright .atcF p{margin: 0;padding: 0;font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright .atcF a img{height: 16px;} #footer .container .footorBottom .fBottomLeft .bottomImg{height: 200px;} #footer .container .footorBottom .fBottomRight .single{font-size: 10px;margin-left: 15px;} #footer .container .footorBottom .fBottomRight .single a{padding-top: 4px;} #footer .container .footorBottom .fBottomRight .single a h1{font-size: 11px;} #footer .container .cour .single{font-size: 11px;padding: 10px 0 0 0;} #pageNavigationImg{height: 150px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageTopNvg {margin-top: -40px;height: 125px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .slogan{padding-bottom: 4px;} #pageTopNvg .container .text .imageI{bottom: 0;opacity: 1;margin-bottom: 5px;} #pageTopNvg .container .text .imageI img{height: 35px;margin-left: 0;} #pageTopNvg .container .text .slogan h2{font-size: 13px;} #pageDetailContent .container{grid-template-columns: 100%;padding: 0px 10px;} #pageDetailContent{margin-top: 15px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%;border-right: unset;margin-top: 0;z-index: 9999999;} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 15px;z-index: 9999;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRigh #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 10px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 150px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 ;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;padding: 9px;} #pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 7px 10px; font-size: 11px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 230px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;margin-bottom: 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -7px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 150px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin{padding: 70px 50px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form input{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .remember-me input{width: 10px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p:last-child{font-size: 13px;padding: 8px;} /*Haber List*/ #pageDetailContent .container .pageRight #news-list .list .inner-container{flex-basis: 45%;margin: 5px} #pageDetailContent .container .pageRight #news-list .list .inner-container .date{padding: 0;height: auto;padding: 10px 0; display: flex;flex-direction: column;align-items: center;width: 50px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date:before{border-right: 50px solid transparent;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h3{font-size: 18px!important;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h5{font-size: 10px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .image img{height: 110px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc{padding: 0 5px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .title h3{font-size: 14px;margin-bottom: 0;margin-top: 3px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .info span{font-size: 9px;padding-right: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .readmore a{padding: 8px;font-size: 12px;line-height: 1;} #pageDetailContent .container .pageRight .list .inner-container{/* flex-basis: 100%; */} /*Haber Detay*/ #pageDetailContent .container .pageRight .newsContent .group1{height: 200px;} #newsList .single{padding: 0 5px;} .successNotification p{font-size: 12px;} #cboxClose{width: 80px!important;height: 35px!important;} #pageDetailContent .container .pageRight .newsContent{padding: 10px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 17px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 17px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 17px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 13px;padding: 5px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 7px;margin-top: 7px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 29px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 12px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 13px!important;} #pageDetailContent .container .pageRight .newsContent .page-news-detail-footer{margin: 10px 0;padding: 7px 0;} #pageDetailContent .container .pageRight .newsDetail-footer-share{font-size: 13px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items{margin-left: 7px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a{width: 50px;height: 30px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 12px;padding: 4px 0;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 16px;margin-right: 5px;} #pageDetailContent .container .pageRight .table table td, th{font-size: 12px;padding: 7px;} #pageDetailContent .container .pageRight .table{margin: 10px 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 85px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight .iconsProT{padding: 8px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 7px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 45px;height: 45px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 8px 11px;flex: 1 0 33.3%;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 55px;width: 60px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 12px;margin-left: 10px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 6px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 12px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 11px;padding-right: 3px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 24px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .naviPages{padding: 12px 0;border-top: 1px solid #ddd;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 16px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 10px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 10px;margin: 0 2px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu{display: none;} #pageDetailContent .container .pageLeft .detailPromise{display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft #filter .detailPromise{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 12px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 14px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 10px;height: auto;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px;padding: 4px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 17px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 156px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px;width: fit-content;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;height: fit-content;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 4px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} .buy-now{right: 30px;bottom: 35px;width: 51px;height: 51px} .buy-now.right{right: 100px} .buy-now .buy-now-btn{height: 51px;width: 51px;line-height: 51px;font-size: 1.5em;} .buy-now .ripple,.buy-now .ripple:before,.buy-now .ripple:after{top: 0;height: 51px; width: 51px} @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 27px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } @keyframes ripple { 70% {box-shadow: 0 0 0 27px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } } @media screen and (max-width: 640px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:60px 1fr 50px} #mFull .flags img{height: 33px;} #mFull .closebtn{font-size: 35px;} #mFull .container{padding: 0 4px;} #mFull .container .content .topMenu{padding: 8px 0;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 12px;} #mFull .container .content .topMenu .phone .text p{font-size: 12px;} #mFull .container .content .topMenu .socials .social{margin: 0 5px;} #mFull .container .content .topMenu .socials .social p{font-size: 11px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single p{font-size: 11px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM{display: flex;flex-direction: column-reverse;padding: 15px 0;} #mFull .container .content .mMenuM .leftMenu{max-width: unset;border-right: unset;flex: unset;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 12px;} #mFull .container .content .mMenuM .rightMenu {border-bottom: 1px dashed rgb(157 157 157 / 23%);padding-bottom: 5px;margin-bottom: 5px;flex-direction: column;flex: unset;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 249px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 12px 0;margin-left: 10px;flex: .8;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title{margin-bottom: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 14px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 18px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt{margin-right: 40px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a{padding: 5px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a p{font-size: 10px;} #mFull .footerNav-social span{font-size: 10px;} #header .container .headerTop{height: 50px;} #header .container .headerTop .logo{padding-left: 0;} #header .container .headerTop .logo img{height: 40px;} #header .container .headerTop .hTopRight{width: 100%;justify-content: end;} #header .container .headerTop .hTopRight .onlineCatalog{padding: 0 8px;width: 100%;flex: 1;} #header .container .headerTop .hTopRight .onlineCatalog img{height: 20px;} #header .container .headerTop .hTopRight .onlineCatalog p{font-size: 10px;padding: 0 0 3px 0;} #header .container .headerTop .hTopRight .lang{flex: 1;} #header .container .headerTop .hTopRight .lang a{padding: 0 8px;width: 100%;} #header .container .headerTop .hTopRight .lang p{font-size: 11px;} #header .container .headerTop .hTopRight .lang .lG{height: 15px;margin: 0 2px;} #header .container .headerTop .hTopRight .lang .arraw{height: 5px;} #header .container .headerTop .hTopRight .mobilMenu{padding: 0 20px 0 11px;flex: 1;justify-content: flex-start;} #header .container .headerTop .hTopRight .mobilMenu img{height: 15px;} #header .container .headerTop .hTopRight .mobilMenu p{font-size: 10px;padding: 0px 0 2px 0;} #header .container .headerBottom:after{height: 3px;} #header .container .headerBottom .logo img{height: 25px;} #header .container .headerBottom .menu{display: none;} #header .container .headerBottom .menu ul li{font-size: 11px;padding: 0 7px;} #header.sticky .container .headerBottom .menu ul li{font-size: 10px;} #header .container .headerBottom .hBotRight{width: 100%;justify-content: space-between;} #header .container .headerBottom .hBotRight .phone img{height: 15px;} #header .container .headerBottom .hBotRight .phone p{font-size: 11px;padding-left: 7px;margin-left: 7px;display: flex;} #header .container .headerBottom .hBotRight .mobileMenu{width: 50px;} #header .container .headerTop .hTopRight .lang .dropdown-content {top: 24px;width: 98px;left: -20px;} #header .container .headerTop .hTopRight .lang .dropdown-content a{height: 30px;} #slider{margin-top: -40px;max-height: 300px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 0;bottom: 25px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 14px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 18px;} #slider .swiper-container .swiper-slide .mainSlider .content{bottom: 20px;} #slider .swiper-container .swiper-slide .mainSlider .content a{padding: 0 15px;border-radius: 20px;height: 41px;} #slider .swiper-container .swiper-slide .mainSlider .content a p{font-size: 11px;} #slider .container .swiper-pagination{bottom: 15px;left: 10px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} #slider .container .swiper-pagination-bullet{width: 20px;height: 2px;} #homeService{padding: 20px 0 0;} #homeService .container{display: flex; flex-direction: column;} #homeService .container .serviceText{margin-right: 16px; display: none;} #homeService .container .serviceList{} #homeService .container .serviceList .serviceTitle ul li{padding-right: 6px; margin-right: 6px;} #homeService .container .serviceList .serviceTitle ul li a{padding: 2px 0; font-size: 11px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -3px; width: 90%; height: 2px;} #homeService .container .serviceList .serviceContent{flex-direction: column-reverse; margin-top: 12px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: 100%; padding: 14px 12px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 15px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 35px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 12px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC{margin-top: 7px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 28px; font-size: 10px; padding: 0 9px; border-radius: 14px; border-width: 0 1px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 1px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 3px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 28px;} #homeService .container .serviceList .serviceContent .image{width: 100%; height: 180px;} #homeProduct .container .title{height: 76px; margin-bottom: 25px;} #homeProduct .container .title h1{font-size: 14px;} #homeProduct .container .title a{font-size: 11px;} #homeProduct .container .title a img{margin-left: 6px; height: 19px;} #homeProduct .container .content::before{left: -12px; width: 12px;} #homeProduct .container .content::after{right: -12px; width: 12px;} #homeProduct .container .content .prooductList{width:100%; margin-top: -25px;} #homeProduct .container .content .prooductList .swiper-container{padding-bottom: 27px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide{padding: 16px 16px 0px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text{min-height: 34px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text:after{bottom: 0; right: -16px;width: 20px;height: 5px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text p{font-size: 14px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 165px; max-width: 215px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow{height: 35px; width: 38px; margin-bottom: -6px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow img{height: 12px;} #homeProduction{padding-top: 23px;height: 325px;} #homeProduction .container:before{transition: all .3s;position: absolute;content: "";left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgb(247 245 242 / 72%) 49%, rgba(255,255,255,0) 100%);z-index: 2;} #homeProduction .container:hover:before{background:linear-gradient(90deg, rgba(197,190,189,1) 0%, rgba(255,255,255,0) 100%);transition: all .3s;} #homeProduction .container .text{padding-left: 15px;max-width: 100%;z-index: 99999;position: relative;} #homeProduction .container .text h1{font-size: 19px;} #homeProduction .container .text p{margin: 15px 93px 15px 0;font-size: 13px;padding-right: 50px;} #homeProduction .container .text .images .single{height: 85px;} #homeProduction .container .text .images .button{width: 35px;height: 35px;} #homeProduction .container .text .images .button img{height: 17px;} #footer{padding: 25px 0;} #footer .container{padding: 0;} #footer .container .footorTop{flex-direction: column;} #footer .container .footorTop .logo img{height: 35px;} #footer .container .footorTop .fRight{padding: 10px 0 0;} #footer .container .footorTop .fRight .line{width: 65%;position: absolute;right: 0;top: 41px;z-index: -1;opacity: .5;} #footer .container .footorTop .fRight .socials h1{font-size: 13px;margin: 0;width: 88px;} #footer .container .footorTop .fRight .socials .content{margin: 0 10px;} #footer .container .footorTop .fRight .socials .content .single{margin-left: 5px;} #footer .container .footorTop .fRight .socials .content .single img{height: 18px;} #footer .container .footorTop .fRight .phone{max-width: 175px;padding: 10px 12px;} #footer .container .footorTop .fRight .phone img{height: 13px;} #footer .container .footorTop .fRight .phone p{font-size: 10px;padding-left: 8px;margin-left: 8px;} #footer .container .footorBottom{padding: 20px 0;flex-direction: column;} #footer .container .footorBottom .fBottomLeft {flex: .5;position: unset;} #footer .container .footorBottom .fBottomLeft .copright h1{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright p{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright .atcF p{margin: 0;padding: 0;font-size: 10px;} #footer .container .footorBottom .fBottomLeft .copright .atcF a img{height: 16px;} #footer .container .footorBottom .fBottomLeft .bottomImg{height: 150px;bottom: 0;z-index: -1;} #footer .container .footorBottom .fBottomRight{justify-content: flex-start;} #footer .container .footorBottom .fBottomRight .single{font-size: 10px;margin-left: 0;margin-right: 10px;padding-top: 15px;} #footer .container .footorBottom .fBottomRight .single a{padding-top: 4px;} #footer .container .footorBottom .fBottomRight .single a h1{font-size: 11px;} #footer .container .cour .single{font-size: 11px;padding: 10px 0 0 0;} #pageTopNvg {height: fit-content;padding: 15px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{margin-bottom: 3px;} #pageTopNvg .container .text .imageI img{height: 33px;} #pageTopNvg .container .text .slogan h2{font-size: 11px;} #pageDetailContent{margin-top: 15px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 7px;font-size: 13px;border-bottom: 1px solid #ddd;padding-bottom: 7px;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 10px;flex-direction: column;align-items: flex-start;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .listTitle .menuL{margin-bottom: 10px;} #pageDetailContent .container .pageRight .listTitle select{ border: 1px solid #dddd;font-size: 12px;padding: 2px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;flex: 0 0 49.9%;} #pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;} #pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;} #pageDetailContent .container .pageRight .pProList .single .image{height: 125px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin:15px 0 10px 0 ;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 10px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 17px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 13px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 11px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 11px;padding: 8px;margin-top: 4px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 5px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 12px 0; grid-template-columns: 1fr; grid-template-rows: auto auto; padding: 13px;} #pageDetailContent .container .pageRight .proDetails.newsDetail .pdTop{grid-gap: 0px 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 200px;} #pageDetailContent .container .pageRight .prevButtons{margin: 9px 0 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 14px 0 9px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -3px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 175px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact{padding: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 17px;} #pageDetailContent .container .pageRight .table{margin: 9px 0 0;} #pageDetailContent .container .pageRight .table table td, th{font-size: 11px;padding: 5px;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 12px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 16px;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 12px;padding: 5px 0 0px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 11px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 15px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 12px; padding: 4px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo p:first-child{padding: 8px 0 0 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP{font-size: 11px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 7px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 70px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight .iconsProT{padding: 5px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 5px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 40px;height: 40px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 12px;} #pageDetailContent .container .pageRight .pProList .single.sCat{flex: 1 0 49%;border: 0px !important;border-bottom: 1px solid #cdd0d3 !important;padding: 12px 10px;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(3n-2){border-right: 0px !important;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-child(2n){border-left: 1px solid #cdd0d3 !important;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(-n+2){/* border-bottom: 0px !important; */} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 55px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 11px;margin-left: 4px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 6px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 12px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 11px;padding-right: 3px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 24px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .naviPages{padding: 10px 0;border-top: 1px solid #ddd;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 15px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 3px;flex-wrap: wrap;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 9px;padding: 4px 0;/* flex: 0 0 33%; */} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 9px;margin: 0 2px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu{display: none;} #pageDetailContent .container .pageLeft .detailPromise{display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft #filter .detailPromise{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 8px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 14px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 6px;height: auto;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 16px;margin-right: 3px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 203px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height:195px;width: fit-content;padding: 28px;/* object-fit: cover; */max-width: 275px;width: 100%;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;height: fit-content;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 4px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 10px;} .buy-now{right: 25px;bottom: 30px;width: 48px;height: 48px} .buy-now.right{right: 100px} .buy-now .buy-now-btn{height: 48px;width: 48px;line-height: 48px;font-size: 1.5em;} .buy-now .ripple,.buy-now .ripple:before,.buy-now .ripple:after{top: 0;height: 48px; width: 48px} @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 24px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } @keyframes ripple { 70% {box-shadow: 0 0 0 24px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } } @media screen and (max-width: 480px) { .container{max-width: 98%;padding: 0;} #mFull .container{grid-template-rows:50px 1fr 70px;max-width: 100%;padding: 0 5px;} #mFull .flags img{height: 35px;width: 115px;object-fit: contain;} #mFull .closebtn{font-size: 30px;} #mFull .container .content .topMenu{padding: 10px 0;flex-direction: column;} #mFull .container .content .topMenu .phone img{height: 18px;margin-right: 5px;padding-right: 5px;} #mFull .container .content .topMenu .phone .text h1{font-size: 13px;} #mFull .container .content .topMenu .phone .text p{font-size: 11px;} #mFull .container .content .topMenu .socials .social{margin: 0 5px;padding: 7px 0 0;} #mFull .container .content .topMenu .socials .social p{font-size: 11px;} #mFull .container .content .topMenu .socials .social .icons{margin-left: 5px;padding-left: 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left: 3px;} #mFull .container .content .topMenu .socials .social .icons a img{height: 15px;} #mFull .container .content .topMenu .socials .single{margin: 0 5px;padding: 7px 0 0;} #mFull .container .content .topMenu .socials .single p{font-size: 11px;padding-right: 5px;margin-right: 5px;} #mFull .container .content .topMenu .socials .single img{height: 15px;} #mFull .container .content .mMenuM{display: flex;flex-direction: column-reverse;padding: 5px 0;} #mFull .container .content .mMenuM .leftMenu{max-width: unset;border-right: unset;flex: unset;} #mFull .container .content .mMenuM .leftMenu .links a{margin-top: 5px;font-size: 10px;} #mFull .container .content .mMenuM .leftMenu .links a h1{font-size: 11px;} #mFull .container .content .mMenuM .rightMenu {border-bottom: 1px dashed rgb(157 157 157 / 23%);padding-bottom: 5px;margin-bottom: 5px;flex-direction: column;flex: unset;} #mFull .container .content .mMenuM .rightMenu .mobilBanner{flex-direction: column;flex-wrap: nowrap;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage{margin-left: 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .lImage img{height: 250px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText{padding: 10px 0;margin-left: 5px;flex: unset;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title{margin-bottom: 5px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h2{font-size: 13px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .title h1{font-size: 17px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt{margin-right: 40px;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a{padding: 5px 0;} #mFull .container .content .mMenuM .rightMenu .mobilBanner .rText .cnt a p{font-size: 10px;} #mFull .footerNav-social span{font-size: 10px;} #mFull .footerNav{flex-direction: column;align-items: flex-start;padding: 5px 0;justify-content: flex-start;} #mFull .footerNav-cour{width: 100%;justify-content: flex-end;} #mFull .footerNav-cour img{height: 13px;} #header .container .headerTop{height: 50px;} #header .container .headerTop .logo{padding-left: 0;} #header .container .headerTop .logo img{height: 35px;} #header .container .headerTop .hTopRight{width: 100%;justify-content: end;} #header .container .headerTop .hTopRight .onlineCatalog{padding: 0 8px;width: 100%;flex: 1;display: none;} #header .container .headerTop .hTopRight .onlineCatalog img{height: 20px;} #header .container .headerTop .hTopRight .onlineCatalog p{font-size: 10px;padding: 0 0 3px 0;} #header .container .headerTop .hTopRight .lang{flex: 1;max-width: 90px;border-top-left-radius: 10px;} #header .container .headerTop .hTopRight .lang a{padding: 0 8px;width: 100%;} #header .container .headerTop .hTopRight .lang p{font-size: 11px;} #header .container .headerTop .hTopRight .lang .lG{height: 15px;margin: 0 2px;} #header .container .headerTop .hTopRight .lang .arraw{height: 5px;} #header .container .headerTop .hTopRight .mobilMenu{padding: 0 20px 0 11px;flex: 1;justify-content: flex-start;max-width: 100px;} #header .container .headerTop .hTopRight .mobilMenu img{height: 15px;} #header .container .headerTop .hTopRight .mobilMenu p{font-size: 10px;padding: 0px 0 2px 0;} #header .container .headerBottom:after{height: 3px;} #header .container .headerBottom .logo img{height: 25px;} #header .container .headerBottom .menu{display: none;} #header .container .headerBottom .menu ul li{font-size: 11px;padding: 0 7px;} #header.sticky .container .headerBottom .menu ul li{font-size: 10px;} #header .container .headerBottom .hBotRight{width: 100%;justify-content: space-between;} #header .container .headerBottom .hBotRight .phone img{height: 15px;} #header .container .headerBottom .hBotRight .phone p{font-size: 11px;padding-left: 7px;margin-left: 7px;display: flex;} #header .container .headerBottom .hBotRight .mobileMenu{width: 50px;} #header .container .headerTop .hTopRight .lang .dropdown-content {top: 24px;width: 98px;left: -20px;} #header .container .headerTop .hTopRight .lang .dropdown-content a{height: 30px;} #slider{margin-top: -40px;max-height: 300px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 0;bottom: 25px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 14px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 17px;} #slider .swiper-container .swiper-slide .mainSlider .content{bottom: 20px;max-width: 101px;} #slider .swiper-container .swiper-slide .mainSlider .content a{padding: 0 10px;border-radius: 7px;height: 57px;} #slider .swiper-container .swiper-slide .mainSlider .content a p{font-size: 10px;line-height: 1.3;} #slider .container .swiper-pagination{bottom: 15px;left: 10px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} #slider .container .swiper-pagination-bullet{width: 20px;height: 2px;} #homeService{padding: 10px 0;} #homeService .container{display: flex; flex-direction: column;} #homeService .container .serviceText{margin-right: 16px; display: none;} #homeService .container .serviceList{} #homeService .container .serviceList .serviceTitle ul li{padding-right: 6px; margin-right: 6px;} #homeService .container .serviceList .serviceTitle ul li a{padding: 2px 0; font-size: 11px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -3px; width: 90%; height: 2px;} #homeService .container .serviceList .serviceContent{flex-direction: column-reverse; margin-top: 12px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: 100%; padding: 14px 12px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 15px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 35px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 12px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC{margin-top: 7px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 28px; font-size: 10px; padding: 0 9px; border-radius: 14px; border-width: 0 1px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 1px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 3px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 28px;} #homeService .container .serviceList .serviceContent .image{width: 100%; height: 180px;} #homeProduct .container .title{height: 67px; margin-bottom: 18px;} #homeProduct .container .title h1{font-size: 13px;} #homeProduct .container .title a{font-size: 10px;} #homeProduct .container .title a img{margin-left: 6px; height: 17px;} #homeProduct .container .content::before{left: -10px; width: 10px;} #homeProduct .container .content::after{right: -10px; width: 10px;} #homeProduct .container .content .prooductList{width:100%; margin-top: -18px;} #homeProduct .container .content .prooductList .swiper-container{padding-bottom: 25px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide{padding: 12px 12px 0px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text{min-height: 30px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text:after{bottom: 0; right: -12px;width: 18px;height: 4px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .text p{font-size: 13px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 150px; max-width: 178px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow{height: 32px; width: 31px; margin-bottom: -6px;} #homeProduct .container .content .prooductList .swiper-container .swiper-wrapper .swiper-slide .rightArrow img{height: 11px;} #homeVideo{height: 169px;margin-bottom: 15px;} #homeVideo .container .cnt{padding: 15px;} #homeVideo .container .cnt img{height: 68px;margin-right: 0;} #homeVideo .container .cnt h1{font-size: 14px;} #homeCompany{height: 298px;margin-top: -49px;} #homeCompany .container .companyList{padding: 50px 0 30px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1);flex: 1 0 45%;} #homeCompany .container .companyList .companySingle .icon img{height: 36px;} #homeCompany .container .companyList .companySingle .icon.eml img{max-width: 110px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 13px;margin-top: 12px;} #homeCompany .container .companyList .companySingle .text p{font-size: 15px;margin-top: 5px;} #homeProduction{padding-top: 15px;height: 270px;padding-bottom: 15px;} #homeProduction .container:before{transition: all .3s;position: absolute;content: "";left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgb(247 245 242 / 72%) 49%, rgba(255,255,255,0) 100%);z-index: 2;} #homeProduction .container:hover:before{background:linear-gradient(90deg, rgba(197,190,189,1) 0%, rgba(255,255,255,0) 100%);transition: all .3s;} #homeProduction .container .text{padding-left: 19px;max-width: 100%;z-index: 99999;position: relative;} #homeProduction .container .text h1{font-size: 16px;padding-right: 100px;} #homeProduction .container .text p{margin: 5px 0 10px 0;font-size: 13px;padding-right: 99px;} #homeProduction .container .text .images{padding-right: 45px;} #homeProduction .container .text .images .single{height: 85px;} #homeProduction .container .text .images .button{width: 30px;height: 30px;right: 30px;} #homeProduction .container .text .images .button img{height: 15px;} #footer{padding: 17px;} #footer .container{padding: 0;} #footer .container .footorTop{flex-direction: column;} #footer .container .footorTop .logo img{height: 35px;} #footer .container .footorTop .fRight{padding: 10px 0 0;flex-direction: column-reverse;align-items: flex-start;} #footer .container .footorTop .fRight .line{width: 54%;position: absolute;right: 0;top: 41px;z-index: -1;opacity: .5;} #footer .container .footorTop .fRight .socials h1{font-size: 13px;margin: 0;width: 88px;} #footer .container .footorTop .fRight .socials .content{margin: 0 10px;} #footer .container .footorTop .fRight .socials .content .single{margin-left: 5px;} #footer .container .footorTop .fRight .socials .content .single img{height: 18px;} #footer .container .footorTop .fRight .phone{max-width: 100%;padding: 10px 12px;margin-bottom: 15px;} #footer .container .footorTop .fRight .phone img{height: 13px;} #footer .container .footorTop .fRight .phone p{font-size: 10px;padding-left: 8px;margin-left: 8px;} #footer .container .footorBottom{padding: 20px 0;flex-direction: column;} #footer .container .footorBottom .fBottomLeft {flex: .5;position: unset;} #footer .container .footorBottom .fBottomLeft .copright h1{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright p{font-size: 11px;} #footer .container .footorBottom .fBottomLeft .copright .atcF p{margin: 0;padding: 0;font-size: 10px;} #footer .container .footorBottom .fBottomLeft .copright .atcF a img{height: 16px;} #footer .container .footorBottom .fBottomLeft .bottomImg{height: 150px;bottom: 15px;z-index: 1;opacity: .5;} #footer .container .footorBottom .fBottomRight{justify-content: flex-start;position: relative;z-index: 9;} #footer .container .footorBottom .fBottomRight .single{font-size: 10px;margin-left: 0;margin-right: 10px;padding-top: 15px;} #footer .container .footorBottom .fBottomRight .single a{padding-top: 4px;} #footer .container .footorBottom .fBottomRight .single a h1{font-size: 11px;} #footer .container .cour .single{font-size: 10px;padding: 8px 0 0 0;} #pageNavigationImg{height: 120px;} #pageNavigationImg .container .text{bottom: 10px;} #pageNavigationImg .container .text a{font-size: 11px;} #pageTopNvg {height: fit-content;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{} #pageTopNvg .container .text .imageI img{/* width: 58px; */height: 27px;/* margin-left: -13px; */} #pageTopNvg .container .text .slogan h2{font-size: 10px;} #pageDetailContent{margin-top: 10px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;font-size: 12px;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 13px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 12px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 12px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -21px;height: 20px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 16px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 9px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 49.3%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 0;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 8px;font-size: 10px;} #pageDetailContent .container .pageRight .listTitle .menuL .sbroudM{display: none;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;padding: 5px;margin-bottom: 0;} #pageDetailContent .container .pageRight .pProList .single{padding: 7px;flex: 0 0 49.9%;} #pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;} #pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;} #pageDetailContent .container .pageRight .pProList .single .image{height: 80px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 9px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 11px;font-weight: 600;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .buttons{flex-direction: column;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 14px;padding: 7px 12px;border-top-left-radius: 0;border-bottom-left-radius: 0;margin-top: 5px;border-radius: 20px;} #pageDetailContent .container .pageRight .pProList .single .buttons button.basketB{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-radius: 20px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;padding: 10px 10px 10px 10px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 00px;} #pageDetailContent .container .pageRight .orderListWindow .table{padding: 2px;} #pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 10px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 7px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 9px;font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button img{height: 12px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 39px;margin-right: 7px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 19px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 17px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 14px;text-align: center;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 13px;padding: 8px;margin-top: 4px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 200px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 10px;height: 40px;padding: 0 30px;margin-bottom: 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 40px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);width: fit-content;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;display: flex;flex-direction: column;padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0 10px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 121px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 9px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 16px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons{flex-direction: column;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 12px;border-top-left-radius: 0;border-bottom-left-radius: 0;margin-top: 5px;border-radius: 20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button.basketB{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-radius: 20px;font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} /*Haber List*/ #pageDetailContent .container .pageRight #news-list .list{padding: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .title h3{font-size: 11px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .info{margin-bottom: 5px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .explanation p{font-size: 14px;margin: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .explanation{margin-bottom: 10px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .readmore a{padding: 10px;font-size: 14px;} #pageDetailContent .container .pageRight .newsContent{padding: 10px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 15px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 13px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 13px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 11px;padding: 3px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo p:first-child{padding: 6px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 7px;margin-top: 7px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 21px;margin-right: 5px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 11px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 12px!important;} #pageDetailContent .container .pageRight .newsContent .page-news-detail-footer{margin: 10px 0;padding: 7px 0;} #pageDetailContent .container .pageRight .newsDetail-footer-share{font-size: 12px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items{margin-left: 7px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a{width: 40px;height: 25px;} #cboxClose{width: 70px!important;height: 30px!important;} #pageDetailContent .container .pageRight .pageContact{padding: 10px;flex-direction: column;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 0;padding: 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageRight .pageContact .maps {padding: 0 0 8px;} #pageDetailContent .container .pageRight .pageContact .form .login-form input,textarea,select{padding: 8px 17px;font-size: 13px;margin: 0 0 7px 0;} #pageDetailContent .container .pageRight .pageContact .form .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me input{width: 10px;margin-right: 5px;margin-bottom: 0;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 10px;padding: 8px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 15px;margin-right: 5px;} #pageDetailContent .container .pageRight .prevButtons{margin: 10px 0 5px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 70px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 10px;padding: 3px 0;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 14px;margin-right: 5px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 14px;margin-top: 8px;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 11px;padding: 5px 0 0px;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 11px; margin-bottom: 3px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP{font-size: 10px;} #pageDetailContent .container .pageRight .table{margin: 7px 0 0;} #pageDetailContent .container .pageRight .table table td, th{font-size: 10px;} #pageDetailContent .container .pageRight .prevButtons{margin: 7px 0 0px;} #pageDetailContent .container .pageRight .iconsProT{padding: 5px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 5px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 30px;height: 30px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 6px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 45px;width: 50px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 11px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 5px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 12px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 11px;padding-right: 3px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 19px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 39px;margin-left: 4px;} #pageDetailContent .container .pageRight .naviPages{padding: 8px 0;border-top: 1px solid #ddd;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 15px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 3px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 9px;padding: 1px 0 3px 0;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 9px;margin: 0 2px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu{display: none;} #pageDetailContent .container .pageLeft .detailPromise{display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft #filter .detailPromise{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 6px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 14px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 10px;height: auto;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 17px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 155px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px; object-fit: contain;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 15px;height: fit-content;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 12px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 4px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} .buy-now{right: 20px;bottom: 22px;width: 45px;height: 45px} .buy-now.right{right: 30px} .buy-now .buy-now-btn{height: 45px;width: 45px;line-height: 45px;font-size: 1.42em;} .buy-now .ripple,.buy-now .ripple:before,.buy-now .ripple:after{top: 0;height: 45px; width: 45px} #pageDetailContent .container .pageRight .iconsProT{padding: 5px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 5px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 30px;height: 30px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 11px;} @-webkit-keyframes ripple { 70% {box-shadow: 0 0 0 20px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } @keyframes ripple { 70% {box-shadow: 0 0 0 20px rgba(94,188,231,0)} 100% {box-shadow: 0 0 0 0 rgba(94,188,231,0)} } }