/*------------------------------------------------------------------//
//  Responsive System                                               //
//------------------------------------------------------------------*/
@media screen and (max-width: 1200px) and (min-width: 1025px) { /* PC 768px+ ~ 1024px */
	figure#Logo {
		width: 20%;
	}

	.Vera.VDA-61.FR {
		width: 71%;
	}

	div#Search {
		width: 55%;
	}

	div#HeaderContact {
		width: 35%;
	}

	.Vera.FR.VDA-10.Relative {
		width: 10%;
	}

	#HeaderContact > span {
		width: 20%;
	}

	div#HeaderContact > div {
		width: 80%;
	}

	div#Nav1 {
		width: 10%;
	}

	div#Nav2 {
		width: 16%;
	}
	div#Nav3 {
		width: 15%;
	}
	div#Nav4 {
		width: 21%;
	}
	div#Nav5 {
		width: 12%;
	}
	#NavOpen .Open > div > div {
		width: 16%;
	}
	.Input.VDA-35 {
		width: 45%;
	}

	div#LoginRegisterButton {
		width: 40%;
	}
	div#SiparisTakip {
		width: 13%;
	}
	div#Client {
		width: 13%;
	}
	div#Bolge {
		padding: 21px 20px;
		display: block;
	}
	#SearchFilter p {
		width: 82%;
		margin-top: 0;
	}
	#SearchFilter {
		width: 49%;
	}
	#Bars2 > div {
   		width: 50%;
	}
	div#Slider {
	    padding: 0;
	    margin-top: 10px;
	    width: 50%;
	}
	.Slide {
	    height: auto;
	}
	#Slider .Slide strong {
	    font-size: 30px;
	}

	#Slider .Slide strong span {
	    font-size: 20px;
	}
	#CokSatan a:after {
	    height: 3px;
	}

	div#CokSatan {
	    margin: 15px 0;
	}

	#SSS div.Container {
	    padding: 0;
	    margin-top: 50px;
	}

	div#ListProducts .VDA-60.FR {
		width: 60%;
	}
	div.Metin {
		margin-left: 0;
	}
	#Comments #Comment {
	    margin-top: 20px;
	    -: 100%
	    padding:;
	    width: 60%;
	}

	#Comments .owl-buttons .owl-prev {
	    left: 180px;
	}

	#Comments .owl-buttons .owl-next {
	    right: 180px;
	}
	ul#Social {
	    text-align: center;
	    margin: 10px 0;
	}
	figure#Banka {
	    width: 100%;
	}

	#Copy {
	    text-align: center;
	}

	a#Vera {
	    text-align: center;
	    width: 100%;
	}
	#ContentTop #ContentTopBars > div > div {
		width: 33%;
	}
	.List {
		width: 25%;
	}

	.Star {
		top: 20px;
		right: 20px;
	}

	.Discount {
		top: -10px;
		left: -10px;
	}

	.List > div {
		height: auto;
	}
	
	.List article p a {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 auto;
		max-height: 44px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		min-height: 38px;
	}

	.List article span {
		font-size: 13px;
		height: 17px;
	}
	#Comments #CommentElips:before {
		width: 500px;
		height: 200px;
		right: -320px;
		top: 140px;
		transform: rotate(23deg);
	}

	#Comments #CommentElips:after {
		width: 500px;
		height: 200px;
		transform: rotate(-23deg);
		left: -190px;
		top: 90px;
	}

	#Footer > div > div {
		width: 34%;
	}
	div#ListFirst {
		width: 50%;
		padding: 0;
		margin-top: 10px;
	}
	div#ListFirst > div {
		height: auto;
	}

	#ListFirst article p {
		font-size: 20px;
	}

	#ListFirst article strong {
		font-size: 60px;
	}

	#ListFirst article strong span {
		font-size: 30%;
	}

	#ListFirst article a {
		margin-top: 40px;
	}

	div#ListLast {
		width: 40%;
	}

	#ListLast div {
		height: 250px;
	}

	#ListLast article p {
		font-size: 20px;
	}

	#ListLast article strong {
		font-size: 35px;
	}

	#ListLast article a {
		margin-top: 100px;
	}

	.SiteMap {
		width: 22% !important;
	}
	div#ContentTopBars {
	    width: 49%;
	}

	div#Bars2 {
	    width: 50%;
	}
	#Bars2 div div strong {
	    font-size: 20px;
	}
	#ProductDetail #ProductImg {
		width: 39%;
	}

	div#ProductArticle {
		width: 60%;
	}

	div#ProductArticleBottom {
		width: 60%;
	}

	#ProductArticleBottom #Calender a {
		padding: 12px 6px;
	}

	#ProductArticleBottom #Calender a:nth-child(10) {
		padding: 20px 6px 12px 6px;
	}

	#ProductArticleBottom #Calender a#OzelGun {
		padding: 20px 6px 12px 6px;
	}

	#DetailBars
	 > div {
		width: 33%;
	}

	#ProductArticle #SearchFilter {
		width: 100%;
	}
	#Step ul li {
		width: 16%;
	}

	div#Step1 {
		width: 97%;
		margin-left: 30px;
	}
	
	div#Step2 {
		width: 84%;
		margin-left: 170px;
	}
	div#Step3 {
		width: 97%;
		margin-left: 10px;
	}
	div#Step4 {
		width: 65%;
		margin-left: 50px;
	}
	div#Step5 {
		width: 49%;
		margin-left: 240px;
	}
	div#Step6 {
		width: 44%;
		margin-left: 480px;
	}
	.StepInfo#Step2:before {
		left: 48px;
		transform: rotate(-51deg);
	}
	.StepInfo#Step4:before {
		left: 520px;
	}
	#MyProducts .MyProduct figure {
		width: 8%;
	}

	#MyProducts .MyProduct article {
		width: 65%;
		padding-left: 15px;
	}

	#MyProducts .MyProduct > div {
		width: 27%;
	}

	#MyProducts .MyProduct article ul li img {
		width: 15px;
		height: 12px;
	}

	#MyProducts .MyProduct article ul li span {
		font-size: 12px;
	}

	#MyProducts .MyProduct article ul li {
		margin-right: 8px;
		padding: 12px 12px;
	}

	.MyProductPrice strong {
		font-size: 27px;
	}
	#MyProducts .MyProduct article ul li:nth-child(3), #MyProducts .MyProduct article ul li:nth-child(4) {
		padding: 10px 12px;
	}

	#MyProducts .MyProduct article ul li strong {
		font-size: 12px;
	}

	.MyProductDelete {
		margin-left: 18px;
	}


	#SiparsiButon a {
		margin-bottom: 20px;
	}
	
	#CardNote {
		width: 50%;
	}
	
	#RecipientInformation {
		width: 50%;
	}
	#CardInformation {
		width: 40%;
	}
	#RecipientInformation > div > div {
		width: 100%;
	}
	
	#Payment {
		width: 70%;
	}

	div#Payment div.VDA-PD-LR-100 {
		padding: 0 20px;
		margin-top: 30px;
	}
	#Payment ul.Title li {
		width: 25%;
	}
	.input {
	    width: 100%;
	}
	#Completed {
		background-size: contain;
	}
	#CategoryTitle li {
		width: 14%;
	}

	#CategoryTitle {
		padding: 0;
	}

	#CategoryTitle li p {
		font-size: 15px;
	}
	.CategoryList > div {
		width: 88%;
		margin-left: -46%;
	}

	.CategoryList a {
		margin-right: 28px;
	}

	.Ulkeler li {
	    width: 20%;
	}
	#CommentAdd form >div {
	    width: 49%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) { /* PC 768px+ ~ 1024px */
	div#Bolge {
		padding: 21px 20px;
		display: block;
	}
	#SearchFilter {
		margin: 20px 0;
	}
	#Bars2 > div {
   		width: 50%;
   		padding-right: 5px !important;
	}
	
	#Bars2 > div figure img {
		width: 100%;
	}
	#Bars2 > div:nth-child(2n) {
		padding-left: 5px !important;
		padding-right: 0 !important;
	}
	div#Slider {
	    padding: 0;
	    padding-right: 10px;
	    margin-top: 10px;
	}
	.Slide {
	    height: auto;
	}

	#CokSatan a:after {
	    height: 3px;
	}

	div#CokSatan {
	    margin: 15px 0;
	}

	#SSS div.Container {
	    padding: 0;
	    margin-top: 50px;
	}

	#Comments #Comment {
	    margin-top: 20px;
	    -: 100%
	    padding:;
	}

	#Comments .owl-buttons .owl-prev {
	    left: 10px;
	}

	#Comments .owl-buttons .owl-next {
	    right: 10px;
	}
	#Comments #Comment p {
	    padding: 0 85px;
	}

	ul#Social {
	    text-align: center;
	    margin: 10px 0;
	}
	figure#Banka {
	    width: 100%;
	}

	#Copy {
	    text-align: center;
	}

	a#Vera {
	    text-align: center;
	    width: 100%;
	}
	div#ListProducts .VDA-60.FR {
		width: 60%;
	}
	div.Metin {
		margin-left: 0;
	}
	.Select {
		width: 50% !important;
	}
	#ContentTop #ContentTopBars {
		display: none;
	}
	#ContentTop #ContentTopBars > div > div {
		width: 33%;
	}
	div#ListProducts {
		text-align: center;
	}
	div#ListFirst > div {
		height: auto;
	}
	.List {
		width: 25%;
	}

	.Star {
		top: 20px;
		right: 20px;
	}

	.Discount {
		top: -10px;
		left: -10px;
	}

	.List > div {
		height: auto;
	}	
	.List figure {
		height:  200px;
	}
	.List article p a {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 auto;
		height: 40px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.List article span {
		font-size: 13px;
		height: 17px;
	}
	#Comments #CommentElips:before {
		width: 500px;
		height: 200px;
		right: -320px;
		top: 140px;
		transform: rotate(23deg);
	}

	#Comments #CommentElips:after {
		width: 500px;
		height: 200px;
		transform: rotate(-23deg);
		left: -190px;
		top: 90px;
	}

	#Footer > div > div {
		width: 34%;
	}
	div#ListFirst {
		width: 50%;
		display: block;
	}

	#ListFirst article p {
		font-size: 20px;
	}

	#ListFirst article strong {
		font-size: 60px;
	}

	#ListFirst article strong span {
		font-size: 30%;
	}

	#ListFirst article a {
		margin-top: 40px;
	}

	div#ListLast {
		width: 50%;
	}

	#ListLast div {
		height: 250px;
	}

	#ListLast article p {
		font-size: 20px;
	}

	#ListLast article strong {
		font-size: 35px;
	}

	#ListLast article a {
		margin-top: 100px;
	}

	.SiteMap {
		width: 22% !important;
	}
	div#ProductImg {
	    width: 39%;
	}

	div#ProductArticle {
	    width: 60%;
	}
	
	#DetailBars > div {
		width: 33%;
	}
	#DiscountCoupon {
		width: 350px;
	}
	#DiscountCoupon input[type=text] {
		width: 100%;
		opacity: 1;
		left: 0;
		right: 0;
		float: none;
	}

	#DiscountCoupon > div {
		display: flex !important;
		flex-direction: row-reverse;
		width: 100%;
	}
	

	#Step ul li {
		display: none;
	}

	#Step ul li.Active {
		display: block;
	}

	#Step ul li span.Line {
		display: none;
	}

	#Step ul li span.Round {
		display: none;
	}

	.StepInfo {
		margin-left: 0 !important;
		height: initial;
		padding: 0 0px;
		width: 100% !important;
	}

	.StepInfo:before {
		transform: rotate(-45deg);
		left: 50% !important;
		margin-left: -21.5px;
	}

	.StepInfo p {
		line-height: 19px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.StepInfo i {
		line-height: 10px;
		margin: 30px 0 5px 0;
	}
	#MyProducts .MyProduct figure {
		width: 10%;
	}

	#MyProducts .MyProduct article {
		width: 90%;
		padding-left:  10px;
	}
	#MyProducts .MyProduct article ul {
		margin-top:  10px;
	}

	#MyProducts .MyProduct > div {
		width: 100%;
		display: flex;
		float: none !important;
		margin: 0 auto;
		text-align: center;
		margin-top: 30px;
		justify-content: center;
		align-items: center;
	}

	#MyProducts .MyProduct article ul li {
		padding: 10px;
	}

	#MyProducts .MyProduct article ul li img {
		width: 15px;
		height: 12px;
	}

	#MyProducts .MyProduct article ul li span {
		font-size: 13px;
	}

	#SiparsiButon a {
		margin-bottom: 20px;
	}
	.MyProductPrice strong {
		font-size: 30px;
	}

	.MyProductPrice strong span {
		font-size: 12px;
	}

	.MyProductDelete {
		float: none;
		display:  inline-block;
		margin: 0;
		margin-left: 12px;
		margin-top: 20px;
	}
	.MyProductPrice {
		float:  none;
		display: inline-block;
		margin: 0;
		margin-top:  20px;
	}

	#TotalPrice {
		padding: 10px;
	}

	#TotalPrice .AraToplam {
		margin-left: 14px;
	}
	#CardNote {
		width: 70%;
	}

	#RecipientInformation {
		width: 60%;
	}
	#CardInformation {
		width: 40%;
	}
	#RecipientInformation > div > div {
		width: 100%;
	}
	#Payment {
		width: 70%;
	}
	div#Card {
		padding: 70px 10px;
	}

	div#Payment div.VDA-PD-LR-100 {
		padding: 0 20px;
		margin-top: 30px;
	}
	#Payment ul.Title li {
		width: 25%;
	}
	.input {
	    width: 100%;
	}
	#Completed {
		background-size: contain;
	}
	
	#Header {
		display: none !important;
	}
	nav#Nav {
		display: none;
	}

	#MobilHeader {
	    display: block;
	    margin: 10px 0;
	}
	#Search {
		display: block;
		z-index: -1;
		position: absolute !important;
		pointer-events: none;
		background: white;
		top: 11px;
		height: 0;
		opacity: 0;
		box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.19);
		width: 96%;
		padding: 9px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		right: 15px;
	}
	#MobilNav nav#Nav {
		display: block;
		background: none;
		height: auto;
	}
	#MobilNav {
		display: block;
		position: fixed;
		left: -300px;
		top: 0;
		background: white;
		box-shadow: 0px 0px 25px rgba(11, 23, 66, 0.43);
		width: 230px;
		z-index: 9999999999;
		height: 100%;
		overflow-y: scroll;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#MobilNav.NavActive {
		left: 0;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#Nav div > a > strong {
	    color: #0b1742 !important;
	    top: -10px;
	    float: left;
	    display: block;
	    margin-left: 10px;
	}

	.nav-1 {
	    stroke: #0b1742 !important;
	}

	.nav2-2 {
	    stroke: #0b1742 !important;
	}

	.nav2-1 {
	    fill: #0b1742 !important;
	}

	.nav-5 {
	    fill: #0b1742 !important;
	    stroke: #0b1742 !important;
	}

	div#SiparisTakip > a > strong {
	    color: white !important;
	}

	div#SiparisTakip path {
	    fill: white !important;
	}
	div#Client > a > strong {
	    color: white !important;
	}

	div#Client path {
	    fill: white !important;
	}
	.Open img {
		width: 18%;
		display: block;
		height: 40px;
		float: left;
	}

	#Nav .Open strong {
		line-height: 40px !important;
		float: left;
		display: block !important;
		width: 75% !important;
		text-align: left;
	}
	#Nav .Navs > div {
		height: auto;
		padding: 0 10px;
	}
	#Nav .Navs div#SiparisTakip {
		margin-bottom: 20px;
		padding-top: 20px
	}
	#Nav .Navs div#Client {
		padding-top: 20px
	}
	#Nav .NavIcon {
		margin: 0 !important;
		height: 30px !important;
		float: left;
		display: block;
	}
	.Basket {
		margin: 17px 0;
		padding: 0 20px;
		width: 46%;
	}

	#BasketIcon {
		float: left;
	}

	span#BasketCount {
	position: absolute;
	left: 60px;
	}
	#Nav .Navs > div .Open {
		display: none;
	}
	#Nav .Navs > div .Open.Active {
		padding-left: 20px;
		display: block;
		background: none;
		position: relative;
		top: 0;
		box-shadow: none;
		height: auto;
		opacity: 1;
	}
	#Nav .Navs > div .Open a {
		padding: 0;
	}

	#HeaderContact > span {
		width: 14%;
		float: none;
		display: inline-block;
	}

	#HeaderContact > div {
		width: 77%;
		float: none;
		display: inline-block;
	}

	div#HeaderContact {
		text-align: center;
	}
	a.EN {
		text-align: center;
		width: 60%;
		margin: 20px auto;
		border: 2px solid #23b4b4;
		display: block;
		line-height: 42px;
		border-radius: 25px;
		font-family: 'Roboto';
		color: #23b4b4;
		font-size: 16px;
		float: none !important;
		font-weight: 700;
	}
	#HeaderContact svg {
		width: 100%;
		height: 100%;
	}

	#HeaderContact span {
		text-align: left;
	}
	i.Nav span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		margin-bottom: 7px;
	}

	i.Nav span:last-child {
		margin: 0;
	}

	i.Nav {
		width: 44px;
		display: block;
		background: #0B1745;
		height: 44px;
		padding: 11px;
		border-radius: 100%;
		cursor: pointer;
	}

	div#NavIcon {
		width: 20%;
		float: left;
		margin-top: 10px;
	}
	figure#Logo {
		width: 60%;
		margin: 0;
	}
	figure#Logo	 img {
		width: 30%;
		margin:  0 auto;
	}
	.CloseNav {
		width: 36%;
		float: left;
	}

	i.CloseNavIcon span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		transform: rotate(44deg);
		margin-top: 9px;
	}

	i.CloseNavIcon
	 span:last-child {
		transform: rotate(-45deg);
		margin-top: -2px;
	}

	i.CloseNavIcon {
		width: 44px;
		display: block;
		background: #0B1745;
		height: 44px;
		padding: 11px;
		border-radius: 100%;
		cursor: pointer;
		float: right;
		margin: 20px;
	}
	.SearchIcon {
		width: 44px;
		height: 44px;
		background: #0b1745;
		display: block;
		border-radius: 100%;
		cursor: pointer;
		margin: 0 auto;
		text-align: center;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.SearchIcon img {
		width: 18px;
		display: block;
		margin: 0px auto;
		padding: 13px 0px;
	}
	.SearchMobil {
		width: 9%;
		float: right;
		background: white;
		padding: 10px 0;
		z-index: 9999999;
		position: relative;
		padding-right: 0px;
		right: 0;
	}
	div#Search.SearchActive {
		height: auto;
		opacity: 1;
		top: 70px;
		z-index: 999;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		pointer-events: auto;
	}
	#ProductDetail #ProductImg #BigImg {
		min-height: 280px !important;
	}
	div#ProductArticleBottom {
		width: 60%;
	}

	div#Search input {
		width: 100%;
	}

	div#Search button {
		right: 15px;
		top: 15px;
	}
	#SiparisTakip i.NavIcon {
		width: 40px;
	}
	.Active div#LoginRegister {
		height: auto;
		top: 0;
		opacity: 1;
		pointer-events: auto;
		position: relative;
	}

	div#LoginRegister div#Login, div#LoginRegister div#Register, div#LoginRegister div.Cikis, div#LoginRegister div.Hesabim {
		margin: 10px 0px;
		float: left !important;
		width: 100%;
		padding-left: 20px !important;
		display: block;
	}

	div#LoginRegister #LoginRegisterButton img {
		width: 35px;
		height: 30px;
	}

	div#LoginRegister #LoginRegisterButton strong {
		line-height: 33px;
		font-size: 18px;
		color: white !important;
	}


	div#LogIn {
		top: 50%;
		position: fixed;
		width: 500px;
		margin-top: -120px;
		display: block;
		left: 50%;
		margin-left: -270px;
		padding: 0 20px;
	}
	i.PopUpClose {
		background: #e84242;
		display: block;
		padding: 10px;
		border-radius: 100%;
	}

	.Close {
		position: absolute;
		right: -14px;
		top: -14px;
	}

	i.PopUpClose img {
		width: 20px !important;
		height: 20px !important;
		display: block !important;
		margin: 0 !important;
	}
	div#SiparisForm {
		top: 50%;
		margin-top: -120px;
		width: 500px;
		left: 50%;
		margin-left: -270px;
		padding:  0 20px;
	}
	#SiparisForm i.PopUpClose {
		background: #23b4b4;
	}
	#Category {
		display: none;
	}
	#MobilCategory {
		display: block;
	}
	.Filtre {
		background: #f5ce39;
		font-size: 15px;
		font-family: 'Open Sans';
		margin: 0;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
		color: #735d06;
		margin: 20px 0;
	}
	#CategoryTitle {
		height: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: none;
	}

	#CategoryTitle.CategoryActive {
		opacity: 1;
		height: auto;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
		padding: 0 10px;
	}
	
	.CategoryOpen a {
		width: 22%;
		display: inline-block;
		background: #F5CE39;
		color: #7A671C;
		border-radius: 27px;
		padding: 16px 0;
		margin: 10px 9px;
		font-family: 'Roboto';
		font-weight: 700;
	}

	.CategoryOpen {
		background: #dcb933;
		opacity: 0;
		height: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}

	#CategoryTitle li.Active .CategoryOpen {
		height: auto;
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}
	
	.MobilPopUp {
		display: block;
	}

	.Ulkeler li {
	    width: 25%;
	}
	#CommentAdd form >div {
	    width: 49%;
	}
	

	div#SifremiUnuttum {
		width: 450px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}

