#ucretsiz-banner-header{
			display: none !important;
		}
	
		#footer{
			margin-top: 0px !important;
		}
		
		.products-text{
			font-size: 24px;
    		color: #fff;
    		line-height: 1.2;
    		margin-bottom: 10px;
		}
		
		.index-badge{
			position: absolute;
		    right: 0px;
		    bottom: 30px;
		    width: 120px;
		}
		
		body, html {
		  height: 100%;
	    	font-family: 'Roboto';
	    	background-color: #292929;
		}
		
		.webp #product-select{
			background: url(../images/index/product_select_bg_img.webp);
			height: 100%;
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: cover;
		}
		
		.no-webp #product-select{ 
			background: url(../images/index/product_select_bg_img.jpg);
			height: 100%;
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: cover;
		}
				
		#footer.dark, .dark #footer {
		    z-index: 2;
		}
	
		.product-select-header{
		    font-size: 28px;
		    text-align: center;
		    margin: 50px 0px 0px 0px;
		    line-height: 1.2;
		    color: #fff;
		    font-weight: 400;
		    position:relative;
		    z-index: 3;
		}
		
		.product-select-header span{
			color: #FFC107;
		}

		.product-books-container, .product-lgs-container{
			text-align: center;
			cursor: pointer;
		}
		
		.index-buttons{
		    width: 200px;
		    background: #fec107;
		    color: #333333;
		    display: inline-block;
		    font-size: 18px;
		    font-weight: 900;
		    padding: 5px 0px;
		    border-radius: 5px;
		    border: 1px solid #fff;
		    -webkit-box-shadow: 0px 9px 19px -4px rgb(0 0 0 / 75%);
		    -moz-box-shadow: 0px 9px 19px -4px rgba(0,0,0,0.75);
		    box-shadow: 0px 9px 19px -4px rgb(0 0 0 / 75%);
		    transition: all 200ms ease-out;
		}
		
		.index-buttons:hover{
			transform: scale(1.01);
			background: #333333;
			color: #fec107;
			border: 1px solid #333333;
		}
		
		.product-books-button, .product-lgs-button{
		    margin: 40px 0px 0px 0px;
		}
		
		.product-lgs-container, .product-books-container{
			margin: 70px 0px 70px 0px; 
		    z-index: 3;
   			position: relative;
   			transition: all 200ms ease-out;
		}
		
		.product-lgs-container:hover, .product-books-container:hover{
			transform: scale(1.05);
		}
		
		.product-lgs-image{
			margin: -10px -60px -20px -60px;
		}
		
		.product-books-image{
			margin: -10px -80px -20px -40px;
		}
		
		@media  screen and (min-width: 1981px) {
		 	
		 	#product-select:before {
			    left: -130px;
			    top: -230px;
			    height: 1200px;
			    width: 1200px;
			}
		 	
		 	#product-select:after {
			    right: -210px;
			    top: 130px;
			    height: 1200px;
			    width: 1200px;
			}
		 	
		}
		
		@media  screen and (max-width: 1680px) {
		 	
		 	.product-select-header{
		 		font-size: 30px;
		 	}
		 	
		 	.product-lgs-container, .product-books-container{
	 		    margin: 70px 0px 140px 0px;
		 	}
		 	
		 	#product-select:before{
	 		    left: -260px;
    			top: -220px;
		 	}
		 	
		 	#product-select:after{
	 		    right: -290px;
    			top: 80px;
		 	}
		 	
		 	#grey-bg{
		 		height: 390px;
		 	}
		 	
		}
		
		
		@media  screen and (max-width: 1440px) {
		 	
		 	.product-select-header{
		 		font-size: 24px;
		 		margin: 50px 0px 0px 0px;
		 	}
		 	
		 	.product-lgs-container, .product-books-container{
	 		    margin: 90px 0px 80px 0px;
		 	}
		 	
		 	#product-select:before{
 		        left: -180px;
 				top: -110px;
   			    height: 800px;
   				width: 800px;
		 	}
		 	
		 	#product-select:after{
 		        right: -170px;
    			top: 111px;
    			height: 800px;
   				width: 800px;
		 	}
		 	
		 	.index-buttons{
		 		width: 200px;
		 		font-size: 20px;
		 	}
		 	
		 	#grey-bg{
		 		height: 360px;
		 	}
		 	
		}
		
		
		@media  screen and (max-width: 1366px) {
		 	
		 	.product-select-header{
		 		font-size: 22px;
	 		    margin: 25px 0px 25px 0px;
		 	}
		 	
		 	.product-lgs-container, .product-books-container{
	 		    margin: 10px 0px 50px 0px;
		 	}
		 	
		 	#product-select:before{
 		        left: -180px;
 				top: -110px;
   			    height: 800px;
   				width: 800px;
		 	}
		 	
		 	#product-select:after{
 		        right: -170px;
    			top: 111px;
    			height: 800px;
   				width: 800px;
		 	}
		 	
		 	.index-buttons{
		 		width: 180px;
		 		font-size: 18px;
		 	}
		 	
		 	#grey-bg{
		 		height: 360px;
		 	}
		 	
		 	#header.transparent-header, #header.semi-transparent {
			    z-index: 9;
			}
			
			.index-badge{
			    width: 90px !important;
			}
		 	
		}
		
		@media  screen and (max-width: 1200px) {
			.product-lgs-image, .product-books-image {
			    margin: -10px 0px -20px 0px;
			}
		}
	
		
		@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {

		 	#footer{
		 		margin-top: 0px !important;
		 	}
		 	
		 	#product-select{
	 		    background-position-y: 0px;
		 	}
		 	
		 	.product-select-header{
		 		margin: 90px 0px 90px 0px;
		 	}
		 	 	
		}

		
		@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
		 	
		 	#footer{
		 		margin-top: 0px !important;
		 	}
		 	
		 	#product-select{
 		        background-position-y: 0px !important;
    			background-position-x: 0px !important;
		 	}
		 	
		 	.product-select-header{
		 		padding: 0px 300px !important;
		 		margin: 60px 0px;
		 	}
		 	
		 	#product-select:before {
			    left: -160px;
			    top: -20px;
			    height: 700px;
			    width: 700px;
			}
		 	
		 	#product-select:after {
			    right: -220px;
			    top: 111px;
			    height: 700px;
			    width: 700px;
			}
		 	
		}
		
		
		@media  screen and (max-width: 1024px){
		    
		 	#product-select{
	 		    background-position-y: 0px;
 		        background-position-x: 0px;
		 	}
		}
		
		
		@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

			.product-books-logo img, .product-books-image img, .product-lgs-image img, .product-lgs-logo img{
				width:70%;
			}
			
			.product-books-button, .product-lgs-button {
			    margin: 20px 0px;
			}
			
			#product-select{
	 		    background-position-y: 0px;
	 		    background-position-x: 0px;
		 	}
			
			.product-select-header{
				padding: 0px 100px;
			}
		 	
		 	#footer{
		 		margin-top: 0px !important;
		 	}
		 	
		 	.product-select-header{
		 		padding: 0px 180px;
		 	}
		 	
		 	#product-select:before {
			    left: -160px;
			    top: -20px;
			    height: 700px;
			    width: 700px;
			}
		 	
		 	#product-select:after {
			    display: none;
			}
		 	
		}
		
		@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
		    body {
				position: relative;
			}
			
			.product-books-logo img, .product-books-image img, .product-lgs-image img, .product-lgs-logo img{
				width:70%;
			}
			
			.product-books-button, .product-lgs-button {
			    margin: 20px 0px;
			}
			
			#product-select{
	 		    background-position-y: 0px;
 		        background-position-x: -40px;
		 	}
		 	
		 	#footer{
		 		margin-top: 0px !important;
		 	}
		 	
		 	.product-select-header{
		 		padding: 0px 200px;
    			font-size: 18px;
    			margin: 50px 0px;
		 	}
		 	
		 	.index-buttons {
			    width: 160px;
			    font-size: 16px;
			}
		 	
		 	#product-select:before {
			    display: none;
			}
		 	
		 	#product-select:after {
			    display: none;
			}
		 	
		}
		
		
		@media  screen and (max-width: 767px){
		    body {
				position: relative;
			}
			
			.product-lgs-image img{
				margin: 0px;
			}
			
			
			
			.webp #product-select {
			    background: url(../images/index/small_screen.webp) no-repeat;
			    background-position-y: -160px;			    
			}
			
			.no-webp #product-select {
			    background: url(../images/index/small_screen.jpg) no-repeat;
			    background-position-y: -160px;			    
			}
			
			.product-lgs-container, .product-books-container {
			  	padding: 20px 120px 0px 120px;
			}
			
			.product-books-logo img, .product-books-image img, .product-lgs-image img, .product-lgs-logo img{
				width:70%;
			}
			
			.product-books-button, .product-lgs-button {
			    margin: 20px 0px;
			}
		 	
		 	#footer{
		 		margin-top: 0px !important;
		 	}
		 	
		 	.product-select-header{
		 		padding: 0px 20px;
		 	}
		 	
		 	#product-select:before {
			    display: none;
			}
		 	
		 	#product-select:after {
			    display: none;
			}
		 	
		}
		
		@media  screen and (max-width: 480px){
		    body {
				position: relative;
			}
			
			.index-badge{
			    right: 30px;
		        width: 70px !important;
			}
			
			
			.webp #product-select {
			    background: url(../images/index/mobile_index.webp) no-repeat;
			    background-position-y: 0;
			    background-size: cover;
			}
			
			
			.no-webp #product-select {
			    background: url(../images/index/mobile_index.jpg) no-repeat;
			    background-position-y: 0;
			    background-size: cover;
			}
			
			
			.product-lgs-container, .product-books-container {
			  	padding: 0px;
			}
			
			.product-books-logo img, .product-books-image img, .product-lgs-image img, .product-lgs-logo img{
				width:70%;
			}
			
			.product-books-button, .product-lgs-button {
			    margin: 20px 0px;
			}
			
			.products-text{
				font-size: 16px;
			}
		 	
		 	#footer{
		 		margin-top: 0px !important;
		 	}
		 	
		 	.product-select-header{
		 		padding: 0px 30px;
    			font-size: 24px;
		 	}
		 	
		 	#grey-bg {
			    height: 360px;
			    bottom: 300px;
			}
		 	
		 	#product-select:before {
			    display: none;
			}
		 	
		 	#product-select:after {
			    display: none;
			}
			
			.index-buttons {
			    width: 140px;
			    font-size: 12px;
			}
			
			.product-lgs-image, .product-books-image {
			    margin: 10px 0px;
			}
			
			.row.reorder-xs {
			    -webkit-transform: rotate(180deg);
			    -moz-transform: rotate(180deg);
			    -ms-transform: rotate(180deg);
			    -o-transform: rotate(180deg);
			    transform: rotate(180deg);
			
			    direction: rtl;
			  }
			
			  .row.reorder-xs > [class*="col-"] {
			    -webkit-transform: rotate(-180deg);
			    -moz-transform: rotate(-180deg);
			    -ms-transform: rotate(-180deg);
			    -o-transform: rotate(-180deg);
			    transform: rotate(-180deg);
			
			    direction: ltr;
			  }
		 	
		}
			
			
		
		@media  screen and (max-width: 991px) and (min-width: 799px) {
			
			
			.webp #product-select {
			    background: url(../images/bireysel_kitaplar/small_screen_tablet.webp) no-repeat;
				background-size: cover;
				min-height: 710px;
			}
			
			.no-webp #product-select { 
			    background: url(../images/bireysel_kitaplar/small_screen_tablet.jpg) no-repeat;
				background-size: cover;
				min-height: 710px;
			}
	
		}