@media screen and (max-width: 1900px) { .container{max-width:1400px;width:100%;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 1400px;} } @media screen and (max-width: 1800px) { #mFull .closebtn{font-size: 45px;} #mFull .container{max-width: 96%; grid-template-rows: 90px 1fr 90px; padding: 0px;} #mFull .container .header::after{width: 100%;} #mFull .container .header .flags img{height: 80px;margin: 30px 0 0 0;} #mFull .container .content{grid-template-columns: 400px 1fr; column-gap: 50px;} #mFull .container .content .right{grid-template-rows: 65px 1fr; row-gap:33px; padding-left:0px;} #mFull .container .content .right .top{padding: 0 25px;} #mFull .container .content .right .top .phones .phone{margin-right: 18px;} #mFull .container .content .right .top .phones .phone img{height: 28px; margin: 0 7px 0 0px;} #mFull .container .content .right .top .phones .phone .text p{font-size: 12px;} #mFull .container .content .right .top .phones .phone .text h1{font-size: 15px;} #mFull .container .content .right .top .socials .social.single{margin-left: 17px;} #mFull .container .content .right .top .socials .social p{font-size: 13px; margin-right: 8px; padding-right: 8px;} #mFull .container .content .right .top .socials .social .icons a{margin-right: 5px;} #mFull .container .content .right .top .socials .social.single{margin-left: 13px;} #mFull .container .content .right .top .socials .social.single img{height: 23px;} #mFull .container .content .right .top .socials .social .icons a img{height: 23px;} #mFull .container .content .right .top ul li{font-size: 14px;} #mFull .container .content .right .bottom li{font-size: 14px;} #mFull .container .content .right .bottom li a img{height: 62px;} #mFull .container .content .info{padding: 40px 25px 25px; grid-template-rows: auto 1fr 1fr;} #mFull .container .content .info .title{font-size: 17px;width: 275px;} #mFull .container .content .info .title strong{font-size: 24px;} #mFull .container .content .info .text{padding: 0px 0 0;} #mFull .container .content .info .text ul li{font-size: 14px;} #mFull .footerNav-social span{font-size: 12px;} .container{padding: 0 50px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText{padding: 20px 34px 34px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 18px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 22px;} #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 {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: 0;height: 400px;} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{bottom: 60px;} #pageTopNvg .container .text .imageI img{height: 63px;} #pageTopNvg .container .text .slogan h1{font-size: 23px;} } @media screen and (max-width: 1480px) { #mFull .container{max-width: 96%;} .container{max-width:97%;width:100%;} #header .container .logo img{height: 100px;} #header .container .menu{padding-top: 0;} #header .container .menu .menuTop{height: 35px;} #header .container .menu .menuTop .fIcons{height: 100%;padding-right: 15px;} #header .container .menu .menuTop .fIcons a img{height: 20px;} #header .container .menu .menuTop .headerPhone{height: 100%;padding-left: 15px;} #header .container .menu .menuTop .headerPhone img{height: 18px;} #header .container .menu .menuBottom{height: 55px;} #header .container .menu .menuBottom .mobilMenu{border-bottom: 2px solid #ee7d18;} #header .container .menu .menuBottom .mobilMenu img{margin-top: 0;} #header .container .menu .menuBottom ul li a{font-size: 15px;font-weight: 400;padding: 0 10px;} #header .container .menu .menuBottom ul li:hover .altMenu{top: 55px;} #header .container .menu .menuBottom ul .altMenu{width: 200px;} #header .container .menu .menuBottom ul .altMenu li a{padding: 6px !important;font-size: 12px;} #slider {max-height: 575px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 97%;} #slider .swiper-container .swiper-slide .mainSlider .text{max-width: 400px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 20px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 30px;} #slider .swiper-container .swiper-slide .mainSlider .text p{font-size: 90px;right: 0;bottom: -70px;} #slider .bottomLine{height: 30px;} #slider .bottomLine .container .line{width: 110px;} #slider .bottomLine .container:before{width: 1007%;height: 40px;} #slider .paginetionSlider{bottom: 13px;} #slider .bottomLine .container .triangleShadow{right: 121px;} #slider .bottomLine .container .triangle{border-bottom: 30px solid #2e2d2c;border-top: 0px solid transparent;border-left: 30px solid rgb(152 151 151 / 0%);right: 120px;} #slider .paginetionSlider .swiper-pagination-bullet{height: 5px;width: 5px;margin-right: 3px;} #slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;height: 5px;} #homeServiceShort .container{z-index: 99999;} #homeServiceShort .container:before{width: 10006%;z-index: -1;} #homeServiceShort .container .title{max-width: 325px;padding: 10px;} #homeServiceShort .container .title h1{font-size: 27px;} #homeServiceShort .container .title p{font-size: 14px;} #homeServiceShort .container .content .single{padding: 5px 0 5px 5px;margin-left: 5px;} #homeServiceShort .container .content .single img{height: 35px;} #homeServiceShort .container .content .single p{margin-top: 4px;font-size: 14px;} #homeCorp{height: 400px;} #homeCorp .container .text{padding: 30px 0;} #homeCorp .container .text .title{margin-bottom: 5px;} #homeCorp .container .text .title h1{font-size: 25px;} #homeCorp .container .text .title h2{font-size: 20px;} #homeCorp .container .text p{font-size: 13px;padding-top: 10px;padding-right: 50px;} #homeCorp .container .text .button a{padding: 5px;} #homeCorp .container .text .button a .icon{width: 30px;height: 30px;margin-left: 5px;} #homeCorp .container .text .button a .icon img{height: 13px;} #homeCorp .container .text .button a p{font-size: 12px;} #roadsideBanner{padding: 20px 0;} #roadsideBanner:before{height: 200px;} #roadsideBanner .container{height: 350px;padding: 20px;} #roadsideBanner .container .text .roadImg{height: 70px;} #roadsideBanner .container .text h1{font-size: 23px;} #roadsideBanner .container .text p{font-size: 14px;padding-top: 10px;} #homeCategory{height: fit-content;} #homeCategory .container .tabs .tabMenu .single{padding: 10px;} #homeCategory .container .tabs .tabMenu .single.activeTab p{font-size: 14px;} #homeCategory .container .tabs .tabMenu .single p{font-size: 14px;} #homeCategory .container .tabs .tabMenu .single.activeTab img{height: 50px;} #homeCategory .container .tabs .tabMenu .single img{height: 50px;} #homeCategory .container .tabs .tabsCnt .text{padding: 10px 0;} #homeCategory .container .tabs .tabsCnt .text h1{font-size: 35px;} #homeCategory .container .tabs .tabsCnt .text p{font-size: 14px;margin-top: 7px;} #homeCategory .container .tabs .tabsCnt .text .button a{padding: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon{width: 30px;height: 30px;margin-left: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon img{height: 13px;} #homeCategory .container .tabs .tabsCnt .text .button a p{font-size: 12px;} #homeCategory .container .tabs .tabsCnt .image img{height: 325px;padding-top: 15px;} #homeBrands{margin: 10px 0;} #homeBrands .container{height: 250px; grid-template-columns: 35% 65%;} #homeBrands .container .text h1{font-size: 40px;} #homeBrands .container .content{padding: 40px;} #homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide img{height: 90px;} #homeContact{height: 350px;} #homeContact .container .text{padding: 30px 0;max-width: 450px;} #homeContact .container .text .title{margin-bottom: 5px;} #homeContact .container .text .title h1{font-size: 25px;} #homeContact .container .text .title h2{font-size: 20px;} #homeContact .container .text p{font-size: 13px;padding-top: 10px;padding-right: 50px;} #homeContact .container .text .button a{padding: 5px;} #homeContact .container .text .button a .icon{width: 30px;height: 30px;margin-left: 5px;} #homeContact .container .text .button a .icon img{height: 13px;} #homeContact .container .text .button a p{font-size: 12px;} #footer{padding: 40px 0;} #footer .container .footerTop .logo img{height: 30px;} #footer .container .footerLeft .copyright{padding: 20px 0 15px 0;} #footer .container .footerLeft .copyright h1{font-size: 12px;} #footer .container .footerLeft .copyright .adress{font-size: 12px;} #footer .container .footerLeft .copyright p{font-size: 12px;} #footer .container .footerLeft .socials h1{font-size: 12px;} #footer .container .footerLeft .socials .cnt a img{height: 25px;} #footer .container .footerLeft .phoneF img{height: 20px;} #footer .container .footerLeft .phoneF .cnt{padding-left: 10px;margin-left: 10px;} #footer .container .footerLeft .phoneF .cnt h1{font-size: 12px;} #footer .container .footerLeft .phoneF .cnt a{font-size: 10px;} #footer .container .footerMenu .single{margin-right: 25px;max-width: 140px;} #footer .container .footerMenu .single a{font-size: 12px;} #footer .container .footerMenu .single a h1{font-size: 12px;} #footer .container .footerMenu .single a .smt{margin-top: 10px;} #footerCour{ padding: 15px 0 25px 0;} #footerCour .container a{font-size: 12px;} #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 .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;} #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: 25px;margin-right: 10px;} #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: 8px;} #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;} #pageDetailContent .container .pageRight .videoList iframe{height: 270px;} } @media screen and (max-width: 1380px) { .container{padding: 0 10px;max-width: 97%;} } @media screen and (max-width: 1200px) { .container{max-width: 97%;padding: 0 10px;} #mFull .closebtn{font-size: 41px;} #mFull .container{max-width: 96%; grid-template-rows: 85px 1fr 85px; padding: 0px;} #mFull .container .header::after{width: 100%;} #mFull .container .header .flags img{height: 81px;} #mFull .container .content{grid-template-columns: 350px 1fr; column-gap: 35px;} #mFull .container .content .right{grid-template-rows: 58px 1fr; row-gap:26px; padding-left:0px;} #mFull .container .content .right .top{padding: 0 16px;} #mFull .container .content .right .top .phones .phone{margin-right: 13px;} #mFull .container .content .right .top .phones .phone img{height: 25px; margin: 0 5px 0 0px;} #mFull .container .content .right .top .phones .phone .text p{font-size: 11px;} #mFull .container .content .right .top .phones .phone .text h1{font-size: 13px;} #mFull .container .content .right .top .socials .social p{font-size: 12px; margin-right: 6px; padding-right: 6px;} #mFull .container .content .right .top .socials .social.single img{height: 21px;} #mFull .container .content .right .top .socials .social .icons a img{height: 21px;} #mFull .container .content .right .bottom li{font-size: 13px;} #mFull .container .content .right .bottom li a img{height: 54px;} #mFull .container .content .info{padding: 34px 21px 24px; grid-template-rows: auto 1fr 1fr;} #mFull .container .content .info .title{font-size: 16px;} #mFull .container .content .info .title strong{font-size: 23px;} #mFull .container .content .info .text{padding: 0px 0 0;} #mFull .container .content .info .text ul{padding: 7px 8px 13px;} #mFull .container .content .info .text ul li{font-size: 13px;} #mFull .container .content .info .text ul li a{padding: 7px 0;} #mFull .footerNav-social span{font-size: 11px;} #header .container .logo img{height: 100px;} #header .container .menu{padding-top: 0;} #header .container .menu .menuTop{height: 35px;} #header .container .menu .menuTop .fIcons{height: 100%;padding-right: 15px;} #header .container .menu .menuTop .fIcons a img{height: 20px;} #header .container .menu .menuTop .headerPhone{height: 100%;padding-left: 15px;} #header .container .menu .menuTop .headerPhone img{height: 18px;} #header .container .menu .menuBottom{height: 55px;} #header .container .menu .menuBottom .mobilMenu{border-bottom: 2px solid #ee7d18;} #header .container .menu .menuBottom .mobilMenu img{margin-top: 0;height: 20px;} #header .container .menu .menuBottom ul li a{font-size: 14px;font-weight: 400;padding: 0 10px;} #header .container .menu .menuBottom ul li:hover .altMenu{top: 55px;} #header .container .menu .menuBottom ul .altMenu{width: 200px;} #header .container .menu .menuBottom ul .altMenu li a{padding: 6px !important;font-size: 12px;} #slider {max-height: 500px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 97%;} #slider .swiper-container .swiper-slide .mainSlider .text{max-width: 335px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 16px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 25px;} #slider .swiper-container .swiper-slide .mainSlider .text p{font-size: 90px;right: 0;bottom: -70px;} #slider .bottomLine{height: 30px;} #slider .bottomLine .container .line{width: 110px;} #slider .bottomLine .container:before{width: 1007%;height: 40px;} #slider .paginetionSlider{bottom: 13px;} #slider .bottomLine .container .triangleShadow{right: 121px;} #slider .bottomLine .container .triangle{border-bottom: 30px solid #2e2d2c;border-top: 0px solid transparent;border-left: 30px solid rgb(152 151 151 / 0%);right: 120px;} #slider .paginetionSlider .swiper-pagination-bullet{height: 5px;width: 5px;margin-right: 3px;} #slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;height: 5px;} #homeServiceShort .container{z-index: 99999;} #homeServiceShort .container:before{width: 10006%;z-index: -1;} #homeServiceShort .container .title{max-width: 325px;padding: 10px;} #homeServiceShort .container .title h1{font-size: 23px;padding-top: 8px;} #homeServiceShort .container .title p{font-size: 12px;} #homeServiceShort .container .content{padding: 15px 0;} #homeServiceShort .container .content .single{padding: 5px 0 5px 5px;margin-left: 5px;} #homeServiceShort .container .content .single img{height: 35px;} #homeServiceShort .container .content .single p{margin-top: 4px;font-size: 12px;} #homeCorp{height: 325px;} #homeCorp .container .text{padding: 15px 0;} #homeCorp .container .text .title{margin-bottom: 5px;} #homeCorp .container .text .title h1{font-size: 25px;} #homeCorp .container .text .title h2{font-size: 20px;} #homeCorp .container .text p{font-size: 12px;padding-top: 6px;padding-right: 0;} #homeCorp .container .text .button a{padding: 5px;} #homeCorp .container .text .button a .icon{width: 30px;height: 30px;margin-left: 5px;} #homeCorp .container .text .button a .icon img{height: 13px;} #homeCorp .container .text .button a p{font-size: 11px;} #roadsideBanner{padding: 15px 0;} #roadsideBanner:before{height: 200px;} #roadsideBanner .container{height: 275px;padding: 20px;} #roadsideBanner .container .text{max-width: 350px;} #roadsideBanner .container .text .roadImg{height: 55px;} #roadsideBanner .container .text h1{font-size: 19px;} #roadsideBanner .container .text p{font-size: 13px;padding-top: 7px;line-height: 1.3;} #homeCategory{height: fit-content;} #homeCategory .container .tabs .tabMenu .single{padding: 10px;} #homeCategory .container .tabs .tabMenu .single.activeTab p{font-size: 13px;margin-top: 5px;} #homeCategory .container .tabs .tabMenu .single p{font-size: 13px;margin-top: 5px} #homeCategory .container .tabs .tabMenu .single.activeTab img{height: 45px;} #homeCategory .container .tabs .tabMenu .single img{height: 45px;} #homeCategory .container .tabs .tabsCnt .text{padding: 10px 0;} #homeCategory .container .tabs .tabsCnt .text h1{font-size: 30px;} #homeCategory .container .tabs .tabsCnt .text p{font-size: 13px;margin-top: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a{padding: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon{width: 30px;height: 30px;margin-left: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon img{height: 13px;} #homeCategory .container .tabs .tabsCnt .text .button a p{font-size: 11px;} #homeCategory .container .tabs .tabsCnt .image img{height: 290px;padding-top: 15px;} #homeBrands{margin: 10px 0;} #homeBrands .container{height: 250px; grid-template-columns: 35% 65%;} #homeBrands .container .text h1{font-size: 35px;} #homeBrands .container .content{padding: 40px;} #homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide img{height: 90px;} #homeContact{height: 350px;} #homeContact .container .text{padding: 30px 0;max-width: 450px;} #homeContact .container .text .title{margin-bottom: 5px;} #homeContact .container .text .title h1{font-size: 25px;} #homeContact .container .text .title h2{font-size: 20px;} #homeContact .container .text p{font-size: 13px;padding-top: 6px;padding-right: 50px;} #homeContact .container .text .button a{padding: 5px;} #homeContact .container .text .button a .icon{width: 30px;height: 30px;margin-left: 5px;} #homeContact .container .text .button a .icon img{height: 13px;} #homeContact .container .text .button a p{font-size: 11px;} #footer{padding: 40px 0;} #footer .container .footerLeft{max-width: 290px;} #footer .container .footerTop .logo img{height: 30px;} #footer .container .footerLeft .copyright{padding: 20px 0 15px 0;} #footer .container .footerLeft .copyright h1{font-size: 11px;} #footer .container .footerLeft .copyright .adress{font-size: 11px;} #footer .container .footerLeft .copyright p{font-size: 11px;} #footer .container .footerLeft .socials h1{font-size: 11px;} #footer .container .footerLeft .socials .cnt a img{height: 25px;} #footer .container .footerLeft .phoneF img{height: 18px;} #footer .container .footerLeft .phoneF .cnt{padding-left: 8px;margin-left: 8px;} #footer .container .footerLeft .phoneF .cnt h1{font-size: 11px;} #footer .container .footerLeft .phoneF .cnt a{font-size: 10px;} #footer .container .footerMenu .single{margin-right: 25px;max-width: 140px;} #footer .container .footerMenu .single a{font-size: 12px;} #footer .container .footerMenu .single a h1{font-size: 12px;} #footer .container .footerMenu .single a .smt{margin-top: 10px;} #footerCour{ padding: 15px 0 25px 0;} #footerCour .container a{font-size: 12px;} #pageNavigationImg{height: 225px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageTopNvg {margin-top: 0;height: 230px;} #pageTopNvg .icon{} #pageTopNvg .container{} #pageTopNvg .container .text .imageI{bottom: 100px;left: 12px;} #pageTopNvg .container .text .imageI img{height: 60px;} #pageTopNvg .container .text .slogan h1{font-size: 21px;} #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: 20px;} #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: 10px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 20px;margin-right: 10px;} #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: 100px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 185px;margin-top: -50px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 10px 25px 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: 8px;} #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: 12px;} #pageDetailContent .container .pageRight .videoList iframe{height: 250px;} } @media screen and (max-width: 1024px) { .container{max-width: 98%;padding: 0;} #mFull .closebtn{font-size: 37px;} #mFull .container{max-width: 97%; grid-template-rows: 75px 1fr 75px; padding: 0px;} #mFull .container .header::after{width: 100%;} #mFull .container .header .flags img{height: 59px;margin: 35px 0 0;} #mFull .container .cKap{margin: 50px 0;} #mFull .container .content{grid-template-columns: 250px 1fr; column-gap: 15px;} #mFull .container .content .right{grid-template-rows: 51px 1fr; row-gap:20px; padding-left:0px;} #mFull .container .content .right .top{padding: 0 11px;} #mFull .container .content .right .top .phones .phone img{height: 21px; margin: 0 4px 0 0px;} #mFull .container .content .right .top .phones .phone .text p{font-size: 10px; margin: 0px 0px 1px;} #mFull .container .content .right .top .phones .phone .text h1{font-size: 11px;} #mFull .container .content .right .top .socials .social p{font-size: 10px; margin-right: 5px; padding-right: 5px;} #mFull .container .content .right .top .socials .social.single p{display: none;} #mFull .container .content .right .top .socials .social.single{margin-left: 5px;} #mFull .container .content .right .top .socials .social .icons{height: 23px; border-right: 1px solid rgb(255 255 255 / 38%);} #mFull .container .content .right .top .socials .social .icons a img{height: 18px;} #mFull .container .content .right .top .socials .social.single img{height: 18px;} #mFull .container .content .right .bottom li{font-size: 11px; width: 33.3%;} #mFull .container .content .right .bottom li a img{height: 44px;} #mFull .container .content .info{padding: 18px 9px 14px;grid-template-rows: auto 1fr 1fr;} #mFull .container .content .info .title{font-size: 15px;width: 220px;} #mFull .container .content .info .title strong{font-size: 21px;} #mFull .container .content .info .text{padding: 0px 0 0;} #mFull .container .content .info .text ul{padding: 4px 7px 9px;} #mFull .container .content .info .text ul li{font-size: 11px;} #mFull .footerNav-social span{font-size: 10px;} #header{top: 5px;} #header .container .logo img{height: 74px;} #header .container .menu{padding-top: 0;} #header .container .menu .menuTop{height: 30px;} #header .container .menu .menuTop .fIcons{height: 100%;padding-right: 10px;} #header .container .menu .menuTop .fIcons a{margin-left: 5px;padding-left: 5px;} #header .container .menu .menuTop .fIcons a img{height: 15px;} #header .container .menu .menuTop .headerPhone{height: 100%;padding-left: 10px;} #header .container .menu .menuTop .headerPhone img{height: 14px;margin-right: 5px;} #header .container .menu .menuTop .headerPhone p{margin: 0;padding: 0;font-size: 13px;} #header .container .menu .menuBottom{height: 45px;} #header .container .menu .menuBottom .mobilMenu{border-bottom: 2px solid #ee7d18;width: 38px;} #header .container .menu .menuBottom .mobilMenu img{margin-top: 0;height: 13px;} #header .container .menu .menuBottom ul li a{font-size: 12px;font-weight: 400;padding: 0 5px;} #header .container .menu .menuBottom ul li:last-child a{padding-left: 5px;} #header .container .menu .menuBottom ul li:hover .altMenu{top: 45px;} #header .container .menu .menuBottom ul .altMenu{width: 200px;} #header .container .menu .menuBottom ul .altMenu li a{padding: 5px !important;font-size: 11px;} #slider {max-height: 500px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 97%;} #slider .swiper-container .swiper-slide .mainSlider .text{max-width: 300px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 14px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 20px;} #slider .swiper-container .swiper-slide .mainSlider .text p{font-size: 70px;right: 0;bottom: -52px;} #slider .bottomLine{height: 30px;} #slider .bottomLine .container .line{width: 110px;} #slider .bottomLine .container:before{width: 1007%;height: 40px;} #slider .paginetionSlider{bottom: 13px;} #slider .bottomLine .container .triangleShadow{right: 121px;} #slider .bottomLine .container .triangle{border-bottom: 30px solid #2e2d2c;border-top: 0px solid transparent;border-left: 30px solid rgb(152 151 151 / 0%);right: 110px;} #slider .paginetionSlider .swiper-pagination-bullet{height: 5px;width: 5px;margin-right: 3px;} #slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;height: 5px;} #homeServiceShort .container{z-index: 99999;} #homeServiceShort .container:before{width: 10006%;z-index: -1;} #homeServiceShort .container .title{max-width: 196px;padding: 10px;} #homeServiceShort .container .title h1{font-size: 17px;padding-top: 8px;} #homeServiceShort .container .title p{font-size: 11px;} #homeServiceShort .container .content{padding: 15px 0;} #homeServiceShort .container .content .single{padding: 5px 0 5px 5px;margin-left: 5px;} #homeServiceShort .container .content .single img{height: 30px;} #homeServiceShort .container .content .single p{margin-top: 4px;font-size: 10px;} #homeCorp{height: 325px;} #homeCorp .container .text{padding: 10px 0;} #homeCorp .container .text .title{margin-bottom: 5px;} #homeCorp .container .text .title h1{font-size: 18px;} #homeCorp .container .text .title h2{font-size: 15px;} #homeCorp .container .text p{font-size: 11px;padding-top: 3px;padding-right: 0;} #homeCorp .container .text .button a{padding: 5px;} #homeCorp .container .text .button a .icon{width: 30px;height: 30px;margin-left: 5px;} #homeCorp .container .text .button a .icon img{height: 13px;} #homeCorp .container .text .button a p{font-size: 11px;} #roadsideBanner{padding: 15px 0;} #roadsideBanner:before{height: 177px;} #roadsideBanner .container{height: 250px;padding: 20px;} #roadsideBanner .container .text{max-width: 350px;} #roadsideBanner .container .text .roadImg{height: 50px;} #roadsideBanner .container .text h1{font-size: 17px;} #roadsideBanner .container .text p{font-size: 12px;padding-top: 7px;line-height: 1.3;} #homeCategory{height: fit-content;} #homeCategory .container .tabs .tabMenu .single{padding: 7px;} #homeCategory .container .tabs .tabMenu .single.activeTab p{font-size: 11px;margin-top: 4px;} #homeCategory .container .tabs .tabMenu .single p{font-size: 11px;margin-top: 4px;} #homeCategory .container .tabs .tabMenu .single.activeTab img{height: 40px;} #homeCategory .container .tabs .tabMenu .single img{height: 40px;} #homeCategory .container .tabs .tabsCnt .text{padding: 10px 0;} #homeCategory .container .tabs .tabsCnt .text h1{font-size: 20px;} #homeCategory .container .tabs .tabsCnt .text p{font-size: 11px;margin-top: 3px;line-height: 1.3;} #homeCategory .container .tabs .tabsCnt .text .button a{padding: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon{width: 25px;height: 25px;margin-left: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon img{height: 13px;} #homeCategory .container .tabs .tabsCnt .text .button a p{font-size: 10px;} #homeCategory .container .tabs .tabsCnt .image img{height: 260px;padding-top: 15px;} #homeBrands{margin: 10px 0;} #homeBrands .container{height: 150px;grid-template-columns: 30% 70%;} #homeBrands .container .text h1{font-size: 21px;} #homeBrands .container .content{padding: 40px;} #homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide img{height: 64px;} #homeContact{height: 275px;} #homeContact .bg{width: fit-content;z-index: 1;} #homeContact .lBg{z-index: 1;} #homeContact .container {position: relative;z-index: 9;} #homeContact .container .text{padding: 30px 0;max-width: 325px;} #homeContact .container .text .title{margin-bottom: 5px;} #homeContact .container .text .title h1{font-size: 18px;} #homeContact .container .text .title h2{font-size: 15px;} #homeContact .container .text p{font-size: 11px;padding-top: 4px;padding-right: 0;color: rgb(255 255 255 / 68%);} #homeContact .container .text .button a{padding: 5px;} #homeContact .container .text .button a .icon{width: 25px;height: 25px;margin-left: 5px;} #homeContact .container .text .button a .icon img{height: 10px;} #homeContact .container .text .button a p{font-size: 11px;} #footer{padding: 20px 0;} #footer .container .footerLeft{max-width: 263px;} #footer .container .footerTop{padding-bottom: 6px;margin-bottom: 0;} #footer .container .footerTop .logo img{height: 20px;} #footer .container .footerLeft .copyright{padding: 10px 0 5px 0;} #footer .container .footerLeft .copyright h1{font-size: 11px;} #footer .container .footerLeft .copyright .adress{font-size: 10px;} #footer .container .footerLeft .copyright p{font-size: 9px;} #footer .container .footerLeft .socials{padding: 0 0 10px 0;} #footer .container .footerLeft .socials h1{font-size: 11px;} #footer .container .footerLeft .socials .cnt a img{height: 21px;} #footer .container .footerLeft .phoneF img{height: 18px;} #footer .container .footerLeft .phoneF .cnt{padding-left: 8px;margin-left: 8px;} #footer .container .footerLeft .phoneF .cnt h1{font-size: 11px;} #footer .container .footerLeft .phoneF .cnt a{font-size: 10px;} #footer .container .footerMenu .single{margin-right: 16px;max-width: 100px;} #footer .container .footerMenu .single a{font-size: 10px;} #footer .container .footerMenu .single a h1{font-size: 11px;} #footer .container .footerMenu .single a .smt{margin-top: 10px;} #footerCour{padding: 10px 0 15px 0;} #footerCour .container a{font-size: 11px;} .cookie-alert{width: 300px;padding: 10px;left: 10px;} .cookie-alert .leftCok img{width: 60px;height: 60px;margin-right: 5px;} .cookie-alert .rightCok span{font-size: 14px;} .cookie-alert .rightCok span i{font-size: 20px;} .cookie-alert .rightCok p{font-size: 10px;margin: 0;} .cookie-alert .rightCok .buttonCookie{margin-top: 8px;} .cookie-alert .rightCok .buttonCookie a{font-size: 9px;padding: 7px;} #pageNavigationImg{height: 200px;} #pageNavigationImg .container .text a{font-size: 14px;} #pageTopNvg {margin-top: 0;height: 185px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{bottom: 54px;opacity: .4;} #pageTopNvg .container .text .imageI img{/* width: 66px; *//* height: 18px; */} #pageTopNvg .container .text .slogan h1{font-size: 18px;} #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: 16px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 10px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px;padding: 6px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 20px;margin-right: 6px;} #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: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 130px;margin-top: -40px;width: fit-content;padding: 0 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;height: 36px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 8px;} #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;} #pageDetailContent .container .pageRight .videoList iframe{height: 225px;} } @media screen and (max-width: 768px) { .container{max-width: 98%;padding: 0;} #mFull .closebtn{font-size: 36px;} #mFull .container{max-width: 100%; grid-template-rows: 70px 1fr 70px; padding: 0px 20px;} #mFull .container .header::after{width: 100%;} #mFull .container .header .flags{align-items:center;} #mFull .container .header .flags img{height: 50px;margin: 0px 0;} #mFull .container .cKap{margin: 16px 0;} #mFull .container .content{grid-template-columns: unset; grid-template-rows: 1fr; column-gap: 0px; row-gap: 14px;} #mFull .container .content .right{grid-template-rows: 48px auto; row-gap:10px; padding-left:0px;} #mFull .container .content .right .top{padding: 0 15px;} #mFull .container .content .right .top .socials .social p{font-size: 11px;} #mFull .container .content .right .top .phones .phone img{height: 23px; margin: 0 5px 0 0px;} #mFull .container .content .right .top .socials .social .icons{height: 25px;} #mFull .container .content .right .top .socials .social.single img{height: 19px;} #mFull .container .content .right .top .socials .social .icons a img{height: 19px;} #mFull .container .content .right .top .phones .phone .text p{font-size: 11px;} #mFull .container .content .right .top .phones .phone .text h1{font-size: 12px;} #mFull .container .content .right .bottom li{font-size: 12px; width: 33%; padding: 15px 0;} #mFull .container .content .right .bottom li a img{height: 41px;} #mFull .container .content .info{padding: 13px 15px;grid-template-rows: auto 1fr 170px;} #mFull .container .content .info .title{font-size: 16px; width: 450px;} #mFull .container .content .info .title strong{font-size: 22px;} #mFull .container .content .info .text{padding: 0px 0 0;} #mFull .container .content .info .text ul li{font-size: 12px;} #mFull .footerNav-social span{font-size: 9px;} #header{top: 5px;} #header .container .logo img{height: 74px;} #header .container .menu{padding-top: 0;} #header .container .menu .menuTop{height: 30px;} #header .container .menu .menuTop .fIcons{height: 100%;padding-right: 10px;} #header .container .menu .menuTop .fIcons a{margin-left: 5px;padding-left: 5px;} #header .container .menu .menuTop .fIcons a img{height: 15px;} #header .container .menu .menuTop .headerPhone{height: 100%;padding-left: 10px;} #header .container .menu .menuTop .headerPhone img{height: 14px;margin-right: 5px;} #header .container .menu .menuTop .headerPhone p{margin: 0;padding: 0;font-size: 13px;} #header .container .menu .menuBottom{height: 45px;} #header .container .menu .menuBottom .mobilMenu{border-bottom: 2px solid #ee7d18;width: 38px;} #header .container .menu .menuBottom .mobilMenu img{margin-top: 0;height: 13px;} #header .container .menu .menuBottom ul {display: none;} #header .container .menu .menuBottom ul li a{font-size: 12px;font-weight: 400;padding: 0 5px;} #header .container .menu .menuBottom ul li:last-child a{padding-left: 5px;} #header .container .menu .menuBottom ul li:hover .altMenu{top: 45px;} #header .container .menu .menuBottom ul .altMenu{width: 200px;} #header .container .menu .menuBottom ul .altMenu li a{padding: 5px !important;font-size: 11px;} #slider {max-height: 350px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 97%;} #slider .swiper-container .swiper-slide .mainSlider .text{max-width: 250px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 12px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 18px;} #slider .swiper-container .swiper-slide .mainSlider .text p{font-size: 70px;right: 0;bottom: -52px;} #slider .bottomLine{height: 30px;} #slider .bottomLine .container .line{width: 110px;} #slider .bottomLine .container:before{width: 1007%;height: 40px;} #slider .paginetionSlider{bottom: 13px;} #slider .bottomLine .container .triangleShadow{right: 121px;} #slider .bottomLine .container .triangle{border-bottom: 30px solid #2e2d2c;border-top: 0px solid transparent;border-left: 30px solid rgb(152 151 151 / 0%);right: 110px;} #slider .paginetionSlider .swiper-pagination-bullet{height: 5px;width: 5px;margin-right: 3px;} #slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;height: 5px;} #homeServiceShort .container{z-index: 99999;flex-direction: column;} #homeServiceShort .container:before{width: 10006%;z-index: -1;} #homeServiceShort .container .title{max-width: 100%;padding: 10px;} #homeServiceShort .container .title h1{font-size: 17px;padding-top: 8px;} #homeServiceShort .container .title p{font-size: 11px;} #homeServiceShort .container .content{padding: 15px 0;justify-content: space-between;} #homeServiceShort .container .content .single{padding: 5px 0 5px 5px;margin-left: 5px;} #homeServiceShort .container .content .single img{height: 30px;} #homeServiceShort .container .content .single p{margin-top: 4px;font-size: 10px;} #homeCorp{height: fit-content;} #homeCorp .container{flex-direction: column;} #homeCorp .container .image{flex: unset;} #homeCorp .container .image img{max-height: 250px;} #homeCorp .container .text{padding: 10px 0;flex: unset;} #homeCorp .container .text .title{margin-bottom: 5px;} #homeCorp .container .text .title h1{font-size: 18px;} #homeCorp .container .text .title h2{font-size: 15px;} #homeCorp .container .text p{font-size: 11px;padding-top: 3px;padding-right: 0;} #homeCorp .container .text .button{margin-top: 5px;} #homeCorp .container .text .button a{padding: 5px;} #homeCorp .container .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeCorp .container .text .button a .icon img{height: 11px;} #homeCorp .container .text .button a p{font-size: 11px;} #roadsideBanner{padding: 10px 0;} #roadsideBanner:before{height: 177px;} #roadsideBanner .container{height: fit-content;padding: 11px;} #roadsideBanner .container .text{max-width: 277px;} #roadsideBanner .container .text .roadImg{height: 43px;} #roadsideBanner .container .text h1{font-size: 15px;} #roadsideBanner .container .text p{font-size: 11px;padding-top: 7px;line-height: 1.3;} #homeCategory{height: fit-content;} #homeCategory .container .tabs .tabMenu .single{padding: 7px;flex: 1 0 30%;flex-direction: row;align-items: center;} #homeCategory .container .tabs .tabMenu .single.activeTab p{font-size: 10px;margin-top: 4px;} #homeCategory .container .tabs .tabMenu .single p{font-size: 11px;margin-top: 4px;margin-left: 4px;} #homeCategory .container .tabs .tabMenu .single.activeTab img{height: 40px;} #homeCategory .container .tabs .tabMenu .single img{height: 40px;} #homeCategory .container .tabs .tabsCnt .text{padding: 10px 0;} #homeCategory .container .tabs .tabsCnt .text h1{font-size: 20px;} #homeCategory .container .tabs .tabsCnt .text p{font-size: 11px;margin-top: 3px;line-height: 1.3;} #homeCategory .container .tabs .tabsCnt .text .button a{padding: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon img{height: 10px;} #homeCategory .container .tabs .tabsCnt .text .button a p{font-size: 10px;} #homeCategory .container .tabs .tabsCnt .image img{height: 260px;padding-top: 15px;} #homeBrands{margin: 10px 0;} #homeBrands:before{top: unset;height: 114px;} #homeBrands .container{height: fit-content;grid-template-columns: 30% 70%;display: flex;flex-direction: column;padding: 10px 0 0;} #homeBrands .container .text h1{font-size: 19px;margin-bottom: 10px;} #homeBrands .container .content{padding: 25px;} #homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide img{height: 64px;} #homeContact{height: 275px;} #homeContact .bg{width: fit-content;z-index: 1;} #homeContact .lBg{z-index: 1;} #homeContact .container {position: relative;z-index: 9;} #homeContact .container .text{padding: 30px 0;max-width: 325px;} #homeContact .container .text .title{margin-bottom: 5px;} #homeContact .container .text .title h1{font-size: 18px;} #homeContact .container .text .title h2{font-size: 15px;} #homeContact .container .text p{font-size: 11px;padding-top: 4px;padding-right: 0;color: rgb(255 255 255 / 68%);} #homeContact .container .text .button a{padding: 5px;} #homeContact .container .text .button a .icon{width: 25px;height: 25px;margin-left: 5px;} #homeContact .container .text .button a .icon img{height: 10px;} #homeContact .container .text .button a p{font-size: 11px;} #footer{padding: 20px 0;} #footer .container{/* flex-direction: column; */} #footer .container .footerLeft{max-width: 178px;} #footer .container .footerTop .logo img{height: 18px;} #footer .container .footerLeft .copyright{padding: 10px 0 5px 0;} #footer .container .footerLeft .copyright h1{font-size: 10px;} #footer .container .footerLeft .copyright .adress{font-size: 10px;} #footer .container .footerLeft .copyright p{font-size: 10px;} #footer .container .footerLeft .socials{padding: 0 0 10px 0;} #footer .container .footerLeft .socials h1{font-size: 10px;} #footer .container .footerLeft .socials .cnt a img{height: 21px;} #footer .container .footerLeft .phoneF img{height: 18px;} #footer .container .footerLeft .phoneF .cnt{padding-left: 8px;margin-left: 8px;} #footer .container .footerLeft .phoneF .cnt h1{font-size: 11px;} #footer .container .footerLeft .phoneF .cnt a{font-size: 10px;} #footer .container .footerMenu{justify-content: flex-start;} #footer .container .footerMenu .single{margin-right: 16px;max-width: 100px;} #footer .container .footerMenu .single a{font-size: 10px;} #footer .container .footerMenu .single a h1{font-size: 11px;} #footer .container .footerMenu .single a .smt{margin-top: 10px;} #footerCour{padding: 10px 0 15px 0;} #footerCour .container a{font-size: 11px;} #pageNavigationImg{height: 150px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageTopNvg {margin-top: 0;height: 185px;} #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: 40px;margin-left: 0;} #pageTopNvg .container .text .slogan h1{font-size: 18px;} #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: 12px;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 20px;margin-right: 10px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 10px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px;margin-top: -40px;width: fit-content;padding: 0 13px;} #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: 8px;} #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;} #pageDetailContent .container .pageRight .videoList iframe{height: 200px;} } @media screen and (max-width: 640px) { .container{max-width: 98%;padding: 0;} #mFull .closebtn{font-size: 33px;} #mFull .container{max-width: 100%; grid-template-rows: 60px 1fr 60px; padding: 0 14px;} #mFull .container .header::after{width: 100%;} #mFull .container .header .flags img{height: 43px;} #mFull .container .cKap{margin: 15px 0;} #mFull .container .content{grid-template-columns: unset; grid-template-rows: 1fr; column-gap: 0px; row-gap: 14px;} #mFull .container .content .right{grid-template-rows: 43px auto;row-gap:10px;padding-left:0px;} #mFull .container .content .right .top .phones .phone img{height: 21px; margin: 0 4px 0 0;} #mFull .container .content .right .top .phones .phone .text p{font-size: 10px;} #mFull .container .content .right .top .phones .phone .text h1{font-size: 11px;} #mFull .container .content .right .top .socials .social p{font-size: 10px;} #mFull .container .content .right .top .socials .social.single img{height: 17px;} #mFull .container .content .right .top .socials .social .icons a img{height: 17px;} #mFull .container .content .right .bottom li{font-size: 11px; width: 33.3%; padding: 15px 0;} #mFull .container .content .right .bottom li a img{height: 41px;} #mFull .container .content .info{padding: 13px 15px;grid-template-rows: auto 1fr 155px;} #mFull .container .content .info .title{font-size: 14px;width: 350px;} #mFull .container .content .info .title strong{font-size: 19px;} #mFull .container .content .info .text{padding: 0px 0 0;} #mFull .container .content .info .text ul li{font-size: 11px;} #mFull .footerNav-social span{font-size: 9px;} #header{top: 5px;} #header .container .logo img{height: 74px;} #header .container .menu{padding-top: 0;} #header .container .menu .menuTop{height: 30px;} #header .container .menu .menuTop .fIcons{height: 100%;padding-right: 10px;} #header .container .menu .menuTop .fIcons a{margin-left: 5px;padding-left: 5px;} #header .container .menu .menuTop .fIcons a img{height: 15px;} #header .container .menu .menuTop .headerPhone{height: 100%;padding-left: 10px;} #header .container .menu .menuTop .headerPhone img{height: 14px;margin-right: 5px;} #header .container .menu .menuTop .headerPhone p{margin: 0;padding: 0;font-size: 13px;} #header .container .menu .menuBottom{height: 45px;} #header .container .menu .menuBottom .mobilMenu{border-bottom: 2px solid #ee7d18;width: 38px;} #header .container .menu .menuBottom .mobilMenu img{margin-top: 0;height: 13px;} #header .container .menu .menuBottom ul {display: none;} #header .container .menu .menuBottom ul li a{font-size: 12px;font-weight: 400;padding: 0 5px;} #header .container .menu .menuBottom ul li:last-child a{padding-left: 5px;} #header .container .menu .menuBottom ul li:hover .altMenu{top: 45px;} #header .container .menu .menuBottom ul .altMenu{width: 200px;} #header .container .menu .menuBottom ul .altMenu li a{padding: 5px !important;font-size: 11px;} #slider {max-height: 350px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 97%;} #slider .swiper-container .swiper-slide .mainSlider .text{max-width: 250px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 12px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 18px;} #slider .swiper-container .swiper-slide .mainSlider .text p{font-size: 50px;right: 0;bottom: -33px;} #slider .bottomLine{height: 30px;} #slider .bottomLine .container .line{width: 110px;} #slider .bottomLine .container:before{width: 1007%;height: 40px;} #slider .paginetionSlider{bottom: 13px;} #slider .bottomLine .container .triangleShadow{right: 121px;} #slider .bottomLine .container .triangle{border-bottom: 30px solid #2e2d2c;border-top: 0px solid transparent;border-left: 30px solid rgb(152 151 151 / 0%);right: 110px;} #slider .paginetionSlider .swiper-pagination-bullet{height: 5px;width: 5px;margin-right: 3px;} #slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;height: 5px;} #homeServiceShort .container{z-index: 99999;flex-direction: column;} #homeServiceShort .container:before{width: 10006%;z-index: -1;} #homeServiceShort .container .title{max-width: 100%;padding: 10px;} #homeServiceShort .container .title h1{font-size: 17px;padding-top: 8px;} #homeServiceShort .container .title p{font-size: 11px;} #homeServiceShort .container .content{padding: 9px 0;justify-content: space-between;flex-wrap: wrap;} #homeServiceShort .container .content .single{padding: 5px 0 5px 5px;margin-left: 5px;flex: 1 0 28%;} #homeServiceShort .container .content .single img{height: 30px;} #homeServiceShort .container .content .single p{margin-top: 4px;font-size: 10px;} #homeCorp{height: fit-content;} #homeCorp .container{flex-direction: column;} #homeCorp .container .image{flex: unset;} #homeCorp .container .image img{max-height: 204px;} #homeCorp .container .text{padding: 10px 0;flex: unset;} #homeCorp .container .text .title{margin-bottom: 5px;} #homeCorp .container .text .title h1{font-size: 18px;} #homeCorp .container .text .title h2{font-size: 15px;} #homeCorp .container .text p{font-size: 11px;padding-top: 3px;padding-right: 0;line-height: 1.3;} #homeCorp .container .text .button{margin-top: 5px;} #homeCorp .container .text .button a{padding: 5px;} #homeCorp .container .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeCorp .container .text .button a .icon img{height: 11px;} #homeCorp .container .text .button a p{font-size: 10px;} #roadsideBanner{padding: 10px 0;} #roadsideBanner:before{height: 177px;} #roadsideBanner .container{height: fit-content;padding: 9px;} #roadsideBanner .container .bg{opacity: .5;} #roadsideBanner .container .text{max-width: 222px;} #roadsideBanner .container .text .roadImg{height: 35px;} #roadsideBanner .container .text h1{font-size: 13px;} #roadsideBanner .container .text p{font-size: 11px;padding-top: 7px;line-height: 1.3;color: #3b3b3b;} #homeCategory{height: fit-content;} #homeCategory .container .tabs .tabMenu .single{padding: 7px;flex: 1 0 30%;flex-direction: row;align-items: center;height: auto;} #homeCategory .container .tabs .tabMenu .single.activeTab p{font-size: 10px;margin-top: 4px;} #homeCategory .container .tabs .tabMenu .single p{font-size: 10px;margin-top: 4px;margin-left: 4px;} #homeCategory .container .tabs .tabMenu .single.activeTab img{height: 30px;} #homeCategory .container .tabs .tabMenu .single img{height: 30px;} #homeCategory .container .tabs .tabsCnt{flex-direction: column;} #homeCategory .container .tabs .tabsCnt .text{padding: 10px 0;} #homeCategory .container .tabs .tabsCnt .text h1{font-size: 20px;} #homeCategory .container .tabs .tabsCnt .text p{font-size: 11px;margin-top: 3px;line-height: 1.3;} #homeCategory .container .tabs .tabsCnt .text .button a{padding: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon img{height: 10px;} #homeCategory .container .tabs .tabsCnt .text .button a p{font-size: 10px;} #homeCategory .container .tabs .tabsCnt .image{flex: unset;} #homeCategory .container .tabs .tabsCnt .image img{height: 193px;padding-top: 0;} #homeBrands{margin: 10px 0;} #homeBrands:before{top: unset;height: 114px;} #homeBrands .container{height: fit-content;grid-template-columns: 30% 70%;display: flex;flex-direction: column;padding: 10px 0 0;} #homeBrands .container .text h1{font-size: 16px;margin-bottom: 8px;} #homeBrands .container .content{padding: 25px;} #homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide img{height: 64px;} #homeContact{height: fit-content;} #homeContact .bg{width: fit-content;z-index: 1;} #homeContact .lBg{z-index: 1;} #homeContact:before{position: absolute;content: "";top: 0;left: 0;bottom: 0;right: 0;width: 100%;/* background: linear-gradient(90deg, #1d1d1b 0%, rgb(29 29 27 / 61%) 50%, rgb(166 87 17 / 0%) 100%); */z-index: 9;} #homeContact .container {position: relative;z-index: 9;} #homeContact .container .text{padding: 15px 0;max-width: 100%;} #homeContact .container .text .title{margin-bottom: 5px;} #homeContact .container .text .title h1{font-size: 18px;} #homeContact .container .text .title h2{font-size: 15px;} #homeContact .container .text p{font-size: 11px;padding-top: 4px;padding-right: 0;color: rgb(255 255 255 / 68%);} #homeContact .container .text .button a{padding: 5px;} #homeContact .container .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeContact .container .text .button a .icon img{height: 10px;} #homeContact .container .text .button a p{font-size: 11px;} #footer{padding: 15px 0;} #footer .container{flex-direction: column;flex-wrap: unset;} #footer .container .footerLeft{max-width: 100%;margin-bottom: 10px;} #footer .container .footerTop .logo img{height: 18px;} #footer .container .footerLeft .copyright{padding: 10px 0 5px 0;} #footer .container .footerLeft .copyright h1{font-size: 10px;} #footer .container .footerLeft .copyright .adress{font-size: 10px;} #footer .container .footerLeft .copyright p{font-size: 10px;} #footer .container .footerLeft .socials{padding: 0 0 10px 0;} #footer .container .footerLeft .socials h1{font-size: 10px;} #footer .container .footerLeft .socials .cnt a{width: 21px;} #footer .container .footerLeft .socials .cnt a img{height: 21px;} #footer .container .footerLeft .phoneF img{height: 18px;} #footer .container .footerLeft .phoneF .cnt{padding-left: 8px;margin-left: 8px;} #footer .container .footerLeft .phoneF .cnt h1{font-size: 11px;} #footer .container .footerLeft .phoneF .cnt a{font-size: 10px;} #footer .container .footerMenu{justify-content: flex-start;} #footer .container .footerMenu .single{margin-right: 17px;max-width: fit-content;} #footer .container .footerMenu .single a{font-size: 10px;} #footer .container .footerMenu .single a h1{font-size: 11px;} #footer .container .footerMenu .single a .smt{margin-top: 10px;} #footerCour{padding: 10px 0 15px 0;} #footerCour .container a{font-size: 10px;} .cookie-alert{width: 100%;left: 0;bottom: 0;} .cookie-alert .rightCok span{font-size: 14px;} .cookie-alert .rightCok span i{font-size: 19px;} .cookie-alert .rightCok p{font-size: 11px;margin: 5px 0;} .cookie-alert .rightCok .buttonCookie{margin-top: 8px;} .cookie-alert .rightCok .buttonCookie a{font-size: 9px;padding: 7px;} #pageTopNvg {height: 160px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{} #pageTopNvg .container .text .imageI img{height: 40px;} #pageTopNvg .container .text .slogan h1{font-size: 15px;} #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: 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: 12px;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 20px;margin-right: 10px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px;margin-top: -40px;width: fit-content;padding: 0 13px;} #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: 8px;} #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: 480px) { #mFull .closebtn{font-size: 29px;} #mFull .container{max-width: 100%; grid-template-rows: 55px 1fr 55px; padding: 0 10px;} #mFull .container .header::after{width: 100%;} #mFull .container .header .flags img{height: 39px;} #mFull .container .cKap{margin: 9px 0;} #mFull .container .content{grid-template-columns: unset; grid-template-rows: 1fr; column-gap: 0px; row-gap: 14px;} #mFull .container .content .right{grid-template-rows: auto auto; row-gap:10px; padding-left:0px;} #mFull .container .content .right .top{padding: 10px 10px;} #mFull .container .content .right .top .phones .phone:first-child{margin-bottom: 7px;} #mFull .container .content .right .top .phones{flex-direction: column;} #mFull .container .content .right .top .phones .phone img{height: 18px;} #mFull .container .content .right .top .phones .phone:first-child img{height: 17px;} #mFull .container .content .right .top .phones .phone .text p{font-size: 9px;} #mFull .container .content .right .top .phones .phone .text h1{font-size: 10px;} #mFull .container .content .right .top .socials{flex-direction: column; align-items: end;} #mFull .container .content .right .top .socials .social p{font-size: 9px;} #mFull .container .content .right .top .socials .social.single img{height: 16px;} #mFull .container .content .right .top .socials .social.single p{display: unset;} #mFull .container .content .right .top .socials .social .icons{border-right: 0px;} #mFull .container .content .right .top .socials .social .icons a img{height: 16px;} #mFull .container .content .right .bottom li{font-size: 10px; width: 33.3%; padding: 15px 0;} #mFull .container .content .right .bottom li a {font-size: 9px;} #mFull .container .content .right .bottom li a img{height: 35px;} #mFull .container .content .info{padding: 16px 10px;grid-template-rows: auto 1fr 130px;} #mFull .container .content .info .title{font-size: 12px; width: 250px;} #mFull .container .content .info .title strong{font-size: 17px;} #mFull .container .content .info .text{padding: 0px 0 0;} #mFull .container .content .info .text ul li{font-size: 11px;} #mFull .container .content .info .text ul li a{padding: 6px 0;} #mFull .footerNav-social span{font-size: 8px;} .container{padding: 0 5px;} #header{top: 5px;} #header .container{height: fit-content;} #header .container .logo{height: fit-content;padding: 6px 6px 0 0px;} #header .container .logo img{height: 52px;} #header .container .menu{padding-top: 0;} #header .container .menu .menuTop{height: 30px;} #header .container .menu .menuTop .fIcons{height: 100%;padding-right: 5px;} #header .container .menu .menuTop .fIcons a{margin-left: 3px;padding-left: 3px;} #header .container .menu .menuTop .fIcons a img{height: 15px;} #header .container .menu .menuTop .headerPhone{height: 100%;padding-left: 5px;} #header .container .menu .menuTop .headerPhone img{height: 14px;margin-right: 5px;} #header .container .menu .menuTop .headerPhone p{margin: 0;padding: 0;font-size: 11px;} #header .container .menu .menuBottom{height: 35px;} #header .container .menu .menuBottom .mobilMenu{border-bottom: 2px solid #ee7d18;width: 38px;} #header .container .menu .menuBottom .mobilMenu img{margin-top: 0;height: 10px;} #header .container .menu .menuBottom ul {display: none;} #header .container .menu .menuBottom ul li a{font-size: 12px;font-weight: 400;padding: 0 5px;} #header .container .menu .menuBottom ul li:last-child a{padding-left: 5px;} #header .container .menu .menuBottom ul li:hover .altMenu{top: 45px;} #header .container .menu .menuBottom ul .altMenu{width: 200px;} #header .container .menu .menuBottom ul .altMenu li a{padding: 5px !important;font-size: 11px;} #slider {max-height: 270px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 97%;} #slider .swiper-container .swiper-slide .mainSlider .text{max-width: 195px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 12px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 14px;} #slider .swiper-container .swiper-slide .mainSlider .text p{font-size: 50px;right: 0;bottom: -33px;} #slider .bottomLine{height: 30px;} #slider .bottomLine .container .line{width: 110px;background: #1d1d1b;} #slider .bottomLine .container:before{width: 1007%;height: 40px;background: #1d1d1b;} #slider .paginetionSlider{bottom: 13px;} #slider .bottomLine .container .triangleShadow{right: 121px;} #slider .bottomLine .container .triangle{border-bottom: 30px solid #1d1d1b;border-top: 0px solid transparent;border-left: 30px solid rgb(152 151 151 / 0%);right: 110px;} #slider .paginetionSlider .swiper-pagination-bullet{height: 5px;width: 5px;margin-right: 3px;} #slider .paginetionSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;height: 5px;} #homeServiceShort .container{z-index: 99999;flex-direction: column;} #homeServiceShort .container:before{width: 100%;z-index: -1;left: 0;} #homeServiceShort .container .title{max-width: 100%;padding: 16px;} #homeServiceShort .container .title h1{font-size: 15px;padding-top: 0;} #homeServiceShort .container .title p{font-size: 11px;} #homeServiceShort .container .content{padding: 9px 0;justify-content: space-between;flex-wrap: wrap;} #homeServiceShort .container .content::after{right: 0;} #homeServiceShort .container .content .single{padding: 0px 0 6px 6px;margin-left: 0;flex: 1 0 28%;} #homeServiceShort .container .content .single img{height: 30px;} #homeServiceShort .container .content .single p{margin-top: 4px;font-size: 10px;} #homeCorp{height: fit-content;background: linear-gradient(359deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(166, 87, 17, 1) 100%);} #homeCorp .container{flex-direction: column;} #homeCorp .container .image{flex: unset;} #homeCorp .container .image img{max-height: 164px;} #homeCorp .container .text{padding: 10px 0;flex: unset;} #homeCorp .container .text .title{margin-bottom: 5px;} #homeCorp .container .text .title h1{font-size: 18px;} #homeCorp .container .text .title h2{font-size: 14px;} #homeCorp .container .text p{font-size: 11px;padding-top: 3px;padding-right: 0;line-height: 1.3;} #homeCorp .container .text .button{margin-top: 5px;} #homeCorp .container .text .button a{padding: 5px;} #homeCorp .container .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeCorp .container .text .button a .icon img{height: 11px;} #homeCorp .container .text .button a p{font-size: 10px;} #roadsideBanner{padding: 10px 0;} #roadsideBanner:before{height: 177px;} #roadsideBanner .container{height: fit-content;padding: 9px;} #roadsideBanner .container .bg{opacity: .5;} #roadsideBanner .container .text{max-width: 260px;} #roadsideBanner .container .text .roadImg{height: 35px;width: 99px;} #roadsideBanner .container .text h1{font-size: 13px;} #roadsideBanner .container .text p{font-size: 11px;padding-top: 5px;line-height: 1.3;color: #3b3b3b;} #homeCategory{height: fit-content;} #homeCategory .container .tabs .tabMenu .single{padding: 5px;flex: 1 0 30%;flex-direction: column;align-items: flex-start;height: auto;} #homeCategory .container .tabs .tabMenu .single.activeTab p{font-size: 10px;margin-top: 4px;} #homeCategory .container .tabs .tabMenu .single p{font-size: 10px;margin-top: 4px;margin-left: 4px;} #homeCategory .container .tabs .tabMenu .single.activeTab img{height: 30px;} #homeCategory .container .tabs .tabMenu .single img{height: 30px;} #homeCategory .container .tabs .tabsCnt{flex-direction: column;} #homeCategory .container .tabs .tabsCnt .text{padding: 10px 0;} #homeCategory .container .tabs .tabsCnt .text h1{font-size: 17px;} #homeCategory .container .tabs .tabsCnt .text p{font-size: 11px;margin-top: 3px;line-height: 1.3;} #homeCategory .container .tabs .tabsCnt .text .button{margin-top: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a{padding: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeCategory .container .tabs .tabsCnt .text .button a .icon img{height: 10px;} #homeCategory .container .tabs .tabsCnt .text .button a p{font-size: 10px;} #homeCategory .container .tabs .tabsCnt .image{flex: unset;} #homeCategory .container .tabs .tabsCnt .image img{height: 150px;padding-top: 0;} #homeBrands{margin: 10px 0;} #homeBrands:before{top: unset;height: 80px;} #homeBrands .container{height: fit-content;grid-template-columns: 30% 70%;display: flex;flex-direction: column;padding: 10px 0 0;} #homeBrands .container .text h1{font-size: 15px;margin-bottom: 8px;} #homeBrands .container .content{padding: 15px;} #homeBrands .container .content .swiper-container .swiper-wrapper .swiper-slide img{height: 50px;} #homeContact{height: fit-content;overflow: hidden;} #homeContact .bg{width: fit-content;z-index: 1;width: 100%;} #homeContact .lBg{z-index: 1;} #homeContact:before{position: absolute;content: "";top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(90deg, #1d1d1b 0%, rgb(29 29 27 / 61%) 50%, rgb(166 87 17 / 0%) 100%);z-index: 9;} #homeContact .container {position: relative;z-index: 9;} #homeContact .container .text{padding: 15px 0;max-width: 100%;} #homeContact .container .text .title{margin-bottom: 0;} #homeContact .container .text .title h1{font-size: 18px;} #homeContact .container .text .title h2{font-size: 15px;} #homeContact .container .text p{font-size: 10px;padding-top: 3px;padding-right: 0;color: rgb(255 255 255 / 68%);} #homeContact .container .text .button a{padding: 5px;} #homeContact .container .text .button a .icon{width: 20px;height: 20px;margin-left: 5px;} #homeContact .container .text .button a .icon img{height: 10px;} #homeContact .container .text .button a p{font-size: 10px;} #footer{padding: 9px 0;} #footer .container{flex-direction: column;} #footer .container .footerLeft{max-width: unset;margin-bottom: 10px;flex: unset;} #footer .container .footerTop .logo img{height: 18px;} #footer .container .footerLeft .copyright{padding: 5px 0 5px 0;} #footer .container .footerLeft .copyright h1{font-size: 10px;} #footer .container .footerLeft .copyright .adress{font-size: 10px;} #footer .container .footerLeft .copyright p{font-size: 10px;} #footer .container .footerLeft .socials{padding: 0 0 5px 0;} #footer .container .footerLeft .socials h1{font-size: 10px;} #footer .container .footerLeft .socials .cnt a img{height: 21px;} #footer .container .footerLeft .phoneF img{height: 18px;} #footer .container .footerLeft .phoneF .cnt{padding-left: 8px;margin-left: 8px;} #footer .container .footerLeft .phoneF .cnt h1{font-size: 11px;} #footer .container .footerLeft .phoneF .cnt a{font-size: 10px;} #footer .container .footerMenu{justify-content: flex-start;flex-wrap: wrap;} #footer .container .footerMenu .single{margin-right: 10px;max-width: 100%;flex: 1 0 30%;margin-bottom: 10px;} #footer .container .footerMenu .single:first-child{flex: 1 0 100%;} #footer .container .footerMenu .single a{font-size: 10px;} #footer .container .footerMenu .single a h1{font-size: 11px;} #footer .container .footerMenu .single a .smt{margin-top: 7px;} #footerCour{padding: 10px 0;} #footerCour .container a{font-size: 10px;} #pageNavigationImg{height: 120px;} #pageNavigationImg .container .text{bottom: 10px;} #pageNavigationImg .container .text a{font-size: 11px;} #pageTopNvg {height: 160px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{} #pageTopNvg .container .text .imageI img{/* width: 58px; */height: 40px;/* margin-left: -13px; */} #pageTopNvg .container .text .slogan h1{font-size: 14px;} #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: 8px;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: 12px;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 .pdTop.pTopPro{display: flex;} #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;} #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: 12px;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 20px;margin-right: 10px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px;margin-top: -40px;width: fit-content;padding: 0 13px;} #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: 8px;} #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;} .cookie-alert{width: 100%;left: 0;bottom: 0;} .cookie-alert .rightCok span{font-size: 14px;} .cookie-alert .rightCok span i{font-size: 19px;} .cookie-alert .rightCok p{font-size: 11px;margin: 5px 0;} .cookie-alert .rightCok .buttonCookie{margin-top: 8px;} .cookie-alert .rightCok .buttonCookie a{font-size: 9px;padding: 7px;} #pageDetailContent .container .pageRight .videoList iframe{height: 170px;} }