/*
 * @publisher Ve İnteraktif Medya
 * @author Muzaffer Bayraktar
*/

@media only screen and (min-width:320px) and (max-width:575px) {
    .menu .list li:not(#toggle-mega-menu, #toggle-theme, #lang-toggle) {display:none}
    .menu #logo {width:80px;height:80px}
    .mega-menu.open {align-items:flex-start}
    .mega-menu .container-fluid {padding:60px 15px}
    .mega-menu .mega-menu-title {font-size:32px}
    .mega-menu .links {gap:5px}
    .mega-menu .links a {font-size:16px}
    .mega-menu .mega-promo {height:300px}
    .mega-menu .mega-promo .title {font-size:42px}
    .slider-line, .line {display:none}
    .slider .title {font-size:60px}
    .slider .title abbr {font-size:44px}

    .breadcrumb-header .title {font-size:48px}

    .about-wrapper .title {font-size:64px;margin-bottom:25px}
    .about-wrapper .description {font-size:17px}

    .brand .title {font-size:64px}
    .brand .description {font-size:15px}
    .brand-item {height:200px}
    .brand .list .item p {font-size:22px}
    .brand .list .item svg {width:35px;height:35px}
    .brand-item .name {display:none}
    .brand-item .brand-logo {top:50%;left:50%;transform:translate(-50%,-50%)}

    .section-title {font-size:44px}

    .container-fluid.gallery {padding-left:0;padding-right:0}

    .blog-box .content .title {font-size:20px}

    .gallery-box img {height:250px}

    .breadcrumb-header .list a, .breadcrumb-header .list span,
    .breadcrumb-header .list a::after {font-size:14px}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .menu .list li:not(#toggle-mega-menu, #toggle-theme, #lang-toggle) {display:none}
    .menu #logo {width:80px;height:80px}
    .mega-menu.open {align-items:flex-start}
    .mega-menu .container-fluid {padding:60px 15px}
    .mega-menu .mega-menu-title {font-size:32px}
    .mega-menu .links {gap:5px}
    .mega-menu .links a {font-size:16px}
    .mega-menu .mega-promo {height:300px}
    .mega-menu .mega-promo .title {font-size:42px}
    
    .slider-line, .line {display:none}
    .slider .title {font-size:40px}

    .breadcrumb-header .title {font-size:54px}

    .about-wrapper .title {font-size:64px;margin-bottom:25px}
    .about-wrapper .description {font-size:17px}

    .brand .title {font-size:64px}
    .brand .description {font-size:15px}
    .brand-item {height:200px}
    .brand .list .item svg {width:35px;height:35px}

    .section-title {font-size:44px}

    .container-fluid.gallery {padding-left:0;padding-right:0}

    .blog-box img {height:250px}
    .blog-box .content .title {font-size:20px}

    .gallery-box img {height:250px}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .menu .list li:not(#toggle-mega-menu, #toggle-theme, #lang-toggle) {display:none}
    .menu #logo {width:80px;height:80px}
    .mega-menu.open {align-items:flex-start}
    .mega-menu .container-fluid {padding:60px 15px}
    .mega-menu .mega-menu-title {font-size:32px}
    .mega-menu .links {gap:5px}
    .mega-menu .links a {font-size:16px}
    .mega-menu .mega-promo {height:300px}
    .mega-menu .mega-promo .title {font-size:42px}
    

    .about-wrapper .title {font-size:64px;margin-bottom:25px}
    .about-wrapper .description {font-size:17px}

    .brand .title {font-size:64px}
    .brand .description {font-size:15px}
    .brand-item {height:200px}
    .brand .list .item svg {width:35px;height:35px}

    .section-title {font-size:44px}

    .container-fluid.gallery {padding-left:0;padding-right:0}

    .blog-box img {height:250px}
    .blog-box .content .title {font-size:20px}

    .gallery-box img {height:250px}
}

@media only screen and (min-width:992px) and (max-width:1023px) {
    .mega-menu .container-fluid {padding:60px 15px}
    .mega-menu .mega-menu-title {font-size:32px}
    .mega-menu .links {gap:10px}
    .mega-menu .links a {font-size:18px}
    .mega-menu .mega-promo {height:300px}
    .slider .title abbr {font-size:44px}
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    .mega-menu .container-fluid {padding:60px 15px}
    .mega-menu .mega-menu-title {font-size:32px}
    .mega-menu .links {gap:10px}
    .mega-menu .links a {font-size:18px}
    .mega-menu .mega-promo {height:300px}
}