@media screen and (min-width: 1900px) { .container{max-width:1400px;} } @media screen and (max-width: 1480px) { .container{padding: 0 10px;max-width: 95%;} #slider .paginetionSlider{max-width: 95%;} #mFull .container{padding: 0;grid-template-rows: 100px 1fr 80px;max-width: 95%;} #mFull .container .header .flags img{height: 105px;padding: 14px;} #mFull .container .header .closeMenu{width: 50px;height: 50px;} #mFull .container .header .closeMenu .closebtn{font-size: 30px;} #mFull .container .content{padding: 40px 0 0 ;} #mFull .container .content .menu {padding-right: 30px;} #mFull .container .content .menu .onlineCatalog{border-bottom: 1px dashed rgb(225 225 225 / 15%);} #mFull .container .content .menu .onlineCatalog .image img{height: 190px;} #mFull .container .content .menu .onlineCatalog .text .sKatO h2{font-size: 30px;letter-spacing: 7px;} #mFull .container .content .menu ul{padding-top: 20px;} #mFull .container .content .menu ul li{padding: 10px 0;} #mFull .container .content .menu ul li a{font-size: 18px;font-weight: 400;} #mFull .container .content .productsMobil .title {padding-bottom: 15px;margin-bottom: 15px;} #mFull .container .content .productsMobil .title h1{font-size: 30px;letter-spacing: 7px;} #mFull .container .content .productsMobil .proCont .single .image img{height: 50px;} #mFull .container .content .productsMobil .proCont .single h1{padding: 0 30px;font-size: 20px;} #mFull .footerNav{padding: 10px 0;} #mFull .footerNav-social span{font-size: 10px;} #header .headerTop{height: 50px;} #header .headerTop .container .infoH a img{height: 20px;margin-right: 7px;} #header .headerTop .container .infoH a p{font-size: 13px;} #header .headerTop .container .socialsH a img{height: 20px;} #header .headerBottom{height: 85px;margin-top: 10px;} #header .headerBottom .container{padding: 0;} #header .headerBottom .container .logo{max-width: 150px;} #header .headerBottom .container .logo img{height: 110px;top: 15px;left: 20px;padding: 20px;} #header .headerBottom .container .menu ul li{padding: 5px;} #header .headerBottom .container .menu ul li a{font-size: 13px;} #header .headerBottom .container .headerRight{width: 150px;} #header .headerBottom .container .menu ul li:hover .altMenu{top: 85px;} #slider{max-height: 650px;} #slider .swiper-container .swiper-slide .mainSlider{max-width: 95%;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 18px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 30px;} #slider .paginetionSlider .swiper-pagination{max-width: 95%;} #homeCorp{height: auto;} #homeCorp .container .rightT{margin-top: 30px;width: 65%;} #homeCorp .container .rightT .logo{width: 125px;height: 125px;} #homeCorp .container .rightT .text{margin-top: 20px;} #homeCorp .container .rightT .text h1{font-size: 26px;} #homeCorp .container .rightT .text p{font-size: 13px;} #homeCorp .container .icons{top: -130px;} #homeCorp .container .icons a{width: 125px;height: 125px;} #homeCorp .container .icons a img{margin-bottom: 5px;height: 43px;width: 43px;} #homeCorp .container .icons a p{font-size: 13px;} #homeServices .container .title .leftT .top h1{font-size: 22px;margin-left: 10px;} #homeServices .container .title .leftT .top img{height: 35px;padding: 7px;} #homeServices .container .title .leftT .bottom{padding: 10px 0 15px 0;} #homeServices .container .title .leftT .bottom p{font-size: 14px;} #homeServices .container .content{height:auto;} #homeServices .container .content .swiper-container .swiper-slide .single .image{height: 275px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image{height: 320px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image{height: 340px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle img{height: 20px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle h1{font-size: 14px;padding-left: 10px;} #homeDocService .container .title{padding: 20px 0;} #homeDocService .container .title .leftT .top h1{font-size: 22px;margin-left: 10px;} #homeDocService .container .title .leftT .top img{height: 35px;padding: 7px;} #homeDocService .container .title .leftT .bottom{padding: 10px 0 15px 0;} #homeDocService .container .title .leftT .bottom p{font-size: 14px;} #homeDocService .content{height: 300px;} #homeDocService .content .single{height: 300px;} #homeDocService .content .single h1{font-size: 17px;left: 20px;} #homeDocService .content .single:hover{height: 350px;top: 0;} #homeReferance{padding: 30px 0;} #homeReferance .container .title .leftT .top h1{font-size: 22px;margin-left: 10px;} #homeReferance .container .title .leftT .top .circle{width: 20px;height: 20px;} #homeReferance .container .title .leftT .bottom{padding: 10px 0 15px 0;} #homeReferance .container .title .leftT .bottom p{font-size: 14px;} #homeReferance .container .content .swiper-container .swiper-slide .single .image{height: 75px;} #footer{padding: 35px 0;margin-top: 20px;} #footer .container .fTop .buttons .button{padding: 10px;} #footer .container .fTop .buttons .button a{font-size: 12px;} #footer .container .fTop .logo img{height: 80px;} #footer .container .fTop .phoneH p{font-size: 16px;} #footer .container .fTop .phoneH img {height: 33px;} #footer .container .fMid{padding: 20px 0 0 0;} #footer .container .fMid .fMidLeft .copyRight h1{font-size: 12px;} #footer .container .fMid .fMidLeft .copyRight p{font-size: 11px;} #footer .container .fMid .fMidLeft .adress{font-size: 11px;padding: 8px 0 0 0;} #footer .container .fMid .fMidRight .icons{margin-bottom: 10px;} #footer .container .fMid .fMidRight .icons a{margin-left: 3px;} #footer .container .fMid .fMidRight .icons a img{height: 22px;} #footer .container .fMid .fMidRight .whatsap img{height: 26px;} #courmedya{padding: 15px 0} #courmedya .container img{height: 24px;} #pageNavigationImg{height: 250px;margin-top: -95px;} #pageNavigationImg .container .text{left: 10px;} #pageNavigationImg .container .text a{font-size: 18px;} #pageDetailContent .container{grid-template-columns: 27% 66% ;} #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;} #pageNavigation{padding: 25px 0;} #pageNavigation .container a{font-size: 17px;} #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;} #productsListe .list a img{padding: 0;} #productsListe .list a .title{font-size: 12px;min-height: auto; padding: 20px 15px;} #productsListe .list a span{left: 10px;top: 10px;font-size: 12px;} #productsListe .list a .title:before{width: 5px;height: 60px;} #pageDetailContent .container .pageLeft .detailMenu{padding: 38px 0;} #pageDetailContent .container .pageRight .content .projeList .single{flex: 0 0 30%;} #pageDetailContent .container .pageRight .content .projeList .single .image{height: 135px;} #pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee a{padding: 12px;font-size: 14px;} #pageDetailContent .container .pageRight .productDetail .din{font-size: 21px;} #pageDetailContent .container .pageRight .contentP .build{font-size: 15px;padding: 8px 0;} #pageDetailContent .container .pageRight .content .singleU img{height: 175px;} #pageDetailContent .container .pageLeft .detailMenu .dropdownMenu .colmnMenu{padding-left: 2px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 14px;} #pageDetailContent .container .pageLeft .detailMenu .dropdownMenu a{font-size: 12px!important;font-weight: 400!important;} #pageDetailContent .container .pageRight .contentP .singleT{padding-left: 0;height: 150px;} #pageDetailContent .container .pageRight .contentP .singleT:hover{padding-left: 0;} #pageDetailContent .container .pageRight .contentP .singleT h1{font-size: 14px;padding: 0;} #pageDetailContent .container .pageRight .contentP .singleT.frenkSingle h1{padding: 0 0 10px 35px} #pageDetailContent .container .pageRight .contentP .singleT img{height: 100%;padding-left: 0px;} #pageDetailContent .container .pageRight #productSlider{height: 40vh;} #pageDetailContent .container .pageRight #productSlider .swiper-pagination-bullet{width: 15px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 13px;} #pageDetailContent .container .pageRight .pageListK .singleListP{margin-top: 10px;padding: 15px;margin-left: 10px;} #pageDetailContent .container .pageRight .pageListK .singleListP img{height: 30px;} #pageDetailContent .container .pageRight .pageListK .singleListP h1{padding: 0 7px;font-size: 15px;} #pageDetailContent .container .pageRight #sliderInfo .slider{height: 350px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider{margin-top: 25px;height: 75px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 75px;} #pageDetailContent .container .pageRight .brandsList .single{height: 120px;padding: 15px;} .page-contact .boxes h1{font-size: 16px;padding: 5px 0;} .page-contact .box .icon{max-width: 40px;} .page-contact .box .icon i{font-size: 17px;} .page-contact .box .ctitle p{font-size: 13px!important;} #pageDetailContent .container .pageRight .content table td, th{font-size: 13px;} #pageDetailContent .container .pageRight .video iframe{height: 225px;margin: 7px;} #pageDetailContent .container .pageRight .singleLPro .image{height: 175px;} #pageDetailContent .container .pageRight .singleLPro .textBottom{min-height: 75px;padding: 0 0 0 20px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .line:before{height: 2px;top: -2px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text {padding: 15px 0;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .contentP{padding: 35px;} #pageDetailContent .container .pageRight .contentP .titleP{font-size: 16px;} #pageDetailContent .container .pageRight .contentP .catImageProD{height:45px} #pageDetailContent .container .pageRight .corpImg{max-height: 375px;} #pageDetailContent .container .pageLeft .menuLeft ul li{padding: 8px 0;} #pageDetailContent .container .pageLeft .menuLeft ul li.activePage {padding: 8px;} #pageDetailContent .container .pageLeft .menuLeft ul li a{font-size: 15px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .image img{height: 175px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .text .sKatO h2{font-size: 22px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single{padding: 15px;height: 125px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single:first-child{margin-bottom: 10px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text p{font-size: 13px;margin: 8px 0;padding: 8px 0;} #pageDetailContent .container .pageRight .proCont .single .image img{height: 125px;} #pageDetailContent .container .pageRight .proCont .single h1{padding: 0 30px;font-size: 20px;letter-spacing: 8px;max-width: 300px;} #pageDetailContent .container .pageLeft .menuLeft{padding: 19px 19px 82px;} #pageDetailContent .container .pageRight .brandsList .single{height: 120px;padding: 15px;} #pageDetailContent .container .pageRight .contentP .titleP{font-size: 16px;} } @media screen and (max-width: 1380px) { .container{padding: 0 10px;max-width: 97%;} } @media screen and (max-width: 1200px) { #mFull .container{padding: 0;grid-template-rows: 75px 1fr 50px;grid-gap: 0 20px;} #mFull .container .header .flags img{height: 78px;} #mFull .container .header .closeMenu{width: 40px;height: 40px;} #mFull .container .header .closeMenu .closebtn{font-size: 25px;} #mFull .container .content{padding: 30px 0 0 ;grid-gap: 0 20px;} #mFull .container .content .menu {padding-right: 20px;} #mFull .container .content .menu .onlineCatalog{border-bottom: 1px dashed rgb(225 225 225 / 15%);} #mFull .container .content .menu .onlineCatalog .image img{height: 170px;} #mFull .container .content .menu .onlineCatalog .text .sKatO h2{font-size: 25px;} #mFull .container .content .menu ul{padding-top: 15px;} #mFull .container .content .menu ul li{padding: 8px 0;} #mFull .container .content .menu ul li a{font-size: 15px;font-weight: 400;} #mFull .container .content .productsMobil .title {padding-bottom: 10px;margin-bottom: 10px;} #mFull .container .content .productsMobil .title h1{font-size: 25px;} #mFull .container .content .productsMobil .proCont .single .image img{height: 40px;} #mFull .container .content .productsMobil .proCont .single h1{padding: 0 8px;font-size: 16px;} #mFull .footerNav{padding: 10px 0;} #mFull .footerNav-social span{font-size: 10px;} #header .headerTop{height: 45px;} #header .headerTop .container .infoH a img{height: 18px;margin-right: 5px;} #header .headerTop .container .infoH a p{font-size: 12px;} #header .headerTop .container .socialsH a img{height: 18px;} #header .headerBottom{height: 70px;margin-top: 10px;} #header .headerBottom .container{padding: 0;} #header .headerBottom .container .logo{max-width: 150px;} #header .headerBottom .container .logo img{height: 100px;top: 15px;left: 20px;padding: 20px;} #header .headerBottom .container .menu ul li{padding: 5px;} #header .headerBottom .container .menu ul li a{font-size: 13px;} #header .headerBottom .container .headerRight{width: 150px;} #header .headerBottom .container .menu ul li:hover .altMenu{top: 69px;} #slider{max-height: 550px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 17px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 20px;} #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 27px;} #homeCorp{height: auto;} #homeCorp .container .rightT{margin-top: 13px;max-width: 65%;} #homeCorp .container .rightT .logo{height: 110px;width: 110px;padding: 15px;} #homeCorp .container .rightT .text{margin-top: 13px;} #homeCorp .container .rightT .text h1{font-size: 20px;} #homeCorp .container .rightT .text p{font-size: 12px;line-height: 1.5;} #homeCorp .container .icons{top: -115px;} #homeCorp .container .icons a{width: 110px;height: 110px;} #homeCorp .container .icons a img{margin-bottom: 5px;height: 43px;width: 43px;} #homeCorp .container .icons a p{font-size: 13px;} #homeServices{padding: 20px 0;} #homeServices .container .title .leftT .top h1{font-size: 19px;margin-left: 10px;} #homeServices .container .title .leftT .top img{height: 35px;padding: 7px;} #homeServices .container .title .leftT .bottom{padding: 10px 0 15px 0;} #homeServices .container .title .leftT .bottom p{font-size: 132x;} #homeServices .container .content{height:auto;} #homeServices .container .content .swiper-container .swiper-slide .single .image{height: 250px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image{height: 283px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image{height: 300px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle{padding: 10px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle img{height: 20px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle h1{font-size: 13px;padding-left: 10px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image .iconH{width: 50px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image .iconH{width: 50px;} #homeDocService .container .title{padding: 20px 0 0;} #homeDocService .container .title .leftT .top h1{font-size: 22px;margin-left: 10px;} #homeDocService .container .title .leftT .top img{height: 35px;padding: 7px;} #homeDocService .container .title .leftT .bottom{padding: 10px 0 15px 0;} #homeDocService .container .title .leftT .bottom p{font-size: 14px;} #homeDocService .content{height: 250px;} #homeDocService .content .single{height: 250px;} #homeDocService .content .single h1{font-size: 15px;left: 15px;} #homeDocService .content .single:hover{height: 275px;} #homeReferance{padding: 20px 0;} #homeReferance .container .title{padding: 20px 0 15px 0;} #homeReferance .container .title .leftT .top h1{font-size: 19px;margin-left: 10px;} #homeReferance .container .title .leftT .top img{height: 35px;padding: 7px;} #homeReferance .container .title .leftT .bottom{padding: 10px 0 15px 0;} #homeReferance .container .title .leftT .bottom p{font-size: 132x;} #homeReferance .container .content .swiper-container .swiper-slide .single .image{height: 75px;} #footer{padding: 24px 0;} #footer .container .fTop{padding-bottom: 15px;} #footer .container .fTop .buttons .button{padding: 8px;} #footer .container .fTop .buttons .button a{font-size: 11px;} #footer .container .fTop .logo img{height: 66px;} #footer .container .fTop .phoneH p{font-size: 15px;} #footer .container .fTop .phoneH img {height: 30px;padding-bottom: 7px;margin-bottom: 7px;} #footer .container .fMid{padding: 15px 0 0 0;} #footer .container .fMid .fMidLeft .copyRight h1{font-size: 12px;} #footer .container .fMid .fMidLeft .copyRight p{font-size: 11px;} #footer .container .fMid .fMidLeft .adress{font-size: 11px;padding: 8px 0 0 0;} #footer .container .fMid .fMidRight .icons a{margin-left: 3px;} #footer .container .fMid .fMidRight .icons a img{height: 20px;} #footer .container .fMid .fMidRight .whatsap{padding-right: 0;} #footer .container .fMid .fMidRight .whatsap img{height: 24px;} #courmedya{padding: 15px 0} #courmedya .container img{height: 20px;} #pageNavigationImg{} #pageNavigationImg .container .text a{font-size: 15px;} #pageDetailContent .container .pageRight .referanceList .single img{height: 135px;} #pageDetailContent .container .pageRight .referanceList .single h1{font-size: 15px;} #productsListe .list a img{padding: 0;} #productsListe .list a .title{font-size: 12px;min-height: auto; padding: 20px 15px;} #productsListe .list a span{left: 10px;top: 10px;font-size: 12px;} #productsListe .list a .title:before{width: 5px;height: 60px;} #pageDetailContent .container .pageRight{padding: 20px 0 60px;} #pageDetailContent .container .pageRight .content{padding: 20px 10px 20px 20px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li{height: 40px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a{padding: 0 10px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a h1{font-size: 13px;} #pageDetailContent .container .pageRight .content .projeList .single{flex: 0 0 30%;padding: 13px;} #pageDetailContent .container .pageRight .content .projeList .single .image{height: 100px;} #pageDetailContent .container .pageRight .content .projeList .single .title{font-size: 12px;} #pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee a{padding: 11px;font-size: 13px;} #pageDetailContent .container .pageRight .productDetail .din{font-size: 17px;} #pageDetailContent .container .pageRight .content .singleU img{height: 150px;} #pageDetailContent .container .pageRight .content p{font-size: 15px;} #pageDetailContent .container .pageRight #productSlider{height: 37vh;} #pageDetailContent .container .pageRight #productSlider .swiper-pagination-bullet{width: 10px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 12px;} #pageDetailContent .container .pageRight .contentP .singleT{height: 135px;} #pageDetailContent .container .pageRight .contentP .singleT:hover{padding-left: 0;} #pageDetailContent .container .pageRight .contentP .singleT h1{font-size: 13px;} #pageDetailContent .container .pageRight .contentP .singleT.frenkSingle h1{padding: 0 0 10px 35px} #pageDetailContent .container .pageRight .contentP .singleT img{} #pageDetailContent .container .pageRight .contentP .singleT .icon{width: 25px;} #pageDetailContent .container .pageRight .contentP .singleT .icon i{font-size: 11px;} #pageDetailContent .container .pageRight #sliderInfo .slider{height: 275px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider{margin-top: 15px;height: 60px;padding: 0 30px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .brandsList .single{height: 100px;padding: 15px;} #pageDetailContent .container .pageRight .video iframe{height: 200px;margin: 5px;} #pageDetailContent .container .pageRight .singleLPro .image{height: 140px;} #pageDetailContent .container .pageRight .singleLPro .textBottom{min-height: 60px;} #pageDetailContent .container .pageRight .singleLPro .textBottom{padding: 0 0 0 10px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .line:before{height: 2px;top: -2px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text {padding: 10px 0;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text h1{font-size: 12px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text img{height: 10px;} #pageDetailContent .container .pageRight .contentP{padding: 30px;} #pageDetailContent .container .pageRight .contentP .catImageProD{height:43px} #pageDetailContent .container .pageRight .corpImg{max-height: 325px;} #pageDetailContent .container .pageLeft .menuLeft ul li{padding: 8px 0;} #pageDetailContent .container .pageLeft .menuLeft ul li.activePage {padding: 8px;} #pageDetailContent .container .pageLeft .menuLeft ul li a{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .image img{height: 123px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .text .sKatO h2{font-size: 18px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single{padding: 10px;height: 110px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single:first-child{margin-bottom: 10px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text p{font-size: 12px;margin: 8px 0;padding: 8px 0;} #pageNavigationImg{height: 250px;} #pageNavigationImg .container .text a{font-size: 17px;} #pageDetailContent .container .pageRight .single .image img{height: 100px;} #pageDetailContent .container .pageRight .single h1{padding: 0 20px;font-size: 18px;letter-spacing: 7px;max-width: 225px;} #pageDetailContent .container .pageRight .brandsList .single{height: 100px;padding: 15px;} } @media screen and (max-width: 1024px) { .container{padding: 0;} #header .headerTop{height: 45px;} #mFull .container .header .flags{margin-top: 35px;} #header .headerTop .container .infoH a img{height: 18px;margin-right: 5px;} #header .headerTop .container .infoH a p{font-size: 12px;} #header .headerTop .container .socialsH a img{height: 18px;} #header .headerBottom{height: 50px;margin-top: 10px;} #header .headerBottom:before{height: 40px;} #header .headerBottom .container{padding: 0;} #header .headerBottom .container .logo{max-width: 118px;} #header .headerBottom .container .logo img{height: 81px;top: 10px;left: 10px;padding: 14px;} #header .headerBottom .container .menu{padding: 0 25px;} #header .headerBottom .container .menu ul li{padding: 5px;} #header .headerBottom .container .menu ul li a{font-size: 12px;} #header .headerBottom .container .headerRight{width: 52px;margin-top: 10px;} #header .headerBottom .container .headerRight .mobileMenu{height: 30px;width: 30px;margin-left: -15px;} #header .headerBottom .container .headerRight .mobileMenu img{height: 11px;} #header .headerBottom .container .menu ul li:hover .altMenu{top: 50px;} #slider{max-height: 475px;} #slider .swiper-container .swiper-slide .mainSlider{bottom: 50px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 17px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 20px;} #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 27px;} #homeCorp{height: auto;} #homeCorp .container .rightT{margin-top: 29px;max-width: 75%;} #homeCorp .container .rightT .logo{height: 100px;width: 100px;padding: 13px;} #homeCorp .container .rightT .text{margin-top: 13px;} #homeCorp .container .rightT .text h1{font-size: 20px;} #homeCorp .container .rightT .text p{font-size: 12px;line-height: 1.5;} #homeCorp .container .icons{top: -74px;} #homeCorp .container .icons a{width: 100px;height: 90px;padding: 5px;} #homeCorp .container .icons a img{margin-bottom: 5px;height: 30px;width: 30px;} #homeCorp .container .icons a p{font-size: 12px;} #homeServices{padding: 15px 0;} #homeServices .container .title .leftT .top h1{font-size: 17px;margin-left: 7px;} #homeServices .container .title .leftT .top img{height: 34px;padding: 7px;} #homeServices .container .title .leftT .bottom{padding: 5px 0 10px 0;} #homeServices .container .title .leftT .bottom p{font-size: 12px;} #homeServices .container .content{height:auto;} #homeServices .container .content .swiper-container .swiper-slide .single .image{height: 194px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image{height: 231px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image{height: 260px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle img{height: 17px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle h1{font-size: 13px;padding-left: 7px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image .iconH{width: 50px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image .iconH{width: 50px;} #homeDocService .container .title .leftT .top h1{font-size: 17px;margin-left: 7px;} #homeDocService .container .title .leftT .top img{height: 34px;padding: 7px;} #homeDocService .container .title .leftT .bottom{padding: 5px 0 10px 0;} #homeDocService .container .title .leftT .bottom p{font-size: 12px;} #homeDocService .content{height: 220px;} #homeDocService .content .single{height: 220px;} #homeDocService .content .single h1{font-size: 13px;left: 10px;} #homeDocService .content .single:hover{height: 250px;} #homeReferance{padding: 30px 0;} #homeReferance .container .title .leftT .top h1{font-size: 17px;margin-left: 7px;} #homeReferance .container .title .leftT .top img{height: 34px;padding: 7px;} #homeReferance .container .title .leftT .bottom{padding: 5px 0 10px 0;} #homeReferance .container .title .leftT .bottom p{font-size: 12px;} #homeReferance .container .content{padding: 15px 0;} #homeReferance .container .content .swiper-container .swiper-slide .single .image{height: 56px;} #footer{padding: 15px 0;margin-top: 15px;} #footer .container .fTop{padding-bottom: 10px;} #footer .container .fTop .buttons .button{padding: 8px;} #footer .container .fTop .buttons .button a{font-size: 10px;} #footer .container .fTop .logo img{height: 54px;} #footer .container .fTop .phoneH p{font-size: 12px;} #footer .container .fTop .phoneH img {height: 25px;padding-bottom: 5px;margin-bottom: 5px;} #footer .container .fMid{padding: 10px 0 0 0;} #footer .container .fMid .fMidLeft .copyRight h1{font-size: 11px;} #footer .container .fMid .fMidLeft .copyRight p{font-size: 10px;} #footer .container .fMid .fMidLeft .adress{font-size: 10px;padding: 7px 0 0 0;} #footer .container .fMid .fMidRight .icons a{margin-left: 3px;} #footer .container .fMid .fMidRight .icons a img{height: 17px;} #footer .container .fMid .fMidRight .whatsap img{height: 18px;} #courmedya{padding: 15px 0} #courmedya .container img{height: 15px;} /*Haber List*/ #news-list .list .inner-container{flex-basis: 40%;margin: 10px} #news-list .list .inner-container .date{padding: 0;height: auto;padding: 10px 0; display: flex;flex-direction: column;align-items: center;width: 60px;} #news-list .list .inner-container .date:before{border-right: 60px solid transparent;} #news-list .list .inner-container .date h3{font-size: 20px!important;} #news-list .list .inner-container .date h5{font-size: 11px;} #news-list .list .inner-container .image img{height: 160px;} #news-list .list .inner-container .desc{padding: 0 7px;} #news-list .list .inner-container .desc .title h3{font-size: 15px;margin-bottom: 0;} #news-list .list .inner-container .desc .info span{font-size: 10px;padding-right: 0;} #news-list .list .inner-container .desc .readmore a{padding: 10px;font-size: 13px;line-height: 1;} #pageDetailContent .container .pageLeft .detailMenu li a{padding: 9px 0;font-size: 12px;} #pageDetailContent .container .pageLeft .detailMenu li:hover a{padding: 9px 0;} #pageNavigation{padding: 20px 0;} #pageNavigation .container a{font-size: 15px;} #pageNavigationImg{height: 200px;} #pageNavigationImg .container .text a{font-size: 14px;} #pageDetailContent .container .pageRight .newsContent .image{width: 100%;height: auto;margin-bottom: 20px;max-height: 480px;} #pageDetailContent .container .pageRight .referanceList .single img{height: 90px;} #productsListe .list a img{padding: 0;} #productsListe .list a .title{font-size: 12px;min-height: auto; padding: 20px 15px;} #productsListe .list a span{left: 10px;top: 10px;font-size: 12px;} #productsListe .list a .title:before{width: 5px;height: 60px;} #pageDetailContent .container .pageRight{padding: 18px 0 50px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li{height: 40px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a{padding: 0 10px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a h1{font-size: 12px;} #pageDetailContent .container .pageRight .content .projeList .single{flex: 0 0 46%;padding: 13px;} #pageDetailContent .container .pageRight .content .projeList .single .image{height: 100px;} #pageDetailContent .container .pageRight .content .projeList .single .title{font-size: 12px;} #pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee a{padding: 10px;font-size: 12px;} #pageDetailContent .container .pageRight .productDetail .din{font-size: 15px;} #pageDetailContent .container .pageRight .content .singleU{margin-right: 14px;flex: 0 0 45%;} #pageDetailContent .container .pageRight .content .singleU h1{font-size: 12px;padding: 13px;} #pageDetailContent .container .pageRight .contentP .build{font-size: 15px;padding: 8px 0;} #pageDetailContent .container .pageRight .content .singleU img{height: 150px;} #pageDetailContent .container .pageRight .content p{font-size: 13px;} #pageDetailContent .container{grid-gap: 0 27px;} #pageDetailContent .container .pageLeft .detailMenu li.activePage a{padding: 10px 0;} #pageDetailContent .container .pageRight .pageListK .singleListP{padding: 10px;flex: 1 0 40%;margin-left: 10px;min-height: 50px;} #pageDetailContent .container .pageRight .pageListK .singleListP h1{font-size: 13px;} #pageDetailContent .container .pageRight .pageListK .singleListP img{height: 26px;} #pageDetailContent .container .pageRight .contentP .singleT{height: 120px;} #pageDetailContent .container .pageRight .contentP .singleT:hover{padding-left: 0;} #pageDetailContent .container .pageRight .contentP .singleT h1{font-size: 12px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .contentP .singleT.frenkSingle h1{padding: 0 0 10px 35px} #pageDetailContent .container .pageRight .contentP .singleT img{} #pageDetailContent .container .pageRight .contentP .singleT .icon{width: 25px;} #pageDetailContent .container .pageRight .contentP .singleT .icon i{font-size: 11px;} #pageDetailContent .container .pageRight #sliderInfo .slider{height: 250px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .brandsList .single{height: 100px;padding: 9px;margin: 5px;} #pageDetailContent .container .pageRight .content table td, th{font-size: 11px;} #pageDetailContent .container .pageRight .video iframe{height: 175px;margin: 5px;} #pageDetailContent .container .pageRight .singleLPro .image{height: 100px;} #pageDetailContent .container .pageRight .singleLPro .textBottom{min-height: 50px;padding: 0 0 0 10px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .line:before{height: 2px;top: -2px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text {padding: 10px 0;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text h1{font-size: 11px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text img{height: 10px;} #pageDetailContent .container .pageRight .contentP .titleP{font-size: 14px;} #pageDetailContent .container .pageRight .contentP{padding: 25px;margin: 0 10px;} #pageDetailContent .container .pageRight .contentP .catImageProD{height:40px} #pageDetailContent .container .pageRight .corpImg{max-height: 275px;} #pageDetailContent .container{grid-template-columns: 225px 66%;} #pageDetailContent .container .pageLeft .menuLeft{padding: 10px;} #pageDetailContent .container .pageLeft .menuLeft ul li{padding: 8px 0;} #pageDetailContent .container .pageLeft .menuLeft ul li.activePage {padding: 8px;} #pageDetailContent .container .pageLeft .menuLeft ul li a{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .image img{height: 117px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .text .sKatO h2{font-size: 18px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single{padding: 10px;height: 110px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single:first-child{margin-bottom: 10px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text p{font-size: 12px;margin: 8px 0;padding: 8px 0;} #pageNavigationImg{height: 225px;margin-top: -62px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageDetailContent .container .pageRight .contentP .titleP{font-size: 14px;} #pageDetailContent .container .pageRight .brandsList .single{height: 100px;padding: 9px;margin: 5px;} } @media screen and (max-width: 768px) { .container{padding: 0;} #mFull .container{padding: 0;grid-template-rows: 75px 1fr 50px;} #mFull .container .header .flags img{height: 90px;width: 130px;} #mFull .container .header .closeMenu{width: 40px;height: 40px;} #mFull .container .header .closeMenu .closebtn{font-size: 25px;} #mFull .container .content{display: flex;flex-direction: column-reverse;padding: 15px 0 0;justify-content: flex-end;margin-top: 35px;} #mFull .container .content .menu {padding-right: 0;border-right: unset;border-top: 1px dashed rgb(225 225 225 / 15%);flex-direction: row;padding: 15px 0;flex-wrap: wrap;} #mFull .container .content .menu .onlineCatalog{border-bottom: unset;padding: 0 20px 0 0;border-right: 1px dashed rgb(225 225 225 / 15%);flex: 1;} #mFull .container .content .menu .onlineCatalog .image img{height: 150px;} #mFull .container .content .menu .onlineCatalog .text .sKatO h2{font-size: 20px;width: 23px;} #mFull .container .content .menu ul{padding-top: 0;padding-left: 0;flex: 1;} #mFull .container .content .menu ul li{padding: 7px 0;display: flex;justify-content: flex-end;} #mFull .container .content .menu ul li::before{left: unset;right: 0;} #mFull .container .content .menu ul li a{font-size: 13px;font-weight: 400;} #mFull .container .content .productsMobil .title {padding-bottom: 10px;margin-bottom: 10px;} #mFull .container .content .productsMobil .title h1{font-size: 22px;} #mFull .container .content .productsMobil .proCont .single{padding: 20px;margin-bottom: 10px;} #mFull .container .content .productsMobil .proCont .single .image img{height: 43px;} #mFull .container .content .productsMobil .proCont .single h1{padding: 0 15px;font-size: 17px;} #mFull .footerNav{padding: 10px 0;} #mFull .footerNav-social span{font-size: 10px;} #header .headerTop{height: 36px;} #header .headerTop .container .infoH a img{height: 18px;margin-right: 5px;} #header .headerTop .container .infoH a p{font-size: 12px;} #header .headerTop .container .socialsH a img{height: 18px;} #header .headerBottom{height: 41px;margin-top: 7px;} #header .headerBottom:before{height: 30px;} #header .headerBottom .container{padding: 0;justify-content: space-between;} #header .headerBottom .container .logo{max-width: 118px;} #header .headerBottom .container .logo img{height: 81px;top: 10px;left: 10px;padding: 14px;} #header .headerBottom .container .menu{padding: 0 25px;display: none;} #header .headerBottom .container .menu ul li{padding: 5px;} #header .headerBottom .container .menu ul li a{font-size: 12px;} #header .headerBottom .container .headerRight{width: 52px;margin-top: 10px;} #header .headerBottom .container .headerRight .mobileMenu{height: 30px;width: 30px;margin-left: -15px;} #header .headerBottom .container .headerRight .mobileMenu img{height: 11px;} #slider{max-height: 475px;} #slider .swiper-container .swiper-slide .mainSlider{bottom: 50px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 17px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 20px;} #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 27px;} #homeCorp{height: auto;} #homeCorp:before{position: absolute;content: "";right: 0;top: 0;bottom: 0;background: linear-gradient(224deg, rgb(243 206 83 / 46%) 0%, rgb(156 156 156 / 0%) 100%);width: 100%;height: 100%;z-index: 999;} #homeCorp .container .rightT{margin-top: 29px;max-width: 75%;} #homeCorp .container .rightT .logo{height: 100px;width: 100px;padding: 13px;} #homeCorp .container .rightT .text{margin-top: 13px;} #homeCorp .container .rightT .text h1{font-size: 20px;} #homeCorp .container .rightT .text p{font-size: 12px;line-height: 1.5;} #homeCorp .container .icons{top: -74px;} #homeCorp .container .icons a{width: 100px;height: 90px;padding: 5px;} #homeCorp .container .icons a img{margin-bottom: 5px;height: 30px;width: 30px;} #homeCorp .container .icons a p{font-size: 12px;} #homeServices{padding: 25px 0;} #homeServices .container .title .leftT .top h1{font-size: 19px;margin-right: 10px;} #homeServices .container .title .leftT .top img{height: 35px;padding: 7px;} #homeServices .container .title .leftT .bottom{padding: 1px 0 10px 0;} #homeServices .container .title .leftT .bottom p{font-size: 11px;} #homeServices .container .content{height:auto;} #homeServices .container .content .swiper-container .swiper-slide .single .image{height: 170px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image{height: 210px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image{height: 210px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle{padding: 10px} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle img{height: 20px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle h1{font-size: 12px;padding-left: 15px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image .iconH{width: 50px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image .iconH{width: 50px;} #homeDocService .container .title .leftT .top h1{font-size: 19px;margin-right: 10px;} #homeDocService .container .title .leftT .top img{height: 35px;padding: 7px;} #homeDocService .container .title .leftT .bottom{padding: 1px 0 10px 0;} #homeDocService .container .title .leftT .bottom p{font-size: 11px;} #homeDocService .content{height: 220px;} #homeDocService .content .single{height: 220px;} #homeDocService .content .single h1{font-size: 13px;left: 10px;} #homeDocService .content .single:hover{height: 250px;} #homeReferance{padding: 20px 0;} #homeReferance .container .title .leftT .top h1{font-size: 19px;margin-right: 10px;} #homeReferance .container .title .leftT .top .circle{width: 15px;height: 15px;} #homeReferance .container .title .leftT .bottom{padding: 1px 0 10px 0;} #homeReferance .container .title .leftT .bottom p{font-size: 11px;} #homeReferance .container .content .swiper-container .swiper-slide .single .image{height: 50px;} #footer{padding: 20px 0;} #footer .container .fTop{padding-bottom: 10px;} #footer .container .fTop .buttons .button{padding: 8px;} #footer .container .fTop .buttons .button a{font-size: 10px;} #footer .container .fTop .logo img{height: 58px;} #footer .container .fTop .phoneH p{font-size: 12px;} #footer .container .fTop .phoneH img {height: 21px;} #footer .container .fMid{padding: 10px 0 0 0;} #footer .container .fMid .fMidLeft .copyRight h1{font-size: 11px;} #footer .container .fMid .fMidLeft .copyRight p{font-size: 10px;} #footer .container .fMid .fMidLeft .adress{font-size: 10px;padding: 7px 0 0 0;} #footer .container .fMid .fMidRight .icons a{margin-left: 3px;} #footer .container .fMid .fMidRight .icons a img{height: 17px;} #footer .container .fMid .fMidRight .whatsap img{height: 20px;} #courmedya{padding: 10px 0;} #courmedya .container img{height: 17px;} /*Page Title*/ .pageTitle{padding: 15px;background: #3d3d3d;} .pageTitle h1{font-size: 17px;} .pageImage{height: 200px;} .pageImage .container h1{font-size: 17px;} /*sayfa*/ .pageContent{flex-direction: column;} .pageContent h2{font-size: 18px;} .pageContent p{font-size: 15px;} .pageContent img{width: 100%;height: 250px;object-fit: contain;} .docs a{height: 150px;} /*Urun List*/ #productsList .container .list li{flex-basis: 46%;} /*ekip List*/ #teamList .list li{flex-basis: 46%;} /*Sayfa Info*/ .pageInfo{height: auto;} .pageInfo .container{flex-direction: column; padding: 13px;} .pageInfo .container .nextPrev{margin-bottom: 8px;} .pageInfo .container .productNavigation{display: block;text-align: center;} /*ekip detay*/ #teamContent .container{flex-direction: column;} #teamContent .container .left{flex: 1 0 100%;width: 100%!important;} #teamContent .container .right{flex: 1 0 100%;padding: 0;} /*Haber List*/ #news-list .list .inner-container{/* flex-basis: 100%; */} /*Haber Detay*/ #pageDetailContent .container .pageRight .newsContent .group1{height: 200px;} #newsList .single{padding: 0 5px;} /*Iletisim*/ .page-contact .contact-top{flex-direction: column;} .kadromuz .single{height: 250px;} .kadromuz .single .image{height: 150px;} .kadromuz .single .title h1{font-size: 17px;} .kadromuz .single .title p{font-size: 12px;} #pageNavigationImg{height: 175px;margin-top: -48px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageDetailContent .container{grid-template-columns: 100%;padding: 0px 0;} #pageDetailContent .container .pageLeft .filter{display: flex;font-size: 12px;} #pageDetailContent .container .pageLeft .detailMenu{display: none;} #pageDetailContent .container .pageLeft .pageDetailSlider{display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft #filter .pageDetailSlider{display: flex;} #pageDetailContent .container .pageRight .content{padding: 10px;} #pageDetailContent .container .pageRight .content p{width: 100%;line-height: 1.5;} #pageDetailContent .container .pageRight .referanceList .single img{height: 120px;padding: 0;} #pageDetailContent .container .pageRight .referanceList .single h1{font-size: 15px;} #homeBrands .container .icons i{font-size: 23px!important;} #productsListe .list a img{padding: 0;} #productsListe .list a .title{font-size: 12px;min-height: auto; padding: 20px 15px;} #productsListe .list a span{left: 10px;top: 10px;font-size: 12px;} #productsListe .list a .title:before{width: 5px;height: 60px;} #pageDetailContent .container .pageRight{padding: 10px 0 57px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li{height: 40px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a{padding: 0 10px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a h1{font-size: 12px;} #pageDetailContent .container .pageRight .content .projeList .single{flex: 0 0 46%;padding: 13px;} #pageDetailContent .container .pageRight .content .projeList .single .image{height: 100px;} #pageDetailContent .container .pageRight .content .projeList .single .title{font-size: 12px;} #pageDetailContent .container .pageRight .content .projeList .single .image img{object-fit: contain;} #pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee a{padding: 12px;font-size: 14px;} #pageDetailContent .container .pageRight .productDetail{padding: 0 10px!important;} #pageDetailContent .container .pageRight .contentP .build{font-size: 13px;padding: 10px 0;} #pageDetailContent .container .pageRight .content .singleU{flex: 0 0 30%;} #pageDetailContent .container .pageRight .content .singleU img{height: 180px;} #pageDetailContent .container .pageRight .pageListK .singleListP{padding: 10px;flex: 1 0 29%;} #pageDetailContent .container .pageRight .pageListK .singleListP h1{font-size: 13px;} #pageDetailContent .container .pageRight .pageListK .singleListP img{height: 27px;} #pageDetailContent .container .pageRight #productSlider .swiper-pagination-bullet{width: 8px;height: 2px;} #news-list .list .inner-container{flex-basis: 45%;margin: 5px} #news-list .list .inner-container .date{padding: 0;height: auto;padding: 10px 0; display: flex;flex-direction: column;align-items: center;width: 50px;} #news-list .list .inner-container .date:before{border-right: 50px solid transparent;} #news-list .list .inner-container .date h3{font-size: 18px!important;} #news-list .list .inner-container .date h5{font-size: 10px;} #news-list .list .inner-container .image img{height: 140px;} #news-list .list .inner-container .desc{padding: 0 5px;} #news-list .list .inner-container .desc .title h3{font-size: 14px;margin-bottom: 0;margin-top: 3px;} #news-list .list .inner-container .desc .info span{font-size: 9px;padding-right: 0;} #news-list .list .inner-container .desc .readmore a{padding: 8px;font-size: 12px;line-height: 1;} #pageDetailContent .container .pageRight .contentP .singleT{height: 120px;} #pageDetailContent .container .pageRight .contentP .singleT:hover{padding-left: 0;} #pageDetailContent .container .pageRight .contentP .singleT h1{font-size: 12px;right: 13px;width: fit-content;} #pageDetailContent .container .pageRight .contentP .singleT.frenkSingle h1 {padding: 0 0 10px 35px} #pageDetailContent .container .pageRight .contentP .singleT img{} #pageDetailContent .container .pageRight .contentP .singleT .icon{width: 25px;} #pageDetailContent .container .pageRight .contentP .singleT .icon i{font-size: 11px;} #pageDetailContent .container .pageRight #sliderInfo .slider{height: 230px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .video iframe{height: 150px;margin: 4px;flex: 1 0 20%;} #pageDetailContent .container .pageRight .singleLPro .image{height: 90px;} #pageDetailContent .container .pageRight .singleLPro .textBottom{min-height: 50px;padding: 0 0 0 10px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .line:before{height: 2px;top: -2px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text {padding: 10px 0;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text h1{font-size: 11px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text img{height: 10px;} #pageDetailContent .container .pageRight .contentP .catImageProD{height:38px} #pageDetailContent .container .pageLeft .menuLeft{padding: 10px;display: none;} #pageDetailContent .container .pageLeft #filter .menuLeft{display: flex;} #pageDetailContent .container .pageLeft .menuLeft ul li{padding: 8px 0;} #pageDetailContent .container .pageLeft .menuLeft ul li.activePage {padding: 8px;} #pageDetailContent .container .pageLeft .menuLeft ul li a{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .image img{height: 150px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .text .sKatO h2{font-size: 18px;width: 23px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single{padding: 10px;height: 110px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single:first-child{margin-bottom: 10px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text p{font-size: 12px;margin: 8px 0;padding: 8px 0;} #pageDetailContent .container .pageRight .proCont .single{margin-bottom: 10px;padding-bottom: 10px;} #pageDetailContent .container .pageRight .proCont .single .image img{height: 75px;} #pageDetailContent .container .pageRight .proCont .single h1{padding: 0 15px;font-size: 17px;letter-spacing: 6px;max-width: 229px;} #pageDetailContent .container .pageRight .referanceList .single{margin: 4px;} } @media screen and (max-width: 640px) { .container{padding: 0 10px;} #header .headerTop{height: 36px;} #header .headerTop .container .infoH a:first-child{display: none;} #header .headerTop .container .infoH a img{height: 18px;margin-right: 5px;} #header .headerTop .container .infoH a p{font-size: 12px;} #header .headerTop .container .socialsH a img{height: 18px;} #header .headerBottom{height: 41px;margin-top: 7px;} #header .headerBottom:before{height: 30px;} #header .headerBottom .container{padding: 0;justify-content: space-between;} #header .headerBottom .container .logo{max-width: 118px;} #header .headerBottom .container .logo img{height: 70px;top: 10px;left: 10px;padding: 12px;} #header .headerBottom .container .menu{padding: 0 25px;display: none;} #header .headerBottom .container .menu ul li{padding: 5px;} #header .headerBottom .container .menu ul li a{font-size: 12px;} #header .headerBottom .container .headerRight{width: 52px;margin-top: 10px;} #header .headerBottom .container .headerRight .mobileMenu{height: 30px;width: 30px;margin-left: -15px;} #header .headerBottom .container .headerRight .mobileMenu img{height: 11px;} #slider{max-height: 475px;} #slider .swiper-container .swiper-slide .mainSlider{bottom: 34px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 14px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 16px;max-width: 202px;} #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 27px;} #homeCorp{height: auto;} #homeCorp:before{position: absolute;content: "";right: 0;top: 0;bottom: 0;background: linear-gradient(224deg, rgb(243 206 83 / 46%) 0%, rgb(156 156 156 / 0%) 100%);width: 100%;height: 100%;z-index: 999;} #homeCorp .container .rightT{margin-top: 16px;max-width: 100%;width: 100%;} #homeCorp .container .rightT .logo{height: 100px;width: 100px;padding: 13px;margin: 5px;} #homeCorp .container .rightT .text{margin-top: 8px;margin-left: 5px;} #homeCorp .container .rightT .text h1{font-size: 20px;} #homeCorp .container .rightT .text p{font-size: 12px;line-height: 1.5;} #homeCorp .container .icons{top: -185px;flex-wrap: wrap;max-width: 50%;} #homeCorp .container .icons a{width: 113px;height: 90px;padding: 5px;flex: 1 0 44%;margin: 4px;max-width: 100px;} #homeCorp .container .icons a img{margin-bottom: 5px;height: 30px;width: 30px;} #homeCorp .container .icons a p{font-size: 12px;} #homeServices{padding: 20px 0;} #homeServices .container .title .leftT .top{margin-bottom: 5px;} #homeServices .container .title .leftT .top h1{font-size: 16px;margin-left: 7px;} #homeServices .container .title .leftT .top img{height: 30px;padding: 7px;} #homeServices .container .title .leftT .bottom{padding: 1px 0 10px 0;} #homeServices .container .title .leftT .bottom p{font-size: 10px;} #homeServices .container .content{height:auto;} #homeServices .container .content .swiper-container .swiper-slide .single .image{height: 150px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image{height: 180px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image{height: 180px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle{padding: 10px} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle img{height: 20px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle h1{font-size: 11px;padding-left: 15px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image .iconH{width: 40px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image .iconH{width: 40px;} #homeDocService .container .title .leftT .top{margin-bottom: 5px;} #homeDocService .container .title .leftT .top h1{font-size: 16px;margin-left: 7px;} #homeDocService .container .title .leftT .top img{height: 30px;padding: 7px;} #homeDocService .container .title .leftT .bottom{padding: 1px 0 10px 0;} #homeDocService .container .title .leftT .bottom p{font-size: 10px;} #homeDocService .content{height: 175px;} #homeDocService .content .single{height: 175px;} #homeDocService .content .single h1{font-size: 12px;left: 10px;} #homeDocService .content .single:hover{height: 200px;} #homeReferance{padding: 20px 0;} #homeReferance .container .title .leftT .top{margin-bottom: 5px;} #homeReferance .container .title .leftT .top h1{font-size: 16px;margin-left: 7px;} #homeReferance .container .title .leftT .top img{height: 30px;padding: 7px;} #homeReferance .container .title .leftT .bottom{padding: 1px 0 10px 0;} #homeReferance .container .title .leftT .bottom p{font-size: 10px;} #homeReferance .container .title .rightT{flex-direction: column;align-items: end;} #homeReferance .container .content .swiper-container .swiper-slide .single .image{height: 50px;} #footer{padding: 15px 0;margin-top: 10px;} #footer .container .fTop{padding-bottom: 10px;} #footer .container .fTop .buttons .button{padding: 8px;} #footer .container .fTop .buttons .button a{font-size: 10px;} #footer .container .fTop .logo img{height: 47px;} #footer .container .fTop .phoneH p{font-size: 12px;} #footer .container .fTop .phoneH img {height: 23px;} #footer .container .fMid{flex-direction: column;padding: 10px 0 0 0;} #footer .container .fMid .fMidLeft .copyRight h1{font-size: 11px;} #footer .container .fMid .fMidLeft .copyRight p{font-size: 10px;} #footer .container .fMid .fMidLeft .adress{font-size: 10px;padding: 7px 0 0 0;} #footer .container .fMid .fMidRight {padding: 6px 0 0;align-items: flex-start;} #footer .container .fMid .fMidRight .icons a{margin-left: 3px;} #footer .container .fMid .fMidRight .icons a img{height: 17px;} #footer .container .fMid .fMidRight .whatsap{padding-right: 10px;} #footer .container .fMid .fMidRight .whatsap img{height: 20px;} #courmedya{padding: 15px 0} #courmedya .container img{height: 16px;} #productsListe .list a {flex-basis: 45%;margin-right: 10px;} #productsListe .list a:nth-child(3n){margin-right: 10px;} #productsListe .list a:nth-child(2n){margin-right: 0px;} #productsListe .list a img{padding: 0;} #productsListe .list a .title{font-size: 12px;min-height: auto; padding: 20px 15px;} #productsListe .list a span{left: 10px;top: 10px;font-size: 10px;width: 40px!important;height: 40px;} #productsListe .list a .title:before{width: 5px;height: 60px;} #pageDetailContent .container .pageRight{padding: 0 0 40px;} #pageDetailContent .container .pageRight .content .projeList{padding: 15px 0;} #pageDetailContent .container .pageRight .content .tabs-nav-one{align-items:center ;} #pageDetailContent .container .pageRight .content .tabs-nav-one li{height: 39px;flex: 0 0 32%;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a{padding: 0 7px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a h1{font-size: 12px;} #pageDetailContent .container .pageRight .content .projeList .single{flex: 0 0 46%;padding: 13px;} #pageDetailContent .container .pageRight .content .projeList .single .image{height: 100px;} #pageDetailContent .container .pageRight .content .projeList .single .title{font-size: 12px;} #pageDetailContent .container .pageRight .content .projeList .single .image img{object-fit: contain;} #pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee a{padding: 10px;font-size: 11px;} #pageDetailContent .container .pageRight .productDetail{padding: 0 5px!important;} #pageDetailContent .container .pageRight .content .singleU img{height: 140px;} #pageDetailContent .container .pageRight .pageListK .singleListP{padding: 13px;flex: 1 0 40%;} #pageDetailContent .container .pageRight .pInfos .single{flex: 1 0 100%; margin: 5px 0 0 0 ;padding: 10px;} #pageDetailContent .container .pageRight .contentP .singleT{flex: 1 0 45%;} #pageDetailContent .container .pageRight .contentP .singleT:nth-child(2n){margin: 10px 0 0 0;} #pageDetailContent .container .pageRight .contentP .singleT:last-child{margin: 10px 0 0 0;} #pageDetailContent .container .pageRight .contentP .singleT.frenkSingle{flex: 0 0 45%;} #pageDetailContent .container .pageRight .video iframe{height: 120px;margin: 4px;flex: 1 0 45%;} #pageDetailContent .container .pageRight .singleLPro .image{height: 90px;} #pageDetailContent .container .pageRight .singleLPro .textBottom{min-height: 50px;padding: 0 0 0 10px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .line:before{height: 2px;top: -2px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text {padding: 10px 0;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text h1{font-size: 11px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text img{height: 10px;} #pageDetailContent .container .pageRight .contentP{padding: 23px;margin: 0 10px;} #pageDetailContent .container .pageRight .contentP .catImageProD{height:35px} #pageDetailContent .container .pageRight .corpImg{max-height: 225px;} #pageNavigationImg{height: 175px;} #pageNavigationImg .container .text{bottom: 10px;} #pageNavigationImg .container .text a{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft ul li{padding: 8px 0;} #pageDetailContent .container .pageLeft .menuLeft ul li.activePage {padding: 8px;} #pageDetailContent .container .pageLeft .menuLeft ul li a{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .image img{height: 150px;} #pageDetailContent .container .pageLeft .menuLeft .onlineCatalog .text .sKatO h2{font-size: 18px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single{padding: 10px;height: 110px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single:first-child{margin-bottom: 10px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .menuLeft .hsctR .single .text p{font-size: 12px;margin: 8px 0;padding: 8px 0;} } @media screen and (max-width: 480px) { .container{padding: 0 5px;} #mFull .container{padding: 0;grid-template-rows: 60px 1fr 50px;} #mFull .container .header .flags img{width: 100px;height: 71px;margin: 0;object-fit: contain;padding: 13px;} #mFull .container .header .closeMenu{width: 30px;height: 30px;} #mFull .container .header .closeMenu .closebtn{font-size: 19px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;} #mFull .container .content{display: flex;flex-direction: column-reverse;padding: 5px 0 0;} #mFull .container .content .menu {padding-right: 0;border-right: unset;border-top: 1px dashed rgb(225 225 225 / 15%);flex-direction: column-reverse;padding: 5px 0;flex-wrap: unset;} #mFull .container .content .menu .onlineCatalog{border-bottom: unset;padding: 0;border-right: unset;flex: unset;padding-top: 10px;margin-top: 10px;border-top: 1px dashed rgb(225 225 225 / 15%);justify-content: space-between;} #mFull .container .content .menu .onlineCatalog .image img{height: 150px;} #mFull .container .content .menu .onlineCatalog .text .sKatO h2{font-size: 20px;} #mFull .container .content .menu ul{padding-top: 0;padding-left: 0;flex: unset;} #mFull .container .content .menu ul li{padding: 5px 0;display: flex;justify-content: flex-start;} #mFull .container .content .menu ul li::before{left: 0;right: unset;height: 1px;background-color: rgb(3 43 73 / 28%);} #mFull .container .content .menu ul li a{font-size: 13px;font-weight: 400;} #mFull .container .content .productsMobil .title {padding-bottom: 5px;margin-bottom: 5px;} #mFull .container .content .productsMobil .title h1{font-size: 20px;} #mFull .container .content .productsMobil .proCont .single{margin-bottom: 8px;padding: 10px;} #mFull .container .content .productsMobil .proCont .single .image img{height: 38px;} #mFull .container .content .productsMobil .proCont .single h1{padding: 0 7px;font-size: 13px;} #mFull .footerNav{padding: 10px 0;} #mFull .footerNav-social span{font-size: 8px;} #header .headerTop{height: 36px;} #header .headerTop .container .infoH a:first-child{display: none;} #header .headerTop .container .infoH a img{height: 18px;margin-right: 5px;} #header .headerTop .container .infoH a p{font-size: 12px;} #header .headerTop .container .socialsH a img{height: 18px;} #header .headerBottom{height: 41px;margin-top: 7px;} #header .headerBottom:before{height: 30px;} #header .headerBottom .container{padding: 0;justify-content: space-between;} #header .headerBottom .container .logo{max-width: 118px;} #header .headerBottom .container .logo img{height: 70px;top: 10px;left: 10px;padding: 12px;} #header .headerBottom .container .menu{padding: 0 25px;display: none;} #header .headerBottom .container .menu ul li{padding: 5px;} #header .headerBottom .container .menu ul li a{font-size: 12px;} #header .headerBottom .container .headerRight{width: 52px;margin-top: 10px;} #header .headerBottom .container .headerRight .mobileMenu{height: 30px;width: 30px;margin-left: -15px;} #header .headerBottom .container .headerRight .mobileMenu img{height: 11px;} #slider{max-height: 475px;} #slider .swiper-container .swiper-slide .mainSlider{bottom: 34px;} #slider .swiper-container .swiper-slide .mainSlider .text h1{font-size: 13px;} #slider .swiper-container .swiper-slide .mainSlider .text h2{font-size: 14px;max-width: 149px;} #slider .prevSlider .swiper-button-next img, #slider .prevSlider .swiper-button-prev img{height: 27px;} #homeCorp{height: auto;} #homeCorp:before{position: absolute;content: "";right: 0;top: 0;bottom: 0;background: linear-gradient(224deg, rgb(243 206 83 / 46%) 0%, rgb(156 156 156 / 0%) 100%);width: 100%;height: 100%;z-index: 999;} #homeCorp .container .rightT{margin-top: 16px;max-width: 100%;width: 100%;} #homeCorp .container .rightT .logo{height: 85px;width: 85px;padding: 8px;margin: 5px;} #homeCorp .container .rightT .text{margin-top: 8px;margin-left: 5px;} #homeCorp .container .rightT .text h1{font-size: 17px;} #homeCorp .container .rightT .text p{font-size: 11px;line-height: 1.5;} #homeCorp .container .icons{top: -160px;flex-wrap: wrap;max-width: 50%;} #homeCorp .container .icons a{width: 85px;height: 85px;padding: 4px;flex: 1 0 38%;margin: 1px;max-width: 85px;} #homeCorp .container .icons a img{margin-bottom: 1px;height: 30px;width: 30px;} #homeCorp .container .icons a p{font-size: 10px;} #homeServices{padding: 10px 0;} #homeServices .container .title .leftT .top h1{font-size: 15px;margin-left: 5px;} #homeServices .container .title .leftT .top img{height: 28px;padding: 4px;} #homeServices .container .title .leftT .bottom{padding: 1px 0 7px 0;} #homeServices .container .title .leftT .bottom p{padding-top: 2px;font-size: 10px;} #homeServices .container .content{height:auto;} #homeServices .container .content .swiper-container .swiper-slide .single .image{height: 117px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image{height: 140px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image{height: 140px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle{padding: 7px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle img{height: 20px;} #homeServices .container .content .swiper-container .swiper-slide .single .pTitle h1{font-size: 9px;padding-left: 5px;} #homeServices .container .content .swiper-container .swiper-slide.swiper-slide-active .image .iconH{width: 40px;} #homeServices .container .content .swiper-container .swiper-slide .single:hover .image .iconH{width: 40px;} #homeDocService .container .title .leftT .top h1{font-size: 15px;margin-left: 5px;} #homeDocService .container .title .leftT .top img{height: 28px;padding: 4px;} #homeDocService .container .title .leftT .bottom{padding: 1px 0 7px 0;} #homeDocService .container .title .leftT .bottom p{padding-top: 2px;font-size: 10px;} #homeDocService .content{height: 150px;} #homeDocService .content .single{height: 150px;} #homeDocService .content .single h1{font-size: 11px;left: 5px;right: 7px;} #homeDocService .content .single:hover{height: 170px;} #homeReferance{padding: 20px 0;} #homeReferance .container .title .leftT{flex: 0.7;} #homeReferance .container .title .leftT .top h1{font-size: 15px;margin-left: 5px;} #homeReferance .container .title .leftT .top img{height: 28px;padding: 4px;} #homeReferance .container .title .leftT .bottom{padding: 1px 0 7px 0;} #homeReferance .container .title .leftT .bottom p{padding-top: 2px;font-size: 10px;} #homeReferance .container .content .swiper-container .swiper-slide .single .image{height: 50px;} #footer{padding: 20px 0;} #footer .container .fTop{padding-bottom: 10px;} #footer .container .fTop .buttons {padding-top: 10px;} #footer .container .fTop .buttons .button{padding: 8px;} #footer .container .fTop .buttons .button a{font-size: 10px;} #footer .container .fTop .logo img{height: 61px;} #footer .container .fTop .phoneH p{font-size: 12px;} #footer .container .fTop .phoneH img {height: 16px;padding-right: 7px;margin-right: 7px;} #footer .container .fMid{flex-direction: column;padding: 10px 0 0 0;} #footer .container .fMid .fMidLeft .copyRight h1{font-size: 11px;} #footer .container .fMid .fMidLeft .copyRight p{font-size: 10px;} #footer .container .fMid .fMidLeft .adress{font-size: 10px;padding: 7px 0 0 0;} #footer .container .fMid .fMidRight {padding: 6px 0 0;align-items: flex-start;} #footer .container .fMid .fMidRight .icons a{margin-left: 3px;} #footer .container .fMid .fMidRight .icons a img{height: 17px;} #footer .container .fMid .fMidRight .whatsap{padding-right: 10px;} #footer .container .fMid .fMidRight .whatsap img{height: 20px;} #courmedya{padding: 10px 0;} #courmedya .container img{height: 15px;} /*Page Title*/ .pageTitle h1{font-size: 15px;} .pageImage{height: 120px;} .pageImage .container h1{font-size: 15px;bottom: 10px;left: 11px;} /*sayfa*/ .pageContent h2{font-size: 15px;} .pageContent p{font-size: 13px;} .docs a{flex:1 0 45%} /*Urun List*/ #productsList .list li{flex-basis: 100%;} /*Urun List*/ #teamList .list li{flex-basis: 100%;} /*Urun Detay*/ #productContent .right p{font-size: 14px;} /*Sayfa Info*/ .pageInfo .container .nextPrev{flex-direction: column;} /*Haber List*/ #news-list .list{padding: 0;} #news-list .list .inner-container .desc .title h3{font-size: 18px;} #news-list .list .inner-container .desc .info{margin-bottom: 5px;} #news-list .list .inner-container .desc .explanation p{font-size: 14px;margin: 0;} #news-list .list .inner-container .desc .explanation{margin-bottom: 10px;} #news-list .list .inner-container .desc .readmore a{padding: 10px;font-size: 14px;} /*Haber Detay*/ #newsList .single{padding: 0;flex:1 0 100%} #newsList .single .catSingle{padding: 15px;} .cookie-banner{padding: 0 14px 25px 14px;} .kadromuz .single{height: 190px;} .kadromuz .single .image{height: 105px;} .kadromuz .single .title h1{font-size: 12px;} .kadromuz .single .title p{font-size: 8px;} #accordion .single-accordion .accordion-header h1{font-size: 12px;} #accordion .single-accordion .accordion-text{padding: 8px;} #accordion .single-accordion .accordion-text p{font-size: 11px;} #SS-information .container .information .image{height: 134px;} #SS-information .container .information .desc h1{font-size: 12px;} #pageNavigationImg{height: 125px;margin-top: -47px;} #pageNavigationImg .container .text{bottom: 10px;} #pageNavigationImg .container .text a{font-size: 11px;} #pageDetailContent .container .pageLeft .filter{padding: 8px 0;font-size: 12px;margin-bottom: 2px;} #pageDetailContent .container .pageRight .content p{font-size: 12px;} #pageNavigation .container a{font-size: 12px;} #pageDetailContent .container .pageLeft .filter i{margin-right: 5px;} #pageDetailContent .container .pageRight .content .ourTeams .single{flex:1 0 40%;margin: 7px;min-height: auto;height: 185px;} #pageDetailContent .container .pageRight .content .ourTeams .single img{height: 131px;padding: 5px;} #pageDetailContent .container .pageRight .content .ourTeams .single h1{font-size: 11px;text-align: center;padding: 5px 0 0;margin-bottom: 0;} #pageDetailContent .container .pageRight .content .ourTeams .single p{font-size: 9px;text-align: center;padding: 5px;margin-bottom: 0;} #pageDetailContent .container .pageRight .referanceList .single h1{font-size: 13px;} #homeBrands .container .icons i{font-size: 20px!important;} #productsListe .list a img{padding: 0;} #productsListe .list a .title{font-size: 11px;min-height: auto;padding: 5px 11px;} #productsListe .list a span{left: 6px;top: 6px;font-size: 10px;width: 35px!important;height: 35px;} #productsListe .list a .title:before{width: 3px;height: 47px;} #pageDetailContent .container .pageRight .content .link{font-size: 11px;padding: 10px;margin-bottom: -3px;} #pageDetailContent .container .pageRight .content .link a{padding: 10px;} #pageDetailContent .container .pageRight{padding: 10px 0 50px;} #pageDetailContent .container .pageRight .content .projeList{padding: 10px 0;} #pageDetailContent .container .pageRight .content .tabs-nav-one{align-items:center ;} #pageDetailContent .container .pageRight .content .tabs-nav-one li{height: 30px;flex: 0 0 32%;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a{padding: 0 3px;} #pageDetailContent .container .pageRight .content .tabs-nav-one li a h1{font-size: 11px;} #pageDetailContent .container .pageRight .content .projeList .single{flex: 0 0 46%;padding: 10px;margin-right: 7px;margin-top: 8px;border: 1px outset #cfd9e0;} #pageDetailContent .container .pageRight .content .projeList .single .image{height: 100px;} #pageDetailContent .container .pageRight .content .projeList .single .title{font-size: 12px;} #pageDetailContent .container .pageRight .content .projeList .single .image img{object-fit: contain;} #pageDetailContent .container .pageRight .content .tabs-nav-one li .triangle{bottom: 5px;height: 1px;} #pageDetailContent .container .pageRight .productDetail .tabs .tabs-nav .singlee a{padding: 9px;font-size: 11px;} #pageDetailContent .container .pageRight .productDetail .din{font-size: 14px;} #pageDetailContent .container .pageRight .content .singleU{margin-right: 10px;flex: 0 0 45%;} #pageDetailContent .container .pageRight .content .singleU h1 {font-size: 12px;padding: 15px 10px;min-height: 75px;} #pageDetailContent .container .pageRight .contentP .build{font-size: 12px;padding: 5px 0;margin-bottom: 8px;} #pageDetailContent .container .pageRight .content .singleU img{height: 150px;} #pageDetailContent .container .pageRight .newsContent .newsGallery .topTitle{margin: 4px 0 ;} #pageDetailContent .container .pageRight .newsContent .newsGallery .topTitle h1{font-size: 15px;padding: 0 15px;} #pageDetailContent .container .pageRight .newsContent .group1{height: 115px;margin: 4px;} #cboxCurrent{display: none!important;} #homeProductCat .container .single .bottom{width: auto;} #pageDetailContent .container .pageRight .pageListK .singleListP{padding: 15px;flex: 1 0 40%;min-height: 50px;margin: 2px;} #pageDetailContent .container .pageRight .pageListK .singleListP h1{font-size: 12px;padding: 0 5px;} #pageDetailContent .container .pageRight .pageListK .singleListP img{height: 26px;} #pageDetailContent .container .pageRight #productSlider{height: 40vh;} #pageDetailContent .container .pageRight #productSlider .swiper-button-next, .swiper-button-prev{top: 57%;} #pageDetailContent .container .pageRight #productSlider .swiper-button-next i{font-size: 20px;} #pageDetailContent .container .pageRight #productSlider .swiper-button-prev i{font-size: 20px;} #pageDetailContent .container .pageRight #productSlider .swiper-pagination-bullet{width: 5px;height: 2px;} #news-list .list .inner-container{flex-basis: 45%;margin: 5px} #news-list .list .inner-container .date{padding: 0;height: auto;padding: 5px 0;display: flex;flex-direction: column;align-items: center;width: 45px;} #news-list .list .inner-container .date:before{border-right: 45px solid transparent;} #news-list .list .inner-container .date h3{font-size: 15px!important;} #news-list .list .inner-container .date h5{font-size: 9px;} #news-list .list .inner-container .image img{height: 125px;} #news-list .list .inner-container .desc{padding: 0 5px;} #news-list .list .inner-container .desc .title h3{font-size: 13px;margin-bottom: 0;margin-top: 3px;min-height: 27px;} #news-list .list .inner-container .desc .info span{font-size: 8px;padding-right: 0;} #news-list .list .inner-container .desc .readmore a{padding: 8px;font-size: 10px;line-height: 1;} #pageDetailContent .container .pageRight .pDetailInfo{margin-top: 7px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 11px;margin-right: 7px;} #pageDetailContent .container .pageRight #sliderInfo .slider{height: 200px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider{margin-top: 10px;height: 40px;padding: 0 30px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 40px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} .page-contact .boxes h1{font-size: 15px;padding: 5px 0;} .page-contact .box .icon{max-width: 30px;} .page-contact .box .icon i{font-size: 16px;} .page-contact .box .ctitle p{font-size: 12px!important;} #pageDetailContent .container .pageRight .content table td, th{font-size: 10px;} #pageDetailContent .container .pageRight .singleLPro{flex: 1 0 40%;} #pageDetailContent .container .pageRight .singleLPro .image{height: 75px;} #pageDetailContent .container .pageRight .singleLPro .textBottom{min-height: 50px;padding: 0 0 0 10px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .line:before{height: 2px;top: -2px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text {padding: 10px 0;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text h1{font-size: 11px;} #pageDetailContent .container .pageRight .singleLPro .textBottom .text img{height: 10px;} #pageDetailContent .container .pageRight .contentP{padding: 7px;margin: 0 10px;} #pageDetailContent .container .pageRight .contentP .catImageProD{height:30px} #pageDetailContent .container .pageRight .contentP .titleP{font-size: 13px;padding: 0 0 8px 0;} #pageDetailContent .container .pageRight .corpImg{max-height: 175px;} #pageDetailContent .container .pageRight .proCont .single{margin-bottom: 8px;padding-bottom: 8px;} #pageDetailContent .container .pageRight .proCont .single .image img{height: 60px;} #pageDetailContent .container .pageRight .proCont .single h1{padding: 0 7px;font-size: 11px;letter-spacing: 2px;max-width: 141px;} #pageDetailContent .container .pageRight .contentP .titleP{font-size: 13px;padding: 0 0 8px 0;} #pageDetailContent .container .pageRight .brandsList .single{height: 85px;padding: 10px;flex: 0 0 45%;} #pageDetailContent .container .pageRight .referanceList .single{margin: 3px;flex: 1 0 45%;} #pageDetailContent .container .pageRight .referanceList .single img{height: 85px;} }