/**		24- Media queries		**/
@media screen and (min-width: 1200px) { /* Large Display 1200px and above */
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and (min-width: 992px) and (max-width: 1199px) { /* Default 992px to 1199px */
.navigation .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}

/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and (min-width: 768px) and (max-width: 991px) { /* Portrait Tablets 768 to 979 */
.navigation .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and (max-width: 767px) { /* Smart Phones to Tablets 481 to 767 */
.navigation .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and  (max-width: 640px) { /* Smartphones 480 and Below */
.navigation .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}
    
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and  (max-width: 481px) and (max-width: 560px) { /* Smartphones 480 and Below */
.navigation .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}
.navigation {
    display: block;
    float: none;
    margin-top: 25px;
}
.navigation .navbar-collapse{
    position: absolute;
    width: 100%;
    background-color: #38383A;
    z-index: 99999;
}
.navigation .navbar {
    display: inline-block;
    margin: 0;
    padding: 0;
    display: block;
}
.navigation .navbar-light .navbar-nav .nav-link{
    padding: 10px 15px;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and  (max-width: 320px) and (max-width: 480px) { /* Smartphones 480 and Below */
.navigation .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}
@media screen and  (max-width: 320px) and (max-width: 640px) { /* Smartphones 480 and Below */
.navigation .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}