/*
Theme Name: AB Consulting - Responsive Styles
Description: Responsive breakpoints and mobile-first styling for AB Consulting theme
Author: AB Consulting Team
Version: 1.0.0
*/

/* ==========================================================================
   RESPONSIVE BREAKPOINTS
   ========================================================================== */

/* Base styles (Mobile First - 320px and up) */
/* Override CSS variables for mobile */
:root {
    --fixed-width-rows-padding: 10px; /* default */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    :root {
        --fixed-width-rows-padding: 30px; /* Small device padding */
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    :root {
        --fixed-width-rows-padding: 50px; /* Tablet padding */
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    :root {
        --fixed-width-rows-padding: 75px; /* Desktop padding */
    }
    /* Desktop styles */
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    :root {
        --fixed-width-rows-padding: 100px; /* Large desktop padding (original value) */
    }
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    :root {
        --fixed-width-rows-padding: 100px; /* Extra large desktop padding */
    }
}



/* ==========================================================================
   MAX-WIDTH BREAKPOINTS (for specific overrides)
   ========================================================================== */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    /* Mobile-only styles */
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /* Small device and below styles */
    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: none;
    }
    .single-news .fl-photo-content img,
    .single-news .fl-photo-content{
        width:100%;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /* Tablet and below styles */
    #menuWrapper {
        min-width: auto;
    }
    .fl-node-jwzdbym7rvfg button{
        float:right;
    }
    #menu-item-210 div span,
    #menu-item-216 div span,
    #menu-item-215 div span{
        display:none;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    /* Desktop and below styles */
    
}

/* Extra large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    /* Large desktop and below styles */
    
}