@media screen and (max-width: 767px) and (min-width: 640px) { /* TABLET 640+ ~ 768 */
	div#Bolge {
		padding: 21px 20px;
		display: block;
	}
	#SearchFilter {
		margin: 20px 0;
	}
	#Bars2 > div {
   		width: 50%;
   		padding-right: 5px !important;
	}

	#Bars2 > div figure img {
		width: 100%;
	}
	#Bars2 > div:nth-child(2n) {
		padding-left: 5px !important;
		padding-right: 0 !important;
	}
	div#Slider {
	    padding: 0;
	    padding-right: 10px;
	    margin-top: 10px;
	}
	.Slide {
	    height: auto;
	}

	#CokSatan a:after {
	    height: 3px;
	}

	div#CokSatan {
	    margin: 15px 0;
	}

	#SSS div.Container {
	    padding: 0;
	    margin-top: 50px;
	}

	#Comments #Comment {
	    margin-top: 20px;
	    -: 100%
	    padding:;
	}

	#Comments .owl-buttons .owl-prev {
	    left: 10px;
	}

	#Comments .owl-buttons .owl-next {
	    right: 10px;
	}
	#Comments #Comment p {
	    padding: 0 85px;
	}
	#Footer .SiteMap strong {
	    text-align: center; 
	}

	#Footer .SiteMap a {
	    text-align: center; 
	}

	ul#Social {
	    text-align: center;
	    margin: 10px 0;
	}

	figure#Banka {
	    width: 100%;
	}

	#Copy {
	    text-align: center;
	}

	a#Vera {
	    text-align: center;
	    width: 100%;
	}
	#ContentTop #ContentTopBars {
		display: none;
	}
	#ContentTop #ContentTopBars > div > div {
		width: 33%;
	}
	div#ListProducts {
		text-align: center;
	}
	div#ListFirst > div {
		height: auto;
	}
	.List {
		width: 33.3333%;
		padding: 5px;
	}

	.Star {
		top: 20px;
		right: 20px;
	}

	.Discount {
		top: -10px;
		left: -10px;
	}

	.List > div {
		height: auto;
		padding: 10px;
	}
	.List figure {
		height: 200px;
	}

	.List article p a {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 auto;
		max-height: 44px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		min-height: 38px;
	}
	.Select {
		width: 40% !important;
		float: none;
		margin: 10px auto;
	}
	div.Metin {
		margin-left: 0;
	}
	.List article span {
		font-size: 13px;
		height: 17px;
	}
	#Comments #CommentElips:before {
		width: 500px;
		height: 200px;
		right: -320px;
		top: 140px;
		transform: rotate(23deg);
	}

	#Comments #CommentElips:after {
		width: 500px;
		height: 200px;
		transform: rotate(-23deg);
		left: -190px;
		top: 90px;
	}

	#Footer > div > div {
		width: 50%;
	}
	#DetailBars > div {
		width: 33%;
	}

	#Clock p {
		display: block;
		width: 100%;
	}

	#Clock a {
		font-size: 15px;
	}

	#ProductArticle #Calender a {
		padding: 12px 8px;
	}

	#ProductArticle #Calender a:nth-child(10) {
		padding: 20px 8px 12px 8px;
	}

	#ProductArticle #Calender a#OzelGun {
		padding: 20px 8px 12px 8px;
	}
	

	#Step ul li {
		display: none;
	}

	#Step ul li.Active {
		display: block;
	}

	#Step ul li span.Line {
		display: none;
	}

	#Step ul li span.Round {
		display: none;
	}

	.StepInfo {
		margin-left: 0 !important;
		height: initial;
		padding: 0 0px;
		width: 100% !important;
	}

	.StepInfo:before {
		transform: rotate(-45deg);
		left: 50% !important;
		margin-left: -21.5px;
	}

	.StepInfo p {
		line-height: 19px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.StepInfo i {
		line-height: 10px;
		margin: 30px 0 5px 0;
	}
	#MyProducts .MyProduct figure {
		width: 100%;
	}

	#MyProducts .MyProduct article {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	#MyProducts .MyProduct figure img {
		width: 200px;
		margin: 0 auto;
	}
	#DiscountCoupon {
		width: 350px;
	}
	#DiscountCoupon input[type=text] {
		width: 100%;
		opacity: 1;
		left: 0;
		right: 0;
		float: none;
	}

	#DiscountCoupon > div {
		display: flex !important;
		flex-direction: row-reverse;
		width: 100%;
	}
	#MyProducts .MyProduct > div {
		width: 100%;
		float: none !important;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.MyProductDelete {
		margin-top: 0;
		margin-bottom:  0;
	}

	.MyProductPrice {
		margin-bottom:  0;
		margin-top:  0;
	}

	#MyProducts .MyProduct article ul li {
		padding: 10px;
		margin-bottom: 20px
	}
	#MyProducts .MyProduct article ul li:nth-child(3):before {
		display: none;
	}

	#MyProducts .MyProduct article ul li img {
		width: 15px;
		height: 12px;
	}

	#MyProducts .MyProduct article ul li span {
		font-size: 13px;
	}
	div#TotalPrice {
		height: auto;
		text-align: center;
	}

	#Toplam {
		display: inline-block;
		float: none;
		top: 0px;
		margin-top: 10px;
	}
	#SiparsiButon a {
		margin-bottom: 20px;
	}
	#RecipientInformation, #CardInformation {
		width: 60%;
	}
	#RecipientInformation > div > div {
		width: 100%;
	}
	div#Card {
		width: 90%;
		padding: 70px 10px;
		margin: 0 auto;
	}

	div#Payment div.VDA-PD-LR-100 {
		padding: 0 20px;
		margin-top: 30px;
	}
	#Payment ul.Title li {
		width: 25%;
	}

	#Payment ul.Title {
		width: 90%;
		margin: 0 auto;
		margin-bottom: -15px;
	}
	.input {
	    width: 100%;
	}
	#Completed {
		background-size: contain;
	}
	
	#Header {
		display: none !important;
	}
	nav#Nav {
		display: none;
	}

	#MobilHeader {
	    display: block;
	    margin: 10px 0;
	}
	#Search {
		display: block;
		z-index: -1;
		position: absolute !important;
		pointer-events: none;
		background: white;
		top: 11px;
		height: 0;
		opacity: 0;
		box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.19);
		width: 96%;
		padding: 9px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		right: 15px;
	}
	#MobilNav nav#Nav {
		display: block;
		background: none;
		height: auto;
	}
	#MobilNav {
		display: block;
		position: fixed;
		left: -300px;
		top: 0;
		background: white;
		box-shadow: 0px 0px 25px rgba(11, 23, 66, 0.43);
		width: 230px;
		z-index: 9999999999;
		height: 100%;
		overflow-y: scroll;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#MobilNav.NavActive {
		left: 0;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#Nav div > a > strong {
	    color: #0b1742 !important;
	    top: -10px;
	    float: left;
	    display: block;
	    margin-left: 10px;
	}

	.nav-1 {
	    stroke: #0b1742 !important;
	}

	.nav2-2 {
	    stroke: #0b1742 !important;
	}

	.nav2-1 {
	    fill: #0b1742 !important;
	}

	.nav-5 {
	    fill: #0b1742 !important;
	    stroke: #0b1742 !important;
	}

	div#SiparisTakip > a > strong {
	    color: white !important;
	}

	div#SiparisTakip path {
	    fill: white !important;
	}
	div#Client > a > strong {
	    color: white !important;
	}

	div#Client path {
	    fill: white !important;
	}
	.Open img {
		width: 18%;
		display: block;
		height: 40px;
		float: left;
	}

	#Nav .Open strong {
		line-height: 40px !important;
		float: left;
		display: block !important;
		width: 76% !important;
		text-align: left;
	}
	#Nav .Navs > div {
		height: auto;
		padding: 0 10px;
	}
	#Nav .Navs div#SiparisTakip {
		margin-bottom: 20px;
		padding-top: 20px
	}
	#Nav .Navs div#Client {
		padding-top: 20px
	}
	#Nav .NavIcon {
		margin: 0 !important;
		height: 30px !important;
		float: left;
		display: block;
	}
	.Basket {
		margin: 17px 0;
		padding: 0 20px;
		width: 46%;
	}

	#BasketIcon {
		float: left;
	}

	span#BasketCount {
	position: absolute;
	left: 60px;
	}
	#Nav .Navs > div .Open {
		display: none;
	}
	#Nav .Navs > div .Open.Active {
		padding-left: 20px;
		display: block;
		top: 0;
		position: relative;
		box-shadow: none;
		background: none;
		height: auto;
		opacity: 1;
	}
	#Nav .Navs > div .Open a {
		padding: 0;
	}

	#HeaderContact > span {
		width: 14%;
		float: none;
		display: inline-block;
	}

	#HeaderContact > div {
		width: 77%;
		float: none;
		display: inline-block;
	}

	div#HeaderContact {
		text-align: center;
	}
	a.EN {
		text-align: center;
		width: 60%;
		margin: 20px auto;
		border: 2px solid #23b4b4;
		display: block;
		line-height: 42px;
		border-radius: 25px;
		font-family: 'Roboto';
		color: #23b4b4;
		font-size: 16px;
		float: none !important;
		font-weight: 700;
	}
	#HeaderContact svg {
		width: 100%;
		height: 100%;
	}

	#HeaderContact span {
		text-align: left;
	}
	i.Nav span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		margin-bottom: 7px;
	}

	i.Nav span:last-child {
		margin: 0;
	}

	i.Nav {
		width: 44px;
		display: block;
		background: #0B1745;
		height: 44px;
		padding: 11px;
		border-radius: 100%;
		cursor: pointer;
	}

	div#NavIcon {
		width: 20%;
		float: left;
		margin-top: 10px;
	}
	figure#Logo {
		width: 60%;
		margin: 0;
	}
	figure#Logo	 img {
		width: 50%;
		margin:  0 auto;
	}
	.CloseNav {
		width: 36%;
		float: left;
	}

	i.CloseNavIcon
	 span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		transform: rotate(44deg);
		margin-top: 9px;
	}

	i.CloseNavIcon
	 span:last-child {
		transform: rotate(-45deg);
		margin-top: -2px;
	}

	i.CloseNavIcon {
		width: 44px;
		display: block;
		background: #0B1745;
		height: 44px;
		padding: 11px;
		border-radius: 100%;
		cursor: pointer;
		float: right;
		margin: 20px;
	}
	.SearchIcon {
		width: 44px;
		height: 44px;
		background: #0b1745;
		display: block;
		border-radius: 100%;
		cursor: pointer;
		margin: 0 auto;
		text-align: center;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.SearchIcon img {
		width: 18px;
		display: block;
		margin: 0px auto;
		padding: 13px 0px;
	}
	.SearchMobil {
		width: 9%;
		float: right;
		background: white;
		padding: 10px 0;
		z-index: 9999999;
		position: relative;
		padding-right: 0px;
		right: 0;
	}
	
	#ProductDetail #ProductImg #BigImg {
		width: 510px;
		margin: 0 auto;
		min-height: 340px !important;
	}

	div#Search.SearchActive {
		height: auto;
		opacity: 1;
		top: 70px;
		z-index: 999;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		pointer-events: auto;
	}

	div#Search input {
		width: 100%;
	}

	div#Search button {
		right: 15px;
		top: 15px;
	}
	#SiparisTakip i.NavIcon {
		width: 40px;
	}
	.Active div#LoginRegister {
		height: auto;
		top: 0;
		opacity: 1;
		pointer-events: auto;
		position: relative;
	}

	div#LoginRegister div#Login, div#LoginRegister div#Register, div#LoginRegister div.Cikis, div#LoginRegister div.Hesabim {
		margin: 10px 0px;
		float: left !important;
		width: 100%;
		padding-left: 20px !important;
		display: block;
	}

	div#LoginRegister #LoginRegisterButton img {
		width: 35px;
		height: 30px;
	}

	div#LoginRegister #LoginRegisterButton strong {
		line-height: 33px;
		font-size: 18px;
		color: white !important;
	}
	.Input input[type="text"], .Input input[type="password"] {
		width: 90%;
		float: none !important;
		display: block;
		margin: 10px auto;
	}
	#SingUp .Input input[type="text"],#SingUp  .Input input[type="password"] {
		width: 45%;
		float: left !important;
		margin-left: 2%;
	}

	#SingUp .Input input[type="submit"] {
		top: 250px;
	}

	div#LogIn img {
		margin-top: 10px;
	}

	#LogIn .Input input[type="submit"] {
		top: 230px;
	}

	div#LogIn {
		top: 50%;
		position: fixed;
		width: 500px;
		margin-top: -120px;
		display: block;
		left: 50%;
		margin-left: -250px;
		padding: 0;
	}
	i.PopUpClose {
		background: #e84242;
		display: block;
		padding: 10px;
		border-radius: 100%;
	}

	.Close {
		position: absolute;
		right: -14px;
		top: -14px;
	}

	i.PopUpClose img {
		width: 20px !important;
		height: 20px !important;
		display: block !important;
		margin: 0 !important;
	}
	div#SiparisForm {
		top: 50%;
		margin-top: -120px;
		width: 500px;
		left: 50%;
		margin-left: -250px;
	}
	#SiparisForm i.PopUpClose {
		background: #23b4b4;
	}
	#Category {
		display: none;
	}
	#MobilCategory {
		display: block;
	}
	.Filtre {
		background: #f5ce39;
		font-size: 15px;
		font-family: 'Open Sans';
		margin: 0;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
		color: #735d06;
		margin: 20px 0;
	}
	#CategoryTitle {
		height: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: none;
	}

	#CategoryTitle.CategoryActive {
		opacity: 1;
		height: auto;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
		padding: 0 10px;
	}
	
	.CategoryOpen a {
		width: 27%;
		display: inline-block;
		background: #F5CE39;
		color: #7A671C;
		border-radius: 27px;
		padding: 16px 0;
		margin: 10px 10px;
		font-family: 'Roboto';
		font-weight: 700;
	}

	.CategoryOpen {
		background: #dcb933;
		opacity: 0;
		height: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}

	#CategoryTitle li.Active .CategoryOpen {
		height: auto;
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}
	
	.MobilPopUp {
		display: block;
	}

	.Ulkeler li {
	    width: 33.33%;
	}

	#CommentAdd input[type="submit"] {
	    float: none;
	    margin: 10px auto;
	}
	
	.Input a.sifremiUnuttum {
	    float:  none !important;
	    display: block !important;
	    text-align: center;
	    margin: 10px 0;
	}


	div#SifremiUnuttum {
		width: 450px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}

