@media (min-width: 767.98px) and (max-width: 1366.98px) 
{
    #slider{height: 550px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) 
{
    #header #headerTop{padding: 0px 0 0 150px;}
    #header #headerBot{padding-left: 100px;}
}
@media (min-width: 768px) and (max-width: 991.98px) 
{    

    #header{margin-top: 0;}
    #header::before{display: none;}
    #header .header{background: #c1c1c14d;}
    #header .headerLeft{flex-basis: 20%;}
    #header .headerRight{flex-basis: 80%;}
    #header #headerTop{padding: 0px 0 0 6%;}
    #header #headerBot{padding-left: 4%;}
    #header #logo a img{padding: unset;height: 54px;}
    #shortcuts .shortcuts li{flex: 1 0 32%;}
    #content .content .list li{flex: 1 0 45%;}
    #content .content p {font-size: 12px;}
}
@media (min-width: 576px) and (max-width: 767.98px) 
{ 
    #boxes .boxes li .content .swiper-container a{font-size: 11px;}
    #boxes .boxes .box{flex:1 0 36%;}
   
}
@media (max-width: 767.98px) 
{

    #header{margin-top: 0;}
    #header::before{display: none;}
    #header .header{background: #c1c1c14d;padding: 0 40px;}
    #header .headerLeft{flex-basis: 50%}
    #header .headerRight{align-items: flex-end;flex-basis: 50%}
    #header #headerTop{display: none;}
    #header #headerBot{display: none;}
    #header .headerRight .menu{display: block; cursor: pointer;}
    #header #logo a img{padding: unset;height: 54px;}
    #shortcuts .shortcuts li{flex: 1 0 48%;}
    #boxes .boxes li.news.box img{height: 100%;margin-top: 0;padding: 20px 0;}
    #slider .arrow{position: absolute;}
    #slider .swiper-container .swiper-slide .caption{bottom: 70px;}
    #slider::before{height: 150px;}
    #content .content .list li{flex: 1 0 45%;}
    .productDetail{flex-direction: column;}
    #content .content .text{margin-left: 0;margin-top:20px;}
    #content .title h2{font-size: 16px;}
    body.k #slider{height: 400px!important;}
    #content .content{padding: 20px!important;}
}
@media (max-width: 575.98px) 
{   #slider{height: 450px;}
    #mFull .container .content ul li ul a{font-size: 14px;}
    #header .headerLeft{flex-basis: 80%}
    #header .headerRight{flex-basis: 20%}
    #header #logo{display:flex;}
    #header #logo a{width: unset;}
    #mFull .container .header img{max-height: 38px;}
	#mFull .container{height: auto;}
    #mFull .container .content ul li a{font-size: 15px;}
    #boxes .boxes .box{flex:1 0 100%;}
    #shortcuts .shortcuts li{flex: 1 0 100%;border-right: unset;}
    #footer .footer{flex-direction: column;}
    #footer .copyright{display: flex;flex-direction: column;align-items: center;text-align: center;}
    #footer .prativa{right: unset;}
    #footer .sosyalIletisim{width: 205px;margin-top: 13px;}
    #MproductsShortcut .container .shorcutBox .item{flex: 1 0 100%;border-right: unset;}
    #footer .sosyalIletisim .phone i{display: none}
    #content .content .list li{flex: 1 0 100%;}
    #content .title h2{font-size: 14px;}
    #content .content p {font-size: 12px;}
    #boxes .boxes li .content{border-right: unset;}
   

}
@media (max-width: 450.98px) 
{
    li.news.box{height: 350px!important;}
    
}
@media (max-width: 350.98px) 
{
    #mFull .container .header img{max-height: 41px;}
    #mFull .container .content ul li a{font-size: 13px;}
    #content .title h2{font-size: 12px;}
    #content .content p {font-size: 10px;}
    #boxes .boxes li.news.box img{object-fit: contain;}
    
}

@media (max-width: 992px) 
{
	
}
@media (max-width: 1199.98px) 
{
    .center{padding: 0 20px;width: 100%;}
    #footer .center{padding: unset;}
    #content .content{width: 100%;padding: 70px 20px;}

}
@media (max-width: 1350.98px) 
{
    #header::before{width: 15%;}
}