@media only screen and (max-width:1600px){
    .main,.main-slider-content{height:650px}
    .header{padding-top:40px}
    .black-list{width:900px}
    .black-list ul li p{font-size:22px}
    .main-banner{height:650px}
    .main-banner-content p{font-size:22px;line-height:32px}
    .ana-title{margin-top:150px;margin-bottom:50px}
    .main.about-main{height:550px}
    .opsiyonel-icerik{padding:50px 0}
    .text-center-content{padding:70px 0}
    .double-color-box .color-box p{font-size:18px}
    .double-color-box .color-box h3{font-size:28px}
    .double-color-box .color-box{min-height:220px}
    }
    @media only screen and (max-width:1400px){
    .container{width:1100px}
    .header{padding-top:30px}
    .main-slider-content .container{width:900px}
    .main-slider-content h2{font-size:44px}
    .main-slider-content p{font-size:24px}
    .slider-buttons{margin-top:90px}
    .slider-buttons a{margin:0 25px}
    .owl-dots{bottom:50px}
    .main-menu ul li ul{box-sizing:border-box}
    .main-banner-content h1{font-size:40px}
    .main-banner-content p{font-size:21px;line-height:31px}
    .main-banner-content{width:820px}
    .main-banner{height:600px}
    .colors-text-center h2,.text-center-content h2{font-size:30px}
    .blog-detail-content li,.blog-detail-content p,.file-item-content-aciklama p,.file-item-modul ul li,.file-item-modul ol li, .four-column p,.four-column-colors p,.opsiyonel-icerik li,.opsiyonel-icerik p,.text-center-content li,.text-center-content p,.three-column p,.title p,.two-column p{font-size:18px;line-height:25px}
    .four-column h3,.three-column h3,.two-column h3{font-size:23px}
    .four-column-colors h2,.opsiyonel-icerik h2,.opsiyonel-icerik h3,.title h2,.title-button h2,.two-column-colors h2{font-size:30px}
    .colors-text-center p{font-size:30px}
    a.blue-btn,a.yellow-btn{font-size:18px;border-radius:15px}
    .main,.main-slider-content{height:550px}
    .referanslar{padding:80px 0}
    .number-card-content p{font-size:13px}
    .number-cards{margin-top:50px}
    .main-menu ul li ul li a{font-size:13px}
    .etiketler strong{font-size:18px;border-radius:15px}
    .colors-list h3{font-size:24px;margin-bottom:0}
    .colors-list{margin-top:20px}
    .contact-info ul li{font-size:18px}
    .map{height:685px}
    .blog-col{width:calc(33.3% - 30px);margin:15px}
    .blog-col-title{padding:10px 15px}
    .blog-col-content{padding:10px 15px}
    .blog-list{margin-top:-15px}
    .blog-sidebar-holder{margin-bottom:15px}
    p.big-p{font-size:22px}
    .file-item-header{height:75px}
    .file-row{padding-bottom:0}
    .ikili .color-box h3{line-height:34px}
    .rakam{position:relative;margin-top:-10px}
    .rakam img{width:100px}
    .rakam strong{font-size:40px;line-height:50px}
    .rakam span{font-size:24px}
    .double-color-box .color-box p{font-size:16px}
    .double-color-box .color-box h3{font-size:26px;line-height:36px}
    .colors-box-row{margin-top:0}
    .ikili-buyuk-img{width:95%;margin-left:2.5%}
    .lsp-img{width:350px}
    }
    @media only screen and (max-width:1200px){
    .container{width:90%}
    .main-menu ul{width:550px}
    .main-menu ul li ul li a{font-size:12px;padding:8px 0}
    .main-menu ul li ul li ul li a{padding:5px 0}
    .footer-col img{max-width:150px}
    .main-menu ul li ul{box-sizing:border-box;padding:20px 20px}
    .main-slider-content .container{width:85%}
    .main-slider-content p{font-size:22px}
    .main-banner-content{width:80%}
    .main-banner-content p{font-size:22px;line-height:32px}
    .main-banner-content h1{font-size:36px}
    .main-banner{height:650px}
    .text-center-content{padding:70px 0}
    .four-column h3,.three-column h3,.two-column h3{font-size:20px;margin-bottom:10px}
    .blog-detail-content li,.blog-detail-content p,.file-item-content-aciklama p,.file-item-modul ul li, .file-item-modul ol li,.four-column p,.four-column-colors p,.opsiyonel-icerik li,.opsiyonel-icerik p,.text-center-content li,.text-center-content p,.three-column p,.title p,.two-column p{font-size:16px;line-height:24px}
    .colors-text-center h2,.text-center-content h2{font-size:26px;line-height:34px}
    .two-column{width:calc(50% - 100px);margin:30px 50px}
    img.alignleft{margin-right:30px}
    .four-column-colors h2,.opsiyonel-icerik h2,.opsiyonel-icerik h3,.title-button h2,.two-column-colors h2{font-size:26px;line-height:34px}
    .three-column{width:calc(33.3% - 50px);margin:25px}
    .three-column img{max-height:80px}
    .three-column-colors{padding:50px 0}
    .title-button{padding:70px 0}
    .colors-text-center p{font-size:26px}
    #mainVideo{width:112%;left:-6%}
    .number-card-content p{font-size:13px}
    .etiketler strong{font-size:16px;border-radius:15px;margin:15px}
    .colors-list h3{font-size:24px;margin-bottom:0}
    .colors-line-boxes{margin-top:20px}
    .map{width:50%;margin-right:0}
    .blog-sidebar{width:200px}
    .blog-list{width:calc(100% - 185px);margin-right:10px;margin-top:-10px}
    .blog-col{width:calc(33.3% - 20px);margin:10px}
    .blog-sidebar-holder{margin-bottom:10px}
    .blog-detail{width:calc(100% - 200px);padding-right:30px}
    .blog-detail-tags{width:60%;margin-right:40%}
    .blog-slider .blog-col-tags a{font-size:10px}
    .blog-slider .blog-col-title h2{font-size:14px;line-height:18px}
    .blog-slider .blog-col-content p{font-size:12px;line-height:18px}
    p.big-p{font-size:20px}
    .file-item-modul ul li, .file-item-modul ol li{line-height:36px}
		#menu-item-11 > ul.sub-menu {
    width: 570px;
}
    }
    @media only screen and (max-width:850px){
    .main-menu ul li ul li a{font-size:11px}
    .main-menu ul{width:500px}
    .referanslar ul li{width:calc(25% - 30px)}
    .footer .container{display:block}
    .footer-col{float:left;margin-right:50px;width:calc(33.3% - 50px)}
    .footer-col:nth-child(4){position:relative;margin-top:-30px}
    .main-banner-content{width:90%}
    .main-banner{height:550px;padding-top:80px;box-sizing:border-box}
    .colors-text-center h2,.text-center-content .container{width:90%}
    .two-column{width:calc(50% - 50px);margin:25px}
    img.alignleft{width:100%;margin-right:0}
    .three-column{width:calc(33.3% - 30px);margin:15px}
    .colors-text-center p{font-size:24px}
    .colors-text-center{padding:70px 0}
    #mainVideo{width:180%;left:-40%}
    .number-card-content p{font-size:13px}
    .black-list{width:90%;margin-left:5%}
    .black-list ul li p{text-align:left;font-size:18px}
    .number-cards{width:calc(100% + 30px);margin-left:-15px}
    .number-card{width:calc(50% - 33px);margin:15px}
    .number-card-title h3{font-size:16px;margin-left:15px}
    .number-card-content{min-height:100px}
    .pink-text .container{width:90%}
    .colors-box-row{width:calc(100% + 30px);margin-left:-15px}
    .color-box{width:calc(33.3% - 30px);margin:15px;padding:20px 30px;border-radius:30px}
    .icon-title{width:calc(25% - 74px)}
    .four-column{width:calc(25% - 30px);margin:15px}
    .etiketler strong{margin:7px}
    .color-line-box{padding:20px 30px;min-height:160px;width:calc(50% - 30px);margin:15px}
    .colors-line-boxes{width:calc(100% + 30px);margin-left:-15px}
    .iletisim-row .container{display:flex;flex-wrap:wrap}
    .map{float:right;order:1;width:100%;height:350px}
    .iletisim-content{width:100%;margin-left:0;margin-bottom:50px}
    .ana-title{margin-top:130px;margin-bottom:50px}
    .blog-col{width:calc(50% - 20px)}
    .blog-content{margin-bottom:50px}
    .blog-detail-tags{margin-right:0;width:100%}
    .blog-slider .owl-dots{bottom:0;margin-top:30px;width:100%;position:relative}
    .blog-slider .owl-dots .owl-dot{background:#242021;border:1px solid #242021;opacity:.5}
    .blog-slider .owl-dots .owl-dot.active{opacity:1}
    .file-item-header{height:50px}
    .file-item-icn img{max-height:35px}
    .file-item-title h3{font-size:18px}
    .file-item-day{font-size:18px}
    .file-item-content-aciklama{padding:30px 60px 0}
    .file-item-modul{padding:30px 60px}
    .title{width:90%;margin-left:5%}
    .ikili .color-box{padding:0 30px 20px;min-height:360px}
    .rakam{max-width:calc(33.3% - 40px)}
		.designer {
    margin-bottom: 20px;
}
    }
    @media only screen and (max-width:500px){
    .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:absolute;right:4%;width:35px;font-size:12px;padding-top:25px;margin-top:0;z-index:12}
    .menu-btn span{width:100%;height:2px;background-color:#fff;position:absolute;top:0;transition:all ease-in-out .3s}
    .menu-btn span:nth-child(2){top:8px}
    .menu-btn span:nth-child(3){top:16px}
    .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:#221f20}
    .main-menu{position:fixed;width:250px;height:100vh;right:-350px;top:0;z-index:9;background:#eff1f4;box-sizing:border-box;padding:90px 30px 30px;transition:all ease-in-out .3s;overflow-y:scroll}
    .main-menu.active{right:0}
    .main-menu ul{display:block;width:auto;z-index:13;position:relative}
    .main-menu ul li:before{display:none}
    .main-menu ul li{width:100%;float:left}
    .main-menu ul li a{color:#221f20;width:auto;float:left;padding:12px 0}
    .main-menu ul li ul{position:relative;width:100%;float:left;padding:0;background:0 0;border-radius:0;    column-count: 1;}
    .main-menu ul li ul li{width:100%}
    .main-menu ul li ul li a{font-size:12px;padding:5px 0}
    .main-menu ul li img{width:15px;position:relative;float:right;top:16px}
    .main-slider-content h2{font-size:22px}
    .main-slider-content p{font-size:16px}
    .main-slider-content .container{width:95%}
    .slider-buttons{margin-top:30px}
    .slider-buttons a{margin:0 10px;font-size:13px}
    .referanslar{padding:50px 0}
    .referanslar ul{margin-top:30px;width:calc(100% + 20px);margin-left:-10px}
    .referanslar ul li{width:calc(33.3% - 20px);margin:10px;height:90px;padding: 15px 20px;}
    .footer{padding:30px 0}
    .footer-col{width:100%;margin-right:0}
    .footer-col ul{margin-bottom:15px}
    .footer-col:nth-child(4){margin-top:0}
    .copyright .container{display:block}
    .copyright-text{width:100%;text-align:center;margin-bottom:15px}
    .footer-social{width:100%;float:left;display:flex;align-items:center;justify-content:center;padding-bottom:15px}
    .footer-social a:first-child{border-left:0}
    .footer-social img{max-height:15px!important;max-width:15px!important}
    .black .menu-btn span{background-color:#221f20}
    .form-holder{top:env(safe-area-inset-top);margin-top:0;box-shadow:none;border-radius:0;width:100%;height:100vh;box-sizing:border-box;padding:50px;right:auto;bottom:env(safe-area-inset-bottom); z-index:999; right:-100vw;}
    .form-text{height:50px}
    .form-textarea{height:130px;padding-top:10px}
    .form-submit{height:55px}
    .form-holder.pasif{right:0px}
    .form-btn{right:0;top:auto;bottom:0;width:100px}
    .form-btn.active{bottom:-150px}
    .main-banner-content h1{font-size:30px}
    .main-banner-content p{font-size:18px;line-height:28px}
    .main-banner{height:auto;padding-top:120px;padding-bottom:50px}
    .main-banner-content{width:100%;margin-top:0}
    .colors-text-center h2,.text-center-content h2{font-size:24px}
    .two-column{width:calc(100% - 30px);margin:20px 15px;min-height:auto}
    .opsiyonel-icerik{padding:50px 0}
    .two-column-colors{padding:50px 0}
    img.aligncenter,img.alignleft{margin-bottom:15px}
    .three-column{width:calc(100% - 20px);margin:20px 10px;min-height:auto}
    .four-column-colors h2,.opsiyonel-icerik h2,.opsiyonel-icerik h3,.title-button h2,.two-column-colors h2{font-size:26px;line-height:normal}
    .title-button{padding:50px 0}
    .text-center-content h3{font-size:20px;line-height:normal;margin-top:0}
    a.blue-btn,a.yellow-btn{font-size:16px;padding:15px 50px}
    .colors-text-center,.text-center-content{padding:50px 0}
    .mt-80{margin-top:50px!important}
    #mainVideo{width:270%;left:-65%}
    .main,.main-slider-content{height:435px}
    .owl-dots{bottom:30px}
    .fixed .menu-btn span{background-color:#000}
    .black-list{margin-top:40px}
    .black-list ul li p{font-size:15px;padding-right:15px}
    .number-card{width:calc(100% - 33px)}
    .number-card-title h3{font-size:16px;margin-bottom:0;display:flex;align-items:center}
    .number-card-content{min-height:auto}
    .pink-text{padding:50px 0}
    .pink-text p{font-size:24px}
    .colors-box-row{width:calc(100% + 20px);margin-left:-10px}
    .color-box{width:calc(50% - 20px);margin:10px;padding:15px;height:160px}
    .color-box p{font-size:14px}
    .icon-title{width:calc(33.3% - 30px);margin:15px}
    .icon-title span{font-size:16px}
    .icon-title-list{padding-bottom:0}
    .four-column{width:calc(50% - 30px)}
    .four-column-colors{padding:50px 0}
    .etiketler strong{margin:7px;height:50px}
    .etiketler{justify-content:center}
    .four-column h3,.three-column h3,.two-column h3{margin-top:10px}
    .colors-list h3{margin-bottom:10px;font-size:22px}
    .color-line-box{width:calc(100% - 30px);min-height:inherit;margin:10px 15px}
    .text-center-content ul{width:calc(100% - 20px);margin-left:20px}
    .text-center-content h4{font-size:18px;line-height:normal}
    .ana-title{margin-top:100px;margin-bottom:30px}
    .ana-title h1{font-size:34px}
    .contact-info br{display:none}
    .blog-list{width:100%;margin-right:0;margin-top:0;margin-left:0}
    .blog-col{width:calc(100% - 20px);margin:15px 10px}
    .blog-col-image{height:160px}
    .blog-col-title h2{font-size:16px}
    .blog-col-tags a{font-size:12px}
    .blog-col-content p{font-size:14px;line-height:20px}
    .blog-detail{padding-right:0;width:100%}
    .blog-detail img{margin-bottom:20px}
    .blog-detail h1{font-size:28px}
    .blog-sidebar{width:calc(100% - 20px);margin:10px}
    .blog-slider{margin-bottom:50px}
    .file-row{padding:50px 0 0}
    p.big-p{font-size:18px;margin-bottom:20px}
    .title{margin-bottom:30px}
    .file-item-header{background-size:auto 100%;background-position:225%}
    .file-item-title h3{font-size:16px}
    .file-item-day{font-size:14px;padding-right:20px}
    .file-item-content-down{padding-top:15px}
    .file-item-content-down span{border-width:10px 8px 15px 8px}
    .file-item-content-aciklama{padding:20px 20px 0}
    .file-item-modul{padding:20px}
    .file-item-modul ul li, .file-item-modul ol li{line-height:32px}
    .ikili .color-box{width:calc(100% - 20px);min-height:auto;padding:0 15px 20px}
    .main.about-main{height:400px}
    .main-content-text h1{font-size:30px;margin-bottom:20px;margin-top:30px}
    .main-content-text p{font-size:18px;line-height:26px}
    .lsp-img{width:250px;position:relative;margin-top:-30px;margin-bottom:-20px}
    .rakam{max-width:calc(50% - 30px);margin:-20px 15px 0}
    .rakam strong{font-size:30px;line-height:40px}
    .rakam span{font-size:20px}
    .ikili-buyuk-img img{width:calc(50% - 20px);margin:10px;border-radius:15px}
    .ikili_big_gorsel{padding:30px 0}
    .double-color-box .color-box{width:calc(100% - 20px);box-sizing:border-box;min-height:auto}
    .colors-box-row{margin-bottom:0}
    .ikili_small_gorsel .ikili-buyuk-img img{width:calc(50% - 20px);margin:10px}
    .main-menu ul li ul li img {
        top: 6px;
    }
    
    .main-menu ul li ul li > a {
        width: calc(100% - 20px);
    }
		li#menu-item-20 {
    margin-bottom: 0px;
}
		#menu-item-11 > ul.sub-menu {
    width: 100%;    column-count: 1;
}
		.lang-menu {
    margin-right: 45px;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    font-size: 14px !important;
    top: 0px !important;
}

.gt_float_switcher img {
    width: 20px !important;
    margin-right: 0px !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 5px 7px !important;
}

.gt_float_switcher .gt_options a {
    padding: 5px 7px !important;
    font-size: 14px !important;
}
    }