@media screen and (max-width: 639px) and (min-width: 416px) { /* Tablet 480+ ~ 640 */
	div#Bolge {
		padding: 21px 20px;
		display: block;
	}

	#SearchFilter p {
		font-size: 12px;
		margin: 11px 0px;
		width: 82%;
	}

	#SearchFilter .Map {
		height: 30px;
		width: 6%;
		margin-right: 10px;
	}


	#SearchFilter {
		margin: 20px 0;
	}

	#SearchFilter span.Arrow {
		width: 5%;
		height: 10px;
		margin: 12px 0;
	}

	#SearchFilter #Filter {
		padding: 20px 30px;
	}
	#Bars2 > div {
   		width: 50%;
   		padding-right: 5px !important;
	}

	#Bars2 > div figure img {
		width: 100%;
	}
	#Bars2 > div:nth-child(2n) {
		padding-left: 5px !important;
		padding-right: 0 !important;
	}
	div#Slider {
	    padding: 0;
	    padding-right: 10px;
	    margin-top: 10px;
	}
	.Slide {
	    height: auto;
	}
	#Slider .Slide strong {
	    font-size: 35px;
	    top: 30px;
	    left: 20px;
	}

	#Slider .Slide strong span {
	    font-size: 20px;
	}

	#Slider .Slide a {
	    top: 180px;
	    width: 140px;
	    line-height: 40px;
	    height: 40px;
	    left: 10px;
	}
	#CokSatan a {
	    font-size: 14px;
	    width: 40%;
	    display: inline-block;
	    margin: 0;
	}

	#CokSatan a:after {
	    height: 3px;
	}

	div#CokSatan {
	    margin: 15px 0;
	}
	#ListFirst article p {
	    font-size: 25px;
	    margin-top: 30px;
	}

	#ListFirst article strong {
	    font-size: 60px;
	}

	#ListFirst article strong span {
	    font-size: 25px;
	}

	#ListFirst article a {
	    margin-top: 60px;
	}
	#ListLast article p {
	    font-size: 30px;
	    margin-top: 30px;
	}

	#ListLast article a {
	    margin-top: 100px;
	}

	#SSS div.Container {
	    padding: 0;
	    margin-top: 50px;
	}

	#ListLast div {
	    height: 270px;
	}
	#Comments #CommentElips {
		width: 100%;
		height: auto;
		border-radius: 0;
	}

	#Comments {
	    margin-bottom: -70px;
	}

	#Comments h1 {
	    font-size: 25px;
	    margin-top: 10px;
	}

	#Comments #Comment {
	    margin-top: 20px;
	    -: 100%
	    padding:;
	}

	#Comments .owl-buttons .owl-prev {
	    left: 10px;
	}

	#Comments .owl-buttons .owl-next {
	    right: 10px;
	}
	#Comments #Comment p {
	    padding: 0 25px;
	}
	#Footer .SiteMap strong {
	    text-align: center;
	}

	#Footer .SiteMap a {
	    text-align: center;
	}

	ul#Social {
	    text-align: center;
	    margin: 10px 0;
	}

	figure#Banka {
	    width: 100%;
	}

	#Copy {
	    text-align: center;
	}

	a#Vera {
	    text-align: center;
	    width: 100%;
	}
	#ContentTop #ContentTopBars {
		display: none;
	}
	#ContentTop #ContentTopBars > div > div {
		width: 33%;
	}

	div#ContentTopBars svg {
		height: 28px;
	}

	div#ContentTopBars strong {
		font-size: 15px;
		line-height: 13px;
	}

	.List {
		width: 50%;
	}

	.Star {
		top: 20px;
		right: 20px;
	}

	.Discount {
		top: -10px;
		left: -10px;
	}

	.List > div {
		overflow: visible;
	}
	#Clock p {
		width: 100%;
	}

	div#ClockDetail {
		display: none;
	}
	div#Buy {
		width: 100%;
	}

	div#DetailBars {
		height: auto;
		margin: 20px 0;
	}

	div#DetailBars > div {
		margin: 10px 0;
	}

	#ProductComments .Info {
		width: 100%;
		padding: 10px 10px;
		position: relative;
		left: 10px;
		margin: 10px 0;
	}

	#Step ul li {
		display: none;
	}

	#Step ul li.Active {
		display: block;
	}

	#Step ul li span.Line {
		display: none;
	}

	#Step ul li span.Round {
		display: none;
	}

	.StepInfo {
		margin-left: 0 !important;
		height: initial;
		padding: 0 0px;
		width: 100% !important;
	}

	.StepInfo:before {
		transform: rotate(-45deg);
		left: 50% !important;
		margin-left: -21.5px;
	}

	.StepInfo p {
		line-height: 19px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.StepInfo i {
		line-height: 10px;
		margin: 30px 0 5px 0;
	}

	#DiscountCoupon {
		margin-right: auto;
		margin-left: auto;
		float: none;
		width: 60%

	}
	#DiscountCoupon input[type=text] {
		width: 100%;
		opacity: 1;
		left: 0;
		right: 0;
		float: none;
		margin-bottom:  5px;
	}

	#DiscountCoupon > div {
		display: flex !important;
		flex-direction: column-reverse;
		width: 100%;
	}

	#DiscountCoupon input:focus, #DiscountCoupon input:hover {
		width: 100%;
		float: none;
	}
	#DiscountCoupon a:hover + input {
	    width: 250px;
	}
	#MyProducts .MyProduct article ul li {
		margin: 0;
		margin-bottom: 10px;
		display: inline-block;
	}

	.MyProductPrice {
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.MyProductDelete {
		width: 100%;
		margin: 0;
		display: block;
	}

	.MyProductDelete a {
		background: #E84242;
		display: block;
		padding: 15px 9px;
		border-radius: 100%;
		width: 45px;
		margin: 0 auto;
	}
	.MyProductDelete svg {
		margin: 0 auto;
		display: block;
	}

	#SiparsiButon a {
		margin: 10px auto !important;
		display: block !important;
	}
	#MyProducts .MyProduct figure {
		padding: 20px 80px;
	}
	#MyProducts .MyProduct article ul {
		text-align: center;
	}

	#MyProducts .MyProduct article {
		padding: 0;
	}

	#MyProducts .MyProduct article ul li:nth-child(3):before {
		display: none;
	}

	#TotalPrice {
		height: initial;
		text-align: center;
	}

	#TotalPrice .AraToplam {
		margin: 0;
		width: 100%;
		margin-bottom: 6px;
	}

	#TotalPrice .AraToplam span {
		margin-bottom: 5px;
	}

	#Toplam {
		top: 0;
		margin: 0 auto;
		float: none !important;
		width: 290px !important;
		display: inline-block;
	}
	#CardNote .Note a {
		position: static;
		width: 100%;
		display: block;
		margin-top: 10px;
	}

	#CardNote .Note input[type="text"] {
		padding: 20px;
	}
		#RecipientInformation, #CardInformation {
		width: 90%;
	}
	#Payment ul.Title {
		width: 90%;
		margin: 0 auto;
		border: 5px solid #f1f2f4;
		border-radius: 20px;
		margin-bottom: -5px;
		border-bottom: none;
	}

	#Payment ul.Title li {
		border: none !important;
	}

	#Payment ul.Title li.Active:first-child:before, #Payment ul.Title li:hover:first-child:before {
		display: none;
	}

	#Payment ul.Title li.Active:after,#Payment ul.Title li.Active:before {
		display: none;
	}
	div#Card {
		width: 90%;
		padding: 70px 10px;
		margin: 0 auto;
	}

	div#Payment div.VDA-PD-LR-100 {
		padding: 0 20px;
		margin-top: 30px;
	}
	.input {
	    width: 100%;
	}
	#Completed {
		background-size: contain;
	}
	
	#Header {
		display: none !important;
	}
	nav#Nav {
		display: none;
	}

	#MobilHeader {
	    display: block;
	    margin: 10px 0;
	}
	#Search {
		display: block;
		z-index: -1;
		position: absolute !important;
		pointer-events: none;
		background: white;
		top: 11px;
		height: 0;
		opacity: 0;
		box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.19);
		width: 93%;
		padding: 9px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	#MobilNav nav#Nav {
		display: block;
		background: none;
		height: auto;
	}
	#MobilNav {
		display: block;
		position: fixed;
		left: -300px;
		top: 0;
		background: white;
		box-shadow: 0px 0px 25px rgba(11, 23, 66, 0.43);
		width: 230px;
		z-index: 9999999999;
		height: 100%;
		overflow-y: scroll;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#MobilNav.NavActive {
		left: 0;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#Nav div > a > strong {
	    color: #0b1742 !important;
	    top: -10px;
	    float: left;
	    display: block;
	    margin-left: 10px;
	}

	.nav-1 {
	    stroke: #0b1742 !important;
	}

	.nav2-2 {
	    stroke: #0b1742 !important;
	}

	.nav2-1 {
	    fill: #0b1742 !important;
	}

	.nav-5 {
	    fill: #0b1742 !important;
	    stroke: #0b1742 !important;
	}

	div#SiparisTakip > a > strong {
	    color: white !important;
	}

	div#SiparisTakip path {
	    fill: white !important;
	}
	div#Client > a > strong {
	    color: white !important;
	}

	div#Client path {
	    fill: white !important;
	}
	.Open img {
		width: 18%;
		display: block;
		height: 40px;
		float: left;
	}

	#Nav .Open strong {
		line-height: 40px !important;
		float: left;
		display: block !important;
		width: 75% !important;
		text-align: left;
	}
	#Nav .Navs > div {
		height: auto;
		padding: 0 10px;
	}
	#Nav .Navs div#SiparisTakip {
		margin-bottom: 20px;
		padding-top: 20px
	}
	#Nav .Navs div#Client {
		padding-top: 20px
	}
	#Nav .NavIcon {
		margin: 0 !important;
		height: 30px !important;
		float: left;
		display: block;
	}
	#Nav .Navs > div .Open a {
		padding: 0;
	}
	.Basket {
		margin: 17px 0;
		padding: 0 20px;
		width: 46%;
	}

	#BasketIcon {
		float: left;
	}

	span#BasketCount {
	position: absolute;
	left: 60px;
	}
	#Nav .Navs > div .Open {
		display: none;
	}
	#Nav .Navs > div .Open.Active {
		padding-left: 20px;
		display: block;
		height: auto;
		background: none !important;
		position: relative;
		box-shadow: none;
		top: 0;
		opacity: 1;
	}

	#HeaderContact > span {
		width: 14%;
		float: none;
		display: inline-block;
	}

	#HeaderContact > div {
		width: 77%;
		float: none;
		display: inline-block;
	}

	div#HeaderContact {
		text-align: center;
	}
	a.EN {
		text-align: center;
		width: 60%;
		margin: 20px auto;
		border: 2px solid #23b4b4;
		display: block;
		line-height: 42px;
		border-radius: 25px;
		font-family: 'Roboto';
		color: #23b4b4;
		font-size: 16px;
		float: none !important;
		font-weight: 700;
	}
	#HeaderContact svg {
		width: 100%;
		height: 100%;
	}

	#HeaderContact span {
		text-align: left;
	}
	i.Nav span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		margin-bottom: 7px;
	}

	i.Nav span:last-child {
		margin: 0;
	}

	i.Nav {
		width: 44px;
		height: 44px;
		display: block;
		background: #0B1745;
		padding: 9px 9px;
		border-radius: 100%;
		cursor: pointer;
	}

	div#NavIcon {
		width: 20%;
		float: left;
		margin-top: 10px;
	}
	figure#Logo {
		width: 60%;
		margin: 0;
	}
	figure#Logo	 img {
		width: 60%;
		margin:  0 auto;
	}
	.CloseNav {
		width: 36%;
		float: left;
	}

	i.CloseNavIcon	 span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		transform: rotate(44deg);
		margin-top: 9px;
	}

	i.CloseNavIcon
	 span:last-child {
		transform: rotate(-45deg);
		margin-top: -2px;
	}

	i.CloseNavIcon {
		width: 44px;
		display: block;
		background: #0B1745;
		height: 44px;
		padding: 11px;
		border-radius: 100%;
		cursor: pointer;
		float: right;
		margin: 20px;
	}
	.SearchIcon {
		width: 44px;
		height: 44px;
		background: #0b1745;
		display: block;
		border-radius: 100%;
		cursor: pointer;
		margin: 0 auto;
		text-align: center;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	#ProductDetail #ProductImg #BigImg {
		width: 360px;
		margin: 0 auto;
		min-height: 240px !important;
	}

	#Price {
		text-align: center;
	}
	#Price strong {
		display: inline-block;
		float: none !important;
	}
	#Price a, #Price input[type=submit] {
		text-align: center;
		float: none;
		margin: 0;
	}

	#Price p {
		display: inline-block;
		float: none !important;
	}
	.SearchIcon img {
		width: 18px;
		display: block;
		margin: 0px auto;
		padding: 13px 0px;
	}
	.SearchMobil {
		width: 16%;
		float: right;
		background: white;
		padding: 10px 0;
		z-index: 9999999;
		position: relative;
		padding-right: 0px;
		right: 0;
	}
	div#Search.SearchActive {
		height: auto;
		opacity: 1;
		top: 70px;
		z-index: 999;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		pointer-events: auto;
	}

	div#Search input {
		width: 100%;
	}

	div#Search button {
		right: 15px;
		top: 15px;
	}
	#SiparisTakip i.NavIcon {
		width: 40px;
	}
	.Active div#LoginRegister {
		height: auto;
		top: 0;
		opacity: 1;
		pointer-events: auto;
		position: relative;
	}

	div#LoginRegister div#Login, div#LoginRegister div#Register, div#LoginRegister div.Cikis, div#LoginRegister div.Hesabim {
		margin: 10px 0px;
		float: left !important;
		width: 100%;
		padding-left: 20px !important;
		display: block;
	}

	div#LoginRegister #LoginRegisterButton img {
		width: 35px;
		height: 30px;
	}

	div#LoginRegister #LoginRegisterButton strong {
		line-height: 33px;
		font-size: 18px;
		color: white !important;
	}
	.Input input[type="text"], .Input input[type="password"] {
		width: 90%;
		float: none !important;
		display: block;
		margin: 10px auto;
	}

	div#LogIn img {
		margin-top: 10px;
	}

	#LogIn .Input input[type="submit"] {
		top: 235px;
	}

	div#LogIn {
		top: 50%;
		position: fixed;
		width: 390px;
		margin-top: -120px;
		display: block;
		left: 50%;
		margin-left: -207px;
		padding: 0;
	}
	div#LogIn.Active {
		height: 280px;		
	}
	i.PopUpClose {
		background: #e84242;
		display: block;
		padding: 10px;
		border-radius: 100%;
	}
	#SingUp .Input input[type="submit"] {
		position: relative;
		top: 0;
	}
	#SingUp.Active {
		top: 50%;
		margin-top: -200px;
		position: fixed;
		height: 400px;
	}
	.Close {
		position: absolute;
		right: 0px;
		top: -14px;
	}

	i.PopUpClose img {
		width: 20px !important;
		height: 20px !important;
		display: block !important;
		margin: 0 !important;
	}
	div#SiparisForm {
		top: 50%;
		margin-top: -120px;
		width: 390px;
		left: 50%;
		margin-left: -200px;
	}
	#SiparisForm i.PopUpClose {
		background: #23b4b4;
	}
	#Category {
		display: none;
	}
	#MobilCategory {
		display: block;
	}
	.Filtre {
		background: #f5ce39;
		font-size: 15px;
		font-family: 'Open Sans';
		margin: 0;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
		color: #735d06;
		margin: 20px 0;
	}
	#CategoryTitle {
		height: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: none;
	}

	#CategoryTitle.CategoryActive {
		opacity: 1;
		height: auto;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
		padding: 0 10px;
	}
	
	.CategoryOpen a {
		width: 47%;
		display: inline-block;
		background: #F5CE39;
		color: #7A671C;
		border-radius: 27px;
		padding: 16px 0;
		margin: 10px 3px;
		font-family: 'Roboto';
		font-weight: 700;
	}

	.CategoryOpen {
		background: #dcb933;
		opacity: 0;
		height: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}

	#CategoryTitle li.Active .CategoryOpen {
		height: auto;
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}
	
	.MobilPopUp {
		display: block;
	}
	.Select {
		width: 70% !important;
		margin: 10px auto;
		float: none;
	}
	div.Metin {
		margin-left: 0;
	}
	
	div#ListProducts {
		text-align: center;
	}
	.List {
		width: 50%;
		padding: 5px;
	}
	.List > div {
		height: auto;
		padding: 5px;
	}
	.List figure {
		height: 150px;
	}
	
	.List article p a {
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 auto;
		max-height: 44px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		min-height: 38px;
	}

	.List article span {
		font-size: 13px;
		height: 17px;
	}
	div#ListFirst > div {
		height: auto;
	}

	.Ulkeler li {
	    width: 50%;
	}
	#CommentAdd input[type="submit"] {
	    float: none;
	    margin: 10px auto;
	}
	.statusOne {
	    flex-direction:  column;
	}

	.Input a.sifremiUnuttum {
	    float:  none !important;
	    display: block !important;
	    text-align: center;
	    margin: 10px 0;
	}

	div#SifremiUnuttum {
		width: 450px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}

