Untitled
unknown
plain_text
21 days ago
3.6 kB
2
Indexable
Never
/* .headerMain{ background-color: #DB161B; font-weight: 400; font-size: 14px; color: #fff; height: 55px; } .header_sub{ display: flex; justify-content: space-between; align-items: center; height: 100%; } .header_sub_left{ padding-left: 15px; padding-right: 15px; height: 100%; } .header_sub_left a{ width: 148px; display: flex; align-items: center; justify-content: flex-start; height: 100%; } .header_sub_left a img{ max-height: 36px; position: relative; } .header_sub_right{ height: 100%; padding-left: 15px; padding-right: 15px; } .header_sub_rightMian{ height: 100%; } .header_sub_rightMian ul{ display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; height: 100%; } .header_sub_rightMian ul li{ float: left; padding-left: 20px; padding-right: 20px; list-style: none; } .header_sub_rightMian ul li:last-child{ } .header_sub_rightMian ul li a{ position: relative; display: block; color: #fff; text-decoration: none; font-family: Source Sans Pro; padding: 10px 0; line-height: 20px; } .header_sub_rightMian ul li a::after{ content: ""; border-right: 1px solid #fff; position: absolute; height: 50%; left: -20PX; top: 25%; } .header_sub_rightMian ul li:first-child a::after{ border: none; } .header_sub_rightMian ul li a.imageaddfirst{ background-image: url('../../Assets/fa5-hands-helping.png'); background-position-x: -4px; background-position-y: center; background-repeat: no-repeat; background-size: 25px; padding-left: 28px; } .header_sub_rightMian ul li a.imageaddsec{ background-image: url('../../Assets/fa5-book.png'); background-position-x: -4px; background-position-y: center; background-repeat: no-repeat; background-size: 25px; padding-left: 28px; } */ .HeaderSection { background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); position: fixed; z-index: 999; width: 100%; top: 0; left: 0; } .navbar { display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 20px; border: none; /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); */ } .navbar a { font-size: 10px; font-weight: 700; color: rgb(102, 102, 102) !important; } .logo{ display: flex; align-items: center; justify-content: start; } .logo img { height: 65px; } .menu { flex: 1; display: flex; justify-content: center; border: none; } .search-container { display: flex; align-items: center; } .search-input { width: 200px; } @media (max-width: 768px) { .menu { display: none; /* Hide menu on small screens */ } .search-input { width: 150px; } } @media (max-width: 576px) { .search-input { width: 120px; } } .HeaderSectionsearchbar { margin-top: 65px; z-index: 9; position: relative; padding-bottom: 10px; } .searchbar{ position: relative; width: 50%; margin: 0 auto; border-radius: 40px; } .searchIconMain2{ position: absolute; right: 15px; top: 50%; } .searchbar .secondheader_sub_rightMain input{ position: relative; width: 100%; background-color: #fff; border-radius: 40px; padding: 20px; margin-top: 10px; }
Leave a Comment