@media only screen and (max-width:1700px){
.video-widget-content .sub-title{margin-top:60px}
.video-widget-color{width:74%;height:550px;margin-left:-29%}
.video-bg{height:550px}
.video-widget-content{margin-right:calc((100vw - 1350px)/ 2)}
.video-widget-color:before{height:105%}
}
@media only screen and (max-width:1500px){
.container{width:1170px}
.main-menu ul li a{font-size:13px}
.main-menu ul li{margin:0 10px}
.main-menu .dropdown-menu a{padding:5px 20px!important;font-size:12px}
.top-phone{font-size:12px}
.kurlar button{font-size:10px}
.logo{width:250px}
.slide-col-bg i{font-size:40px}
.slide-col-bg p{font-size:12px}
.main-slider .owl-next,.main-slider .owl-prev{width:70px;height:70px}
.main-slider .owl-next:before,.main-slider .owl-prev:before{font-size:28px}
.main .col-lg-9{padding-right:10px;padding-left:10px}
.main .col-lg-3 .col-lg-12{padding:0 10px!important}
.slide-col-bg{height:calc(50vh - 74px);margin-bottom:15px}
.hizmet-box .col-sm-3{padding:0 10px!important}
.hizmet-col{height:200px}
.hizmet-col h2{font-size:20px}
.links-row strong{font-size:15px}
.links-col a{padding:10px 15px;font-size:10px;margin-left:3px}
.index-hakkimizda{margin:20px 0 100px}
.title strong{font-size:18px}
.title h3{font-size:32px}
.about-sub-content p,.hakkimizda-icerik p,.kurucu-content p,.misyon-content p,.misyon-content ul li,.vizyon-content p,.vizyon-content ul li{font-size:14px;margin-bottom:15px}
.yorum-icerik p{line-height:24px;font-size:14px}
.about-2{bottom:0}
.box-url-row .col-lg-3{padding:0 10px}
.box-url img{width:65px}
.box-url-content{width:calc(100% - 100px);font-size:12px;margin-left:15px}
.box-url-content p{font-size:11px}
.sayfa-box-image{height:145px}
.sayfa-box-content h3{font-size:14px}
.sayfa-box-content p{font-size:12px}
.youtube-content strong{font-size:26px}
.youtube-img img{width:130px}
.sub-title h2{font-size:46px}
.sub-title span{font-size:22px}
.video-widget-content p{line-height:24px;margin-bottom:15px;font-size:14px}
.about-buttons a{font-size:12px}
.video-widget-content{margin-right:calc((100vw - 1150px)/ 2);width:500px}
.video-bg,.video-widget-color{height:500px}
.video-widget-color:before{transform:skewX(-33deg);right:-22%}
.video-widget-content .sub-title{margin-bottom:20px}
.duyurular-widget{margin-bottom:70px}
.center-title{margin-bottom:30px;margin-top:30px}
.line-btn,.yellow-btn{padding:13px 30px;font-size:12px}
.ebulten-content strong{font-size:24px}
.ebulten-content p{font-size:14px}
.ebulten-form input{width:calc(100% - 180px);height:50px;font-size:12px}
.ebulten-form button{width:160px;height:50px}
.footer-title{font-size:14px;margin-bottom:30px}
.footer-contact ul li{font-size:12px;margin-bottom:12px;line-height:20px}
.footer-contact ul{margin-bottom:20px;width:95%}
.app-btns a{width:calc(50% - 10px);margin-right:10px}
.app-btns a i{font-size:20px;width:20px}
.app-btns a span{font-size:8px;width:calc(100% - 30px)}
.app-btns a strong{width:calc(100% - 30px);font-size:9px}
.footer-menu ul li a{font-size:12px}
.footer-menu ul li{margin-bottom:2px}
.video-widget{margin-bottom:70px}
.center-title h3{font-size:30px}
.center-title p{font-size:16px}
.instagram-row a{width:calc(20% - 20px);margin:10px}
.parallax-row h3{font-size:38px;margin-bottom:20px}
.parallax-row p{margin:0 20% 30px;font-size:16px}
.parallax-row a{font-size:12px;left:-80px}
.yellow-btn i{top:2px;position:relative}
.kayit-icn{width:80px;height:80px;margin-right:20px}
.kayit-content{width:calc(100% - 100px)}
.sms-widget{padding-right:20px}
.kayit-content p{font-size:13px}
.mail-widget{padding-left:20px;padding-right:0}
.checkbox label{width:calc(100% - 25px);font-size:12px}
.kayit-content button,.kayit-content input{height:45px}
.checkbox input{height:15px;width:15px}
.sidebar-tab-menu a{padding:13px;font-size:14px}
.sidebar-tab-content .list-group-item{font-size:13px}
.sidebar-buttons a{padding:13px}
.sidebar-buttons a i{font-size:15px;margin-right:10px}
.sidebar-contact-head{padding:15px}
blockquote{font-size:18px;line-height:30px}
table.dataTable tbody tr td{padding:12px 8px;font-size:12px;text-align:center;vertical-align:middle}
table.dataTable thead td,table.dataTable thead th{padding:13px 8px!important;font-size:13px;text-align:center;vertical-align:middle}
.icerik h2{font-size:24px}
.icerik h3{font-size:22px}
.misyon-content{padding-left:calc((100vw - 1120px)/ 2)}
.vizyon-content{padding-right:calc((100vw - 1120px)/ 2)}
.galeri-list .filterDiv{height:220px}
.video-col-bg{height:200px}
.video-title{font-size:15px}
.contact-form h2,.iletisim-bilgileri h2{font-size:24px}
.sube-col a,.sube-col p{font-size:14px}
.teknik-bilgiler-img{height:220px}
.teknik-bilgiler-content h2{font-size:16px}
.urun-kategori-card{height:350px}
.urun-kategori-card h2{font-size:20px}
.urun-kategori-card a:hover h2{bottom:250px}
.urun-kategori-card a:hover p{bottom:140px;font-size:13px}
.urun-kategori-card span{font-size:14px}
.urun-content h4{font-size:18px;margin-bottom:10px}
.urun-content p{font-size:14px}
.urun-img{height:220px}
.urun-footer{padding:15px 30px}
.urun-bg,.urun-detay-info{height:450px}
.urun-detay-info{padding:30px}
.urun-detay-info h2{font-size:22px}
.urun-detay-info h3{font-size:16px;margin-bottom:25px;padding-bottom:25px}
.urun-detay-info ul li{line-height:25px;padding-left:27px;font-size:14px}
.urun-detay-info a{width:calc(100% - 60px)}
}
@media only screen and (max-width:1100px){
.container{max-width:96%!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;float:right;width:50px;font-size:12px;z-index:12;border:1px solid #104856;padding:10px 5px;border-radius:5px}
.menu-btn span{width:100%;height:2px;background-color:#125d6b;position:relative;background:#106371;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);top:0;transition:all ease-in-out .3s;float:left}
.menu-btn span:nth-child(2){margin-top:7px}
.menu-btn span:nth-child(3){margin-top:7px}
.menu-btn.active span:nth-child(2){opacity:0}
.menu-btn.active span:nth-child(1){transform:rotate(45deg);top:10px}
.menu-btn.active span:nth-child(3){transform:rotate(-45deg);top:-7px}
.menu-btn.active strong{opacity:0}
.menu-btn.active span{background:#fff}
.main-menu{position:fixed;background-color:var(--lacivert);height:100vh;z-index:10;width:300px;right:-350px;padding:0;display:inline-block!important;padding-top:120px;box-sizing:border-box;transition:all ease-in-out .3s;background:#106371;background:-moz-linear-gradient(90deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(90deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(90deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);top:0;overflow-x:scroll;padding-bottom:50px}
.main-menu.active{right:0}
.main-menu ul li{width:100%;float:left;margin-left:0;box-sizing:border-box;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}
.main-menu ul li a{font-size:16px;color:rgba(255,255,255,.75)}
.main-menu ul li.dropdown:before{border-color:rgba(255,255,255,.5) transparent transparent transparent;border-width:7px;right:25px}
.main-menu ul li .dropdown-menu{position:relative!important;transform:none!important;width:100%;left:-25px;min-width:100%;background-color:rgba(0,0,0,.1);border:none;float:left}
.main-menu ul li .dropdown-menu:after,.main-menu ul li .dropdown-menu:before{display:none}
.main-menu ul li .dropdown-menu a{height:auto;padding:10px 25px!important;width:100%;border-bottom:1px solid rgba(255,255,255,.1);float:left}
.main-menu ul li a.active,.main-menu ul li a:hover{color:rgba(255,255,255,.75)}
.menu-btn.active{border:none}
.dropdown-item:hover,.main-menu .dropdown-.main-menu item:focus{background-color:transparent}
.main-menu ul li .dropdown-menu a:last-child{border-bottom:none}
.header-main .container{display:block}
.search{float:right;margin-right:20px}
.search.active{width:450px}
.header-main.open .container{display:flex}
.search-list{width:300px;margin-left:40%}
.main,.slider-bg{height:550px;margin-bottom:20px}
.slide-col-bg{height:243px}
.main-slider .owl-next,.main-slider .owl-prev{height:50px;width:50px}
.main-slider .owl-next:before,.main-slider .owl-prev:before{font-size:18px;left:17px}
.slide-col-bg i{font-size:32px}
.slide-col-bg h2{font-size:18px}
.slide-col-bg .ortala{padding:0 30px}
.slide-col-bg p{font-size:10px}
.slide-col-bg a{font-size:10px}
.links-col a{padding:10px 15px;font-size:11px;margin:5px 3px}
.title strong{font-size:14px}
.title h3{font-size:26px}
.hakkimizda-icerik p{font-size:13px;margin-bottom:15px}
.about-1{width:83%}
.box-url img{width:50px}
.box-url-content{width:calc(100% - 70px)}
.sub-title h2{font-size:34px}
.sub-title span{font-size:18px}
.video-widget-content{margin-right:7%;width:50%}
.video-widget-color:before{transform:skewX(-25deg);right:-22%}
.video-btn{margin:32% 23%}
.app-btns a{width:150px;margin-right:10px;margin-bottom:10px;padding:10px 20px}
.app-btns a i{font-size:22px;width:30px}
.app-btns a span{font-size:9px;width:calc(100% - 40px)}
.app-btns a strong{width:calc(100% - 40px);font-size:11px}
.ebulten-content strong{font-size:22px}
.ebulten-content p{font-size:12px}
.sidebar-tab-menu ul li{width:50%;text-align:center}
.dataTables_wrapper{width:100%;overflow-x:scroll;padding-bottom:10px}
blockquote p{font-size:16px!important}
.vizyon-content{padding:50px;padding-right:calc((100vw - 88%)/ 2)}
.misyon-content{padding:50px;padding-left:calc((100vw - 88%)/ 2)}
.yorum-icerik{padding:80px 30px 25px}
.yorum-icerik p{min-height:270px}
.owl-dots{margin-top:20px}
.galeri-list .filterDiv{height:200px}
.video-col-bg{height:170px}
.odeme-cart{padding:20px}
.odeme-title{font-size:16px}
.cards-icn img{width:30px}
}
@media only screen and (max-width:768px){
.main{height:auto;margin-bottom:5px}
.hizmet-col h2{font-size:16px}
.hizmet-col{height:150px}
.links-row .container{display:block}
.links-row strong{font-size:18px;margin-bottom:15px;float:left;width:100%}
.links-col{width:100%;float:left}
.links-col a{padding:10px 15px;font-size:11px;margin:5px 5px 5px 0}
.hakkimizda-icerik{margin-bottom:50px;padding-right:0}
.about-2{bottom:-80px}
.index-hakkimizda{margin:0 0 150px}
.box-url{margin-bottom:20px}
.youtube-content strong{font-size:20px}
.youtube-btn a{padding:15px 20px;border-radius:10px;margin-right:10px;font-size:12px}
.parallax-row p{margin:0 10% 30px;font-size:16px;width:80%}
.parallax-row{padding:100px 0;margin-bottom:50px}
.fiyat-widget-content{padding-top:0;padding-right:0;text-align:center;margin-bottom:50px}
.fiyat-widget-img img{width:68%;margin-left:0;margin-top:20px}
.video-bg{width:100%;display:flex;align-items:center;justify-content:center}
.video-widget-color{width:100%;float:left;margin-left:0;height:auto;padding-bottom:50px;background:#f1f4f4}
.video-widget-color:before{display:none}
.video-widget-content{margin-right:3%;width:94%}
.instagram-row a{width:calc(20% - 10px);margin:5px}
.ebulten-content{margin-bottom:30px}
.footer-menu{padding-left:0;margin-top:50px}
.instagram-widget{margin-bottom:50px}
.mt-30{margin-top:15px}
.search.active{width:350px;margin-right:0}
.search-list{margin-left:44%}
.video-btn{margin:0}
.film-content{text-align:center;padding-left:0;padding-bottom:45px}
.film-content p{width:100%}
.br-white{border-right:0;border-bottom:1px solid rgb(255 255 255 / 50%);margin-bottom:30px;padding-bottom:30px}
.kayit-icn{width:100px;height:100px;margin-right:20px}
.kayit-content{width:calc(100% - 120px)}
.sms-widget{padding-right:0}
.kayit-content button{width:110px}
.mail-widget{padding-left:0}
.kayit-content p{font-size:16px}
.checkbox label{font-size:14px}
.agirlik-hesaplama .nav-tabs .nav-link{padding:10px 20px}
.sidebar{position:fixed;z-index:99;background:#fff;top:0;left:0;padding:80px 50px;height:100vh;display:none;overflow-y:scroll}
.sidebar-button{border:1px solid #eee;padding:10px 20px;display:inline-block;margin-bottom:15px;border-radius:7px;color:#424242}
.sidebar-button i{margin-right:7px}
.about-page-image .about-1{margin-bottom:150px}
.misyon-bg{height:400px}
.misyon-content{padding:50px;padding-left:50px}
.vizyon-content{padding:50px;padding-right:50px}
.galeri-list .filterDiv{width:calc(50% - 30px);height:220px}
.video-list .filterDiv{width:calc(50% - 30px)}
.video-col-bg{height:190px}
.odeme-cart:before{width:20px;height:20px;right:10px;top:10px}
.odeme-cart{padding:10px}
.odeme-cart:after{right:10px;top:5px;font-size:20px}
.odeme-icn{font-size:22px}
.cards-icn{right:10px;bottom:10px}
.cards-icn img{width:25px}
.teklif-al-formu .form-control,.teklif-al-formu .form-textarea{font-size:14px}
.sube-col{margin-bottom:30px}
.urun-detay-info{width:100%}
.contact-detail-row{flex-direction: column-reverse;}
}
@media only screen and (max-width:479px){
.kurlar,.top-phone strong{display:none}
.logo{width:200px;margin:4px 0}
.menu-btn{width:45px;padding:7px 5px}
.search{width:100%;margin-right:0;margin-top:15px}
.header-main.open .container{display:block}
.search-close{position:absolute;right:25px}
.search.active{width:100%;margin-right:0}
.search-row{top:158px}
.search-shadow{height:calc(100vh - 160px)}
.search-list{margin-left:30px;width:calc(100% - 60px)}
.main-menu{width:291px}
.main-menu ul li a{font-size:14px}
.main-menu ul li .dropdown-menu{margin-left:-25px;width:calc(100% + 50px);padding:0}
.main-menu ul li .dropdown-menu a{height:auto;padding:10px 25px!important;width:100%;box-sizing:border-box}
.slider-bg{height:400px;margin-bottom:10px}
.main .col-lg-3 .col-lg-12{padding:0 5px!important}
.hizmet-box .col-sm-3{padding:0 5px!important}
.hizmet-col{height:120px;margin-bottom:10px}
.slide-col-bg{height:245px;margin-bottom:5px}
.links-col a{padding:10px 12px;font-size:12px;margin:5px 5px 5px 0}
.links-row{padding:15px}
.box-url img{width:65px}
.box-url-content{width:calc(100% - 80px);font-size:14px}
.box-url-content p{font-size:12px}
.box-url-row{padding:0}
.title-full h2{font-size:22px}
.sayfalar-slider .owl-nav{position:relative;top:auto;right:0;width:100%;display:flex;align-items:center;justify-content:center;bottom:-15px}
.sayfalar-slider .owl-next,.sayfalar-slider .owl-prev{margin-left:5px;margin-right:5px}
.youtube-content strong{font-size:18px;text-align:center;margin-bottom:30px;margin-top:15px;width:100%}
.youtube-btn a{display:inline-block;margin-right:0;padding:12px 20px}
.youtube-btn{text-align:center}
.parallax-row h3{font-size:24px}
.parallax-row p{margin:0 5% 30px;font-size:14px;width:90%;line-height:24px}
.fiyat-widget-img img{width:100%;margin-top:0}
.fiyatlar-widget{margin-bottom:50px}
.video-bg{width:100%;height:300px}
.video-widget-content{margin-right:5%;width:90%}
.sayfa-box-image{height:180px}
.center-title{margin-bottom:20px;margin-top:0}
.center-title p{font-size:14px}
.instagram-row a{width:calc(50% - 20px);margin:10px;float:left}
.instagram-row{padding:10px;display:inline-block}
.instagram-row a:last-child{display:none}
.ebulten-content strong{font-size:20px}
.ebulten-content p{font-size:11px}
.ebulten-form button span{display:none}
.ebulten-form button{width:50px;padding:0}
.ebulten-form input{width:calc(100% - 60px);padding:0 25px}
.footer-contact ul li,.footer-menu ul li a{font-size:13px}
.tanitim-filmi-bg{width:300px;height:300px}
.tanitim-filmi-bg .video-btn{width:80px;height:80px;font-size:28px}
.film-content .sub-title h2{font-size:26px}
.film-content .sub-title{margin-bottom:20px}
.film-content p{width:100%;font-size:16px;line-height:28px}
.film-content .about-buttons a{margin:0}
.tanitim-filmi{margin-top:10px;margin-bottom:50px}
.kayit-icn{width:75px;height:75px;margin-bottom:15px}
.kayit-content{width:100%}
.kayit-content form{width:100%;float:left}
.kayit-content input{width:calc(100% - 90px)}
.kayit-content button{width:80px;font-size:12px}
.checkbox input{width:15px;position:relative;top:3px}
.checkbox label{font-size:12px}
#footer-bar{display:flex}
blockquote{padding:20px 20px 20px 70px;font-size:16px;line-height:26px;margin-bottom:15px}
blockquote:before{font-size:36px;left:15px}
.agirlik-hesaplama h2{font-size:26px}
.agirlik-hesaplama .tab-content{padding:20px}
.hesaplama-input{display:block}
.hesaplama-input label{width:100%;text-align:left;margin-bottom:10px}
.hesaplama-input input{width:calc(100% - 80px)}
.hesaplama-input select{width:75px}
.agirlik-hesaplama .tab-content img{margin-bottom:15px}
.icerik{padding:20px}
.icindekiler{padding:15px 20px}
.icerik table{min-width:800px}
.hesap-icn{width:40px;height:40px;padding:11px}
.hesap-icn{width:40px;height:40px;padding:11px}
#hesaplamaButton li{width:25%;float:left;text-align:center;display:flex;font-size:13px}
#hesaplamaButton{display:inline-block!important;width:100%;border-bottom:none;margin-bottom:20px}
#hesaplamaButton li a{padding:15px 0;width:100%}
#hesaplamaButton li a.active{border:1px solid #eee;border-radius:7px}
.agirlik-hesaplama .tab-content{border:1px solid #eee;border-radius:7px}
.banner{padding:30px 0;margin-bottom:30px}
.banner h1{font-size:22px;margin-bottom:10px}
.breadcrumb a,.breadcrumb span{font-size:12px}
.vizyon-content{padding:35px;padding-right:35px}
.misyon-bg{height:300px}
.misyon-content{padding:35px;padding-left:35px}
.misyon-content h3,.vizyon-content h3{font-size:24px;margin-bottom:15px}
.kurucumuz-row{padding:50px 0}
.kurucu-content img{float:left;margin-right:0;width:100%;margin-bottom:30px}
.musteri-yorumlari{pad:50px 0}
.title-center strong{font-size:16px}
.title-center h2{font-size:24px}
.title-center{margin-bottom:30px}
.yorum-logo{width:100px;height:100px;margin-bottom:-40px}
.yorum-icerik{padding:60px 20px 15px}
.owl-dots{margin-top:0}
.yorum-icerik p{min-height:auto;margin-bottom:10px}
#myBtnContainer button{font-size:14px;padding:8px 25px;margin-right:3px;margin-left:3px}
.galeri-list .filterDiv{width:calc(50% - 20px);height:120px;margin:10px;border-radius:15px}
.video-list .filterDiv{width:calc(50% - 20px);margin:10px;margin-bottom:30px;border-radius:15px}
.video-col-bg{height:100px}
.video-col-bg span{width:35px;height:35px;font-size:12px}
.video-title{font-size:13px;padding:15px;line-height:18px}
.odeme-cart{height:80px}
.mb-20{margin-bottom:15px}
.contact-form{padding:30px 20px;margin-top:20px}
.iletisim-bilgileri{padding:0}
.contact-icn{width:50px;height:50px;font-size:22px;margin-right:20px}
.contact-text{width:calc(100% - 70px)}
.contact-text strong{font-size:16px}
.contact-text a,.contact-text p{font-size:14px}
.subeler-row{padding:70px 0}
.harita-popup{width:90%}
.sidebar{padding:80px 30px}
.title-border h3{font-size:24px}
.urun-bg{height:250px}
.urun-detay-info{margin-top:30px;height:auto}
.urunSlider .owl-dots{margin-top:-50px}
.urun-detay-info a{width:100%;position:relative;display:inline-block;bottom:0}
.urun-detay-tabs .nav-tabs li a{font-size:14px;padding:15px 20px}
.urun-detay-tabs{margin-top:50px}
.dbs-tooltip strong{font-size:12px}
.dbs-tooltip span{font-size:8px}
.dbs-tooltip{width:120px;padding:7px 0}
.bank-col-head{padding:10px 15px}
.bank-col-content{padding:10px 15px 0}
.bank-col-content ul li p{font-size:12px;margin-right:20px}
.bank-col-content ul li strong{width:auto;margin-right:5px}
.active .search-row{top:130px}
.sayfalar-slider .owl-dots{top:15px;position:relative}
.agirlik-hesaplama{padding:50px 0}
.collapse-btn{display:block;width:100%;float:left;border:1px solid #eee;box-sizing:border-box;padding:15px 20px;font-size:16px;font-family:Montserrat;font-weight:600;border-radius:10px;background:#f4f8fc;color:#0f4a58}
.collapse-btn span{margin-left:10px;float:left}
.collapse-btn>i{font-size:20px;position:relative;top:2px;float:left}
.collapse-btn .down-icn{float:right;position:relative;top:2px;transition:all ease-in-out .3s}
.collapse-content{display:none;margin-top:30px}
.mt-50{margin-top:30px}
.collapse-btn.active .down-icn{transform:rotate(180deg)}
}