@media screen and (max-width: 415px) and (min-width: 320px) { /* MOBILE 480+ ~ 640 */
	div#Bolge {
		padding: 21px 20px;
		display: block;
	}

	#SearchFilter p {
		font-size: 12px;
		margin: 0;
		width: 82%;
	}

	#SearchFilter .Map {
		height: 30px;
		width: 9%;
		margin-right: 10px;
	}	
	#ContentTop #ContentTopBars {
		display: none;
	}
	#SearchFilter {
		margin: 20px 0;
	}

	#SearchFilter span.Arrow {
		width: 5%;
		height: 10px;
		margin: 10px 0;
	}

	#SearchFilter #Filter {
		padding: 20px 30px;
	}
	#Bars2 > div {
   		width: 50%;
   		padding-right: 5px !important;
	}
	#Bars2 > div figure img {
		width: 100%;
	}
	#Bars2 > div:nth-child(2n) {
		padding-left: 5px !important;
		padding-right: 0 !important;
	}
	div#Slider {
	    padding: 0;
	    padding-right: 10px;
	    margin-top: 10px;
	}
	.Slide {
	    height: auto;
	}
	#Slider .Slide strong {
	    font-size: 25px;
	    top: 20px;
	    left: 20px;
	}

	#Slider .Slide strong span {
	    font-size: 15px;
	}

	#Slider .Slide a {
	    top: 130px;
	    width: 140px;
	    line-height: 40px;
	    height: 40px;
	    left: 10px;
	}
	#CokSatan a {
	    font-size: 14px;
	    width: 49%;
	    display: inline-block;
	    margin: 0;
	}

	#CokSatan a:after {
	    height: 3px;
	}

	div#CokSatan {
	    margin: 15px 0;
	}
	#ListFirst article p {
	    font-size: 20px;
	    margin-top: 20px;
	}

	#ListFirst article strong {
	    font-size: 50px;
	}

	#ListFirst article strong span {
	    font-size: 20px;
	}

	#ListFirst article a {
	    margin-top: 20px;
	}
	#ListLast article p {
	    font-size: 20px;
	    margin-top: 20px;
	}

	#ListLast article strong {}

	#ListLast article a {
	    margin-top: 100px;
	}

	#SSS div.Container {
	    padding: 0;
	    margin-top: 50px;
	}

	#ListLast div {
	    height: auto;
	}
	#Comments #CommentElips {
		width: 100%;
		height: auto;
		border-radius: 0;
	}

	#Comments {
	    margin-bottom: -70px;
	}

	#Comments h1 {
	    font-size: 25px;
	    margin-top: 10px;
	}

	#Comments #Comment {
	    margin-top: 20px;
	    -: 100%
	    padding:;
	}

	#Comments .owl-buttons .owl-prev {
	    left: 10px;
	}

	#Comments .owl-buttons .owl-next {
	    right: 10px;
	}
	#Comments #Comment p {
	    padding: 0 25px;
	}
	#Footer .SiteMap strong {
	    text-align: center;
	}

	#Footer .SiteMap a {
	    text-align: center;
	}

	ul#Social {
	    text-align: center;
	    margin: 10px 0;
	}

	figure#Banka {
	    width: 100%;
	}

	#Copy {
	    text-align: center;
	}

	a#Vera {
	    text-align: center;
	    width: 100%;
	}
	#Paging a {
		margin-bottom: 10px;
	}
	div#Price {
	text-align: center;
	}
	div#ClockDetail {
    	display: none;
	}

	#Clock p {
		width: 100%;
	}

	#ProductArticle #Calender a {
		width: 15%;
	}
	div#Buy {
		width: 100%;
		height: auto;
	}
	#Price strong {
		display: inline-block;
		float: none !important;
	}

	#Price p {
		display: inline-block;
		float: none !important;
	}

	#Price a {
		width: 100%;
		float: none;
		margin-top: 3px;
		display: block;
		text-align: center;
		padding: 15px 0;
	}
	#Price a, #Price input[type=submit] {
		text-align: center;
		float: none;
		margin: 0;
	}
	#DetailBars {
		height: initial;
	}

	#DetailBars > div {
		margin: 5px 0;
	}

	#ProductComments .Info {
		width: 100%;
		padding: 10px 10px;
		position: relative;
		left: 10px;
		margin: 10px 0;
	}
	#Step ul li {
		display: none;
	}

	#Step ul li.Active {
		display: block;
	}

	#Step ul li span.Line {
		display: none;
	}

	#Step ul li span.Round {
		display: none;
	}

	.StepInfo {
		margin-left: 0 !important;
		height: initial;
		padding: 0 0px;
		width: 100% !important;
	}

	.StepInfo:before {
		transform: rotate(-45deg);
		left: 50% !important;
		margin-left: -21.5px;
	}

	.StepInfo p {
		line-height: 19px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.StepInfo i {
		line-height: 10px;
		margin: 30px 0 5px 0;
	}
	#DiscountCoupon a {
		width: 100%;
		padding: 14px 0;
		text-align: center;
	}

	#DiscountCoupon {
		margin-right: 0;
		width: 100%;
	}

	#DiscountCoupon input:focus, #DiscountCoupon input:hover {
		width: 100%;
		float: none;
	}
	#DiscountCoupon a:hover + input {
	    width: 100%;
	    left: 0;
	    float: none;
	}
	#DiscountCoupon input {
	    width: 100%;
	    float: none;
	    margin-top: 0;
	    display: block;
	}
	#DiscountCoupon input[type=text] {
		width: 100%;
		opacity: 1;
		left: 0;
		right: 0;
		float: none;
		margin-bottom:  5px;
	}

	#DiscountCoupon > div {
		display: flex !important;
		flex-direction: column-reverse;
		width: 100%;
	}
	#MyProducts .MyProduct article ul li {
		margin-bottom: 10px;
		text-align: center;
	}

	.MyProductPrice {
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.MyProductDelete {
		width: 100%;
		margin: 0;
		display: block;
	}
	.MyProductDelete a {
		background: #E84242;
		display: block;
		padding: 15px 9px;
		border-radius: 100%;
		width: 45px;
		margin: 0 auto;
	}

	.MyProductDelete svg {
		margin: 0 auto;
		display: block;
		width: 15px;
	}
	#TotalPrice {
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	#TotalPrice span {
		display: block;
		text-align: center;
	}

	#Toplam {
		display: block;
		top: 10px;
		margin: 0 auto;
		float: none;
		width: 210px;
	}
	#MyProducts .MyProduct article ul {
		text-align: center;
	}

	#MyProducts .MyProduct article ul li:nth-child(3):before {
		display: none;
	}

	#TotalPrice .AraToplam {
		float: none;
		display: inline-block;
		width: 100%;
		text-align: center;
		margin: 0;
	}

	#TotalPrice .AraToplam span {
		margin-bottom: 6px;
	}
	#SiparsiButon a {
		margin: 10px auto !important;
		display: block !important;
	}
	#CardNote .Note a {
		position: static;
		width: 100%;
		display: block;
		margin-top: 10px;
	}

	#CardNote .Note input[type="text"] {
		padding: 20px;
	}
	#RecipientInformation, #CardInformation {
		width: 90%;
	}
	div#Card {
		width: 90%;
		padding: 70px 10px;
		margin: 0 auto;
	}

	div#Payment div.VDA-PD-LR-100 {
		padding: 0 20px;
		margin-top: 30px;
	}
	#Completed {
		background-size: contain;
	}
	#Header {
		display: none !important;
	}
	nav#Nav {
		display: none;
	}

	#MobilHeader {
	    display: block;
	    margin: 10px 0;
	}
	#Search {
		display: block;
		z-index: -1;
		position: absolute !important;
		pointer-events: none;
		background: white;
		top: 11px;
		height: 0;
		opacity: 0;
		box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.19);
		width: 93%;
		padding: 9px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	#MobilNav nav#Nav {
		display: block;
		background: none;
		height: auto;
	}
	#MobilNav {
		display: block;
		position: fixed;
		left: -300px;
		top: 0;
		background: white;
		box-shadow: 0px 0px 25px rgba(11, 23, 66, 0.43);
		width: 230px;
		z-index: 9999999999;
		height: 100%;
		overflow-y: scroll;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#MobilNav.NavActive {
		left: 0;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	#Nav div > a > strong {
	    color: #0b1742 !important;
	    top: -7px;
	    float: left;
	    display: block;
	    margin-left: 10px;
	    text-align: left;
	    line-height: 40px;
	}

	.nav-1 {
	    stroke: #0b1742 !important;
	}

	.nav2-2 {
	    stroke: #0b1742 !important;
	}

	.nav2-1 {
	    fill: #0b1742 !important;
	}

	.nav-5 {
	    fill: #0b1742 !important;
	    stroke: #0b1742 !important;
	}

	div#SiparisTakip > a > strong {
	    color: white !important;
	}

	div#SiparisTakip path {
	    fill: white !important;
	}
	div#Client > a > strong {
	    color: white !important;
	}

	div#Client path {
	    fill: white !important;
	}
	.Open a {
		padding: 0 !important;
		padding-left: 20px !important;
	}
	.Open img {
		width: 18%;
		display: block !important;
		height: 40px !important;
		float: left;
	}

	#Nav .Open strong {
		line-height: 40px !important;
		float: left;
		display: block !important;
		width: 76% !important;
		color: #0b1742 !important;
	}
	#Nav .Navs > div {
		height: auto;
		padding: 0 10px;
	}
	#Nav .Navs div#SiparisTakip {
		margin-bottom: 20px;
		padding-top: 20px
	}
	#Nav .Navs div#Client {
		padding-top: 20px
	}
	#Nav .NavIcon {
		margin: 0 !important;
		height: 25px !important;
		float: left;
		display: block;
		width: 25px;
	}
	.Basket {
		margin: 17px 0;
		padding: 0 20px;
		width: 46%;
	}

	#BasketIcon {
		float: left;
	}

	span#BasketCount {
	position: absolute;
	left: 60px;
	}
	#Nav .Navs > div .Open {
		display: none;
	}
	#Nav .Navs > div .Open.Active {
		display: block;
		height: auto;
		position: relative;
		top: 0;
		background: none !important;
		box-shadow: none;
		z-index: 99999999;
		opacity: 1;
	}

	#HeaderContact > span {
		width: 14%;
		float: none;
		display: inline-block;
	}

	#HeaderContact > div {
		width: 77%;
		float: none;
		display: inline-block;
	}

	div#HeaderContact {
		text-align: center;
	}
	a.EN {
		text-align: center;
		width: 60%;
		margin: 20px auto;
		border: 2px solid #23b4b4;
		display: block;
		line-height: 42px;
		border-radius: 25px;
		font-family: 'Roboto';
		color: #23b4b4;
		font-size: 16px;
		float: none !important;
		font-weight: 700;
	}
	#HeaderContact svg {
		width: 100%;
		height: 100%;
	}

	#HeaderContact span {
		text-align: left;
	}
	i.Nav span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		margin-bottom: 7px;
	}

	i.Nav span:last-child {
		margin: 0;
	}

	i.Nav {
		width: 44px;
		display: block;
		background: #0B1545;
		height: 44px;
		padding: 11px !important;
		border-radius: 100%;
		cursor: pointer;
	}

	div#NavIcon {
		width: 20%;
		float: left;
		margin-top: 10px;
	}
	figure#Logo {
		width: 60%;
		display: block;
		margin: 0;
	}
	.CloseNav {
		width: 36%;
		float: left;
	}

	i.CloseNavIcon
	 span {
		width: 100%;
		height: 2px;
		background: white;
		display: block;
		transform: rotate(44deg);
		margin-top: 9px;
	}

	i.CloseNavIcon
	 span:last-child {
		transform: rotate(-45deg);
		margin-top: -2px;
	}

	i.CloseNavIcon {
		width: 44px;
		display: block;
		background: #0B1745;
		height: 44px;
		padding: 11px;
		border-radius: 100%;
		cursor: pointer;
		float: right;
		margin: 20px;
	}
	.SearchIcon {
		width: 44px;
		height: 44px;
		background: #0b1745;
		display: block;
		border-radius: 100%;
		cursor: pointer;
		margin: 0 auto;
		text-align: center;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.SearchIcon img {
		width: 18px;
		display: block;
		margin: 0px auto;
		padding: 13px 0px;
	}
	.SearchMobil {
		width: 20%;
		float: right;
		background: white;
		padding: 10px 0;
		z-index: 9999999;
		position: relative;
		padding-right: 0px;
		right: -7px;
	}
	div#Search.SearchActive {
		height: auto;
		opacity: 1;
		top: 70px;
		z-index: 999;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		pointer-events: auto;
	}

	div#Search input {
		width: 100%;
	}

	div#Search button {
		right: 15px;
		top: 15px;
	}
	#SiparisTakip i.NavIcon {
		width: 40px;
	}
	.Active div#LoginRegister {
		height: auto;
		top: 0;
		opacity: 1;
		pointer-events: auto;
		position: relative;
	}

	div#LoginRegister div#Login, div#LoginRegister div#Register, div#LoginRegister div.Cikis, div#LoginRegister div.Hesabim {
		margin: 10px 0px;
		float: left !important;
		width: 100%;
		padding-left: 20px !important;
		display: block;
	}

	div#LoginRegister #LoginRegisterButton img {
		width: 35px;
		height: 30px;
	}

	div#LoginRegister #LoginRegisterButton strong {
		line-height: 33px;
		font-size: 18px;
		color: white !important;
	}
	.Input input[type="text"], .Input input[type="password"] {
		width: 90%;
		float: none !important;
		display: block;
		margin: 10px auto;
	}
	#SiparisForm .Input input[type="submit"] {
		position: relative;
		top: 0;
	}

	div#LogIn img {
		margin-top: 10px;
	}

	#LogIn .Input input[type="submit"] {
		top: 0;
		position: relative;
	}

	div#LogIn.Active, #SingUp.Active {
		top: 50%;
		margin-top: -120px;
		position: fixed;
		height: 260px;
	}
	#SingUp.Active {
		top: 50%;
		margin-top: -200px;
		position: fixed;
		height: 400px;
	}
	#SingUp .Input input[type="submit"] {
		position: relative;
		top: 0;
	}
	div#divSiparisKontrolMobil, #divUyeGirisMobil, #divUyelikMobil {
		width: 100%;
		position: relative;
		top: 0;
		text-align: center;
		font-family: 'Roboto';
		color: white;
		margin-top: 10px;
	}
	i.PopUpClose {
		background: #e84242;
		display: block;
		padding: 10px;
		border-radius: 100%;
	}

	.Close {
		position: absolute;
		right: 0;
		top: -14px;
	}

	i.PopUpClose img {
		width: 20px !important;
		height: 20px !important;
		display: block !important;
		margin: 0 !important;
	}
	div#SiparisForm {
		top: 50%;
		margin-top: -120px;
	}
	#SiparisForm i.PopUpClose {
		background: #23b4b4;
	}
	#Category {
		display: none;
	}
	#MobilCategory {
		display: block;
	}
	.Filtre {
		background: #f5ce39;
		font-size: 15px;
		font-family: 'Open Sans';
		margin: 0;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
		color: #735d06;
		margin: 20px 0;
	}
	#CategoryTitle {
		height: 0;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: none;
	}

	#CategoryTitle.CategoryActive {
		opacity: 1;
		height: auto;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
		padding: 0 10px;
	}
	
	.CategoryOpen a {
		width: 47%;
		display: inline-block;
		background: #F5CE39;
		color: #7A671C;
		border-radius: 27px;
		padding: 16px 0;
		margin: 10px 3px;
		font-family: 'Roboto';
		font-weight: 700;
	}

	.CategoryOpen {
		background: #dcb933;
		opacity: 0;
		height: 0;
		pointer-events: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}

	#CategoryTitle li.Active .CategoryOpen {
		height: auto;
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		display: block;
	}	
	.MobilPopUp {
		display: block;
	}
	div#ListProducts {
		text-align: center;
	}
	.List {
		width: 50%;
		padding: 5px;
	}
	.List > div {
		height: auto;
		padding: 5px;
	}
	.List figure {
		height: 140px;
	}
	.Select {
		width: 80% !important;
		margin: 20px auto;
		display: block;
		float: none;
	}
	div.Metin {
		margin-left: 0;
	}
	#ProductDetail #ProductImg #BigImg {
		margin: 0 auto;
		width: 100%;
		min-height: 260px !important;
	}
	div#ListFirst > div {
	    height: auto;
	}
	.List article p a {
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 auto;
		max-height: 44px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		min-height: 38px;
	}

	.List article span {
		font-size: 13px;
		height: 17px;
	}
	.Ulkeler li {
	    width: 50%;
	}
	#CommentAdd input[type="submit"] {
	    float: none;
	    margin: 10px auto;
	}
	.statusOne {
	    flex-direction:  column;
	}
	.Input a.sifremiUnuttum {
	    float:  none !important;
	    display: block !important;
	    text-align: center;
	    margin: 10px 0;
	}

	div#SifremiUnuttum {
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}