#logo
{
margin-right: 40px;

}


@media all and (min-width: 992px) {
#ribbon
{
display: block;
}

#ribbon-preef-mobile
{

display: none;
}

#logo
{
    float: left;
    height: 69px;
    margin-right: 40px;
margin-left: 28px;
}




#logo2
{

height: 69px;
}


}








@media all and (min-width: 616px) and (max-width: 767px){


#ribbon
{
display: block;
width: 47px
}

#ribbon-preef-mobile
{

display: none;
}


#logo
{
margin-left: 28px;
    height: 69px;

    width: 187px;
}


#logo2
{
margin-left: 28px;
width: 236px;
height: 69px;
}


}



@media all and (max-width: 615px) {

#logo
{
margin-left: 28px;
    height: 69px;

    width: 187px;
}


#logo2
{
margin-left: 28px;
width: 236px;
height: 69px;
}


#ribbon
{
display: none;
}

#ribbon-preef-mobile
{

display: block;
}

}


@media all and (min-width: 768px) and (max-width :  991px) {


#ribbon
{
display: none;

}

#ribbon-preef-mobile
{

display: block;
}


#logo
{
margin-left: 28px;
    height: 69px;

    width: 187px;
}

#logo2
{
margin-left: 28px;
width: 236px;
height: 69px;
}


}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}