/*
Responsive CSS File
*/

/* Full Desktop TV */
@media (min-width:1500px) and (max-width:2000px){
	.bgForm{height:50vh;background-image:none}
	.xxl-container{max-width:85%;}
	.headVideo{height:100vh;}
	.hayalText {
		width: 31%;
		right: 3%;
		bottom: 10%;
	}
	.carousel-caption {
		width:36%;
		right:4%;
		bottom:8%;
	}
	.g-lg-4, .gx-lg-4 {
		--bs-gutter-x: 10rem;
	}
	.g-lg-6, .gx-lg-6 {
		--bs-gutter-x: 15rem;
	}
	.stMetin {
		position: absolute;
		right: 8%;
		bottom: 16%;
		display: block;
		width: 23%;
	}
}
/*Desktop */
@media (min-width:994px) and (max-width:2000px)
{
	.fs-60{font-size:40px;}
	.parcalar .imge, .parcalar .minus{background-size:contain;height:766px;}
}

/* Mobil Tablette de */

@media (min-width:280px) and (max-width:994px)
{
	.slider{
		width:94%;
	}
	.prev-arrow{left:-18px;}
	.next-arrow{right:-18px;}
	.stMetin {
		position: absolute;
		right: 8vh;
		bottom: 28vh;
		display: block;
		width: 300px;
	}
	.stMetinIc{height:auto;}
	.infoSectHak{
		width:300px;
		background-size: 100% 100%;
	}
	.nedenCard{
		width:300px;
		padding:25px 30px;
	}
	.infoSect, .nedenBiz {
		height:auto;
	}
	.hayalfikir{
		height:26vh;
	}
	.hayalText{
		width: 98%;
		position: inherit;
		right: auto;
		bottom: 139px;
	}
	.headVideo{
		height:auto;
	}

	.carousel-caption {
		width: 91%;
	}
	.nav-scroller {
		position: relative;
		z-index: 2;
		height: 9rem;
		overflow-y: hidden;
	}
	.nav-scroller .mainNavs{
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		padding-bottom: 1rem;
		margin-top: -1px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.mainNavs li a{
		width:110px;
		text-align:center;
	}
	.bgForm{height:auto;background-image:none}
	.musteriYorum .lead{
		height:auto;
	}
	.wp-button{
		bottom:46px;
	}
	.fixed-bottom2{
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
	}
	.headerTop a i{font-size:20px;}
	.sticky-top2{
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		align-self: start;
		z-index: 1020;
	}
	.sticky-top2 .offcanvas-collapse{top:0px;}
	.fs-18{font-size:12px;}
	.fs-16{font-size:12px;}
	.fs-21{font-size:12px;}
	.fs-28{font-size:14px;}
	.fs-64{font-size:37px;}
	.fs-52{font-size:37px;}
	.fs-36{font-size:27px;}
	.fs-60{font-size:22px;}
	.fs-25{font-size:15px;}
	.fs-48{font-size:22px;}
	.fs-14{font-size:11px;}
	/* HEADER */
	.beforeNavbar, .headNavbar{
		background-color:transparent;
	}
	.navbar-toggler:focus{
		box-shadow:none !important;
	}
	.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active{
		color:#333;
	}
	.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
		color:#333;
	}
	.navbar-dark .navbar-nav .nav-link{
		color:#333;
	}
	.beforeNavbar .navbar-nav .nav-link{
		line-height: 11px;
		padding: 20px 5px 20px 5px;
		border-right:0px;
		justify-content: start;
	}

	.fs-sm-14{
		font-size:14px;
	}

	.faqButton{
		font-size:20px;
	}

	.quick-links .link-container a i{
		font-size: 20px;
	}
	.quick-links .link-container a p{
		font-size: 10px;
		text-align: center;
		margin-top: 5px;
	}
	.mobileFooter{
		flex-wrap: wrap;
		justify-content: center;
	}
	.footerNav li a, .footerSocial li a{font-size:16px;}

}
@media (min-width:280px) and (max-width:360px)
{
	.stMetin {
		position: absolute;
		right: 4vh;
		bottom: 28vh;
		display: block;
		width: 300px;
	}
}
/*OFFCANVAS*/
@media (max-width: 991.98px) {
	.offcanvas-collapse {
		position: fixed;
		top: 0px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		padding-top:20px;
		overflow-y: auto;
		visibility: hidden;
		z-index:1050;
		background-color: #131540d6;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}
	.offcanvas-collapse.open {
		visibility: visible;
		transform: translateX(-100%);
	}
}
/*OFFCANVAS END*/

/*IOS ERROR*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=text], input[type=button] {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	button{
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
}