/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width:1368px){
    .b-page-header:before {
        width: 40%;        
    }
}

@media (min-width:1580px){
    .b-page-header:before {
        width: 41%;        
    }
}

@media (min-width: 1599px) {
    .b-page-header:before {
        width: 41%;
    }
}
@media (min-width: 1678px) {
    .b-page-header:before {
        width: 41.4%;
    }
}

@media only screen and (min-width:1890px){
    .b-page-header:before {
        width: 42.5%;
    }
}

@media only screen and (min-width:1980px){
    .b-page-header:before {
        width: 42.7%;
    }
}

@media only screen and (max-width:1200px){
    
}

@media only screen and (max-width:993px){
    

}
@media only screen and (max-width:850px){ 
    
}
@media only screen and (max-width:768px){
    
}
@media only screen and (max-width:660px){
    
}

@media only screen and (max-width:550px){
    
}
@media only screen and (max-width:480px){
    
}
@media only screen and (max-width:396px){
    
}

@media only screen and (max-width:321px){
    
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){

}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){

}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){

}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){

}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape){

}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait){

}