/* Smartphones (portrait and landscape) ----------- */
@media screen 
and (min-width : 320px) 
and (max-width : 480px) {
#products-wrapper a.product2,#products-wrapper a{width:50%;}

}

/* Smartphones (landscape) ----------- */
@media screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media screen 
and (min-width : 768px) 
and (max-width : 1024px) {
#products-wrapper a.product2{width:50%;}
#products-wrapper a{width:33.33%;}
}

/* iPads (landscape) ----------- */
@media screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}


/* Standart Genişlik */
@media screen 
and (max-width : 1000px) {

.ikramliklar-banner{background-size:contain; height:auto; padding-top:31.54%;}
.ikramliklar-banner .container{position:absolute; left:0; top:0;}
#home-slider li div{width:100%; background-size:contain;background:url(../img/home/slider/1.jpg) no-repeat center top;}
.ikramliklar-banner a,.ikramliklar-banner#mu-banner a{left:auto; right:10px; top:auto; bottom:10px; width:120px; height:34px;  background-size:contain; width:60px; height:17px;}

#content-text{width:100%; float:none; box-sizing:border-box; padding:20px;}
#content-right{display:none;}
#page-title-bar .container{width:100%; left:0; margin-left:0;}
#page-title-bar h1{width:auto; box-sizing:border-box; font-size:20px;}
	
	
#product-detail{width:100%;}
.product-image,.product-desc{width:50%;}
.product-image img{width:100%; height:auto;}

	
.mobile{display:block;}	
#home-slider li a,#home-slider li.slide2 a,#home-slider li.slide3 a,#home-slider li.slide4 a {background:none; height:auto}
#home-slider li a img{display:block; width:100%; }	
	.main-text{display: none;}
.product-container#algida .product-banner-wrapper,.product-container#carte-dor{background-size:contain;}


.product-banner img{position:absolute; left:0; top:0; width:100%; z-index:99; }
.product-container .mobile{display:block; width:100%; padding-top:53%;}
.product-banner .product-hero{padding:20px; left:auto; top:auto; width:100%; box-sizing:border-box; padding-top:60px; position:relative; height:auto;}
.product-container#algida .product-banner-wrapper .product-banner .product-hero,.product-container#algida-maras-usulu .product-banner-wrapper .product-banner .product-hero{display:none;}
.product-container#algida .mobile{width:100%;padding-top:31.58%;}
.product-container#carte-dor div.mobile{width:100%;}
.product-container#carte-dor .product-banner-wrapper .product-banner .product-hero{display:none;}

#products-wrapper a.product2:nth-child(2n-1) img{border-right:0;}
.footer-menu{float:none; width:100%;}


#top-menu{width:100%; z-index:999; right:0; left:auto;}
#top-menu ul{display:none;}
#top-menu-icon{display:block;}
.container{width:100%;}
#top-menu ul{width:100%; background-color:#cd743e; right:0; margin-top:80px; border-top:1px solid #af8a2a; height:100%;}
#top-menu ul li .submenu{width:100%; box-sizing:border-box;}
#top-menu ul li{float:none; display:block;}

#top-menu ul li .submenu{display:none; position:relative; left:0; top:0; width:100%; min-height:inherit;background:none;  background-color:#cd743e; z-index:99; padding-left:0; animation:submenu .4s ease-out;}
#top-menu ul li .submenu .col{float:none; width:100%; }

#top-menu ul li .submenu{padding-left:0; width:100%; padding-top:0; min-height:inherit; background:none; background-color:#cd743e;}
#top-menu ul li .submenu a{opacity:1; -webkit-opacity:1; width:100%; float:none;  padding:0; text-align:left;}
#top-menu ul li .submenu a span{text-align:left; background:none; padding:22.5px 32px;}
#top-menu ul li .submenu a img{display:none;}




.container#navigation{width:100%; box-sizing:border-box;}

	.product-container#carte-dor .product-banner-wrapper{background-size: cover}
	.product-container#algida-maras-usulu .product-banner-wrapper{background-size: cover}


}
@media screen and (max-width:768px){
	#product-detail{width:100%; flex-direction: column !important;}
	.product-image,.product-desc{width:100%; float:none;}
	.product-desc h1{font-size:30px; padding:0 10px}
	.product-desc p{padding:0 10px; font-size:14px;}
	.product-desc h1 small{font-size:16px;}
	.product-desc table th,.product-desc table td{padding:3px; font-size:14px;}
	
	.recipe-list-wrapper{float:none; width:100%; padding:0;}
}


/* Desktops and laptops ----------- */
@media screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
screen and (-webkit-min-device-pixel-ratio : 1.5),
screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
@media screen and (max-width:400px){
#page-title-bar h1{width:auto; box-sizing:border-box; font-size:16px;}	
.main-1{
    box-sizing: border-box;
    padding: 5px;
    display: inline-block;
    width: 150px;
}
}

@media(max-width:500px){
.logo-wrapper img{width:62%; height: auto;}

}