@media (min-width: 768px){ .arabic { width: auto; direction:rtl; } } .header-container { position: absolute; top: 0; left: 0; right: 0; /* overflow: hidden; */ } .navbar { margin: 0; /* height: 0; */ } .header-title { height: 4.5em; background: #FF6900 0% 0% no-repeat padding-box; opacity: 1; padding: 1em 0px; } .page-title { font-size: 18px; color: #FFFFFF; margin-left: 10px; } .pageLogo{ border-right: 0.5px solid #FFFFFF; padding-right: 8px; } .imgClass{ margin:-8px; } .pageTitle_Omantel { font-size: 18px; padding-left: 5px; } .submenu-title { background: #F5F5F5; height: 3em; } .submenu-left, .submenu-right { height: 3em; } .helpTxt { font-family: GE-SS-Two-Bold; padding-right: 40px; margin-right: 25px; color: #333333; border-right: 2px solid #9EACBA; } @media screen { .helpTxtCancel { font-family: GE-SS-Two-Bold; color: #333333; margin-left: 25px; margin-right: 25px; display: inline-block; padding: 6px 0 0; } } .headBtn { width: 120px; height: 30px; border: 2px solid #333333; border-radius: 10px; background-color: #333333; color: white; opacity: 1; display: inline-block; text-align: center; padding-top: 6px; font-size: 12px; margin-left: 10px; cursor: pointer; } .help-container { color: #FF6900; } header { height: 120px; } @media only screen and (max-width: 600px) { header { height: 72px; } .page-title { border-left: 0; } } @media screen and (max-width: 767px) { .headBtn{ width: 150px; height: 40px; border: 2px solid #333333 ; background-color: #333333 ; } } /* Kaizen ADM - Release 8.4 - #TBA - Responsive Issue - Starts */ @media screen and (max-width: 991px) and (min-width: 768px) { .headBtn { width: 118px; margin-left: 1px; height: 30px; font-size: 12px; } } /* Kaizen ADM - Release 8.4 - #TBA - Responsive Issue - Ends */