/* PRELOAD  */
.img-responsive{display: block;max-width: 100%;height: auto;}

.modal-open {background-color: rgba(0, 0, 0, 0.4);}
.register-area-form .register-form {padding: 10px 22px 1px 22px;background: #eaeaea;border-radius: 5px;}
#slide-scroll-nav2 li {background-color: transparent;}
.header{align-self: center;}
.header-btns{justify-items: center; padding: 0px !important;}
.header-btns a,.header-nav-new a{text-decoration: none !important;}
.header-btns ul.list-inline{padding: 0px !important;list-style: none;margin: 0px !important;font-family: 'Raleway', sans-serif;display: flex;flex-direction: row;align-items: center; gap:10px}
.header-btns ul.list-inline li {display: inline-block; padding: 0px!important;}
.header-btns.col-6 > ul > li > a,.header-btns-2.col-3 > ul > li > a {color: black!important;}
.header-btns-2{padding: 0px !important;}
.header-btns-2 ul.list-inline, .header-btns-2 ul.list-inline li{padding: 0px !important; margin: 0px !important;}
.header-btns-2 ul.list-inline{display: flex;flex-direction: row;align-items: center;gap: 10px;}
li>a{color: black;}
#mobile-header{padding: 0.5rem 1rem 0rem 1rem;}
.desktop-top-menu {padding-top: 10px;}
#topNavMainMenu {display: flex;flex-direction: column; align-items: center; text-align: center;color: #000;text-decoration: none;}
#topNavMainMenu:hover {text-decoration: none;color: #000;}
#signup{padding: 10px 20px;background-color: #A4B13D !important; border-radius: 10px;color: #000;}
#signup:hover{border-color: #A4B13D; background-color: rgb(51, 51, 51) !important; color: white;}
.header-nav-new a, .header-nav-new p, .header-nav-new button {font-size: 14px !important;}
.header-nav-new {padding: 20px;align-items: center;}
.top-header-area-v3 {width: 100vw;margin: 0 auto;}
.top-nav-mainmenu-i{font-size: xx-large;}
#ourServicesTopNav,#quickSearchModalBtn{background: transparent; border: none;padding: 0px !important;}
#quickSearchModalBtn{display: flex;}
#nav-mobile{font-size: 14px; display: flex; align-items: center;}
#mobile-topnav-links{justify-items: center;}
/* changed white to #333333 for lighthouse accessibility */
#mobileMyAccount {background-color: #A4B13D;color: #333333 !important;}
#mobileMyAccount:hover {background-color: yellowgreen;}
#mobile-header-open-btn{border:none; background-color:transparent; color:#000;}
#login-mobile{font-size: 12px !important; font-weight: bold !important;}
#mobile-search-btn{z-index: 0; margin-top: 10px; }
#mobile-myaccount{right: 10px;position: absolute;}

/* mobile */
 .container__search {display: flex;justify-content: center;align-items: center;height: 35px; }
 #search__ladies__profile {
    width: 100%;height: 100%;outline: none;font-size: 14px;font-weight: 500;caret-color: #f7f7f8;color: #fff;padding: 7px 10px;border: 2px solid transparent;border-top-left-radius: 7px;border-bottom-left-radius: 7px;margin-right: 1px;transition: all .2s ease;}
 .search__btn {border: none;cursor: pointer;background-color: rgba(255, 255, 255, 0.16);border-top-right-radius: 7px;border-bottom-right-radius: 7px;height: 100%;width: 50px;display: flex;justify-content: center;align-items: center;}
.mobile-logo-wrapper {margin-left: 10px;}


@media (max-width:991px){
    #mySidenav{display: none;}
    #mobile-header{display: block;} .header-nav-new{display: none;}
    .mobile-header {display: block;width: 100%;position: fixed;top: 0;}
    .mobile-header-ul {display: flex;padding: 0;font-size: 14px;overflow-x: scroll;scrollbar-width: none;margin-bottom: 0px;}
    .mobile-header-ul a {color: #000; text-decoration: none !important;font-family: 'Raleway', sans-serif  !important;}
    .mobile-header-ul li {list-style: none;padding: 8px;white-space: nowrap;}
}
@media(min-width:992px) and (max-width:1665px){
    body > div.top-header-area-v3.shadow > div > div.header-btns-2.col-3 > ul > li:nth-child(1){margin-bottom: 0.5vh;}
}
@media(max-width:1522px){
    #logo{display: none;}
    #favicon{display: block;}
    #itsfree{display: none;}
    #top-header-logo{width:6.666667%;flex: 0 0 auto;}
}
@media(min-width:992px)and (max-width:1199px){
    .desktop-top-menu{width: 8.33333333%;flex: 0 0 auto;}
    .header-btns{width: 69%;flex: 0 0 auto;}
    .header-btns-2{width:16%;flex: 0 0 auto;}
    body > div.top-header-area-v3.shadow > div > div.header-btns > ul > li:nth-child(1){display: none;}
    body > div.top-header-area-v3.shadow > div > div.header-btns > ul > li:nth-child(3){display: none;}
}
@media(min-width:1200px){
    .desktop-top-menu{width: 8.33333333%;flex: 0 0 auto;}
    body > div.top-header-area-v3.shadow > div > div.header-btns > ul > li:nth-child(1){display: inline-flex;}
    body > div.top-header-area-v3.shadow > div > div.header-btns > ul > li:nth-child(3){display: inline-flex;}
}
@media(min-width:1200px) and (max-width:1522px){
    .header-btns{width: 71%;flex: 0 0 auto;}
    .header-btns-2{width:14%;flex: 0 0 auto;}  
}
@media(min-width:1523px){
    #logo{display: block;}
    #favicon{display: none}
    #itsfree{display: contents;font-weight: 700;}
    body > div.top-header-area-v3.shadow > div > div.header-btns > ul > li:nth-child(1)
    #top-header-logo{width:16.66666667%;flex: 0 0 auto;}
    .header-btns{width: 56%;flex: 0 0 auto;}
    .header-btns-2{width:19%;flex: 0 0 auto;}
}
@media(min-width:1661px){
    .header-btns{width: 51%;flex: 0 0 auto;}
    .header-btns-2{width:24%;flex: 0 0 auto;}
}
@media (min-width:1738px){ 
    div.header-btns.col-6{display: block;} 
    div.header-btns-2.col-3{display: block;} 
    #mobile-header{display: none;}
    .header-nav-new{display: flex;}
}