@media only screen and (max-width:1700px){
    .otobus{top:17%}
    .sector-tab-content h3{font-size:38px;margin-bottom:20px;line-height:48px}
    .sector-tab-content p{font-size:15px}
    .sector-tab-buttons{width:140px}
    .sector-tab-contents{min-height:470px}
    .kaldirac{width:calc(30% + 250px)}
    .sector-tab strong{font-size:14px}
    .sector-title h2{font-size:48px}
    .sector-tab-content img{bottom:-90px}
    #insaat img{bottom:-120px}
    #endustriyel img{bottom:-120px}
    #yaglar img{max-height:150px;bottom:-90px}
    #fmcg img{bottom:-110px}
    .app-title h2{font-size:64px;line-height:74px}
    .index-app{height:443px}
    .services-btn{font-size:18px}
    .services-btn img{max-width:80px;max-height:80px}
    .news-content h3{font-size:18px}
    .news-content p{font-size:14px}
    .news-content a{font-size:12px}
    .news-content{min-height:180px}
    .about p,.degerlerimiz p{font-size:16px;line-height:28px}
    .timeline-col p{font-size:13px}
    .degerler-box p{font-size:14px;line-height:24px}
    .degerler-box h3{font-size:22px}
    .degerler-box{padding:30px 40px}
    .blog-list-category,.blog-list-sidebar{/* width:300px; */}
    .blog-list-content{/* width:calc(100% - 700px); */}
    .blog-list-img{height: 260px;}
    .blog-list h2{font-size:22px}
    .sidebar-post-img{width:70px;height:70px}
    .blog-list-sidebar ul li a h4{width:calc(100% - 90px);font-size:13px}
	.main-menu ul li a {
		font-size: 13px;
	}
	.about ul li {
		font-size: 16px;
		line-height: 26px;
	}
    }
    @media only screen and (max-width:1500px){
    header{padding:10px 0}
    .map svg{width:125%}
    .logo{width:180px}
    .logo img{float:left}
    .fixed .logo{width:170px}
    .language-menu ul li a,.main-menu ul li a{font-size: 11px;}
    .sector-title h2{font-size:40px}
    .sector-title strong{font-size:18px}
    .sector-title:before{background-image:repeating-linear-gradient(to right,var(--mavi) 5px,var(--mavi) 30px,transparent 30px,transparent 40px);left:-80px}
    .sector-tab-contents{padding:50px;min-height:438px}
    .sector-tab-buttons{width:130px}
    .kaldirac{width:calc(30% + 220px)}
    .sector-tab-content h3{font-size:32px;margin-bottom:10px;line-height:42px}
    .sector-tab-content p{font-size:14px}
    .sector-tab-content a{width:130px;height:35px;font-size:14px}
    .sector-tab.active{right:25px}
    .app-title h2{font-size:54px;line-height:64px}
    .app-title strong{font-size:18px}
    .index-app{height:382px}
    .app-title{margin-top:110px}
    .services-title::before{background-image:repeating-linear-gradient(to right,var(--mavi) 5px,var(--mavi) 30px,transparent 30px,transparent 40px)}
    .services-title strong{font-size:18px}
    .contact-title h2,.news-title h2,.services-title h2{font-size:48px;line-height:68px}
    .services-content{width:40%}
    .services-title{margin-bottom:70px}
    .services-btn{font-size:16px;height:60px}
    .services-btn img{max-width:60px;max-height:60px;top:-25px;left:-25px}
    .services-btn:before{width:70px;height:70px;left:-25px;top:-25px}
    .numbers-title h2{font-size:48px;line-height:58px}
    .numbers-title strong{font-size:18px}
    .rakam-text{font-size:44px;line-height:54px}
    .rakam-title{font-size:16px}
    .rakam-icn{width:90px;height:80px}
    .news-img{/* height:180px; */}
    .news-content h3{font-size:16px}
    .news-content p{font-size:13px}
    .index-news:before{height:380px}
    .index-contact{padding:100px 0}
    .footer-logo img{width:75%}
    .footer-menu-content ul li a{font-size:12px;line-height:20px}
    .footer-menu-content:nth-child(1) ul li{width:48%}
    .footer-menu-content h4{font-size:16px;margin-bottom:15px}
    .footer-contact p{font-size:12px;line-height:20px}
    .copyright-menu ul li a{font-size:12px}
    .copyright p{font-size:12px}
    .map svg text{font-size:34px}
    .breadcrumb{margin-top: 77px;}
    .breadcrumb-menu a,.breadcrumb-menu span{font-size:14px}
    .about h1,.center-title h1,.degerlerimiz h1{font-size:38px;margin-bottom:20px}
    .about{padding:50px 5%}
    .about p,.degerlerimiz p{font-size:16px;line-height:26px}
    .timeline-col strong{font-size:40px}
    .timeline-col p{font-size:12px}
    .timeline-col{padding:0}
    .misyon-vizyon{margin-top:50px}
    .misviz-box p{line-height:26px}
    .misviz-box{width:430px;height:400px}
    .misviz-box h2{font-size: 26px;margin-bottom:15px;}
    .degerler-box p{font-size:14px;line-height:24px}
    .degerler-box h3{font-size:22px}
    .degerler-box{padding:30px 40px}
    .degerlerimiz h2{font-size:26px}
    .degerlerimiz-content{margin-top:50px;margin-bottom:50px}
    .degerler-box-img img{max-width:60px}
    .degerler-box-img{height:70px}
    .degerler-box h3{font-size:20px;margin-bottom:10px}
    .degerler-box p{font-size:13px;line-height:23px}
    .degerler-other-box{padding:50px 0}
    .degerler-box{padding:30px}
    .blog-list-category{margin-right:30px}
    .blog-list-sidebar{/* margin-left:30px; */}
    .blog-list-content{/* width:calc(100% - 660px); */}
    .blog-list-img{height: 230px;}
    .blog-list h2{font-size:20px;margin-bottom:10px}
    .blog-list strong{font-size:14px;margin-bottom:10px}
    .blog-list p{font-size:14px;line-height:24px}
    .blog-list article a{width:150px;height:35px;font-size:14px}
    .page{margin:50px 0}
    .blog-list-category,.blog-list-sidebar{top: 100px;}
    .banner{height:250px}
    .contact-box-text{width:95%}
    .contact-row-title{margin-left:2%}
    .contact-row{padding:50px 50px 50px 200px}
    .contact-row-title{font-size:26px;margin-left:3%}
    .contact-box-title h2{font-size:22px;margin-bottom:15px}
    .maps{height:470px}
    #map{height:550px}
    .copyright-menu{margin-top:20px;margin-bottom:0}
    .copyright p img{width:100px}
    .main-menu ul li{margin-left:30px}
    .language-menu{font-size:14px;margin-left:5px}
    .search-btn{margin:0 15px 0 10px}
    .ptbBtn {
        font-size: 20px;
        padding: 25px 55px 25px 40px;
    }
    
    .accordion-img {
        height: 830px;
    }
    
    .accordion-box {
        padding-top: 40px;
    }
    .hizmetdetay-content p {
        font-size: 16px;
    }
    
    .hizmetdetay-content h1 {
        font-size: 25px;
    }
    
    .hizmetdetay-content h3 {
        font-size: 19px;
    }
    .center-content h2 {
        font-size: 35px;
    }
    .threeColumnBlue li {
        padding: 0px 20px;
        height: 550px;
    }

    .threeBox .misviz-box {
        padding: 30px 30px;
    }
    .title *{font-size: 38px;}
	.footer-logo {
		width: 20%;
	}

	.footer-menu {
		width: 60%;
	}

	.footer-contact {
		width: 20%;
	}
	
	.defaultContent ul li {
		font-size: 14px;
	}
    }
    @media only screen and (max-width:1400px){
    .login-wrapper img{width:65%}
    .login-logo p{font-size:20px}
    .otobus{width:28%;top:13%}
    .sector-tabs{width:75%}
    .app-title h2{font-size:48px;line-height:58px}
    .index-app{height:364px}
    .services-content{width:42%}
    .rakam-text{font-size:40px;line-height:50px}
    .footer-menu-content ul li,.footer-menu-content:nth-child(1) ul li{width:50%;margin-bottom:0}
    .contact-container{width:90%;margin-left:5%}
    .form-select,.form-text{height:60px}
    .contact-page-form .form-textarea,.form-textarea{height:150px}
    .contact-holder ul li:nth-child(4),.contact-holder ul li:nth-child(5){margin-top:-74px}
    .contact-holder ul li{width:calc(30% - 30px);margin:15px}
    .contact-holder ul li:nth-child(3){width:calc(40% - 30px)}
    .contact-holder{width:80%;margin-left:5%}
    .form-submit{height:65px;width:220px;bottom:-50px;font-size:18px}
    .map svg{width:115%}
    .blog-list-category ul li a{font-size:14px}
    .blog-list-img{height: 210px;}
    .blog-list-img a span{font-size:12px}
    .blog-list h2{font-size: 16px;}
    .page{margin:50px 0 100px}
    .blog-list-category h3,.blog-list-sidebar h3{font-size:18px}
    .contact-page-form .contact-holder ul li:nth-child(6){width:calc(100% - 30px)}
    .contact-page-form .contact-row-title{margin-left:1%}
    #map{height:450px}
    .bolgeler-head h2{font-size:36px}
    .form-select-2{width:250px;height:55px}
    .logo{width:160px}
    .fixed .logo{width:150px}
    .main-menu ul li{margin-left:25px}
    .main-menu ul li ul li a{font-size:14px}
    .main-menu ul li ul{width:250px;left:-30px;top: 77px;}
    .hizmetList-Box {
        padding: 20px 20px 40px 20px;
    }
    
    }
    @media only screen and (max-width:1200px){
    .sector-title h2{font-size:34px}
    .sector-title h1{font-size:16px}
    .sector-tab strong{font-size:13px;line-height:18px}
    .sector-tab-buttons{width:120px}
    .sector-tab-contents{padding:30px 35px;min-height:404px}
    .sector-tab-content h3{font-size:26px;line-height:36px}
    .sector-tab-content p{font-size:13px}
    .sector-tab-content a{font-size:12px;width:110px}
    .sector-tab-content img{width:60%;right:-10px}
    #insaat img{bottom:-90px}
    #otomotiv img{bottom:-70px}
    #plastik img{bottom:-50px}
    #endustriyel img{bottom:-80px;width:50%}
    #yaglar img{max-height:120px;bottom:-50px;right:10px}
    #fmcg img{bottom:-60px;right:0}
    .app-title strong{font-size:16px}
    .app-title h2{font-size:42px;line-height:52px}
    .index-app{height:322px}
    .app-title{margin-top:85px}
    .sector-title h2{font-size:34px}
    .sector-title h1{font-size:16px}
    .sector-tab strong{font-size:13px;line-height:18px}
    .sector-tab-buttons{width:120px}
    .sector-tab-contents{padding:30px 35px;min-height:404px}
    .sector-tab-content h3{font-size:26px;line-height:36px}
    .sector-tab-content p{font-size:13px}
    .sector-tab-content a{font-size:12px;width:110px}
    .sector-tab-content img{width:60%;right:-10px}
    #insaat img{bottom:-90px}
    #otomotiv img{bottom:-70px}
    #plastik img{bottom:-50px}
    #endustriyel img{bottom:-80px;width:50%}
    #yaglar img{max-height:120px;bottom:-50px;right:10px}
    #fmcg img{bottom:-60px;right:0}
    .app-title strong{font-size:16px}
    .app-title h2{font-size:42px;line-height:52px}
    .index-app{height:322px}
    .app-title{margin-top:85px}
    .services-btn{font-size:14px;width:calc(50% - 50px);margin:25px}
    .contact-title h2,.news-title h2,.services-title h2{font-size:40px}
    .services-title strong{font-size:16px}
    .slider-bg, .slider-bg .container, .homeSlider{height:600px}
    .otobus{top:18%}
    .news-img{/* height:140px; */}
    .news-content{padding: 15px 0 50px;min-height: 170px;}
    .news-content h3{font-size:15px}
    .news-content a{height:35px;width:120px}
    .index-news:before{height:300px}
    .map svg{width:115%;height:auto;right:0}
    .degerler-box{width:calc(50% - 30px);margin:15px;padding:20px}
    .degerler-box-img{height:50px}
    .degerler-box h3{font-size:18px}
    .degerler-box p{font-size:12px;line-height:20px}
    .blog-list-category{width:230px;margin-right:20px}
    .blog-list-sidebar{/* margin-left:20px; */}
    .blog-list-content{/* width:calc(100% - 570px); */}
    .blog-list-img{height:220px}
    .blog-list h2{font-size:16px}
    .blog-list p{font-size:13px;line-height:20px;margin-bottom:20px}
    .contact-row{width:95%;padding:50px 0 50px 150px}
    .contact-row-title{margin-left:-35px}
    .contact-page-form-holder{width:95%;padding:30px 30px 30px 150px}
    .contact-page-form .contact-row-title{margin-left:-35px}
    header .container{width:96%}
    .main-menu ul li{margin-left:15px}
    .language-menu i{font-size:16px}
	.footer-menu-content ul li a {
		font-size: 11px;
	}
    }
    @media only screen and (max-width:1100px){
    .language-menu ul li a,.main-menu ul li a{font-size:14px}
    .main-menu ul li{margin-left:30px}
    .language-menu>ul>li:before{top:4px}
    .logo{width:175px}
    .slider-bg, .slider-bg .container,.homeSlider{height:530px}
    .sector-title h2{font-size:28px}
    .sector-title h1{font-size:14px}
    .sector-title:before{background-image:repeating-linear-gradient(to right,var(--mavi) 3px,var(--mavi) 27px,transparent 30px,transparent 40px);left:-80px}
    .kaldirac{width:calc(30% + 150px);margin-left:-120px}
    .sector-tabs{width:80%;padding-left:0}
    .sector-tab-buttons{width:100px}
    .sector-tab-contents{width:calc(100% - 135px);min-height:336px}
    .sector-tab strong{font-size:11px;line-height:14px;font-weight:600}
    .sector-tab-content h3{font-size:22px;line-height:32px}
    .sector-tab-content p{font-size:12px}
    .sector-tab-content a{height:30px;width:95px}
    .app-title h2{font-size:36px;line-height:46px}
    .app-title strong{font-size:14px;margin-bottom:5px}
    .index-app{height:286px}
    .contact-title h2,.news-title h2,.services-title h2{font-size:32px;line-height:44px}
    .services-title strong{font-size:14px}
    .services-title{margin-bottom:50px}
    .services-btn{height:50px}
    .services-btn img{max-width:50px;max-height:45px}
    .services-btn:before{width:55px;height:50px}
    .numbers-title h2{font-size:36px;line-height:46px}
    .numbers-title strong{font-size:14px}
    .numbers-title{margin:70px 0}
    .container-xs{width:980px}
    .rakam-icn{width:80px;height:70px}
    .rakam-text{font-size:36px;line-height:46px}
    .rakam-title{font-size:14px}
    .shape-2{bottom:-195px;width:30%}
    .index-news{margin-top:150px}
    .contact-holder{margin-top:80px}
    .form-submit{bottom:-40px}
    .language-menu ul li a,.main-menu ul li a{font-size:13px}
    .main-menu ul li{margin-left:25px}
    .language-menu>ul>li:before{top:4px}
    .logo{width:130px}
    .slider-bg, .slider-bg .container,.homeSlider{height:600px}
    .sector-title h2{font-size:28px}
    .sector-title h1{font-size:14px}
    .sector-title:before{background-image:repeating-linear-gradient(to right,var(--mavi) 3px,var(--mavi) 27px,transparent 30px,transparent 40px);left:-80px}
    .kaldirac{width:calc(30% + 150px);margin-left:-120px}
    .sector-tabs{width:80%;padding-left:0}
    .sector-tab-buttons{width:100px}
    .sector-tab-contents{width:calc(100% - 135px);min-height:336px}
    .sector-tab strong{font-size:11px;line-height:14px;font-weight:600}
    .sector-tab-content h3{font-size:22px;line-height:32px}
    .sector-tab-content p{font-size:12px}
    .sector-tab-content a{height:30px;width:95px}
    .app-title h2{font-size:36px;line-height:46px}
    .app-title strong{font-size:14px;margin-bottom:5px}
    .index-app{height:286px}
    .contact-title h2,.news-title h2,.services-title h2{font-size:32px;line-height:44px}
    .services-title strong{font-size:14px}
    .services-title{margin-bottom:50px}
    .services-btn{height:50px}
    .services-btn img{max-width:50px;max-height:45px}
    .services-btn:before{width:55px;height:50px}
    .numbers-title h2{font-size:36px;line-height:46px}
    .numbers-title strong{font-size:14px}
    .numbers-title{margin:70px 0}
    .container-xs{width:980px}
    .rakam-icn{width:80px;height:70px}
    .rakam-text{font-size:36px;line-height:46px}
    .rakam-title{font-size:14px}
    .shape-2{bottom:-195px;width:30%}
    .index-news{margin-top:150px}
    .contact-holder{margin-top:80px}
    .form-submit{bottom:-40px}
    .footer-logo{width:30%}
    .footer-menu{width:70%}
    .footer-contact{width:100%;text-align:center}
    .copyright{flex-wrap:wrap}
    .copyright p:first-child{margin-bottom:10px}
    .copyright p{border:none}
    .fixed .logo{width:150px}
    .main-slogan{margin-top:22%}
    .login-wrapper{margin-top:-150px}
    .login-logo p{font-size:18px}
    .about p,.degerlerimiz p{font-size:14px;line-height:24px}
    .timeline-col p{font-size:12px}
    .misviz-box p{font-size:14px;line-height:24px}
    .misviz-box img{max-width:50px;max-height:50px}
    .misviz-box{width:400px;height:370px;margin:0 20px 20px}
    .breadcrumb{margin-top:80px}
    .blog-list-sidebar{/* width:250px; */}
    .sidebar-post-img{width:50px;height:50px;margin-right:15px}
    .blog-list-sidebar ul li a h4{width:calc(100% - 65px);font-size:12px}
    .blog-list-category h3,.blog-list-sidebar h3{font-size:16px;padding:15px 0}
    .blog-list-category,.blog-list-sidebar{padding:0 20px}
    .blog-list-content{/* width:calc(100% - 520px); */}
    .blog-list-img{height:190px}
    .blog-list article{padding:0}
    .blog-list article a{font-size:12px;width:130px}
    .main-menu ul li{margin-left:15px}
    header {
        height: 80px;
    }
	.socialMedia {
		justify-content: center;
	}
    }
    @media only screen and (max-width: 850px){
	.main-menu ul li ul li ul, .main-menu ul li ul li:hover ul {
		display:none !important;
	}
    .black-shadow{position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:8;top:0;left:0}
    .menu-btn{display:block;position:relative;right:0;width:35px;font-size:12px;padding-top:25px;margin-top:0;z-index:12;margin-left:15px}
    .menu-btn span{width:100%;height:2px;background-color:var(--dark);position:absolute;top:0;transition:all ease-in-out .3s}
    .menu-btn span:nth-child(2){top:9px}
    .menu-btn span:nth-child(3){top:19px}
    .menu-btn.active span:nth-child(2){opacity:0}
    .menu-btn.active span:nth-child(1){transform:rotate(45deg);top:17px}
    .menu-btn.active span:nth-child(3){transform:rotate(-45deg);top:17px}
    .menu-btn.active span{background-color:#fff}
    .container-xs{width:90%}
    .main-menu{position:fixed;top:0;right:-400px;height:100vh;background:var(--dark);margin:0;width:350px;transition:all ease-in-out .5s;z-index:10;box-sizing:border-box;padding-top:150px}
    .main-menu.active{right:0;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;padding-bottom:30px}
    .main-menu ul{width:100%;float:left}
    .main-menu ul li{width:100%;float:left;margin-bottom:30px;text-align:center;margin-left:0}
    .main-menu ul li a{color:#fff;font-size:20px;padding:0 50px}
    .language-menu{margin-right:20px;font-size:16px}
    .language-menu i{font-size:18px}
    .otobus{top:30%;width:32%;left:-10px}
    .otobus.active{width:35%;left:60%;top:43%}
    .main-slogan{width:45%}
    .main-slogan img{width:80%}
    .main-slogan:before{background-image:repeating-linear-gradient(to right,#fff 5px,#fff 40px,transparent 35px,transparent 55px)}
    .worker{display:none}
    .sector-left{width:45%;padding-left:50px}
    .sector-right{width:90%}
    .sector-title h1{font-size:18px}
    .sector-title h2{font-size:36px}
    .sector-title:before{background-image:repeating-linear-gradient(to right,var(--mavi) 5px,var(--mavi) 40px,transparent 35px,transparent 55px);width:90%}
    .index-sectors{padding-top:75px}
    .app-title{width:100%;text-align:center}
    .app-img{width:100%;margin-bottom:-115px}
    .index-app{height:auto}
    .index-services{flex-direction:column-reverse}
    .services-content{width:90%;padding-right: 0;}
    .services-title strong{font-size:20px}
    .contact-title h2,.news-title h2,.services-title h2{font-size:36px;line-height:46px}
    .services-title::before{width:50%;left:-75px}
    .services-btn{height:60px;font-size:18px}
    .services-btn img{max-width:60px;max-height:50px}
    .services-btn:before{width:60px;height:55px}
    .konteyner{width:100%;left:0;margin:0}
    .rakam-col:not(:nth-child(3n+1))::before{width:70px;left:-40px}
    .shape-1{top:-150px}
    .news-list{width:100%;margin-left:0}
    .contact-container{width:100%;margin-left:0}
    .contact-holder{width:90%}
    .form-select,.form-text{height:50px;font-size:14px;padding-left:15px}
    .contact-holder ul li{width:calc(30% - 20px);margin:10px}
    .form-textarea{height:115px;font-size:14px}
    .contact-holder ul li:nth-child(4),.contact-holder ul li:nth-child(5){margin-top:-59px}
    .contact-holder ul li:nth-child(3){width:calc(40% - 20px)}
    .form-submit{width:180px;height:60px;bottom:-20px}
    .footer-logo{display:none}
    .footer-menu{width:100%}
    .copyright-menu ul li a{font-size:12px}
    .copyright-menu ul li{padding:1px 20px}
    footer{padding-top:50px}
    .map{height:auto;width:100%;top: -10px;}
    .login-logo{position:absolute;bottom: 100px;height:auto;width:100%}
    .login-wrapper img{width:50%}
    .login-logo p{font-size:22px}
    .ulkelerSect .map svg{width: 170%;right: -25%;transform: initial !important;top: initial;margin-top: 0%;}
    .about-content{flex-wrap:wrap}
    .about{width:100%}
    .about-img{width:80%;margin-left:10%}
    .misyon-vizyon{margin-top:0}
    .misviz-box{padding:30px}
    .misviz-box h2{font-size:24px;margin-bottom:10px}
    .timelineSlider .owl-dots{width:100%;float:left;margin-top:30px;display:flex;align-items:center;justify-content:center}
    .timelineSlider .owl-dots .owl-dot{width:10px;height:10px;background:var(--dark);border-radius:50%;margin:3px;opacity:.5;transition:all ease-in-out .3s}
    .timelineSlider .owl-dots .owl-dot.active{background:var(--mavi);opacity:1;width:30px;border-radius:10px}
    .degerlerimiz h2{font-size:24px}
    .degerler-other-img{width:100%;height:500px}
    .degerler-other-box{width:100%;margin:0;padding:50px 0 0}
    .degerler-other .container{display:block}
    .blog-list-category{width:100%;position:relative;top:0}
    .blog-list-content{width:100%;display: inline-block;width: 100%;}
    .blog-list-sidebar{display:none}
    .blog-list-img{height:300px}
    .blog-list h2{font-size:18px}
    .blog-list strong{font-size:16px}
    .blog-list p{font-size:16px;line-height:26px}
    .blog-list-img a span{font-size:14px}
    .blog-list-category ul{display:none}
    .blog-list-category h3{border-bottom:0 solid rgb(112 112 112 / 16%);margin-bottom:0;transition:all ease-in-out .3s}
    .active.blog-list-category h3{border-bottom:1px solid rgb(112 112 112 / 16%);margin-bottom:20px}
    .blog-list-category i{position:absolute;right:20px;top:20px;color:var(--mavi);transition:all ease-in-out .3s;font-size:20px;display: inline-block;}
    .active.blog-list-category i{transform:rotate(180deg)}
    .contact-row-title{margin-left: 0 !important;left:50%;transform: translateX(-50%);top:7px;display: table;width: max-content;}
    .contact-row{width:100%;padding:60px 30px 30px}
    .contact-box-text{font-size:14px}
    .contact-box-title h2{font-size:18px;margin-bottom:10px}
    .contact-page-form .contact-row-title{margin-left:-132px;top:85px}
    .contact-page-form-holder{width:100%;padding:50px 30px 30px}
    .contact-page-form .form-textarea,.form-textarea{height:120px}
    .contact-page-form .contact-holder ul li:nth-child(6){width:calc(100% - 20px)}
    .mainSlider .owl-nav .owl-prev{left:20px}
    .mainSlider .owl-nav .owl-next{right:20px}
    .slider-content h2{font-size: 5vw;/* line-height:7vw; */}
    .main-menu ul li ul{position:relative;margin-top:0;top:0;left:0;width:100%;background:0 0;box-shadow:none;padding:10px 45px}
    .breadcrumb {
        margin-top: 60px;
    }
    .ptbBtn {
        font-size: 4vw;
        padding: 20px 0px 20px 30px;
    }
    
    .accordionList {
        width: 100%;
        padding-left: 0px;
    }
    
    .accordion-img {
        width: 100%;
        height: 300px;
        position: relative;
    }

    .accordion-box {
        width: 100%;
        padding: 0px;
        margin: 20px 0px 0px;
        float: left;
    }

    .accordionList li {
        margin: 10px 0px;
    }

    .ptBox {
        padding: 0px 30px 30px;
}
    .ptbBtn::before, .ptbBtn::after {
        width: 28px;
        height: 28px;
        top: 17px;
    }
    
    .ptBox p {
        font-size: 3.4vw;
    }
    .belgelerList li {
        width: 47%;
    }
    
    .belgelerList li a span {
        font-size: 4vw;
    }
    .belgelerList {
        margin: 0px;
        display: inline-block;
    }
    .sidebarMenu {
        width: 100%;
        position: relative;
        top: 0;
    }
    
    .container2, .container3 {
        width: 90%;
    }
    
    .pdn {
        padding: 35px 0px;
    }
    
    .sidebarMenu ul li a {
        font-size: 4vw;
    }
    
    .hizmetdetay-content {
        width: 100%;
        margin-top: 30px;
        padding-top: 25px;
        padding: 25px;
    }
    
    .hizmetdetay-content h1 {
        width: calc(100% + 40px);
        font-size: 19px;
        padding: 10px 15px 10px 40px;
        margin-bottom: 25px;
        margin-left: -25px;
    }
    
    .hizmetdetay-content h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    .hizmetdetay-content h3 {
        margin-bottom: 20px;
    }
    
    .hizmetdetay-content p {
        margin-bottom: 20px;
    }
    .about p, .degerlerimiz p {
        font-size: 16px;
    }
    
    .center-content p {
        font-size: 16px;
    }
    .center-content h2 {
        font-size: 29px;
        line-height: 1.4;
    }
    
    .center-content article {
        margin: 30px 0px;
    }
    
    .blueContent ul li {
        font-size: 15px;
        line-height: 1.3;
    }
    
    .blueContent {
        padding: 10px 20px;
        border-radius: 10px;
    }
    
    .threeColumnBlue li {
        width: 100%;
        height: auto;
        padding: 25px 5%;
    }
    
    .threeColumnBlue li p {
        font-size: 16px;
    }
    
    .threeColumnBlue li span {
        font-size: 20px;
    }
    
    .fullbn {
        height: auto;
        padding: 40px 0px;
    }
    
    .fullbn h2 {
        font-size: 8vw;
    }
    
    .hizmetFltSect figure {
        width: 100%;
        height: 250px;
    }
    
    .hizmetFltSect article {
        position: relative;
        transform: initial;
        left: 0px;
        width: 90%;
        border-radius: 15px;
        padding: 20px;
        margin-left: 5%;
        margin-top: -30px;
    }
    
    .hizmetFltSect article h2 {
        font-size: 6vw;
    }
    .politikalarList li span {
        font-size: 3vw;
    }
    .ikButtons a {
        font-size: 3.5vw;
        text-align: center;
        margin: 5px 0px;
    }
    
    .ikButtons {
        flex-direction: column;
        margin-bottom: 0px;
    }
    
    .about ul li {
        font-size: 16px;
        line-height: 1.6;
    }
    .main-menu ul li ul li a {
        color: #8aa3bd;
    }
    
    .main-menu ul li.active ul li a {
        color: #8aa3bd;
    }
    .hizmetList {
        width: 100%;
        display: inline-block;
        margin-top: -25px;
    }
    
    .hizmetList li {
        margin: 0px 0px 50px;
    }
    
    .filters.js-radio-button-group {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .filters.js-radio-button-group button {
        font-size: 4.5vw;
        margin: 0px 5px;
        padding: 5px 10px;
    }
    
    .medyaList li {
        height: 250px;
    }
    
    
    .medyaList li i {
        top: 15px;
        right: 15px;
        width: 35px;
    }
    .blog100 {
        grid-template-columns: 49% 49%;
        gap: 2%;
    }
    .ulkelerBox {
        position: relative;
        top: 0px;
        transform: initial;
        width: 90%;
        left: 5%;
        padding: 35px 10%;
    }
    
    .ulkelerBox span {
        font-size: 8vw;
        margin-bottom: 15px;
    }
    
    .ulkelerBox ul li {
        font-size: 4vw;
    }
    
    .ulkelerSect .login-master {
        height: 110vh;
    }
    
    .ulkelerSect .login-wrapper img {
        position: relative;
        left: 0px;
        top: 0px;
        transform: initial;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    .ulkelerSect .login-wrapper {
        margin-bottom: -20px;
    }
    .ulkelerSect #arkaplanVideo {
    height: 110vh;
    }
    .blog-list {
        width: 100%;
    }
    .blog-grid{display: inline-block;}
    .blogContent{width:100%;}
    header{height: 60px;}
	.sitemapList ul {
		grid-template-columns: 50% 50%;
	}
	main {
		overflow-x: hidden;
	}
    }
    @media only screen and (max-width:600px){
    .login-wrapper img{width:70%}
    .login-logo p{font-size:18px}
    .map svg text{font-size:44px}
    .otobus{top:30%;width:48%;left:-8%}
    .otobus.active{width:45%;left:52%;top:41%}
    .main-slogan{width:70%;margin-top:78%}
    .main-slogan:before{border:1px solid transparent;background-image:repeating-linear-gradient(to right,#fff 5px,#fff 40px,transparent 35px,transparent 48px)}
    .logo{width:110px}
    .search-btn{margin:0 15px;display:flex}
    .language-menu ul li a img{width:20px;margin-right:7px}
    header{padding:10px 0}
    .index-sectors{padding-top:50px;padding-bottom:70px}
    .sector-left{width:100%;padding-left:0}
    .sector-title:before{background-image:repeating-linear-gradient(to right,var(--mavi) 5px,var(--mavi) 35px,transparent 35px,transparent 48px);border:1px solid transparent}
    .sector-right{width:100%}
    .kaldirac{display:none}
    .sector-tabs{width:100%}
    .sector-tab-contents{width:calc(100% - 100px);padding:20px}
    .sector-tab.active{right:15px}
    .sector-tab-content h3{font-size:20px;line-height:25px}
    .sector-tab-content p{font-size:12px}
    .sector-tab-content a{margin-top:20px}
    #insaat img{bottom:-50px}
    #otomotiv img{bottom:-40px}
    #plastik img{bottom:-30px}
    #endustriyel img{bottom:-50px}
    .sector-tab-content img{bottom:-50px}
    .app-title h2{font-size:30px;line-height:30px}
    .app-title{margin-top:50px}
    .app-img{margin-bottom:-40px}
    .index-services{padding-top:100px}
    .contact-title h2,.news-title h2,.services-title h2{font-size:30px}
    .services-title strong{font-size:16px}
    .services-title::before{width:88%;background-image:repeating-linear-gradient(to right,var(--mavi) 5px,var(--mavi) 35px,transparent 35px,transparent 48px);border:1px solid transparent}
    .sector-title h1{font-size:16px}
    .services-btn{width:calc(50% - 20px);margin:15px 10px;height:50px;font-size:14px}
    .services-btn img{max-width:45px;max-height:35px;top:-15px;left:-15px}
    .services-btn:before{width:40px;height:40px;left:-10px;top:-10px}
    .services-links{margin-bottom:30px}
    .shape-1{width:55%}
    .numbers-title h2{font-size:30px;line-height:40px}
    .numbers-title strong{font-size:16px}
    .rakam-col{flex:0 0 45%}
    .numbers-title{margin-bottom:50px}
    .rakam-icn{width:70px;height:60px}
    .rakam-text{font-size:30px;line-height:40px}
    .rakam-col:not(:nth-child(n+1))::before{content:"";position:absolute;left:-60px;top:50%;width:100px;border-bottom:7px dotted #ccc}
    .rakam-col:not(:nth-child(3n+1))::before{display:none}
    .shape-2{width:50%;bottom:0}
    .index-news{margin-top:0}
    .news-list{margin-top:30px}
    .news-img{display: inline-block;max-height: 210px;overflow: hidden;}
    .news-content h3{font-size:16px}
    .newsSlider .owl-dots{width:100%;float:left;margin-bottom:10px;margin-top:20px;display:flex;align-items:center;justify-content:center}
    .newsSlider .owl-dot{width:10px;height:10px;background:#fff;border-radius:50%;margin:0 5px;transition:all ease-in-out .3s;opacity:.5}
    .newsSlider .owl-dot.active{opacity:1;width:30px;border-radius:5px}
    .index-contact{padding:50px 0}
    .contact-title{margin-bottom:20px}
    .koli-alt img{height:600px}
    .contact-holder ul li{width:calc(100% - 20px)!important;margin:10px!important}
    .contact-holder ul{display:grid}
    .contact-holder ul li:nth-child(3){grid-row:5}
    .form-submit{height:50px;width:160px;font-size:16px;bottom:0}
    .footer-menu-content{width:50%!important}
    .footer-menu-content:nth-child(1) ul li{width:100%}
    .footer-menu-content:nth-child(2){padding-left:30px}
    .footer-contact{padding-top:30px}
    .copyright-menu{margin-top:30px}
    .copyright-menu ul{flex-wrap:wrap}
    .copyright-menu ul li{width:100%;text-align:center;border:none}
    .copyright-menu ul li a{font-size:14px}
    .copyright p{text-align:center}
    .copyright p a{display:inline-block}
    .copyright p{display:inline-block}
    .copyright p img{height:10px}
    .main-menu{width:230px}
    .main-menu ul li a{font-size:14px;padding:0 30px}
    .main-menu ul li{margin-bottom:20px}
    .fixed .logo{width:100px}
    .breadcrumb{margin-top:54px;padding:10px 0}
    .breadcrumb-menu a,.breadcrumb-menu span{font-size:12px}
    .about{padding:30px 4%}
    .about h1,.center-title h1,.degerlerimiz h1{font-size:32px}
    .timeline{margin:50px 0}
    .misyon-vizyon .container-xs{flex-wrap:wrap}
    .misviz-box{margin:0 0 30px;width:100%;height:auto}
    .misyon-vizyon{margin-bottom:50px}
    .timelineSlider .owl-item:nth-child(odd) .timeline-col strong{margin-top:20px;align-items:start}
    .timeline-col p{display:flex;align-items:start}
    .timeline-col strong{display:flex;align-items:end;justify-content:center;margin-bottom:20px;margin-top:20px}
    .degerlerimiz h2{font-size:22px}
    .degerlerimiz p br{display:none}
    .degerlerimiz-content{margin-top:30px;margin-bottom:30px;}
    .degerler-other-box{padding-top:30px}
    .degerler-box{width:100%;margin:0 0 30px}
    .degerler-box h3{font-size:20px}
    .degerler-box p{font-size:14px;line-height:24px}
    .degerler-other{margin-bottom:30px}
    .degerler-other-img{width:100%;height:400px}
    .blog-list-category i{top:15px}
    .blog-list-img{height:200px}
    .blog-list{padding:15px;}
    .blog-list h2{font-size:16px;line-height:24px;margin-bottom:5px}
    .blog-list strong{font-size:14px;margin-bottom:5px}
    .blog-list p{font-size:14px;line-height:24px}
    .page{margin:30px 0}
    .navigation{margin-bottom:0}
    .banner{height:120px}
    .contact-page-form .contact-row-title h1{font-size:23px}
    .contact-page-form .contact-row-title h2{font-size:30px}
    .contact-page-form .contact-row-title{/* margin-left:-107px; */top:90px;}
    .contact-row-title h1{font-size:30px}
    .contact-row-title{/* margin-left:-82px; *//* top:11px; */}
    .contact-row{display:block}
    .contact-box{width:100%;margin-bottom:40px}
    .maps{height:350px;margin:30px 0}
    .bolgeler-head{display:block}
    .bolgeler-head h2{font-size:30px;width:100%;float:left;text-align:center;margin-bottom:20px}
    .form-select-2{width:100%}
    .slider-bg, .slider-bg .container,.homeSlider{height: 400px;padding-top: 0;}
    .slider-content{margin-top: 50px;margin-left: 0%;width: 60%;}
    .mainSlider .owl-nav>div{margin-top:50px;font-size:30px}
    .mainSlider .owl-nav .owl-prev{left:10px}
    .mainSlider .owl-nav .owl-next{margin-top:50px;right:10px}
    .menu-btn{width:30px;padding-top:18px}
    .menu-btn span:nth-child(2){top:7px}
    .menu-btn span:nth-child(3){top:15px}
    .language-menu{margin-right:0}
    .main-menu ul li ul{padding:10px 25px}
    .main-menu ul li ul li a{text-align:left}
    .medyaList li {
        width: 46%;
        margin: 2%;
    }
    
    .medyaList li p {
        padding: 10px 10px;
        font-size: 4vw;
    }
    .blog-detail-title br {
        display: none;
    }
    .slider-content p {
        font-size: 3.5vw;
        /* width: 150%; */
        line-height: 1.5;
    }
    .threeBox .container {
        display: table;
    }
    
    .threeBox .misviz-box {
        width: 100%;
    }
    
    .threeBox {margin-top: 30px;}
    .title * {
        font-size: 32px;
    }
    .blog100 {
        display: inline-block;
    }
    .blog-list article a {
        position: relative;
        bottom: 0;
        transform: initial;
        left: 0;
    }
    header {
        height: 55px;
    }
    .slider-content a {
        margin-top: 15px;
        font-size: 13px;
        padding: 10px 20px;
    }
    .sitemapList ul {
		display: inline-block;
		width: 100%;
	}

	.sitemapList ul li {
		width: 100%;
		margin: 10px 0px;
	}
	.footer-menu-content:nth-child(1) {
    width: 40% !important;
}
.blogContent form li {
    width: 98% !important;
}

.blogContent form li:nth-child(1), .blogContent form li:nth-child(2), .blogContent form li:nth-child(7), .blogContent form li:nth-child(8) {
    width: 48% !important;
}
.blogContent form li p {
    font-size: 3.2vw;
}
}