/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        .site-branding-text {
          width: 150px;
        }
        .navbar-dark .navbar-nav .nav-link {
          height: 44px !important;
          line-height: 26px !important;
        }
        .ocs-header-social {
          text-align: center;
        }
        .ocs-top-header-menu {
          border-top: 1px solid #fff;
        }
        .ocs-header-top-area {
          padding: 0 !important;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .ocs-header-social {
          text-align: left;
        }
        .ocs-top-header-menu {
          border-top: none;
        }
        .ocs-header-top-area {
          padding: 0 40px !important;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .site-branding-text {
          width: 300px;
        }
        .navbar-dark .navbar-nav .nav-link {
          height: 70px;
          line-height: 55px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        
    }