@media only screen and (max-width:1500px){
.container{max-width:1200px;width:1200px}
.logo{width:150px}
.ikon-action a{font-size:18px;margin:0 0 0 15px}
.ikon-action a:last-child{font-size:16px}
.header-search input[type=text]{width:180px;height:45px;font-size:12px}
.menu ul li a{font-size:13px;padding:8px 13px}
body{padding-top:128px}
.slider-title strong{font-size:80px;line-height:100px}
.slider-sub-title span{font-size:26px}
.slider-title{margin-bottom:30px}
.slider-button a{font-size:12px;padding:15px 30px}
.main-slider .swiper-button-prev{left:50px}
.main-slider .swiper-button-next{right:50px}
.main-slider-bg{height:calc(100vh - 128px)}
.category-slide-bg{height:250px}
.category-slide-bg a h2{font-size:18px}
.urun-card-imgs{height:220px}
.urun-card-content h3{font-size:18px;margin-bottom:0}
.urun-card-content span{font-size:14px}
.instagram-row ul li a{height:245px}
.instagram-row a span,.instagram-row a strong{font-size:16px}
.dropdown-shadow,.search-shadow{height:calc(100vh - 128px)}
.dropdown-main-menu{top:64px}
.dropdown-menu-list-content ul li a{padding:0 30px!important}
.search-row{top:127px}
.search-list{width:463px}
.footer-logo img{width:150px}
.footer-about p{font-size:13px}
.footer-col{max-width:23%}
.footer-col:nth-child(2){max-width:13%}
.footer-col:nth-child(4){max-width:26%}
.footer-col:last-child ul li p,.footer-col:last-child ul li span{opacity:.7;float:left;font-size:13px}
.footer-col ul li{width:100%;float:left;margin-bottom:8px;font-size:13px;color:#fff;font-weight:300;display:flex}
.copyright p{font-size:12px}
.copyright{margin-top:40px;font-size:14px;padding:15px 0}
.katalog-banner-content{top:30%;width:215px}
}
@media only screen and (max-width:1400px){
.video-content h3{font-size:36px}
.video-content p{font-size:16px;line-height:28px}
.video-content a{font-size:16px}
.instagram-row ul li a{height:230px}
}
@media only screen and (max-width:1300px){
.main-slider-bg .row{margin-top:-80px}
.instagram-row ul li a{height:215px}
}
@media only screen and (max-width:1100px){
.container{max-width:96%!important}
.header-search input[type=text]{width:130px}
.menu ul li a{font-size:12px;padding:8px 10px}
.header-search{margin-right:15px}
.category-slide-bg{height:200px}
.category-slider{padding:20px}
.catalog-img{margin-top:-100px}
.catalog-content h2{font-size:40px}
.catalog-content p{font-size:20px}
.youtube-content h3{font-size:32px;line-height:46px}
.play-icon{margin:0 100px}
.video-content h3{font-size:30px;line-height:50px}
.video-bg video{width:112%}
.instagram-row ul li{padding:0 5px}
.instagram-row ul li a{height:190px}
.bulten-content{margin-right:5%}
.bulten-content h3{font-size:24px}
.bulten-content p{width:100%}
.bulten-form{width:45%}
.dropdown-main-menu{top:63px}
.urun-info-card h1{font-size:20px}
.cat-name{font-size:16px;line-height:18px}
.action-btn button{width:25px;margin-right:3px;height:25px;font-size:18px}
.urun-info-card p{margin-bottom:20px;font-size:14px}
.pasif-text ul li{font-size:12px}
.video iframe{height:350px}
.paylas-menu{padding:20px 20px 10px 20px}
.paylas-menu ul li a{height:50px;border-radius:30px;padding:0 30px}
.katalog-col{width:calc(50% - 20px)}
.katalog-col:nth-child(1){margin-right:20px}
.katalog-col:nth-child(2){margin-left:20px}
.katalog-banner-content h3{font-size:20px}
.katalog-banner-content{top:25%;width:180px}
.katalog-list .title{margin-bottom:60px}
.giris-yap-col{padding-left:10px;padding-right:20px}
.uye-ol-col{padding-right:10px;padding-left:20px}
.uyelik-title h1,.uyelik-title h2{font-size:22px}
.sepet-box-img{width:80px;height:80px}
.sepet-box-content{width:calc(100% - 200px);padding-left:5px}
}
@media only screen and (max-width:768px){
.menu-btn{display:block;position:relative;right:0;width:35px;font-size:12px;padding-top:25px;margin-top:0;z-index:12;margin-left:25px}
.menu-btn span{width:100%;height:2px;background-color:#1f2346;position:absolute;top:0;transition:all ease-in-out .3s}
.menu-btn span:nth-child(2){top:10px}
.menu-btn span:nth-child(3){top:20px}
.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}
.menu{display:none}
.header-action{width:400px;justify-content:flex-end}
.header-search input[type=text]{width:200px}
.header-search.active input[type=text]{width:400px}
.header-search.active button{left:-335px}
.search-list{width:156px}
.top-left{display:none}
.header-top .container{justify-content:flex-end}
.main-slider .swiper-button-prev{left:30px}
.main-slider .swiper-button-next{right:30px}
.main-slider .swiper-button-next:before{left:-10px}
.main-slider .swiper-button-prev:before{right:-10px}
.main-slider .swiper-button-next:before,.main-slider .swiper-button-prev:before{font-size:40px;margin-top:-30px}
.main-slider .swiper-button-next,.main-slider .swiper-button-prev{width:50px;height:50px}
.main-slider .swiper-button-prev:hover:before{right:-5px}
.main-slider .swiper-button-next:hover:before{left:-5px}
.catalog-content p{font-size:16px;width:90%}
.catalog-content h2{font-size:32px}
.catalog-content{padding:50px 0}
.catalog-img{margin-top:-50px;margin-bottom:50px}
.parallax-info{min-height:500px;margin-bottom:130px}
.play-icon{margin:0 50px 0 0}
.youtube-content h3{font-size:28px;line-height:40px}
.video-bg{height:500px}
.video-bg video{width:120%;left:-10%}
.video-content h3{font-size:22px;line-height:36px}
.video-content p{font-size:14px;line-height:22px;width:50%}
.center-title p{width:50%;left:25%}
.instagram-row ul li:nth-child(4){display:none}
.instagram-row ul li{width:25%}
.instagram-row ul li a{height:175px}
.bulten-form{width:55%;margin-left:0}
.footer .container{display:block}
.footer-col:nth-child(1){max-width:40%;float:left;box-sizing:border-box;padding-right:50px;margin-bottom:30px}
.footer-col:nth-child(2){max-width:25%;float:left}
.footer-col:nth-child(3){max-width:30%;float:left}
.footer-col:nth-child(4){max-width:100%}
.mobile-menu{position:fixed;display:block;background:#1c1f2a;top:0;right:-350px;width:300px;height:100vh;padding:130px 0 30px 30px;z-index:6;transition:all ease-in-out .5s}
.mobile-menu.active{right:0}
.mobile-menu ul{width:100%;height:100%;overflow-y:scroll}
.mobile-menu ul li ul{display:none}
.mobile-menu ul li{padding:10px 0;width:100%;float:left;position:relative;box-sizing:border-box;padding-right:30px;padding-left:10px}
.mobile-menu ul li a{color:#fff}
.mobile-menu ul li:hover>ul{display:block}
.mobile-menu ul li i{float:right;position:relative;top:3px;color:#fff}
.mobile-menu ul li:hover>i{transform:rotate(180deg)}
.mobile-menu ul li ul li{padding-right:0;padding-left:20px}
.dropdown-shadow{height:100vh}
.mobil-filtre-button{display:block;width:100%;float:left;margin-bottom:30px}

.gray-content{padding:50px 0}
.filtrele-buton{background-color:#fff;border:1px solid #eee;padding:0 30px;height:50px;border-radius:25px;color:#777;box-shadow:none!important;outline:0!important;float:left}
.filtrele-buton i{margin-right:7px}
.mobil-filtre-button .sirala button{height:50px;width:auto;padding:0 58px 0 30px;border:1px solid #eee;margin-left:15px;color:#777!important}
.mobil-filtre-button .sirala button:before{font-size:14px}
.half-title{width:100%}
.mobil-filtrele-popup{position:fixed;z-index:10;background:#fff;top:0;left:0;height:100vh;width:100%;box-sizing:border-box;padding:50px;overflow-y:scroll;overflow-x:hidden}
.filtrele-title{width:100%;float:left;border-bottom:1px solid #eee;padding:10px 0;margin-bottom:30px;font-size:20px}
.filtrele-col{width:100%;float:left;margin-bottom:30px}
.filtrele-col ul li a{color:#777}
.filtrele-col ul li{margin-bottom:5px}
.renk-list{width:320px;padding:0}
.renk-list button{background:#fff;text-align:center}
.renk-list li button strong{width:100%;float:left}
.renk-list li button span{width:40px;height:40px}
.check-list{width:100%}
.sirala{float:left}
.filtre-close{position:absolute;right:50px;font-size:30px}
.gallery-thumbs,.gallery-top{height:500px}
.urun-info-card{margin-top:30px;height:auto;padding-bottom:0}
.katalog-row{width:100%}
.katalog-banner-content h3{font-size:18px;line-height:26px;margin-bottom:15px}
.katalog-banner-content a{padding:7px 20px}
.katalog-banner-content{width:140px}
.contact-box:before{display:none}
.contact-box div a{width:100%}
.form-holder{width:90%;margin-left:5%}
.uyelik-content{background:0 0;box-shadow:none;padding:0;border:none}
.giris-yap-col,.uye-ol-col{background:#fff;box-sizing:border-box;padding:30px 50px 50px 50px;border:1px solid #eee;border-radius:20px;box-shadow:0 0 10px rgb(0 0 0 / 10%);margin-bottom:30px}
.whislist-none{width:70%}
.sepet-box{width:100%}
.project-sidebar{margin-bottom:50px}
.profil-form li{width:100%;margin-right:0}
.profil-form li:nth-child(even){margin-left:0;margin-right:0}
}
@media only screen and (max-width:479px){
.top-social{display:none}
.header-top .container{display:inline-block}
.top-right{width:100%;justify-content:space-between}
.language{margin-right:0;text-align:right}
.user-action a{margin:0 20px 0 0}
.language select{text-align:right}
.user-action a{margin:0 20px 0 0}
.language select{text-align:right}
.menu-btn{width:30px}
.menu-btn span:nth-child(2){top:8px}
.menu-btn span:nth-child(3){top:16px}
body{padding-top:98px}
.main-slider-bg{height:calc(100vh - 98px)}
.slider-sub-title span{font-size:16px}
.slider-title strong{font-size:30px;line-height:40px;letter-spacing:5px}
.slider-button a{font-size:10px;padding:10px 20px}
.main-slider .swiper-button-next{right:5px}
.main-slider .swiper-button-prev{left:5px}
.header-main{padding:10px 0}
.header-action{width:280px}
.header-top{height:30px}
.urun-slider .swiper-button-next,.urun-slider .swiper-button-prev{top:auto;margin-top:0;bottom:-45px}
.urun-slider .swiper-button-next{right:50%;margin-right:-50px}
.urun-slider .swiper-button-prev{right:50%;left:auto;margin-left:-50px}
.populer-slider{padding:50px 0 80px}
.title{text-align:center}
.urun-slider{width:100%;margin-left:0;margin-top:20px}
.parallax-info h2{font-size:30px}
.parallax-info p{font-size:18px}
.parallax-info a{font-size:12px;margin-top:20px}
.parallax-info{min-height:300px;margin-bottom:0}
.catalog-content{width:100%}
.catalog-content:before{width:100%}
.catalog-img{margin-top:0;margin-bottom:-50px;width:100%}
.youtube-widget .container-md{display:block;align-items:center}
.play-icon{margin:0;width:100px;height:100px;font-size:36px;left:50%;position:relative;float:left;margin-left:-50px}
.youtube-content{width:100%;float:left;margin-top:30px;text-align:center}
.youtube-content h3{font-size:20px;line-height:30px}
.youtube-content a{font-size:15px;align-items:center;text-align:center;justify-content:center}
.youtube-widget{margin-bottom:50px}
.video-content h3{font-size:20px;line-height:32px;width:100%}
.video-content p{font-size:14px;line-height:22px;width:100%}
.video-content a{font-size:14px}
.video-bg{height:400px;margin-bottom:50px}
.video-bg video{width:200%;left:-50%}
.center-title p{width:100%;left:0}
.instagram-row ul{display:block}
.instagram-row ul li{width:50%;margin-bottom:10px;min-height:163px}
.instagram-row ul li:nth-child(4){display:block}
.instagram-row ul li:nth-child(5){width:100%}
.instagram-widget{margin-bottom:50px}
.bulten-content{margin-right:0;width:100%;margin-bottom:30px}
.bulten-form{width:100%;margin-left:0}
.bulten-form ul li:nth-child(2){width:110px;float:left}
.bulten-form button{font-size:10px}
.bulten-form ul li:nth-child(1){width:calc(100% - 120px)}
.footer-col:nth-child(1){max-width:100%;padding-right:0;margin-bottom:30px}
.footer-col:nth-child(2){max-width:40%;float:left}
.footer-col:nth-child(3){max-width:60%;float:left}
.footer-col:nth-child(4){max-width:100%;margin-top:30px;float:left}
.footer{padding-top:50px}
.header-search input[type=text]{width:100%}
.header-search button{margin-left:0;float:right;margin-right:15px;margin-top:-32px}
.header-search{margin-right:20px;margin-bottom:20px}
.breadcrumb a,.breadcrumb span{font-size:12px}
.filtrele-buton{font-size:14px}
.mobil-filtre-button .sirala button{font-size:14px;margin-left:10px}
.sirala .dropdown-menu.show{box-shadow:0 15px 15px rgba(0,0,0,.1)}
.mobil-filtre-button .sirala button.show{box-shadow:0 -5px 15px rgb(0 0 0 / 10%)!important}
.mobil-filtrele-popup{padding:30px}
.filtre-close{right:30px}
.renk-list{width:100%;padding:0}
.gallery-thumbs{width:100%;height:100px}
.gallery-top{width:100%;margin-left:0!important;margin-bottom:15px!important;height:250px}
.gallery-top .swiper-slide{padding:15px}
.gallery-thumbs .swiper-slide{padding:10px}
.tab-menu-scroll{width:100%;overflow-x:scroll}
.tab-menu-scroll ul{width:500px}
.tab-menu-scroll ul li button{padding:15px 20px!important}
#urun-detay-tab-content .tab-pane{padding:20px 25px}
.katalog-img{width:100%;border-right:0}
.katalog-buttons,.katalog-content{width:100%}
#video iframe{height:250px}
.about-content{margin-bottom:30px}
.about-img img:nth-child(1){width:85%;border-radius:10px}
.about-img img:nth-child(2){width:40%;border-radius:10px;left:15px;box-shadow:5px 0 10px rgb(0 0 0 / 30%)}
.katalog-list,.mb-100{margin-bottom:50px}
.katalog-col{width:100%;margin-left:0!important;margin-right:0!important;margin-bottom:30px}
.katalog-banners{margin:0}
.contact-box{padding-bottom:0}
.contact-box div{width:calc(100% - 80px)}
.map{height:350px}
.form-holder{width:100%;margin-left:0}
.form-holder ul li{width:100%;float:left;margin:8px 0}
.form-holder ul li:nth-child(5),.form-holder ul li:nth-child(6){width:100%}
.giris-yap-col,.uye-ol-col{padding:15px 25px 30px}
.icon-title h1{font-size:26px}
.icon-title i{font-size:28px;margin-right:15px}
.btn-default{padding:10px 15px;border-radius:30px;font-size:11px}
.btn-default i{margin-right:8px;font-size:16px}
.projeList{padding:20px 15px 50px}
.project-product{width:calc(33% - 10px);margin:0 10px 10px 0;float:left}
.project-list h2{margin-top:0}
.project-list span{color:#777;margin-bottom:20px;width:100%;float:left}
.whislist-none{width:100%}
.sepet-form ul li:nth-child(1),.sepet-form ul li:nth-child(3){width:100%;margin-right:0}
.sepet-form ul li:nth-child(2),.sepet-form ul li:nth-child(4){width:100%;margin-left:0}
.sepet-form ul li{margin-bottom:10px}
.projemeEkle .modal-content{display:inline-block}
.urun-modal-img{width:100%;height:200px;padding:15px}
.projemeEkle .modal-body{width:100%}
.proje-head-buttons{text-align:left!important;margin-top:15px}
#siralaMenu{float:right;width:calc(50% - 10px);font-size:14px}
.proje-ekle-btn{width:calc(50% - 10px)}
.project-actions{margin-top:15px}
.project-actions .form-control{width:100%}
.profil-sidebar{margin-bottom:50px}
}