/*========BODY ALANI========*/

/*========FONT ALANI========*/
@font-face{
	font-family:'Roboto';
	font-style: normal;
	src:url(../font/Roboto.ttf) format('truetype'),
		url(../font/Roboto.svg) format('svg'),
		url(../font/Roboto.eot) format('embedded-opentype'),
		url(../font/Roboto.woff) format('woff'),
		url(../font/Roboto.woff2) format('woff2');
}
.Roboto{
	font-family:Roboto;
}
@font-face{
	font-family:'Ubuntu-Regular';
	font-style:normal;
	src:url(../font/Ubuntu-Regular.ttf) format('truetype'),
		url(../font/Ubuntu-Regular.svg) format('svg'),
		url(../font/Ubuntu-Regular.eot) format('embedded-opentype'),
		url(../font/Ubuntu-Regular.woff) format('woff'),
		url(../font/Ubuntu-Regular.woff2) format('woff2');
}
.Ubuntu{font-family:Ubuntu-Regular;
}
/*========KÜTÜPHANE ========*/
.nowrap{
	white-space:nowrap;
}
.text-shadow{
	text-shadow: 3px 2px 1px #333;
}
.shadowKoyu{
	box-shadow:0 8px 16px rgba(0,0,0,5)!important;
}
.shadowKoyu-lg{
	box-shadow:0 16px 32px rgba(0,0,0,5)!important;
}
.baslik{
	font-size:28px;
}
.baslik-alt{
	font-size:24px;
}
.baslik-min{
	font-size:20px;
}
.baslik-extra-min{
	font-size:16px;
}
.bg-dark-extraFull{
	background-color:#212529;
}
.bg-hol-turuncu{
	background-color:#F30;
}
.bg-pembe{
	background-color:#f55ba2;
}
.border-dark-extraFull{
	border:#212529 solid 2px;
}
.border-dark-Kalin{
	border:#343a40 solid 2px;
}
.bg-dark-extra{
	background-color:#2c3034;
}
.bg-jumbotron{
	background-color:#e9ecef;
}
.no-decoration{
	text-decoration:none !important;
}
.font-weight-400{
	font-weight:400;
}
.font-weight-500{
	font-weight:500;
}
.font-weight-600{
	font-weight:600;
}
.text-shadow-beyaz{
text-shadow: 2px 1px 2px #FFFFFF;
}
.text-shadow-siyah{
text-shadow: 2px 1px 2px #000000;
}
.text-shadow-gri{
text-shadow: 2px 1px 2px #999999;
}
.urun-baslik-buyuk{
	font-size:1.5rem;
	font-weight:600;
}
.urun-baslik-orta{
	font-size:1.25rem;
	font-weight:600;
}
.urun-baslik-kucuk{
	font-size:1rem;
	font-weight:600;
}
.text-black{
	color:#000;
}
.responsive{
	width:100%;
	height:auto;
}
.overlay{
	margin-left:0;
	margin-right:0;
}
/*========HEADER ========*/
.navbar{
	border-bottom:#000 solid 2px;
}
/*========FOOTER ========*/
.footer{
	border-top: #000 solid 2px;
}
.footer .col-lg-4 i{
	color:#07333a;
}
.footer .col-lg-4 i:hover{
	color:#CCC;
}
.footer .col-lg-4 .nav{
	font-size:20px;

}
/* =======ANA SAYFA =========*/
#AnaUrunler h1{
	font-size:25px;
}
#AnaUrunler h2{
	font-size:22px;
}
/* =======BLOG =========*/


/* ***********************************************--------------------------------------********************************/
/* ************************************** __________________MEDIA QUERY ____________________****************************/
/* ***********************************************--------------------------------------********************************/

/*---========= MAX WIDTH 1200 ========----- */
@media screen and ( max-width:1199.98px ){
/*========FOOTER ========*/
.footer .col-lg-4 i{
	font-size:2rem;
}
/* =======SAYFA =========*/
	
}

/*---========= MAX WIDTH 992 ========----- */
@media screen and ( max-width:991.98px ){
/*========FOOTER ========*/
.footer .col-lg-4 i{
	font-size:3rem;
}
/* =======ANA SAYFA =========*/
#AnaUrunler h1{
	font-size:22px;
}
#AnaUrunler h2{
	font-size:20px;
}
/* =======VOLEYBOL FORMA =========*/
#VoleybolForma h3{
	font-size:1.25rem;	
}	
}

/*---========= MAX WIDTH 768 ==========---*/
@media screen and ( max-width:767.98px ){
	/* =======LOGO =========*/
nav .navbar-brand img{
	max-width:70%;
	height:auto;
}
/* =======VOLEYBOL FORMA =========*/
#VoleybolForma h3{
	font-size:1.75rem;	
}
}

/* ================= MAX WIDTH 576 ==================================*/
@media screen and ( max-width:575.98px ){
/* ======= FORMA MODEL RENK SAYFASI =========*/
#FormaModelSayfasi h1{
	font-size:18px;
}
}