@media only screen and  (max-width:481px){
	
.header { height: auto; }
	
.btn12 { transition-duration: 0.5s; width: 7vw; height: 100%; display: flex; align-items: center; justify-content: center; }
.btn12 .icon { transition-duration: 0.5s; position: absolute; width: 7vw; height: 0.4vw; background-color: #fff; }
.btn12 .icon:before { transition-duration: 0.5s; position: absolute; width: 7vw; height: 0.4vw; background-color: #fff; content: ""; top: -2vw; }
.btn12 .icon:after {transition-duration: 0.5s; position: absolute; width: 7vw; height: 0.4vw; background-color: #fff; content: ""; top: 2vw; }
.btn12.open .icon {transition-duration: 0.5s;background: transparent;}
.btn12.open .icon:before {transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);}
.btn12.open .icon:after {transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);}
.btn12:hover {cursor: pointer;}	
	
.navbar {justify-content: flex-start;}	
.menu-item { display: none; }	
.header-catalog { display: none;}	
	




.sosyal { margin: 0vw; padding: 0; display: flex; flex-direction: row; padding-top: 0.1vw; align-items: center; justify-content: center; }
.sosyal a { display: flex; width: 5.5vw; height: 5.5vw; font-size: 2.5vw; margin: 0vw 1vw; float: left; color: #000; background: #d80000; align-items: center; justify-content: center; border-radius: 1.2vw; }
.header-logo { width: 20vw; margin-top: 4vw; margin: 0 29vw; margin-left: 14vw; }
.navbar { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; height: 15vw; }
	
.mobil-header { transition: 0.2s; height: 0%; opacity: 0; visibility: hidden; position: fixed; display: flex; justify-content: center; flex-wrap: wrap; align-content: flex-start; align-items: center; }
.mobil-active { padding: 8vw 0vw; width: 100%; background: #000; height: 100%; transition: 0.2s; opacity: 1; visibility: visible; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center;overflow: auto; }
.mobil-menu-item { flex-wrap: wrap; background: #1f1f1f; width: 80%; padding: 2.5vw; margin-bottom: 4vw; display: flex; justify-content: center; align-items: center; }	
.mobil-menu-item a {padding: 0 2vw; color: #fff; font-size: 3vw; }	
.mobil-dropdown { height: 0%; opacity: 0; visibility: hidden;  padding-top: 5vw; transition: 250ms all ease-in-out;position: absolute; }
.mobil-dropdown-active{ height: 100%; transition: 0.2s; opacity: 1; visibility: visible;position: relative;}
.mobil-header-catalog { display: flex; width: 84vw; margin-top: 3vw; background: red; font-size: 3vw; color: #fff; height: 9vw; justify-content: center; align-items: center; }
.mobil-header-catalog i { margin-right: 3vw; font-size: 3vw; }	
.mobil-bayrak { margin-top: 6.5vw; gap: 7vw; display: flex; width: 24vw; padding-bottom: 29vh; }
.mobil-header-dil { width: 8vw; }	
.menu-ac { margin-right: -6vw;}

	li.mobil-item { width: 81vw; background: #1f1f1f; padding: 2vw; display: flex; align-items: center; justify-content: center; flex-direction: column; }
	
 .rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease; /* İsteğe bağlı: Animasyon eklemek için */
  }
	
.alt-kategori-isim {
    font-size: 2vw;
    bottom: -18px;
}
	
.sayfalar-baslik {height: 30vw; }	
.sayfalar-baslik img {height: 30vw;}	
.sayfalar-baslik h1 {font-size: 3.3vw;height: 20vw; }	
	
.anasayfa-alan-1 { height: 85vw;}	
video#myVideo {margin-left: 0vw; margin-top: -19vw; height: 144%; width: 100%; object-fit: cover; }	
.giris-ust {margin-top: 65vw; }	
.giris-alt { width: auto; }	
.giris-kat-ic { display: flex;align-items: center;}	
.alan1-yazi { font-weight: 500; font-size: 2.2vw; text-align: center; width: 10vw; }
.giris-kat-ic {opacity: 0.7; }
	
	
.anasayfa-alan-2 {gap: 10vw; height: 97vw;}	
.alan2-arka { width: 80vw;}	
.anasayfa-alan-2 p { width: 80vw; margin-top: -4vw; line-height: 5vw; font-size: 2.5vw; margin-bottom: 4vw; }
.anasayfa-alan-2 p:nth-child(3) { display: none; }
.alan2-buton { font-size: 4.3vw; margin-bottom: 3vw;}	
.alan2-serit { width: 6vw;}	
.alan2-alt { display: flex; width: 100vw; justify-content: center; margin-top: 0vw; align-items: flex-end; }	
.alan2-sosyal a {width: 6.6vw; height: 6.6vw; font-size: 3.8vw; border-radius: 2.4vw;}	
.alan2-superior { width: 41vw; }	
.alan2-catalog {width: 20vw; height: 6.6vw; font-size: 2.2vw;border-radius: 2.4vw;}	
.alan2-catalog i { font-size: 2.5vw; margin-right: 2vw; }	

.anasayfa-alan-3 a {height: 100vw;}
.alan3-foto { height: 100vw;}	
.anasayfa-alan-3 p { font-size: 6.5vw; line-height: 6.5vw;top: 30vw;}	
.anasayfa-alan-3 a:hover p { font-size: 7.5vw; line-height: 7.5vw;}	
.anasayfa-alan-3 a:hover .alan3-buton {font-size: 3.5vw;}	
	
	
	
	
.anasayfa-alan-4 {flex-wrap: wrap;align-content: center; height: 80vw; padding-bottom: 0vw; margin-bottom: 0vw; }	
.alan4-ic {text-align: center; display: flex; gap: 2.5vw; flex-direction: column; align-items: center; margin: 0 3.8vw; }	
.alan4-ic p {font-size: 3.5vw;animation-name: none !important; visibility: visible !important;-webkit-text-fill-color: #fff;}
.alan4-alt { display: flex; margin-top: 0vw; align-items: center; animation-name: none !important; visibility: visible !important;}	
.alan4-serit { width: 10vw; margin: 3px 1.6vw; }
.giris-serit { width: 3.3vw; height: 2.5vw; margin: 0 1.4vw; }
.alan4-alt i { font-size: 4vw;}	
.anasayfa-alan-4 div:nth-child(3) { margin-top: 11vw !important; }	
	
	
.media { min-height: 80vh;}		
	
.iletisim-formu { margin-top: 3vw; margin-bottom: 10vw; }	
.iletisim-formu h3 {margin-bottom: 3vw; font-size: 5.4vw; }
.iletisim-form-kolonlar { display: flex; margin-top: 2.5vw; justify-content: space-evenly; width: 100%; }
.wpcf7 label input { height: 8vw; background-color: #333333; color: #000; border: none !important; line-height: 1.4vw; width: 44vw; margin-top: 0.1vw; margin: 0.7vw 0.7vw 0 0.7vw; }	
.wpcf7-textarea { margin-bottom: 5vw; width: 90vw!important; height: 20vw !important; background-color: #333333; color: #000; border: none !important; margin-top: 5vw; }	
.wpcf7-submit { width: 40vw !important; height: 8vw !important; background-color: #d80000 !important; padding: 0 !important; border: 0 !important; color: #fff; border-bottom-right-radius: 1vw; border-bottom-left-radius: 1vw; transition: 0.3s; font-size: 2.8vw !important; margin-top: 0.9vw; margin-left: 1vw; }	
input.wpcf7-form-control.wpcf7-captchar { width: 30vw; height: 8vw; margin-right: 1vw; top: -1vw; position: relative; }	
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 { margin-bottom: -2.7vw; width: 16vw; height: 8vw; margin-right: 1.1vw; }	

.iletisim iframe {height: 70vw;}
.iletisim-alt {padding-bottom: 0vw;margin-bottom: 0vw; height: 80vw;flex-wrap: wrap;align-content: center; }	
.iletisim-alt div:nth-child(3) { margin-top: 11vw !important; }	
.iletisim-alt-ic { text-align: center;  gap: 2.5vw; }	
.iletisim-alt p { font-size: 3.5vw;}	
.iletisim-alt-ic span { align-items: center; }	
.iletisim-alt-serit { width: 10vw; margin: 3px 1.6vw; }	
.iletisim-alt i { font-size: 4vw; color: #d80000; }	

	::placeholder{font-size:2vw !important;}
	
.products { min-height: 73vh; }
.urunsayfa-tufek-kutu { width: 45vw; height: 25vw; text-align: center; margin: 0 1vw; display: flex; align-items: center; justify-content: space-between; margin-bottom: 2vw; padding-bottom: 1.2vw; box-shadow: rgb(0 0 0 / 75%) 0px 0.1vw 3vw; flex-wrap: wrap; transition: 0.3s; overflow: hidden; }	
.urunsayfa-tufek-kutu h3 { font-size: 2.2vw; color: #fff; font-weight: 500; position: relative; margin-left: 2vw; }	
.urunsayfa-tufek-kutu span { text-align: center; display: flex; width: 16vw; height: 3vw; background: #d80000; justify-content: center; color: #fff; border-radius: 1.5vw; position: relative; margin-right: 3vw; transition: 0.3s; font-size: 2vw; align-items: center; }	

.urun-detay-sayfa { min-height: 94vw;}	
.urun-sayfa-baslik { font-size: 3.3vw; color: #fff; margin-bottom: 1vw; margin-top: 1vw; text-transform: uppercase; }
.tufek-foto { margin-top: 5vw;}	
.urun-detay-foto { height: auto; width: 100%; }
.urun-ozellikler { width: 80vw; margin-top: 5vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }	
.urun-ozellikler h4 { font-size: 2.5vw; background-color: #242424; color: #ffffff; height: 8vw; display: flex; width: 80vw; align-items: center; margin-bottom: 2vw; justify-content: center; font-family: 'Mastodon'; letter-spacing: 0.2vw; font-weight: 500;}	
ul.ozellikler { margin-top: 5vw; }	
.ozellik-li { margin-left: 0vw; margin-right: 1vw; margin-bottom: 6vw; display: flex; font-size: 2.2vw; height: 7vw; color: #ffffff; align-items: center; justify-content: center; }
.ozellik-li li:nth-child(1) { width: 19.2vw; height: 10vw; display: flex; align-items: center; justify-content: center; background: #242424; color: #ffffff; }	
.ozellik-li li:nth-child(2) { width: 59.1vw; height: 10vw; background: #393939; margin-left: 0.6vw; font-size: 1.9vw; display: flex; justify-content: center; align-items: center; }
	
.kurumsal-alan1-kutu {margin-top: 7vw;}	
.alan1-kutu-arka { width: 80vw;}	
.kurumsal-alan1-kutu p { width: 83vw; line-height: 5vw; font-size: 2.2vw; margin-bottom: 8vw; }	
.alan1-kutu-buton {font-size: 3.5vw;}	
.alan1-kutu-serit { width: 6vw; margin: 0 1.1vw; }	
.alan1-kutu-alt {width: 80vw;margin-top: 15vw;}	
.alan1-kutu-sosyal a { width: 6.6vw; height: 6.6vw; font-size: 3.8vw; margin: 0vw 0.7vw;border-radius: 2.4vw;}	
.alan1-kutu-superior { width: 36vw; }	
.alan1-kutu-catalog {width: 18vw; height: 6vw; font-size: 2.8vw;}	
.alan1-kutu-catalog i { font-size: 2.4vw; margin-right: 1.3vw; }	
	
	
	
	
	
	

.footer { padding-bottom: 0vw; align-items: center; height: 88vw; z-index: 12; background-position: center; background-size: 447vw; }
div#footer-menu { width: 100%; }	
.footer-navbar { gap: 5vw; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;margin-top: 6vw; }	
.footer-menu-item { display: none;}	
.footer-sosyal { padding-top: 0vw; top: 16vw; position: relative; }
.footer-sosyal a { width: 6.6vw; height: 6.6vw; font-size: 3.3vw;border-radius: 2.4vw;margin: 0vw 1.4vw !important; }	
.footer-logo { width: 31vw; margin: -30vw 2vw; }
.header-dil {display: none; width: 5vw;margin: 0vw;}
.footer-dil { position: relative; top: 7vw; font-size: 2vw; display: flex; width: 6vw; margin-top: 1vw; margin-right: 10vw; margin-left: -1.4vw; }
.footer-catalog {width: 21vw; height: 6.6vw; font-size: 2vw;}
.footer-catalog i { font-size: 2.5vw; margin-right: 2.2vw; }
.footer-menu-item { display: none;}	
.footer-multi {height: 15vw;}	
copyright {font-size: 2.2vw;}	
.footer-multi img { height: 7vw;}	
	
	
/* Media css baslar */
.rl-basicgrid-gallery {display: flex !important;gap: 4vw !important;flex-wrap: wrap !important;flex-direction: row !important;justify-content: center;align-items: center;}
#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {width: 40vw !important;height: 40vw !important;box-shadow: rgb(0 0 0 / 75%) 0px 0.1vw 3vw !important; display: flex !important;justify-content: center !important;
align-items: center !important;
margin: 0px !important;}
/* Media css biter */	
	
	
	.wp {position: fixed;bottom: 3vw;float: right;right: 3vw;z-index: 99;}
	.wp>i {border-radius: 100%;color: #fff;width: 13vw;height: 13vw;font-size: 8.6vw;display: flex;flex-direction: column;justify-content: center;align-items: center;float: right;position: relative;}
	#myBtn {bottom: 3vw;right: 15.1vw;z-index: 100;font-size: 5.2vw;width: 10vw;height: 10vw;padding: 0;transition: 0.2s;}
	
	
.wpcf7-not-valid-tip, .wpcf7-response-output{    font-size: 2.2vw !important;}		

	
	
	
	
	
	
}/*--------@media screen(max-width:800px) BİTER--------*/