@media screen and (min-width: 1900px)
{	
	.container{max-width: 1400px;}
}
@media screen and (min-width: 1450px)
{	
	.container{max-width: 1400px;}
}

@media screen and (max-width: 1380px)
{
	.container{padding: 0 10px;}
	#logo {/* left: 25px; *//* top: 25px; */}
	#logo a img{height: 75px;}
	#rightBar{width: 5.5%;}
	.content-section{width: 90%;}
	#slider .mainSliderText h1{font-size: 7vw;}
	#slider .mainSliderText h1 span{font-size: 8vw;}
	#slider .footer .container .box p{font-size: 12px;}
	#slider .footer .container .box span{font-size: 11px;}
	nav.homeLeftPages ul li a{font-size: 25px;}
	#homeCorp .container .text h1{font-size: 2em;}
	#homeCorp .container .text p{font-size: 1.2em;line-height: 1.3em;}
	#homeCorp .container .text .button{font-size: .9em;}
	#homeProducts .swiper-container .swiper-slide h1{font-size: 1.6em;}
	#homeFranchise .container .rightFranch .title{padding: 75px 11px;}
	#homeFranchise .container .rightFranch .title::before{height: 230px;}
	#homeContact .container .rightContact .cTop a p{font-size: 18px;}
	#homeContact .container .rightContact .cTop a i{font-size: 34px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 15px;}




	#pageNavigationImg{height: 300px;}
	#pageNavigationImg .container .text{left: 10px;}
	#pageDetailContent .container{grid-template-columns: 66% 27%;}
	#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: 25px 0;}
	#pageNavigation .container a{font-size: 17px;}

	#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;}

	#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 .content .projeList .single{flex: 0 0 30%;}
	#pageDetailContent .container .pageLeft .content .projeList .single .image{height: 135px;}
	#pageDetailContent .container .pageLeft .productDetail .tabs .tabs-nav .singlee a{padding: 12px;font-size: 14px;}
	#pageDetailContent .container .pageLeft .productDetail .din{font-size: 21px;}

	#pageDetailContent .container .pageLeft .contentP .build{font-size: 15px;padding: 8px 0;}
	#pageDetailContent .container .pageLeft .contentP .pPdf a{font-size: 12px;padding: 8px;}
}
@media screen and (max-width: 1200px)
{


	#pageDetailContent .container .pageLeft .referanceList .single img{height: 140px;}
	#pageDetailContent .container .pageLeft .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 .pageLeft{padding: 20px 0;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li{height: 40px;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a{padding: 0 10px;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a h1{font-size: 13px;}
	#pageDetailContent .container .pageLeft .content .projeList .single{flex: 0 0 30%;padding: 13px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .image{height: 100px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .title{font-size: 12px;}
	#pageDetailContent .container .pageLeft .productDetail .tabs .tabs-nav .singlee a{padding: 11px;font-size: 13px;}
	#pageDetailContent .container .pageLeft .productDetail .din{font-size: 17px;}
	#pageDetailContent .container .pageLeft .contentP .pPdf a{font-size: 11px;padding: 7px;}

}
@media screen and (max-width: 1024px) 
{
	.container{padding: 0 15px;}
	#logo {/* left: 23px; *//* top: 23px; */}
	#logo a img{height: 70px;}
	#rightBar{width: 8%;}
	#slider .mainSliderText h1{font-size: 46px;}
	#slider .mainSliderText h1 span{font-size: 59px;}
	#slider .footer .container .box p{font-size: 10px;}
	#slider .footer .container .box span{font-size: 9px;}
	nav.homeLeftPages ul li a{font-size: 20px;}
	#section2{height: auto;padding: 20px 0;}
	#homeCorp .container{display: flex;flex-direction: column; align-items: center;justify-content: center;}
	#homeCorp .container .text{width: 100%;}
	#homeCorp .container .text h1{font-size: 2em;}
	#homeCorp .container .text p{font-size: 1.2em;line-height: 1.3em;}
	#homeCorp .container .text .button{font-size: .9em;}
	#homeCorp .container .bg{position: unset;height: auto;width: 100%;}
	#homeProducts .swiper-container .swiper-slide h1{font-size: 1.4em;}
	#homeFranchise .container .rightFranch .title{padding: 75px 11px;}
	#homeFranchise .container .rightFranch .title::before{height: 209px;}
	#homeFranchise .container .rightFranch .title h1{font-size: 1.5em;}
	#homeContact .container .leftContact .title h1{font-size: 1.5em;}
	#homeContact .container .rightContact .cTop a p{font-size: 15px;text-align: right;}
	#homeContact .container .rightContact .cTop a i{font-size: 34px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 15px;}



	/*Haber List*/
	#news-list .list .inner-container{flex-basis: 45%;}

	#pageDetailContent .container .pageRight .detailMenu li a{padding: 9px 0;font-size: 14px;}
	#pageDetailContent .container .pageRight .detailMenu li:hover a{padding: 9px 0;}

	#pageNavigation{padding: 20px 0;}
	#pageNavigation .container a{font-size: 15px;}

	#pageDetailContent .container .pageLeft .newsContent .image{width: 100%;height: auto;margin-bottom: 20px;max-height: 480px;}

	#pageDetailContent .container .pageLeft .referanceList .single img{height: 120px;}


	#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{padding: 18px 0;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li{height: 40px;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a{padding: 0 10px;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a h1{font-size: 12px;}
	#pageDetailContent .container .pageLeft .content .projeList .single{flex: 0 0 46%;padding: 13px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .image{height: 100px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .title{font-size: 12px;}
	#pageDetailContent .container .pageLeft .productDetail .tabs .tabs-nav .singlee a{padding: 10px;font-size: 12px;}
	#pageDetailContent .container .pageLeft .productDetail .din{font-size: 15px;}

	#pageDetailContent .container .pageLeft .content .singleU{margin-right: 15px;}
	#pageDetailContent .container .pageLeft .content .singleU h1{font-size: 14px;}

	#pageDetailContent .container .pageLeft .contentP .build{font-size: 15px;padding: 8px 0;}

}
@media screen and (max-width: 768px) 
{
	#logo {left: 50px;top: 50px;}
	#logo a img{height: 65px;}
	.container{padding: 0 10px;}
	#rightBar{width: 8%;}
	#rightBar .faviconBar img{width: 50px;}
	#rightBar .logo img{height: 120px;}
	#slider .mainSliderText h1{font-size: 46px;}
	#slider .mainSliderText h1 span{font-size: 59px;}
	#slider .footer .container .box p{font-size: 10px;}
	#slider .footer .container .box span{font-size: 9px;}
	nav.homeLeftPages a:hover, nav.homeLeftPages .active-section{font-size: 20px;color: #ffb78d;}
	nav.homeLeftPages .active-section .rect{width: 25px;}
	#section2{height: auto;padding: 20px 0;}
	#homeCorp .container{display: flex;flex-direction: column; align-items: center;justify-content: center;}
	#homeCorp .container .text{width: 100%;}
	#homeCorp .container .text h1{font-size: 2em;}
	#homeCorp .container .text p{font-size: 1.2em;line-height: 1.3em;}
	#homeCorp .container .text .button{font-size: .9em;}
	#homeCorp .container .bg{position: unset;height: auto;width: 100%;}
	#homeProducts .swiper-container .swiper-slide h1{font-size: 1.4em;}
	#section4{height: auto;padding: 20px 0;}
	#homeFranchise .container{flex-direction: column-reverse;}
	#homeFranchise .container .leftFranch{width: 100%;}
	#homeFranchise .container .leftFranch .swiper-container .swiper-slide{height: 270px;}
	#homeFranchise .container .rightFranch{width: 100%;}
	#homeFranchise .container .rightFranch .title{padding: 50px 11px;}
	#homeFranchise .container .rightFranch .title::before{height: 159px;}
	#homeFranchise .container .rightFranch .title h1{font-size: 1.5em;}
	#section5{height: auto;padding: 20px 0;}
	#homeContact .container{flex-direction: column;}
	#homeContact .container .leftContact{width: 100%;}
	#homeContact .container .leftContact .title{background: #426f74;padding: 50px 0;}
	#homeContact .container .leftContact .title h1{font-size: 1.5em;}
	#homeContact .container .leftContact .title::before{height: 160px;}
	#homeContact .container .leftContact .maps{height: 350px;}
	#homeContact .container .rightContact{width: 100%;padding: 0 0 24px 0;}
	#homeContact .container .rightContact .cTop a{margin-top: 15px;}
	#homeContact .container .rightContact .cTop a p{font-size: 15px;text-align: right;}
	#homeContact .container .rightContact .cTop a i{font-size: 34px;}
	#homeContact .container .rightContact .cBottom{margin-top: 10px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 13px;}


	/*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 .pageLeft .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: 225px;}
	#pageNavigationImg .container .text a{font-size: 17px;}
	#pageDetailContent .container{grid-template-columns: 100%;padding: 0px 0;}
	
	#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.5;}

	#pageDetailContent .container .pageLeft .referanceList .single img{height: 90px;}
	#pageDetailContent .container .pageLeft .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 .pageLeft{padding: 15px 0;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li{height: 40px;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a{padding: 0 10px;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a h1{font-size: 12px;}
	#pageDetailContent .container .pageLeft .content .projeList .single{flex: 0 0 46%;padding: 13px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .image{height: 100px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .title{font-size: 12px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .image img{object-fit: contain;}

	#pageDetailContent .container .pageLeft .productDetail .tabs .tabs-nav .singlee a{padding: 12px;font-size: 14px;}
	#pageDetailContent .container .pageLeft .productDetail{padding: 0 10px!important;}
	#pageDetailContent .container .pageLeft .contentP .build{font-size: 13px;padding: 10px 0;}
	#pageDetailContent .container .pageLeft .contentP .pPdf a{font-size: 10px;padding: 7px;}
}
@media screen and (max-width: 640px) 
{
	.container{padding: 0 10px;}
	#logo {left: 40px;top: 40px;}
	#logo a img{height: 50px;}
	#rightBar{width: 8%;}
	#rightBar .faviconBar img{width: 50px;}
	#rightBar .logo img{height: 120px;}
	nav.homeLeftPages ul li a{font-size: 17px;}
	#slider .mainSliderText h1{font-size: 39px;}
	#slider .mainSliderText h1 span{font-size: 43px;}
	#slider .footer .container .box p{font-size: 10px;}
	#slider .footer .container .box span{font-size: 9px;}
	#slider .swiper-pagination{bottom: 69px;left: unset;transform: unset;right: 29px;}
	#slider .footer{bottom: 17px;}
	nav.homeLeftPages a:hover, nav.homeLeftPages .active-section{font-size: 18px;color: #ffb78d;}
	nav.homeLeftPages .active-section .rect{width: 10px;}
	#section2{height: auto;padding: 20px 0;}
	#homeCorp .container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
	#homeCorp .container .text{width: 100%;}
	#homeCorp .container .text h1{font-size: 25px;}
	#homeCorp .container .text p{font-size: 15px;line-height: 1.3em;}
	#homeCorp .container .text .button{font-size: .9em;}
	#homeCorp .container .bg{position: unset;height: auto;width: 100%;}
	#homeCorp .container .text .button{padding: 10px;font-size: 14px;}
	#section3{height: auto;}
	#homeProducts .swiper-container .swiper-slide{height: 350px;}
	#homeProducts .swiper-container .swiper-slide h1{font-size: 18px;}
	#homeProducts .swiper-container .swiper-slide .favicon img{width: 45px;}
	
	#section4{height: auto;padding: 20px 0;}
	#homeFranchise .container{flex-direction: column-reverse;}
	#homeFranchise .container .leftFranch{width: 100%;}
	#homeFranchise .container .leftFranch .swiper-container .swiper-slide{height: 227px;}
	#homeFranchise .container .rightFranch{width: 100%;}
	#homeFranchise .container .rightFranch .title{padding: 30px 11px;}
	#homeFranchise .container .rightFranch .title::before{height: 108px;}
	#homeFranchise .container .rightFranch .title h1{font-size: 20px;}
	#section5{height: auto;padding: 20px 0;}
	#homeContact .container{flex-direction: column;}
	#homeContact .container .leftContact{width: 100%;}
	#homeContact .container .leftContact .title{background: #426f74;padding: 30px 0;}
	#homeContact .container .leftContact .title h1{font-size: 20px;}
	#homeContact .container .leftContact .title::before{height: 110px;}
	#homeContact .container .leftContact .maps{height: 250px;}
	#homeContact .container .rightContact{width: 100%;padding: 0 0 24px 0;}
	#homeContact .container .rightContact .cTop a{margin-top: 15px;}
	#homeContact .container .rightContact .cTop a p{font-size: 13px;text-align: right;}
	#homeContact .container .rightContact .cTop a i{font-size: 28px;}
	#homeContact .container .rightContact .cBottom{margin-top: 10px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 13px;}
	.mobile-menu .nav li a:before{top: 15px;}
	.mobile-menu .nav li a:after{font-size: 11px;}

	#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 .pageLeft{padding: 13px 0;}
	#pageDetailContent .container .pageLeft .content .projeList{padding: 15px 0;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one{align-items:center ;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li{height: 39px;flex: 0 0 32%;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a{padding: 0 7px;}
	#pageDetailContent .container .pageLeft .content .tabs-nav-one li a h1{font-size: 12px;}
	#pageDetailContent .container .pageLeft .content .projeList .single{flex: 0 0 46%;padding: 13px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .image{height: 100px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .title{font-size: 12px;}
	#pageDetailContent .container .pageLeft .content .projeList .single .image img{object-fit: contain;}

	#pageDetailContent .container .pageLeft .productDetail .tabs .tabs-nav .singlee a{padding: 10px;font-size: 11px;}
	#pageDetailContent .container .pageLeft .productDetail{padding: 0 5px!important;}
	#pageDetailContent .container .pageLeft .contentP .pPdf a{font-size: 12px;padding: 6px;}

	#pageDetailContent .container .pageLeft .urunIndex p{flex: 1 0 48%;font-size: 11px;}
}
@media screen and (max-width: 480px)
{
	.mobile-menu .nav ul{flex-direction: column;flex-wrap: unset;}
	#logo {left: 30px;top: 30px;}
	#logo a img{height: 45px;}
	#rightBar{width: 8%;}
	#rightBar .faviconBar img{width: 39px;}
	#rightBar .logo img{height: 77px;}
	#rightBar .mobileMenu span{margin-right: 4px;}
	nav.homeLeftPages ul li a{font-size: 14px;color: #b3965e;font-weight: 500;}
	#section1{height: 100%;}
	#slider .mainSliderText h1{font-size: 39px;}
	#slider .mainSliderText h1 span{font-size: 43px;}
	#slider .footer .container .box p{font-size: 8px;}
	#slider .footer .container .box span{font-size: 8px;}
	#slider .swiper-pagination{bottom: 69px;left: unset;transform: unset;right: 29px;}
	#slider .footer{bottom: 17px;}
	nav.homeLeftPages a:hover, nav.homeLeftPages .active-section{font-size: 15px;color: #ffb78d;}
	nav.homeLeftPages .active-section .rect{width: 10px;}
	#section2{height: auto;padding: 20px 0;}
	#homeCorp .container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
	#homeCorp .container .text{width: 100%;}
	#homeCorp .container .text h1{font-size: 19px;}
	#homeCorp .container .text p{font-size: 14px;line-height: 1.3em;}
	#homeCorp .container .text .button{font-size: .9em;}
	#homeCorp .container .bg{position: unset;height: auto;width: 100%;}
	#homeCorp .container .text .button{padding: 12px;font-size: 12px;}
	#section3{height: auto;}
	#homeProducts .swiper-container .swiper-slide{height: 233px;}
	#homeProducts .swiper-container .swiper-slide h1{font-size: 13px;}
	#homeProducts .swiper-container .swiper-slide .favicon img{width: 22px;}
	#homeProducts .swiper-container .swiper-slide .continueLine p{font-size: 14px;}
	#homeProducts .swiper-container .swiper-slide .continueLine .line{top: 75px;bottom: 41px;}
	#section4{height: auto;padding: 20px 0;}
	#homeFranchise .container{flex-direction: column-reverse;}
	#homeFranchise .container .leftFranch{width: 100%;}
	#homeFranchise .container .leftFranch .swiper-container .swiper-slide{height: 175px;}
	#homeFranchise .container .leftFranch .swiper-container .swiper-slide:before{width: 25px;}
	#homeFranchise .container .leftFranch .swiper-container .swiper-slide:after{height: 25px;}

	#homeFranchise .container .rightFranch{width: 100%;}
	#homeFranchise .container .rightFranch .title{padding: 20px 10px;}
	#homeFranchise .container .rightFranch .title::before{height: 85px;}
	#homeFranchise .container .rightFranch .title h1{font-size: 18px;}
	
	#section5{height: auto;padding: 20px 0;}
	#homeContact .container{flex-direction: column;}
	#homeContact .container .leftContact{width: 100%;}
	#homeContact .container .leftContact .title{background: #426f74;padding: 20px 0;}
	#homeContact .container .leftContact .title h1{font-size: 17px;}
	#homeContact .container .leftContact .title::before{height: 82px;}
	#homeContact .container .leftContact .maps{height: 200px;}
	#homeContact .container .rightContact{width: 100%;padding: 0 0 3px 0;}
	#homeContact .container .rightContact .cTop a{margin-top: 13px;}
	#homeContact .container .rightContact .cTop a p{font-size: 11px;text-align: right;}
	#homeContact .container .rightContact .cTop a i{font-size: 23px;}
	#homeContact .container .rightContact .cBottom{margin-top: 8px;}
	#homeContact .container .rightContact .cBottom a{font-size: 10px;}
	.mobile-menu .nav ul li{height: auto;flex: 0 0 20%;}
	.mobile-menu .nav li a{font-size: 11px;}
	.mobile-menu .nav li a:before{top: 16px;}
	.mobile-menu .nav li a:after{font-size: 9px;}
	.container{padding: 0 5px;}

	   /*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: 144px;}
	   #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;}
   
	   #pageDetailContent .container .pageLeft .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 .pageLeft .content .link{font-size: 11px;padding: 10px;margin-bottom: -3px;}
	   #pageDetailContent .container .pageLeft .content .link a{padding: 10px;}

	   #pageDetailContent .container .pageLeft{padding: 10px 0;}
	   #pageDetailContent .container .pageLeft .content .projeList{padding: 10px 0;}
	   #pageDetailContent .container .pageLeft .content .tabs-nav-one{align-items:center ;}
	   #pageDetailContent .container .pageLeft .content .tabs-nav-one li{height: 30px;flex: 0 0 32%;}
	   #pageDetailContent .container .pageLeft .content .tabs-nav-one li a{padding: 0 3px;}
	   #pageDetailContent .container .pageLeft .content .tabs-nav-one li a h1{font-size: 11px;}
	   #pageDetailContent .container .pageLeft .content .projeList .single{flex: 0 0 46%;padding: 10px;margin-right: 7px;margin-top: 8px;border: 1px outset #cfd9e0;}
	   #pageDetailContent .container .pageLeft .content .projeList .single .image{height: 100px;}
	   #pageDetailContent .container .pageLeft .content .projeList .single .title{font-size: 12px;}
	   #pageDetailContent .container .pageLeft .content .projeList .single .image img{object-fit: contain;}
	   #pageDetailContent .container .pageLeft .content .tabs-nav-one li .triangle{bottom: 5px;height: 1px;}
		#pageDetailContent .container .pageLeft .productDetail .tabs .tabs-nav .singlee a{padding: 9px;font-size: 11px;}
		#pageDetailContent .container .pageLeft .productDetail .din{font-size: 14px;}

		#pageDetailContent .container .pageLeft .content .singleU{margin-right: 10px;}
		#pageDetailContent .container .pageLeft .content .singleU h1 {font-size: 12px;padding: 15px 10px;}
		#pageDetailContent .container .pageLeft .contentP .build{font-size: 12px;padding: 5px 0;margin-bottom: 8px;}

   }
   @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;}
   }