/* Bootstrap 4 breakpoints */ 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
     .top-social-bar{
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }

    .social-icons{
        font-size: 16px;
    }

    .site-header{
        height:100px;
        background-color: rgba(0,8,20,0.68);
        top: 42px;
    }

    .header-hold{
        background-color:#182333;
        height:70px;
        top:0;
        position: fixed;
        box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
    }

    .companylogo{
        float: left;
    }
    
    .companylogo-img{
        height: 70px;  
        margin-top:15px;     
    }
    .companylogo-img.hold{
        height:50px;
        margin-top:10px;
    }
    
    .menu-toggler{
        display: none;
    }
}