@media screen and (min-width: 1450px) { .container{max-width: 1400px;} } @media screen and (max-width: 1480px) { .container{padding: 0 10px;max-width: 97%;} #mFull .container{max-width: 97%;} #header{height: 100px;} #header.sticky{height: 80px;} #header.sticky .container .midMenu ul li:hover .altMenu{top: 80px;} #header .container .leftH .searcHome{max-width: 175px;height: 40px;} #header .container .leftH .mobileMenu{padding: 0;width: 40px;height: 40px;justify-content: center;} #header .container .midMenu .logo img{height: 65px;} #header .container .midMenu ul li a{font-size: 13px;} #header .container .midMenu ul li:hover .altMenu{top: 100px;width: 200px;} #header .container .rightH .inner{height: 40px;} #header .container .rightH .inner .bottomRight .socials a img{height: 11px;} #slider .sliderCat{width: 215px;} #slider .sliderCat .item{padding: 10px 5px;} #slider .sliderCat .item p{font-size: 14px;} #slider .sliderCat .item img{height: 35px;margin: 0 8px;} #slider .mainSliderText{padding: 0px 238px;bottom: 200px;} #slider .mainSliderText p{font-size: 40px;margin-top: -13px;} #slider .mainSliderText p b{font-size: 17px;} #slider .mainSliderText h1{font-size: 35px;} #slider .bottomArrow{padding: 0 40px} #slider .sliderBottomIcons{padding-bottom: 10px;} #slider .sliderBottomIcons .line{top: 40px;} #slider .sliderBottomIcons .content{padding: 0 40px} #slider .sliderBottomIcons .content .single:hover .top{border-bottom: 2px solid rgb(255 255 255);padding: 10px 0;} #slider .sliderBottomIcons .content .single .top p{font-size: 16px;} #slider .sliderBottomIcons .content .single .image img{height: 123px;padding: 15px;} #slider .bottomArrow img{width: 50px;height: 50px;padding: 10px;} #homeCorp{height: 475px;} #homeCorp .number{left: -100px;} #homeCorp .number p{font-size: 22em;} #homeCorp .container .text{width: 38%;padding-left: 25px;} #homeCorp .container .text h1:nth-child(1){font-size: 20px;} #homeCorp .container .text h1{font-size: 45px;} #homeCorp .container .text p{font-size: 16px;} #homeCorp .container .text .button{margin-top: 15px;} #homeCorp .container .text .button a{padding: 14px;font-size: 14px;} #homeProducts{height: 525px;} #homeProducts .number{right: -100px;} #homeProducts .number p{font-size: 19em;} #homeProducts .bg{ border-top-right-radius: 400px;border-bottom-left-radius: 400px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide{padding: 30px 0;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop h1{font-size: 30px ;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .rightTop a{padding: 14px;font-size: 14px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide img{height: 350px;padding: 15px;} #homeProducts .container .ProductGallery .gallery-thumbs{height: 75px;bottom: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-next{height: 100%;width: 60px;top: 11px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-prev{height: 100%;width: 60px;top: 11px;} #productionHome{height: 425px;} #productionHome .number{left: -100px;} #productionHome .number p{font-size: 22em;} #productionHome:before{border-top-right-radius: 425px;} #productionHome .container .topLine{left: 40px;} #productionHome .container .text{ max-width: 520px;padding: 0 0 80px 80px;} #productionHome .container .text h1{font-size: 30px;} #productionHome .container .text p{font-size: 17px;margin: 10px 0;} #productionHome .container .text .button{margin-top: 20px;} #productionHome .container .text .button a{font-size: 14px;padding: 14px;} #homeBanner .bannerHome{height: 375px;} #homeBanner.detailB .bannerHome{width: 100%;height: 300px;} #homeBanner .bannerHomeText{height: 190px;} #homeBanner .bannerHomeText .number{ top: -250px;right: -30px;} #homeBanner .bannerHomeText .number p{font-size: 22em;} #homeBanner .bannerHomeText .container:before{width: 56%;border-top-right-radius: 70px;border-top-left-radius: 70px;left: 0;} #homeBanner .bannerHomeText .container .topLine{left: 50px;} #homeBanner .bannerHomeText .container .text{padding: 0 0 80px 80px;} #homeBanner .bannerHomeText .container .text h1{max-width: 400px;font-size: 25px;} #footer{padding: 30px 0;} #footer .container .footerLeft .logo{height: 50px;} #footer .container .footerLeft .copyRigth strong{font-size: 14px;} #footer .container .footerLeft .copyRigth p{font-size: 12px;padding-top: 5px;} #footer .container .footerRigth .social{height: auto;} #footer .container .footerRigth .social .single{width: 30px;height: 21px;} #footer .container .footerRigth .qInfos .question{ padding-bottom: 10px;} #footer .container .footerRigth .qInfos .question a{font-size: 13px;} #footer .container .footerRigth .qInfos .question a strong{font-size: 14px;} #footer .container .footerRigth .qInfos .question i{font-size: 23px;padding-left: 5px;} #footerBottom{height: 50px;} #footerBottom .container a p{font-size: 12px;font-weight: 500;} #footerBottom .container a img{ height: 14px;} #pageNavigationImg{height: 300px;} #pageNavigationImg .container .text{left: 10px;} #pageDetailContent .container{grid-template-columns: 66% 27%;padding: 30px 15px;} #pageDetailContent .container .pageLeft .content{padding: 0 20px;} #pageDetailContent .container .pageLeft .content p{width: 95%;} #pageDetailContent .container .pageLeft .content .ourTeams .single{flex:1 0 40%} #pageDetailContent .container .pageLeft .content .ourTeams .single img{height: 150px;} #pageDetailContent .container .pageLeft .content .ourTeams .single h1{font-size: 15px;text-align: center;} #pageNavigation{padding: 50px 0 20px 0;margin-top: 0;} #pageNavigation .container a{font-size: 17px;} #listes .container .tabs-nav-one li{height: 65px;} #listes .container .tabs-nav-one li a{padding: 0 30px;} #listes .container .tabs-nav-one li a h1{font-size: 16px;} #listes .container .projeList{padding: 25px 0;} .productsContent #productSlider{height: 74vh;} #pageDetailContent .container .pageLeft .productList .single{padding: 15px 0;} #pageDetailContent .container .pageLeft .productList .single h1{font-size: 18px;} .searchNone{font-size: 23px;} #pageDetailContent .container .pageLeft .productList .singleP{padding: 20px 10px;} #pageDetailContent .container .pageLeft .productList .singleP .image{height: 225px;} #productsM #schrotcutBottom{top: 157px;width: 200px;} #productsM #schrotcutBottom .swiper-container .swiper-slide .single{height: 220px;} #productsM #schrotcutBottom .swiper-container .swiper-slide .single .title h1{padding: 15px;font-size: 15px;} #productsM #schrotcutBottom .swiper-container .swiper-slide .single:after{bottom: 5px;left: 15px;} #superiorSubaltern .container .content{padding: 0 0 30px 0;} #pageDetailContent .container .pageLeft .productList .singleTriP .image{height: 135px;} #pageDetailContent .container .pageLeft .productList .singleTriP{padding: 10px;} #pageDetailContent .container .pageLeft .productList .singleTriP .title{padding: 15px 10px;} #pageDetailContent .container .pageLeft .productList .singleTripCat{height: 175px;} #pageDetailContent .container .pageLeft .productList .singleTripCat .title{padding: 10px;} #pageDetailContent .container .pageLeft .productList .singleTripCat h1{font-size: 14px;} #pageDetailContent .container .pageLeft .pageCatalogues .single{height: 325px;} #pageDetailContent .container .pageLeft .pageCatalogues .single h1{font-size: 15px;} #pageDetailContent .container .pageLeft #productSlider{height: 40vh;} #pageDetailContent .container .pageLeft #productSlider .swiper-pagination-bullet{width: 15px;} #pageDetailContent .container .pageLeft .productsContentTop .right .technical p{font-size: 16px;margin-top: 8px} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact h1{font-size: 18px;} #pageDetailContent .container .pageLeft .pageContact{padding: 28px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact{padding-right: 20px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single{padding: 18px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single img{height: 27px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single p{font-size: 14px;margin-left: 10px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form input,textarea{padding: 8px 20px;font-size: 13px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form button{padding: 8px 10px 8px 20px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form button img{height: 15px;margin-left: 3px;} } @media screen and (max-width: 1200px) { #header{height: 85px;} #header.sticky{height: 80px;} #header.sticky .container .midMenu ul li:hover .altMenu{top: 80px;} #header .container{padding: 0;} #header .container .leftH{flex: .9;} #header .container .leftH .searcHome{max-width: 175px;height: 40px;} #header .container .leftH .mobileMenu{padding: 0;width: 40px;height: 40px;justify-content: center;margin-left: 6px;} #header .container .midMenu .logo{padding: 0 6px;} #header .container .midMenu .logo img{height: 46px;} #header .container .midMenu ul li{padding: 6px;} #header .container .midMenu ul li a{font-size: 12px;} #header .container .midMenu ul li img{margin-left: 5px;height: 7px;} #header .container .midMenu ul li:hover .altMenu{top: 85px;} #header .container .midMenu ul .altMenu li{padding: 0;} #header .container .midMenu ul .altMenu li a{padding: 9px!important;} #header .container .rightH{flex: .8;} #header .container .rightH .inner{height: 40px;} #header .container .rightH .inner .bottomRight .socials a img{height: 11px;} #slider {height: 75vh;} #slider .sliderCat{width: 200px;} #slider .sliderCat .item{padding: 8px 3px;} #slider .sliderCat .item p{font-size: 13px;} #slider .sliderCat .item img{height: 30px;margin: 0 6px;} #slider .mainSliderText{padding: 0px 26px;bottom: 200px;} #slider .mainSliderText p{font-size: 40px;margin-top: -13px;} #slider .mainSliderText p b{font-size: 17px;} #slider .mainSliderText h1{font-size: 35px;} #slider .bottomArrow{padding: 0 40px} #slider .sliderBottomIcons{padding-bottom: 10px;} #slider .sliderBottomIcons .line{top: 40px;} #slider .sliderBottomIcons .content{padding: 0 40px} #slider .sliderBottomIcons .content .single:hover .top{border-bottom: 2px solid rgb(255 255 255);padding: 10px 0;} #slider .sliderBottomIcons .content .single .top p{font-size: 16px;} #slider .sliderBottomIcons .content .single .image img{height: 123px;padding: 15px;} #slider .bottomArrow img{width: 50px;height: 50px;padding: 10px;} #homeCorp{height: 404px;padding: 20px 0;} #homeCorp .container .topLine{top: -30px;} #homeCorp .container .topLine .line{height: 125px;} #homeCorp .container .topLine .circle{width: 8px;height: 8px;} #homeCorp .container .text{width: 38%;padding-left: 10px;} #homeCorp .container .text h1:nth-child(1){font-size: 17px;} #homeCorp .container .text h1{font-size: 38px;} #homeCorp .container .text p{font-size: 14px;} #homeCorp .container .text .button{margin-top: 15px;} #homeCorp .container .text .button a{padding: 13px;font-size: 13px;} #homeProducts{height: 450px;} #homeProducts .bg{ border-top-right-radius: 400px;border-bottom-left-radius: 400px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide{padding: 30px 0;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop h1{font-size: 23px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop p{font-size: 15px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .rightTop a{padding: 12px;font-size: 12px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide img{height: 300px;padding: 15px;} #homeProducts .container .ProductGallery .gallery-thumbs{height: 60px;bottom: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-next{height: 100%;width: 60px;top: 0;background: url(../img/galleryThumbsArrow.jpg) 60px -10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-prev{height: 108%;width: 60px;top: 0;/* background: #eee; */background: url(../img/galleryThumbsArrow.jpg) 0 -10px;} #homeProducts .container .ProductGallery .gallery-thumbs .arrows{height: 60px;} #productionHome{height: 375px;} #productionHome .number p{font-size: 27em;} #productionHome:before{border-top-right-radius: 400px;top: -94px;} #productionHome .container .topLine{left: 20px;} #productionHome .container .topLine .circle{width: 8px;height: 8px;} #productionHome .container .topLine .line{height: 125px;} #productionHome .container .text{max-width: 450px;padding: 0 0 55px 55px;} #productionHome .container .text h1{font-size: 26px;} #productionHome .container .text p{font-size: 15px;margin: 10px 0;} #productionHome .container .text .button{margin-top: 20px;} #productionHome .container .text .button a{font-size: 13px;padding: 13px;} #homeBanner .bannerHome{height: 325px;} #homeBanner.detailB .bannerHome{width: 100%;height: 275px;} #homeBanner .bannerHomeText{height: 150px;} #homeBanner .bannerHomeText .number{ top: -304px;right: -70px;} #homeBanner .bannerHomeText .number p{font-size: 27em;} #homeBanner .bannerHomeText .container:before{width: 51%;border-top-right-radius: 30px;border-top-left-radius: 30px;left: 0;top: -85px;} #homeBanner .bannerHomeText .container .topLine{left: 25px;top: -85px;} #homeBanner .bannerHomeText .container .topLine .circle{width: 8px;height: 8px;} #homeBanner .bannerHomeText .container .topLine .line{height: 125px;} #homeBanner .bannerHomeText .container .text{padding: 0 0 55px 55px;} #homeBanner .bannerHomeText .container .text h1{max-width: 332px;font-size: 22px;} #footer{padding: 30px 0;} #footer .container .footerLeft .logo{height: 45px;} #footer .container .footerLeft .copyRigth strong{font-size: 13px;} #footer .container .footerLeft .copyRigth p{font-size: 12px;} #footer .container .footerRigth .social{height: auto;} #footer .container .footerRigth .social .single{width: 30px;height: 21px;} #footer .container .footerRigth .qInfos .question{ padding-bottom: 10px;} #footer .container .footerRigth .qInfos .question a{font-size: 13px;} #footer .container .footerRigth .qInfos .question a strong{font-size: 13px;} #footer .container .footerRigth .qInfos .question i{font-size: 23px;padding-left: 5px;} #footerBottom{height: 50px;} #footerBottom .container a p{font-size: 12px;} #footerBottom .container a img{ height: 14px;} #pageNavigationImg{height: 250px;} #pageDetailContent .container .pageLeft .content p{font-size: 15px;} #listes .container .projeList .single{flex:0 0 22%} .productsContent #productSlider{height: 64vh;} #pageDetailContent .container .pageLeft .productList .single{padding: 10px 0;} #pageDetailContent .container .pageLeft .productList .single h1{font-size: 15px;} #pageDetailContent .container .pageLeft .productsContentTop .right{padding-left: 1%;margin-left: 1%;} #pageDetailContent .container .pageLeft .productsContentTop .right .top h1{font-size: 23px;} #pageDetailContent .container .pageLeft .productsContentTop .right .top p{font-size: 15px;} #pageDetailContent .container .pageLeft .productsContentTop .right .top{padding-bottom: 13px;} #pageDetailContent .container .pageLeft .productsContentTop .right .oems .tops{padding: 0 5px;} #pageDetailContent .container .pageLeft .productsContentTop .right .oems .middles .line{padding: 0px 5px;min-height: 50px;} #pageDetailContent .container .pageLeft .productsContentTop .right .oems .middles .line .single{font-size: 16px;} #pageDetailContent .container .pageLeft .productsContentTop .right h2{margin: 4px 0 0 0;font-size: 15px;} #pageDetailContent .container .pageLeft .productsContentTop .right .packWeight .single{margin: 10px 0;font-size: 13px;} #pageDetailContent .container .pageLeft .productsContentTop .right .technical .title{padding-top: 10px;font-size: 15px;} #pageDetailContent .container .pageLeft .productsContentTop .right .technical table tbody tr td{font-size: 13px;} .searchNone{font-size: 20px;} #superiorSubaltern .container .content .single{flex:1 0 23%} #pageDetailContent .container .pageLeft .productList .singleTripCat{height: 150px;} #pageDetailContent .container .pageLeft .productList .singleTripCat .title{padding: 10px;} #pageDetailContent .container .pageLeft .productList .singleTripCat h1{font-size: 14px;} #pageDetailContent .container .pageLeft .pageCatalogues .single{height: 300px;} #pageDetailContent .container .pageLeft .pageCatalogues .single h1{font-size: 14px;} #pageDetailContent .container .pageLeft #productSlider{height: 37vh;} #pageDetailContent .container .pageLeft #productSlider .swiper-pagination-bullet{width: 10px;} #pageDetailContent .container .pageLeft .productsContentTop .right .technical p{font-size: 15px;margin-top: 7px} #pageDetailContent .container .pageLeft .productsContentTop .right .top .oemInfo{font-size: 14px;margin-top: 5px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageLeft .pageContact{padding: 25px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single{padding: 15px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single img{height: 25px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single p{font-size: 13px;margin-left: 8px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form input,textarea{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .pageContact .maps .remember-me{font-size: 12px;} } @media screen and (max-width: 1024px) { .container{padding: 0 15px;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content ul li a{font-size: 15px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .container .content .info > div::before{top: 30px;} #mFull .container .content .info i{font-size: 22px;margin-bottom: 5px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .footerNav-social span{font-size: 10px;} #header{height: 85px;} #header.sticky{height: 70px;} #header.sticky .container .midMenu ul li:hover .altMenu{top: 70px;} #header .container{padding: 0;} #header .container .leftH{flex: .9;} #header .container .leftH .searcHome{max-width: 125px;height: 35px;padding: 0 8px;} #header .container .leftH .searcHome .searchProduct form button{padding: 3px;} #header .container .leftH .searcHome .searchProduct form button img{height: 11px;} #header .container .leftH .mobileMenu{padding: 0;width: 35px;height: 35px;justify-content: center;margin-left: 5px;} #header .container .leftH .mobileMenu img{height: 10px;} #header .container .midMenu .logo{padding: 0 6px;} #header .container .midMenu .logo img{height: 39px;} #header .container .midMenu ul li{padding: 6px;} #header .container .midMenu ul li a{font-size: 10px;} #header .container .midMenu ul li img{margin-left: 5px;height: 7px;} #header .container .midMenu ul li:hover .altMenu{top: 85px;} #header .container .rightH{flex: .8;} #header .container .rightH .inner{height: 35px;} #header .container .rightH .inner .bottomRight .bRight p{font-size: 12px;} #header .container .rightH .inner .bottomRight .socials{margin-left: 5px;} #header .container .rightH .inner .bottomRight .socials a{padding: 3px;} #header .container .rightH .inner .bottomRight .socials a img{height: 10px;} #slider {height: 75vh;} #slider .sliderCat{width: 156px;padding: 0;} #slider .sliderCat .item{padding: 5px 3px;} #slider .sliderCat .item p{font-size: 12px;} #slider .sliderCat .item img{height: 30px;margin: 0 6px;} #slider .mainSliderText{padding: 0px 0 0 200px;bottom: 200px;} #slider .mainSliderText p{font-size: 40px;margin-top: -13px;} #slider .mainSliderText p b{font-size: 15px;} #slider .mainSliderText h1{font-size: 27px;} #slider .bottomArrow{padding: 0 40px} #slider .sliderBottomIcons{padding-bottom: 10px;} #slider .sliderBottomIcons .line{top: 40px;} #slider .sliderBottomIcons .content{padding: 0 40px} #slider .sliderBottomIcons .content .single:hover .top{border-bottom: 2px solid rgb(255 255 255);padding: 10px 0;} #slider .sliderBottomIcons .content .single .top p{font-size: 16px;} #slider .sliderBottomIcons .content .single .image img{height: 123px;padding: 15px;} #slider .bottomArrow img{width: 50px;height: 50px;padding: 10px;} #homeCorp{height: 375px;padding: 30px 0;} #homeCorp .bg{top: 30px;} #homeCorp .number{left: -115px;} #homeCorp .number p{font-size: 25em;} #homeCorp .container .topLine{top: -30px;} #homeCorp .container .topLine .line{height: 100px;} #homeCorp .container .topLine .circle{width: 7px;height: 6px;} #homeCorp .container .text{width: 44%;padding-left: 15px;} #homeCorp .container .text h1:nth-child(1){font-size: 16px;} #homeCorp .container .text h1{font-size: 34px;} #homeCorp .container .text p{font-size: 13px;line-height: 1.3;} #homeCorp .container .text .button{margin-top: 15px;} #homeCorp .container .text .button a{padding: 13px;font-size: 13px;} #homeProducts{height: 415px;} #homeProducts .number{right: -67px;z-index: 1;} #homeProducts .number p{font-size: 16em;} #homeProducts .bg{border-top-right-radius: 350px;border-bottom-left-radius: 350px;} #homeProducts .container .ProductGallery{width: 73%;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide{padding: 30px 0;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop h1{font-size: 20px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop p{font-size: 13px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .rightTop a{padding: 11px;font-size: 11px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide img{height: 260px;padding: 15px;} #homeProducts .container .ProductGallery .gallery-thumbs{height: 50px;bottom: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-slide img{padding: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-next{height: 100%;width: 50px;top: 0;background: url(../img/galleryThumbsArrow.jpg) 60px -18px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-prev{height: 108%;width: 50px;top: 0;/* background: #eee; */background: url(../img/galleryThumbsArrow.jpg) 0 -17px;} #homeProducts .container .ProductGallery .gallery-thumbs .arrows{height: 50px;} #productionHome{height: 325px;} #productionHome .bg{border-bottom-left-radius: 200px;} #productionHome .number{left: -100px;} #productionHome .number p{font-size: 21em;} #productionHome:before{border-top-right-radius: 400px;top: -94px;} #productionHome .container .topLine{left: 10px;} #productionHome .container .topLine .circle{width: 7px;height: 7px;} #productionHome .container .topLine .line{height: 100px;} #productionHome .container .text{max-width: 371px;padding: 0 0 40px 40px;} #productionHome .container .text h1{font-size: 22px;} #productionHome .container .text p{font-size: 14px;margin: 7px 0;} #productionHome .container .text .button{margin-top: 20px;} #productionHome .container .text .button a{font-size: 12px;padding: 12px;} #homeBanner .bannerHome{height: 249px;} #homeBanner.detailB .bannerHome{width: 100%;height: 250px;} #homeBanner .bannerHomeText{height: 100px;} #homeBanner .bannerHomeText .number{top: -250px;right: -47px;} #homeBanner .bannerHomeText .number p{font-size: 20em;} #homeBanner .bannerHomeText .container:before{width: 51%;border-top-right-radius: 25px;border-top-left-radius: 25px;left: 0;top: -85px;} #homeBanner .bannerHomeText .container .topLine{left: 18px;top: -85px;} #homeBanner .bannerHomeText .container .topLine .circle{width: 8px;height: 8px;} #homeBanner .bannerHomeText .container .topLine .line{height: 100px;} #homeBanner .bannerHomeText .container .text{padding: 0px 0 30px 27px;} #homeBanner .bannerHomeText .container .text h1{max-width: 309px;font-size: 18px;} #footer{padding: 30px 0;} #footer .container .footerLeft{max-width: 295px;} #footer .container .footerLeft .logo{height: 45px;} #footer .container .footerLeft .copyRigth strong{font-size: 13px;} #footer .container .footerLeft .copyRigth p{font-size: 11px;} #footer .container .footerRigth .social{height: auto;} #footer .container .footerRigth .social .single{width: 30px;height: 21px;} #footer .container .footerRigth .qInfos .question{padding-bottom: 9px;} #footer .container .footerRigth .qInfos .question a{font-size: 11px;} #footer .container .footerRigth .qInfos .question a strong{font-size: 13px;} #footer .container .footerRigth .qInfos .question i{font-size: 23px;padding-left: 5px;} #footerBottom{height: 50px;} #footerBottom .container a p{font-size: 12px;} #footerBottom .container a img{ height: 14px;} #pageDetailContent .container .pageRight .detailMenu li a{padding: 9px 30px;font-size: 14px;} #pageDetailContent .container .pageRight .detailMenu li:hover a{padding: 9px 10px;} #pageNavigation{padding: 70px 0 20px 0;margin-top: 0;} #pageNavigation .container a{font-size: 15px;} #listes .container .tabs-nav-one li{height: 50px;} #listes .container .tabs-nav-one li a{padding: 0 20px;} #listes .container .tabs-nav-one li a h1{font-size: 13px;} #listes .container .projeList .single .image{height: 125px;} #listes .container .projeList .single .title {padding: 13px 0;font-size: 13px;} .productsContent #productSlider{height: 50vh;} .productsContent #productsBox .container .single p{font-size: 13px;} .productsContent #otherProducts .bTitle{font-size: 17px;padding:20px 0} .productsContent #otherProducts .single .image{height: 175px;} #pageDetailContent .container .pageLeft .productList .single{padding: 5px 0;flex: 1 0 47%;} #pageDetailContent .container .pageLeft .productList .single h1{font-size: 13px;} #pageDetailContent .container .pageLeft .productList .singlee{flex:1 0 47%} #pageDetailContent .container .pageLeft .productList .singlee img{height: 150px;} #pageDetailContent .container .pageLeft .productList .singlee:nth-child(2n){border-right: unset;} #pageDetailContent .container .pageLeft .productList .singlee:nth-child(3n){border-right: 1px solid #e7e9eb;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header{padding: 10px 30px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header h1{font-size: 13px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header i{font-size: 13px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header.activePage{padding: 10px 0;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header:hover{padding: 10px 0;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-text a{font-size: 12px;padding: 10px 20px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-text a:hover {font-size: 11px;padding: 10px 12px;} #pageDetailContent .container .pageLeft .productsContentTop{flex-direction: column;} #pageDetailContent .container .pageLeft .productsContentTop .right{padding-left: 0%;margin-left: 0%;border-left:unset} #pageDetailContent .container .pageLeft .productsContentTop .left .singleImgs img{height: 325px;} .searchNone{font-size: 17px;} #pageDetailContent .container .pageLeft .productList .singleP{flex:1 0 40%; padding: 20px 10px;} #pageDetailContent .container .pageLeft .productList .singleP .image{height: 175px;} #pageDetailContent .container .pageLeft .productList .singleP h1{font-size: 12px;} #pageDetailContent .container .pageLeft .productList .singleP p {padding: 6px 0 0 0;font-size: 11px;} /*Haber List*/ #news-list .container .list .inner-container{flex-basis: 45%;} #productsM #schrotcutBottom{top: 157px;width: 160px;} #productsM #schrotcutBottom .swiper-container .swiper-slide .single{height: 175px;} #pageDetailContent .container .pageLeft .productsContentTop .left .productKatalog{ margin: 15px 0 10px 0px;} #pageDetailContent .container .pageLeft .productList .singleTriP .image{height: 125px;} #pageDetailContent .container .pageLeft .productList .singleTriP{padding: 10px;flex: 1 0 33%;margin: 10px 10px 0 0 ;} #pageDetailContent .container .pageLeft .productList .singleTriP .title{padding: 15px 5px;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(3n){margin: 10px 10px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(2n){margin: 10px 00px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTriP h1{font-size: 14px;} #pageDetailContent .container .pageLeft .productList .singleTripCat{height: 150px;flex: 1 0 40%;} #pageDetailContent .container .pageLeft .productList .singleTripCat .title{padding: 10px;} #pageDetailContent .container .pageLeft .productList .singleTripCat h1{font-size: 14px;} #pageDetailContent .container .pageLeft .productList .singleTripCat:nth-child(3n){margin: 10px 10px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTripCat:nth-child(2n){margin: 10px 00px 0 0;} #pageDetailContent .container .pageLeft .pageCatalogues .single{height: 240px;padding: 8px;flex: 1 0 45%;} #pageDetailContent .container .pageLeft .pageCatalogues .single h1{font-size: 13px;padding: 10px;} #pageDetailContent .container .pageLeft #productSlider .swiper-pagination-bullet{width: 8px;height: 2px;} #pageDetailContent .container .pageLeft .productList .singleTriPSearch .title{flex-direction: column;} #pageDetailContent .container .pageLeft .productList .singleTriPSearch .title .singleSearch{border-right: unset;border-top: 1px solid #ddd;padding: 10px 0;} #pageDetailContent .container .pageLeft .pageContact{padding: 20px;flex-direction: column;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact h1{font-size: 17px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} } @media screen and (max-width: 768px) { .container{padding: 0 10px;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content ul li a{font-size: 15px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .container .content .info > div::before{top: 30px;} #mFull .container .content .info i{font-size: 22px;margin-bottom: 5px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .footerNav-social span{font-size: 10px;} #header{height: 85px;} #header.sticky{height: 70px;} #header.sticky .container .midMenu ul li:hover .altMenu{top: 70px;} #header .container{padding: 0;} #header .container .leftH{flex: .9;} #header .container .leftH .searcHome{max-width: 125px;height: 35px;padding: 0 8px;} #header .container .leftH .searcHome .searchProduct form button{padding: 3px;} #header .container .leftH .searcHome .searchProduct form button img{height: 11px;} #header .container .leftH .mobileMenu{padding: 0;width: 35px;height: 35px;justify-content: center;margin-left: 5px;} #header .container .leftH .mobileMenu img{height: 10px;} #header .container .midMenu{flex: 1;} #header .container .midMenu .logo{padding: 0 6px;} #header .container .midMenu .logo img{height: 45px;} #header .container .midMenu ul{display: none;} #header .container .midMenu ul li{padding: 6px;} #header .container .midMenu ul li a{font-size: 11px;} #header .container .midMenu ul li img{margin-left: 5px;height: 7px;} #header .container .midMenu ul li:hover .altMenu{top: 85px;} #header .container .rightH{flex: .8;} #header .container .rightH .inner{height: 35px;} #header .container .rightH .inner .bottomRight .bRight p{font-size: 12px;} #header .container .rightH .inner .bottomRight .socials{margin-left: 5px;} #header .container .rightH .inner .bottomRight .socials a{padding: 3px;} #header .container .rightH .inner .bottomRight .socials a img{height: 10px;} #slider {height: 60vh;} #slider .sliderCat{width: 150px;padding: 0;} #slider .sliderCat .item{padding: 5px 3px;} #slider .sliderCat .item p{font-size: 11px;} #slider .sliderCat .item img{height: 25px;margin: 0 6px;} #slider .mainSliderText{padding: 0px 0 0 160px;bottom: 160px;} #slider .mainSliderText p{font-size: 40px;margin-top: -13px;} #slider .mainSliderText p b{font-size: 13px;} #slider .mainSliderText h1{font-size: 23px;} #slider .bottomArrow{padding: 0 40px} #slider .sliderBottomIcons{padding-bottom: 10px;} #slider .sliderBottomIcons .line{top: 40px;} #slider .sliderBottomIcons .content{padding: 0 40px} #slider .sliderBottomIcons .content .single:hover .top{border-bottom: 2px solid rgb(255 255 255);padding: 10px 0;} #slider .sliderBottomIcons .content .single .top p{font-size: 16px;} #slider .sliderBottomIcons .content .single .image img{height: 123px;padding: 15px;} #slider .bottomArrow img{width: 50px;height: 50px;padding: 10px;} #homeCorp{height: 350px;padding: 20px 0;} #homeCorp .bg{top: 20px;height: 80%;width: 50%;} #homeCorp .number{left: -100px;} #homeCorp .number p{font-size: 23em;} #homeCorp .container .topLine{top: -20px;} #homeCorp .container .topLine .line{height: 75px;} #homeCorp .container .topLine .circle{width: 7px;height: 6px;} #homeCorp .container .text{width: 46%;padding-left: 15px;} #homeCorp .container .text h1:nth-child(1){font-size: 15px;} #homeCorp .container .text h1{font-size: 30px;} #homeCorp .container .text p{font-size: 12px;line-height: 1.3;margin: 0;} #homeCorp .container .text .button{margin-top: 15px;} #homeCorp .container .text .button a{padding: 12px;font-size: 12px;} #homeProducts{height: 400px;} #homeProducts .number{right: -63px;} #homeProducts .number p{font-size: 22em;} #homeProducts .bg{border-top-right-radius: 300px;border-bottom-left-radius: 300px;/* transform: rotate(144deg); */top: 0;opacity: 0.5;} #homeProducts .container .ProductGallery{width: 93%;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide{padding: 30px 0;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop h1{font-size: 17px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop p{font-size: 14px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .rightTop a{padding: 11px;font-size: 11px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide img{height: 234px;padding: 15px;} #homeProducts .container .ProductGallery .gallery-thumbs{height: 50px;bottom: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-slide img{padding: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-next{height: 100%;width: 50px;top: 0;background: url(../img/galleryThumbsArrow.jpg) 60px -18px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-prev{height: 108%;width: 50px;top: 0;/* background: #eee; */background: url(../img/galleryThumbsArrow.jpg) 0 -17px;} #homeProducts .container .ProductGallery .gallery-thumbs .arrows{height: 50px;} #productionHome{height: 325px;} #productionHome .bg{border-bottom-left-radius: 183px;} #productionHome .number{left: -104px;} #productionHome .number p{font-size: 23em;} #productionHome:before{border-top-right-radius: 300px;top: -75px;} #productionHome .container .topLine{left: 10px;} #productionHome .container .topLine .circle{width: 7px;height: 7px;} #productionHome .container .topLine .line{height: 75px;} #productionHome .container .text{max-width: 280px;padding: 0 0 30px 20px;} #productionHome .container .text h1{font-size: 22px;} #productionHome .container .text p{font-size: 14px;margin: 7px 0;} #productionHome .container .text .button{margin-top: 20px;} #productionHome .container .text .button a{font-size: 11px;padding: 11px;} #homeBanner .bannerHome{height: 250px;} #homeBanner.detailB .bannerHome{width: 100%;height: 225px;} #homeBanner .bannerHomeText{height: 130px;} #homeBanner .bannerHomeText .number{top: -210px;right: -50px;} #homeBanner .bannerHomeText .number p{font-size: 19em;} #homeBanner .bannerHomeText .container:before{width: 55%;border-top-right-radius: 25px;border-top-left-radius: 25px;left: 0;top: -85px;} #homeBanner .bannerHomeText .container .topLine{left: 18px;top: -85px;} #homeBanner .bannerHomeText .container .topLine .circle{width: 8px;height: 8px;} #homeBanner .bannerHomeText .container .topLine .line{height: 75px;} #homeBanner .bannerHomeText .container .text{padding: 0 0 40px 40px;} #homeBanner .bannerHomeText .container .text h1{max-width: 41%;font-size: 17px;} #footer{padding: 20px 0;} #footer .container{flex-direction: column;} #footer .container .footerLeft{max-width: 100%;align-items: center;} #footer .container .footerLeft .logo{height: 45px;} #footer .container .footerLeft .copyRigth strong{font-size: 13px;} #footer .container .footerLeft .copyRigth p{font-size: 11px;} #footer .container .footerLeft .copyRigth{text-align: center;margin: 20px 0;} #footer .container .footerRigth{align-items: center;} #footer .container .footerRigth .social{height: auto;justify-content: center;} #footer .container .footerRigth .social .single{width: 30px;height: 21px;} #footer .container .footerRigth .qInfos{margin-top: 20px;} #footer .container .footerRigth .qInfos .question{padding-bottom: 9px;justify-content: center;} #footer .container .footerRigth .qInfos .question a{font-size: 11px;} #footer .container .footerRigth .qInfos .question a strong{font-size: 13px;} #footer .container .footerRigth .qInfos .question i{font-size: 23px;padding-left: 5px;} #footerBottom{height: 50px;} #footerBottom .container a p{font-size: 12px;} #footerBottom .container a img{ height: 14px;} #filter .container {width: 100%;height: 100%;padding: 0;display: grid!important;grid-template-rows: 60px 1fr 100px!important;grid-template-columns: unset;} #pageNavigationImg{height: 200px;} #pageNavigationImg .container .text a{font-size: 17px;} #pageDetailContent .container {grid-template-columns: 100%;padding: 0px 15px;} #pageDetailContent .container .pageLeft .filter{display: flex;} #pageDetailContent .container .pageRight .detailMenu{display: none;} #pageDetailContent .container .pageRight .pageDetailSlider{display: none;} #pageDetailContent .container .pageRight #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageRight #filter .pageDetailSlider{display: flex;} #pageDetailContent .container .pageLeft .content{padding: 10px;} #pageDetailContent .container .pageLeft .content p{width: 100%;line-height: 1.7;} #listes .container .projeList .single{flex:0 0 30%} #listes .container .tabs-nav-one li a{padding: 0 10px;} .productsContent #otherProducts .single .title {padding: 10px 0;font-size: 13px;} .page-contact .contact-top{flex-direction: column;} #pageDetailContent .container .pageLeft .productList .single img{height: 35px;} #pageDetailContent .container .pageLeft .productList .single h1{font-size: 12px;} #pageDetailContent .container .pageLeft .productList .singlee{flex:1 0 30%;padding: 8px;} #pageDetailContent .container .pageLeft .productList .singlee img{height: 130px;} #pageDetailContent .container .pageLeft .productList .singlee .desc{padding: 12px;} #pageDetailContent .container .pageLeft .productList .singlee h1{font-size: 13px;} #pageDetailContent .container .pageLeft .productList .singlee p{font-size: 13px;} #pageDetailContent .container .pageLeft .productList .singlee:nth-child(2n){border-right: 1px solid #e7e9eb;} #pageDetailContent .container .pageLeft .productList .singlee:nth-child(3n){border-right: unset;} #pageDetailContent .container .pageLeft .productsContentTop .right .top{padding-bottom: unset;padding: 7px 0 13px 0;} .searchNone{font-size: 15px;} #pageDetailContent .container .pageLeft .productList .singleP .image{height: 150px;} #pageDetailContent .container .pageLeft .productList .singleP h1{font-size: 12px;} #pageDetailContent .container .pageLeft .productList .singleP p {padding: 5px 0 0 0;font-size: 10px;} #pageDetailContent .container .pageLeft .newList .single .image{height: 200px;} #pageDetailContent .container .pageLeft .newList .single .desc .descTop h1{font-size: 16px;} #pageDetailContent .container .pageLeft .newsContent .group1{height: 200px;} /*Haber List*/ #news-list .container .list .inner-container{flex-basis: 100%;} /*Haber Detay*/ #Newscontent .newsDetail{grid-template-columns: 1fr;grid-template-rows: 180px auto auto;} #Newscontent img{grid-column:unset;grid-row: unset;} #Newscontent .newsText{grid-column:unset;grid-row: unset;} #newsList .single{padding: 0 5px;} #superiorSubaltern .container .content .single{flex:1 0 30%} #superiorSubaltern .container .title h1{padding: 10px 0;font-size: 14px;} #superiorSubaltern .container .content .single .image{height: 115px;} #superiorSubaltern .container .content .single h1{font-size: 11px;} #pageDetailContent .container .pageLeft .productList{padding: 10px 0;} #pageDetailContent .container .pageLeft .productList .singleTriP .image{height: 125px;} #pageDetailContent .container .pageLeft .productList .singleTriP{padding: 10px;flex: 1 0 25%;margin: 10px 10px 0 0 ;} #pageDetailContent .container .pageLeft .productList .singleTriP .title{padding: 15px 5px;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(2n){margin: 10px 10px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(3n){margin: 10px 0px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTriP h1{font-size: 14px;} #pageDetailContent .container .pageLeft .productList .singleTripCat{height: 175px;flex: 1 0 40%;} #pageDetailContent .container .pageLeft .productList .singleTripCat .title{padding: 10px;} #pageDetailContent .container .pageLeft .productList .singleTripCat h1{font-size: 14px;} #pageDetailContent .container .pageLeft .productList .singleTripCat:nth-child(3n){margin: 10px 10px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTripCat:nth-child(2n){margin: 10px 00px 0 0;} .page-contact .boxes{padding: 0 0 15px 0; } .page-contact .box{padding: 10px 0;} .page-contact .box .icon{min-width: 30px;} .page-contact .box .icon i{font-size: 19px;} .page-contact .box .ctitle p{margin-top: 0!important;font-size: 11px!important;} #pageDetailContent .container .pageLeft{padding-top: 0;} #pageDetailContent .container .pageLeft .productList .singleTriPSearch .title{flex: 1;} #pageDetailContent .container .pageLeft .pageContact .maps .formLogin{padding: 70px 50px;} #pageDetailContent .container .pageLeft .pageContact .maps .formLogin .login-form input{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageLeft .pageContact .maps .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageLeft .pageContact .maps .formLogin .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .pageContact .maps .formLogin .remember-me{font-size: 12px;} #pageDetailContent .container .pageLeft .pageContact .maps .formLogin .remember-me input{width: 10px;} } @media screen and (max-width: 640px) { .container{padding: 0 10px;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content{flex-direction: column;align-items: unset;} #mFull .container .content ul{display: flex;flex-direction: column;justify-content: center;padding-left: 0;} #mFull .container .content ul li a{font-size: 12px;} #mFull .container .content .info{display: flex;flex-direction: row;text-align: right;padding-right: 0;justify-content: space-between;flex: unset;margin: 20px 0;} #mFull .container .content .info::after{display: none;} #mFull .container .content .info .phone{ display: flex;flex-direction: column;align-items: flex-start;} #mFull .container .content .info .phone a{font-size: 12px;} #mFull .container .content .info > div::before{top: 21px;right: unset;left: 0;} #mFull .container .content .info i{font-size: 13px;margin-bottom: 5px;} #mFull .container .content .info a{font-size: 10px;} #mFull .container .content .info .mail{ display: flex;flex-direction: column;align-items: flex-start;} #mFull .footerNav-social span{font-size: 8px;} #header{height: 71px;} #header.sticky{height: 54px;} #header.sticky .container .midMenu ul li:hover .altMenu{top: 70px;} #header .container{padding: 0;} #header .container .leftH{flex: 1;} #header .container .leftH .searcHome{max-width: 183px;height: 35px;padding: 0 8px;} #header .container .leftH .searcHome .searchProduct form button{padding: 3px;} #header .container .leftH .searcHome .searchProduct form button img{height: 11px;} #header .container .leftH .mobileMenu{padding: 0;width: 35px;height: 35px;justify-content: center;margin-left: 5px;} #header .container .leftH .mobileMenu img{height: 10px;} #header .container .midMenu{flex: .5;} #header .container .midMenu .logo{padding: 0 6px;} #header .container .midMenu .logo img{height: 33px;} #header .container .midMenu ul{display: none;} #header .container .midMenu ul li{padding: 6px;} #header .container .midMenu ul li a{font-size: 11px;} #header .container .midMenu ul li img{margin-left: 5px;height: 7px;} #header .container .midMenu ul li:hover .altMenu{top: 85px;} #header .container .rightH{flex: .8;display: none;} #header .container .rightH .inner{height: 35px;} #header .container .rightH .inner .bottomRight .bRight p{font-size: 12px;} #header .container .rightH .inner .bottomRight .socials{margin-left: 5px;} #header .container .rightH .inner .bottomRight .socials a{padding: 3px;} #header .container .rightH .inner .bottomRight .socials a img{height: 10px;} #slider {height: 60vh;} #slider .sliderCat{width: 100%;padding: 0;flex-direction: unset;flex-wrap: wrap;} #slider .sliderCat .item{padding: 5px 3px;flex: 1 0 25%;} #slider .sliderCat .item p{font-size: 11px;} #slider .sliderCat .item img{height: 20px;margin: 0 6px;} #slider .mainSliderText{padding: 0px 0 0 10px;bottom: 155px;} #slider .mainSliderText p b{font-size: 13px;} #slider .mainSliderText h1{font-size: 23px;} #slider .bottomArrow{padding: 0 40px} #slider .sliderBottomIcons{padding-bottom: 10px;} #slider .sliderBottomIcons .line{top: 40px;} #slider .sliderBottomIcons .content{padding: 0 40px} #slider .sliderBottomIcons .content .single:hover .top{border-bottom: 2px solid rgb(255 255 255);padding: 10px 0;} #slider .sliderBottomIcons .content .single .top p{font-size: 16px;} #slider .sliderBottomIcons .content .single .image img{height: 123px;padding: 15px;} #slider .bottomArrow img{width: 50px;height: 50px;padding: 10px;} #slider .sliderRight{top: 0;bottom: unset;} #slider .sliderLeft{top: unset;bottom: 15px;} #homeCorp{height: 324px;padding: 20px 0;} #homeCorp .bg{top: 20px;height: 80%;width: 50%;} #homeCorp .number{left: -74px;} #homeCorp .number p{font-size: 16em;} #homeCorp .container .topLine{top: -20px;} #homeCorp .container .topLine .line{height: 75px;} #homeCorp .container .topLine .circle{width: 7px;height: 6px;} #homeCorp .container .text{width: 46%;padding-left: 15px;} #homeCorp .container .text h1:nth-child(1){font-size: 15px;} #homeCorp .container .text h1{font-size: 30px;} #homeCorp .container .text p{font-size: 12px;line-height: 1.3;margin: 0;} #homeCorp .container .text .button{margin-top: 15px;} #homeCorp .container .text .button a{padding: 12px;font-size: 12px;} #homeProducts{height: 350px;} #homeProducts .number{right: -64px;} #homeProducts .number p{font-size: 16em;} #homeProducts .bg{border-top-right-radius: 275px;border-bottom-left-radius: 275px;transform: rotate(144deg);top: 0;opacity: 0.5;} #homeProducts .container .ProductGallery{width: 97%;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide{padding: 15px 0;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop h1{font-size: 17px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop p{font-size: 14px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .rightTop a{padding: 11px;font-size: 11px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide img{height: 220px;padding: 0;} #homeProducts .container .ProductGallery .gallery-thumbs{height: 50px;bottom: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-slide img{padding: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-next{height: 100%;width: 50px;top: 0;background: url(../img/galleryThumbsArrow.jpg) 60px -18px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-prev{height: 108%;width: 50px;top: 0;/* background: #eee; */background: url(../img/galleryThumbsArrow.jpg) 0 -17px;} #homeProducts .container .ProductGallery .gallery-thumbs .arrows{height: 50px;} #productionHome{height: auto;} #productionHome .bg{border-bottom-left-radius: 183px;width: 100%;position: relative;height: auto;z-index: 9;top: 0;} #productionHome .number{left: -70px;z-index: 99;top: 26%;} #productionHome .number p{font-size: 16em;color: rgb(234 234 234);} #productionHome:before{border-top-right-radius: 300px;top: -75px;width: 21%;} #productionHome .container{height: auto;position: relative;z-index: 9999;} #productionHome .container .topLine{left: 10px;} #productionHome .container .topLine .circle{width: 7px;height: 7px;} #productionHome .container .topLine .line{height: 75px;} #productionHome .container .text{max-width: 100%;padding: 20px 0 25px 20px;height: auto;} #productionHome .container .text h1{font-size: 22px;font-weight: 700;} #productionHome .container .text p{font-size: 14px;margin: 7px 0;} #productionHome .container .text .button{margin-top: 20px;} #productionHome .container .text .button a{font-size: 11px;padding: 11px;} #homeBanner .bannerHome{height: 200px;} #homeBanner.detailB .bannerHome{width: 100%;height: 175px;} #homeBanner .bannerHomeText{height: 98px;} #homeBanner .bannerHomeText .number{top: -155px;right: -31px;z-index: 99999;} #homeBanner .bannerHomeText .number p{font-size: 14em;} #homeBanner .bannerHomeText .container:before{width: 80%;border-top-right-radius: 25px;border-top-left-radius: 25px;left: 0;top: -60px;} #homeBanner .bannerHomeText .container .topLine{left: 18px;top: -60px;} #homeBanner .bannerHomeText .container .topLine .circle{width: 8px;height: 8px;} #homeBanner .bannerHomeText .container .topLine .line{height: 75px;} #homeBanner .bannerHomeText .container .text{padding: 0 0 23px 29px;} #homeBanner .bannerHomeText .container .text h1{max-width: 50%;font-size: 15px;} #footer{padding: 20px 0;} #footer .container{flex-direction: column;} #footer .container .footerLeft{max-width: 100%;align-items: center;} #footer .container .footerLeft .logo{height: 45px;} #footer .container .footerLeft .copyRigth strong{font-size: 13px;} #footer .container .footerLeft .copyRigth p{font-size: 11px;} #footer .container .footerLeft .copyRigth{text-align: center;margin: 20px 0;} #footer .container .footerRigth .qInfos .question a{font-size: 11px;} #footer .container .footerRigth .qInfos .question a strong{font-size: 13px;} #footer .container .footerRigth .qInfos .question i{font-size: 23px;padding-left: 5px;} #footerBottom{height: 50px;} #footerBottom .container a p{font-size: 12px;} #footerBottom .container a img{ height: 14px;}ooter .container .footerRigth{align-items: center;} #footer .container .footerRigth .social{height: auto;justify-content: center;} #footer .container .footerRigth .social .single{width: 30px;height: 21px;} #footer .container .footerRigth .qInfos{margin-top: 20px;} #footer .container .footerRigth .qInfos .question{padding-bottom: 9px;justify-content: center;} #pageNavigationImg{height: 165px;} #listes .container .projeList .single{margin-right: 10px;} #listes .container .projeList .single .image{height: 100px;} #listes .container .projeList .single .title {padding: 8px 0;font-size: 11px;} .productsContent #productSlider{height: 40vh;} .productsContent #productsBox{margin-bottom: 25px;} .productsContent #productsBox .container .single{flex:1 0 37%;margin-right: 9px;margin-top: 5px;} .productsContent #productsBox .container .single:nth-child(2n){margin-right: 0;} .productsContent #otherProducts .bTitle{font-size: 15px;padding: 15px 0;} .productsContent #otherProducts .single .image {height: 140px;} #pageDetailContent .container .pageLeft .productList .singlee{flex:1 0 45%;padding: 5px;} #pageDetailContent .container .pageLeft .productList .singlee img{height: 125px;} #pageDetailContent .container .pageLeft .productList .singlee:nth-child(2n){border-right: unset;} #pageDetailContent .container .pageLeft .productList .singlee:nth-child(3n){border-right: 1px solid #e7e9eb;} #pageDetailContent .container .pageLeft .productList{padding: 10px 0;} #pageDetailContent .container .pageLeft .productList .singleTriP .image{height: 125px;} #pageDetailContent .container .pageLeft .productList .singleTriP{padding: 10px;flex: 1 0 45%;margin: 10px 10px 0 0 ;} #pageDetailContent .container .pageLeft .productList .singleTriP .title{padding: 15px 5px;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(2n){margin: 10px 0px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(3n){margin: 10px 10px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTriP h1{font-size: 14px;} #pageDetailContent .container .pageLeft .productList .singleTripCat{height: 150px;flex: 1 0 40%;} #pageDetailContent .container .pageLeft .productList .singleTripCat .title{padding: 10px;} #pageDetailContent .container .pageLeft .productList .singleTripCat h1{font-size: 13px;} #pageDetailContent .container .pageLeft .filter{margin-bottom: 0;padding: 7px 0;font-size: 12px;} #filter{background: #efefef;} #pageDetailContent .container .pageLeft .pageContact{padding: 20px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact h1{font-size: 17px;} } @media screen and (max-width: 480px) { .container{padding: 0 5px;} #mFull .container{grid-template-rows: 80px 1fr 70px;} #mFull .container .content ul li a{font-size: 11px;} #mFull .container .content .info .phone a{font-size: 17px;} #mFull .container .content .info > div::before{top: 28px;} #mFull .container .content .info i{font-size: 17px;margin-bottom: 11px;} #mFull .container .content .info .phone a{font-size: 8px;} #mFull .footerNav-social span{font-size: 8px;} #header{height: 60px;} #header.sticky{height: 50px;} #header.sticky .container .midMenu ul li:hover .altMenu{top: 70px;} #header .container{padding: 0;flex-direction: row-reverse;} #header .container .leftH{flex: .9;} #header .container .leftH .searcHome{max-width: 180px;height: 30px;padding: 0 8px;} #header .container .leftH .searcHome .searchProduct form button{padding: 3px;} #header .container .leftH .searcHome .searchProduct form button img{height: 11px;} #header .container .leftH .searcHome .searchProduct form input{font-size: 10px;} #header .container .leftH .mobileMenu{padding: 0;width: 30px;height: 30px;justify-content: center;margin-left: 5px;} #header .container .leftH .mobileMenu img{height: 10px;} #header .container .midMenu{flex: .5;justify-content: flex-start;} #header .container .midMenu .logo{padding: 0 6px;} #header .container .midMenu .logo img{height: 35px;} #header .container .midMenu ul{display: none;} #header .container .midMenu ul li{padding: 6px;} #header .container .midMenu ul li a{font-size: 11px;} #header .container .midMenu ul li img{margin-left: 5px;height: 7px;} #header .container .midMenu ul li:hover .altMenu{top: 85px;} #header .container .rightH{flex: .8;display: none;} #header .container .rightH .inner{height: 35px;} #header .container .rightH .inner .bottomRight .bRight p{font-size: 12px;} #header .container .rightH .inner .bottomRight .socials{margin-left: 5px;} #header .container .rightH .inner .bottomRight .socials a{padding: 3px;} #header .container .rightH .inner .bottomRight .socials a img{height: 10px;} #slider {height: 60vh;} #slider .sliderCat{width: 100%;padding: 0;flex-direction: unset;flex-wrap: wrap;} #slider .sliderCat .item{padding: 5px 3px;flex: 1 0 27%;} #slider .sliderCat .item p{font-size: 11px;} #slider .sliderCat .item img{height: 17px;margin: 0 5px;} #slider .mainSliderText{padding: 0px 0 0 10px;bottom: 140px;} #slider .mainSliderText p b{font-size: 11px;} #slider .mainSliderText h1{font-size: 15px;} #slider .bottomArrow{padding: 0 9px;bottom: -20px;} #slider .sliderBottomIcons{padding-bottom: 10px;} #slider .sliderBottomIcons .line{top: 40px;} #slider .sliderBottomIcons .content{padding: 0 40px} #slider .sliderBottomIcons .content .single:hover .top{border-bottom: 2px solid rgb(255 255 255);padding: 10px 0;} #slider .sliderBottomIcons .content .single .top p{font-size: 16px;} #slider .sliderBottomIcons .content .single .image img{height: 123px;padding: 15px;} #slider .bottomArrow img{width: 35px;height: 35px;padding: 10px;} #slider .sliderRight{top: 0;bottom: unset;} #slider .sliderLeft{top: unset;bottom: 15px;} #homeCorp{height: auto;padding: 10px 0;} #homeCorp .bg{top: 20px;height: auto;position: relative;width: 100%;} #homeCorp .number{left: -75px;opacity: .7;top: 34%;} #homeCorp .number p{font-size: 14em;} #homeCorp .container {height: auto;} #homeCorp .container .topLine{top: -66px;} #homeCorp .container .topLine .line{height: 75px;} #homeCorp .container .topLine .circle{width: 7px;height: 6px;} #homeCorp .container .text{width: 100%;padding-left: 15px;height: auto;margin-top: 28px;} #homeCorp .container .text h1:nth-child(1){font-size: 14px;} #homeCorp .container .text h1{font-size: 25px;} #homeCorp .container .text p{font-size: 11px;line-height: 1.3;margin: 0;} #homeCorp .container .text .button{margin-top: 15px;} #homeCorp .container .text .button a{padding: 9px;font-size: 12px;} #homeProducts{height: 325px;} #homeProducts .number{right: -64px;opacity: .7;} #homeProducts .number p{font-size: 14em;opacity: .6;} #homeProducts .bg{border-top-right-radius: 275px;border-bottom-left-radius: 275px;transform: rotate(144deg);top: 0;opacity: 0.4;} #homeProducts .container .ProductGallery{width: 97%;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide{padding: 15px 0;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop h1{font-size: 15px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .leftTop p{font-size: 13px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide .top .rightTop a{padding: 10px;font-size: 11px;} #homeProducts .container .ProductGallery .ProductGallerySlider .swiper-slide img{height: 208px;padding: 1px;} #homeProducts .container .ProductGallery .gallery-thumbs{height: 50px;bottom: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-slide img{padding: 10px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-next{height: 100%;width: 50px;top: 0;background: url(../img/galleryThumbsArrow.jpg) 60px -18px;} #homeProducts .container .ProductGallery .gallery-thumbs .swiper-button-prev{height: 108%;width: 50px;top: 0;/* background: #eee; */background: url(../img/galleryThumbsArrow.jpg) 0 -17px;} #homeProducts .container .ProductGallery .gallery-thumbs .arrows{height: 50px;} #productionHome{height: auto;} #productionHome .bg{border-bottom-left-radius: 183px;width: 100%;position: relative;height: auto;z-index: 9;top: 0;opacity: .5;} #productionHome .number{left: -70px;z-index: 99;top: 26%;} #productionHome .number p{font-size: 13em;color: rgb(255 255 255);opacity: .7;} #productionHome:before{border-top-right-radius: 300px;top: -76px;width: 17%;} #productionHome .container{height: auto;position: relative;z-index: 9999;} #productionHome .container .topLine{left: 10px;} #productionHome .container .topLine .circle{width: 7px;height: 7px;} #productionHome .container .topLine .line{height: 75px;} #productionHome .container .text{max-width: 100%;padding: 15px 0 15px 61px;height: auto;} #productionHome .container .text h1{font-size: 17px;font-weight: 700;} #productionHome .container .text p{font-size: 13px;margin: 7px 0;} #productionHome .container .text .button{margin-top: 20px;} #productionHome .container .text .button a{font-size: 11px;padding: 10px;} #homeBanner .bannerHome{height: 175px;} #homeBanner.detailB .bannerHome{width: 100%;height: 180px;} #homeBanner .bannerHomeText{height: 80px;} #homeBanner .bannerHomeText .number{top: -155px;right: -31px;z-index: 99999;} #homeBanner .bannerHomeText .number p{font-size: 11em;} #homeBanner .bannerHomeText .container:before{width: 80%;border-top-right-radius: 25px;border-top-left-radius: 25px;left: 0;top: -60px;} #homeBanner .bannerHomeText .container .topLine{left: 18px;top: -60px;} #homeBanner .bannerHomeText .container .topLine .circle{width: 8px;height: 8px;} #homeBanner .bannerHomeText .container .topLine .line{height: 75px;} #homeBanner .bannerHomeText .container .text{padding: 0 0 20px 35px;} #homeBanner .bannerHomeText .container .text h1{max-width: 65%;font-size: 14px;} #footer{padding: 20px 0;} #footer .container{flex-direction: column;} #footer .container .footerLeft{max-width: 100%;align-items: center;} #footer .container .footerLeft .logo{height: 35px;} #footer .container .footerLeft .copyRigth strong{font-size: 13px;} #footer .container .footerLeft .copyRigth p{font-size: 10px;} #footer .container .footerLeft .copyRigth{text-align: center;margin: 20px 0;} #footer .container .footerRigth{align-items: center;} #footer .container .footerRigth .social{height: auto;justify-content: center;} #footer .container .footerRigth .social .single{width: 30px;height: 21px;} #footer .container .footerRigth .qInfos{margin-top: 20px;} #footer .container .footerRigth .qInfos .question{padding-bottom: 9px;justify-content: center;} #footer .container .footerRigth .qInfos .question a{font-size: 10px;} #footer .container .footerRigth .qInfos .question a strong{font-size: 10px;} #footer .container .footerRigth .qInfos .question i{font-size: 16px;padding-left: 5px;} #footerBottom{height: 50px;} #footerBottom .container a p{font-size: 11px;} #footerBottom .container a img{height: 12px;} #pageNavigationImg{height: 125px;} #pageNavigationImg .container .text{bottom: 10px;} #pageNavigationImg .container .text a{font-size: 12px;} #pageDetailContent .container .pageLeft .filter{padding: 8px 0;font-size: 12px;margin-bottom: 2px;} #pageDetailContent .container .pageLeft .content p{font-size: 12px;} #pageNavigation .container a{font-size: 12px;} #pageDetailContent .container .pageLeft .content .ourTeams .single{flex:1 0 40%;margin: 7px;min-height: auto;height: 185px;} #pageDetailContent .container .pageLeft .content .ourTeams .single img{height: 131px;padding: 5px;} #pageDetailContent .container .pageLeft .content .ourTeams .single h1{font-size: 11px;text-align: center;padding: 5px 0 0;margin-bottom: 0;} #pageDetailContent .container .pageLeft .content .ourTeams .single p{font-size: 9px;text-align: center;padding: 5px;margin-bottom: 0;} #listes .container .tabs-nav-one{overflow: hidden;overflow-x: scroll;} #listes .container .projeList .single{flex: 0 0 43%} #listes .container .projeList .single .image{height: 81px;} #listes .container .tabs-nav-one li a h1{font-size: 10px;} #scroll::-webkit-scrollbar-track{background-color: transparent;} #scroll::-webkit-scrollbar{height: 2px;background-color: transparent;} #scroll::-webkit-scrollbar-thumb{background-color: #41413f;border: 2px solid transparent;} .productsContent #productSlider .swiper-button-next{right: 20px;} .productsContent #productSlider .swiper-button-next img{width: 30px;} .productsContent #productSlider .swiper-button-prev{left: 20px;} .productsContent #productSlider .swiper-button-prev img{width: 30px;} .productsContent #productsBox .container .single{padding: 15px 20px 15px 20px;} .productsContent #productsBox .container .single p{font-size: 11px;} .productsContent #otherProducts .single .image{height: 100px;} .productsContent #otherProducts .single .title{font-size: 12px;} .productsContent #otherProducts{padding-bottom: 20px;} #listes .container .projeList{justify-content: center;} #listes .container .projeList .single:nth-child(2n){margin-right: 0;} #listes .container .tabs-nav-one li a{padding: 0 5px;} #pageDetailContent .container .pageLeft .productList .single{flex: 1 0 42%;} #pageDetailContent .container .pageLeft .productList .single:nth-child(2n){margin-left: 10px;} #pageDetailContent .container .pageLeft .productList .single img{height: 25px;} #pageDetailContent .container .pageLeft .productList .single h1{font-size: 10px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header{padding: 8px 30px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header h1{font-size: 11px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header i{font-size: 11px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header.activePage{padding: 8px 0;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-header:hover{padding: 8px 0;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-text a{font-size: 12px;padding: 8px 20px;} #pageDetailContent .container .pageRight .detailMenu .single-accordion .accordion-text a:hover {font-size: 11px;padding: 8px 12px;} #pageDetailContent .container .pageLeft .productList .singlee{flex:1 0 43%;padding: 0;} #pageDetailContent .container .pageLeft .productList .singlee img{height: 100px;} #pageDetailContent .container .pageLeft .productList .singlee .desc{padding: 10px;} #pageDetailContent .container .pageLeft .productList .singlee h1{font-size: 11px;} #pageDetailContent .container .pageLeft .productList .singlee p{font-size: 11px;} #pageDetailContent .container .pageLeft .productsContentTop .right{padding-left: 1%;margin-left: 1%;} #pageDetailContent .container .pageLeft .productsContentTop .right .top h1{font-size: 15px;} #pageDetailContent .container .pageLeft .productsContentTop .right .top p{font-size: 13px;} #pageDetailContent .container .pageLeft .productsContentTop .right .top{padding-bottom: unset;padding: 5px 0 9px 0;} #pageDetailContent .container .pageLeft .productsContentTop .right .oems .tops{padding: 0 5px;} #pageDetailContent .container .pageLeft .productsContentTop .right .oems .middles .line{padding: 0px 5px;min-height: 35px;} #pageDetailContent .container .pageLeft .productsContentTop .right .oems .middles .line .single{font-size: 13px;} #pageDetailContent .container .pageLeft .productsContentTop .right h2{margin: 4px 0 0 0;font-size: 12px;} #pageDetailContent .container .pageLeft .productsContentTop .right .packWeight .single{margin: 10px 0 0 0;font-size: 12px;} #pageDetailContent .container .pageLeft .productsContentTop .right .technical .title{padding-top: 10px;font-size: 13px;} #pageDetailContent .container .pageLeft .productsContentTop .right .technical table tbody tr td{font-size: 12px;} #pageDetailContent .container .pageLeft .productsContentTop .left .singleImgs img{height: 225px;} .searchNone{font-size: 13px;} #pageDetailContent .container .pageLeft .productList .singleP .image{height: 125px;} #pageDetailContent .container .pageLeft .productList .singleP h1{font-size: 11px;} #pageDetailContent .container .pageLeft .productList .singleP p {padding: 4px 0 0 0;font-size: 9px;} /*Haber List*/ #news-list .container .list{padding: 0;} #news-list .container .list .inner-container .desc .title h3{font-size: 18px;} #news-list .container .list .inner-container .desc .info{margin-bottom: 5px;} #news-list .container .list .inner-container .desc .explanation p{font-size: 14px;margin: 0;} #news-list .container .list .inner-container .desc .explanation{margin-bottom: 10px;} #news-list .container .list .inner-container .desc .readmore a{padding: 10px;font-size: 14px;} #pageDetailContent .container .pageLeft .newList .single{margin:20px 0 0 0;flex:1 0 100%} #pageDetailContent .container .pageLeft .newList .single .date{width: 60px;padding: 10px;} #pageDetailContent .container .pageLeft .newList .single .date h3{font-size: 22px!important;margin-top: 10px!important} #pageDetailContent .container .pageLeft .newList .single .date:before{border-left: 60px solid transparent;} #pageDetailContent .container .pageLeft .newList .single .date:after{left: -9px;} #pageDetailContent .container .pageLeft .newList .single .desc{padding: 10px 0;} #pageDetailContent .container .pageLeft .newList .single .desc .descTop h1{font-size: 13px;} /*Haber Detay*/ #newsList .single{padding: 0;flex:1 0 100%} #newsList .single .catSingle{padding: 15px;} #Newscontent .newsText p{font-size: 14px;} #pageDetailContent .container .pageLeft .productsContentTop .left .nextPrevButton a{padding: 10px;font-size: 10px;} #pageDetailContent .container .pageLeft .productsContentTop .left .productKatalog{justify-content: flex-start;} #superiorSubaltern .container .content .single{flex:1 0 45%} #superiorSubaltern .container .title h1{padding: 8px 0;font-size: 13px;} #superiorSubaltern .container .content .single .image{height: 100px;} #superiorSubaltern .container .content .single h1{font-size: 10px;} #superiorSubaltern .container .content .single p{font-size: 10px;} #pageDetailContent .container .pageLeft .productsContentTop .left .productKatalog{font-size: 11px;} #pageDetailContent .container .pageLeft .productsContentTop .left .productKatalog i{font-size: 18px;} #pageDetailContent .container .pageLeft .productList{padding: 10px 0;} #pageDetailContent .container .pageLeft .productList .singleTriP .image{height: 125px;} #pageDetailContent .container .pageLeft .productList .singleTriP{padding: 10px;flex: 1 0 45%;margin: 10px 10px 0 0 ;} #pageDetailContent .container .pageLeft .productList .singleTriP .title{padding: 5px;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(2n){margin: 10px 0px 0 0;padding: 7px;} #pageDetailContent .container .pageLeft .productList .singleTriP:nth-child(3n){margin: 10px 10px 0 0;} #pageDetailContent .container .pageLeft .productList .singleTriP h1{font-size: 13px;} #pageDetailContent .container .pageLeft .productList .singleTripCat{height: 150px;flex: 1 0 40%;} #pageDetailContent .container .pageLeft .productList .singleTripCat .title{padding: 8px;} #pageDetailContent .container .pageLeft .productList .singleTripCat h1{font-size: 12px;} #pageDetailContent .container .pageLeft .pageCatalogues .single{height: 205px;} #pageDetailContent .container .pageLeft .pageCatalogues .single img{padding: 7px;} #pageDetailContent .container .pageLeft .pageCatalogues .single h1{font-size: 12px;padding: 8px;} #pageDetailContent .container .pageLeft #productSlider{height: 40vh;} #pageDetailContent .container .pageLeft #productSlider .swiper-button-next, .swiper-button-prev{top: 57%;} #pageDetailContent .container .pageLeft #productSlider .swiper-button-next i{font-size: 20px;} #pageDetailContent .container .pageLeft #productSlider .swiper-button-prev i{font-size: 20px;} #pageDetailContent .container .pageLeft #productSlider .swiper-pagination-bullet{width: 5px;height: 2px;} #pageDetailContent .container .pageLeft .productsContentTop .right .technical p{font-size: 14px;margin-top: 5px} #pageDetailContent .container .pageLeft .productsContentTop .right .top .oemInfo{font-size: 13px;margin-top: 5px;} #pageDetailContent .container .pageLeft .productList .singleTriPSearch{padding: 0;} #pageDetailContent .container .pageLeft .productList .singleTriPSearch .title .singleSearch{padding: 0;} #pageDetailContent .container .pageLeft .productList .singleTriPSearch .title p{font-size: 10px;} #pageDetailContent .container .pageLeft .productList .singleTriPSearch img{padding: 5px;} #pageDetailContent .container .pageLeft .pageContact{padding: 10px;flex-direction: column;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact{padding-right: 0;padding: 10px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single img{height: 20px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageLeft .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageLeft .pageContact .maps {padding: 0 0 8px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form input,textarea{padding: 8px 17px;font-size: 13px;margin: 0 0 7px 0;} #pageDetailContent .container .pageLeft .pageContact .form .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageLeft .pageContact .form .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .pageContact .maps .remember-me{font-size: 12px;} #pageDetailContent .container .pageLeft .pageContact .maps .remember-me input{width: 10px;margin-right: 5px;margin-bottom: 0;} } @media screen and (max-width: 350px){ #pageDetailContent .container .pageLeft .content .ourTeams .single{padding: 0;} #pageDetailContent .container .pageLeft .content .ourTeams .single h1{font-size: 10px;text-align: center;padding: 0px 0 0;margin-bottom: 0;} #pageDetailContent .container .pageLeft .content .ourTeams .single p{font-size: 8px;text-align: center;padding: 3px;margin-bottom: 0;} }