@charset "utf-8";
/*
 * @publisher Ve İnteraktif Medya & vemedya.com
 * @author Muzaffer Bayraktar
*/

@media only screen and (min-width:320px) and (max-width:575px) {
    .menu .list li:not(#toggle-mega-menu, #toggle-theme, #toggle-lang) {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:24px}

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

    .products .description {width: 100%}

    .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}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .menu .list li:not(#toggle-mega-menu, #toggle-theme, #toggle-lang) {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}

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

    .products .description {width:95%}

    .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, #toggle-lang) {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}

    .products .description {width:85%}

    .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}
}

@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}
}