.header nav {position: inherit;}
.header .menu > ul > li {padding-left: 14px;}
.clickD{position:relative;right:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url(../images/sort-down.svg)center center no-repeat;cursor:pointer;display:block;background-size:10px;float:right;z-index:9999}




@media only screen and (min-width: 1200px) and (max-width: 1399px)
{ 
	.header .container {padding: 0 15px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{ 
	.header nav {text-align: left !important;}

}




@media(min-width:992px) {
    .clickD{display:none}
    .custom_bid_btn{text-align: left;margin: 10px 0 0 30px;}
}
@media(min-width:1025px) {
    .navbar-nav > li:hover>.sub-menu{display:block}
    .navbar-nav > li:hover>a:before{opacity:1!important}
}
@media(min-width:992px) and (max-width:1024px) {
    .navbar-nav.menu>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .navbar-nav.menu>li .clickD{position:static;top:inherit;margin:0}
    .navbar-nav.menu>li .clickD.toggled::after{position:absolute;content:"";width:0;height:0;border:0 solid transparent;border-right-width:16px;border-left-width:16px;border-bottom:16px solid #fff;bottom:-16px;left:0;right:0;margin:0 auto;pointer-events:none;z-index:9}
}
@media(max-width:1024px) {
    .navbar-nav > li .clickD{display:block;}
    ul.navbar-nav li .clickD.toggled+.sub-menu{display:block}
    
}



@media(max-width:991px) {
    .navbar-nav > li .sub-menu .sub-menu-heading {margin-bottom: 0!important;   }
    .header .navbar{padding:9px 0;box-shadow:inset 0 -2px 1px 0 rgba(0,0,0,0.07)}
    .navbar-nav > li .sub-menu::before{display:none}
    .navbar-nav.menu > li:first-child{border-left:0}
    .navbar-nav.menu > li{border-right:0;border-bottom:1px solid #efefef; }
    .navbar-nav.menu > li a{padding:20px!important;display:inline-block;color:#4b276f;width:100%;font-size:16px;line-height:19px}
    
    .show_more_less{display:none}
    .navbar-nav > li .clickD{position:absolute;z-index:99;top:24px;margin-top:0;right:15px;width:10px;height:10px;/*pointer-events:none*/}
    .navbar-nav > li .sub-menu{position:static;width:100%;box-shadow:0 0 1px 1px #ccc}
 
    .navbar-nav > li a{padding:14px 0;display:inline-block;color:#4b276f;width:100%; font-weight: 800 !important; font-size: 16px !important;}
    .navbar-nav > li{border-right:0;border-bottom:1px solid #efefef}
    #loan-menu .sub-menu{width:100%;margin-top:0}
  
    ul.credit_cat_list{-moz-column-count:1;-moz-column-gap:0;-webkit-column-count:1;-webkit-column-gap:0;column-count:1;column-gap:0}
    .loan_cat_list,.homeloan_cat_list{max-width:100%;flex:0 0 100%}
    #credit-cards-menu .sub-menu{width:100%;padding:10px}
    .navbar-nav > li .sub-menu ul li{display:block;border-bottom:1px solid #efefef}
    .navbar-nav > li .sub-menu ul li span{width:30px;margin-right:0}
    .navbar-nav > li .sub-menu ul li span.menu_li_image{display:none}
    .navbar-nav > li .sub-menu ul li a{font-size:16px;line-height:22px;padding:12px 15px !important;display:block;width:100%;color:#502B71;position:relative; font-weight: 400 !important;}
    .navbar-nav > li .sub-menu ul li a::before{position:absolute;content:"";background:url(../images/right_arrow.svg) right center no-repeat;right:15px;width:10px;height:10px;top:50%;transform:translateY(-50%)}
    #loan-menu h3{margin-bottom:0}
    #credit-cards-menu .sub-menu h3,#credit-cards-menu .sub-menu .sub-menu-heading{font-size:16px;font-weight:700}


    #credit-cards-menu1 .sub-menu{width:100%}
    .navbar-toggler{position:absolute;border:0;padding:0; top: 14px;}
    .navbar-toggler .navbar-toggler-icon:focus {outline: none;}
    .navbar-toggler.active .navbar-toggler-icon{background:url(../images/menu_toggleicon_close.svg) center center no-repeat !important;width:30px;height:30px; border: none; border-radius: 0px;}
    .navbar-toggler .navbar-toggler-icon{background:url(../images/menu_toggleicon.svg) center center no-repeat !important; border: none; border-radius: 0px; outline: none;}
    .logo{position:absolute;left:50%;transform:translateX(-50%);margin:0;width:100px;padding:0}
    .navbar .navbar-collapse{position:absolute;width:100%;height: 100vh;left:0;right:0;background:#fff;top:100%;z-index:999; transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
    .navbar .navbar-collapse {left: -100% !important;overflow-y: scroll; }
    .navbar .navbar-collapse.collapse.show {left: 0 !important; }
    .navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none;background:transparent}
    #credit-cards-menu1>a::before,#loan-menu>a::before,#insurance-menu>a::before,#banking-menu>a::before,#investment-menu>a::before{display:none}
    .navbar-nav > li .sub-menu .sub-menu-under{padding:0}
    .navbar-nav > li#credit-cards-menu1 .sub-menu h3,.navbar-nav > li#credit-cards-menu1 .sub-menu .sub-menu-heading,.navbar-nav > li#loan-menu .sub-menu h3,.navbar-nav > li#loan-menu .sub-menu .sub-menu-heading,.sub-menu-heading{font-size:16px!important;line-height:22px;color:#4F2B72!important;border-bottom:1px solid #F2EBF8;padding:11px 15px;margin:0;background:#FCF9FF;font-weight:700}
    .navbar-nav > li .sub-menu{padding-top:0}
    
    .navbar-nav > li .sub-menu{border-bottom:1px solid #efefef;border-top:1px solid #efefef}
    .navbar-nav > li .sub-menu ul li span.menu_li_tag{display:inline-block;position:absolute;top:50%;left:80px;transform:translateY(-50%);padding:2px 5px;margin:0;width:auto;line-height:18px}
    
    .header{box-shadow:0 5px 20px 0 rgba(0,0,0,0.2)}
    
    #utilities-menu {display: block !important; }
    body .navbar-nav.menu > li{
        position:relative;
    }
    body header .creditcard_menu_left , body header .creditcard_menu_right , body header .dbtcard_menu_right,
    body header .loancard_menu_left , body header .loancard_menu_md , body header .loancard_menu_righ,
    body header #investment-menu .loancard_menu_left{
        width:100%;
        max-width:100%;
        flex: 0 0 100%;
    }
    .navbar-nav > li .sub-menu .sub-menu-heading{
        font-size:16px !important;
    }

    .header nav {text-align: left !important; display: block !important;}

    .header .login-btn:hover {background: transparent;color: #1ac577; }

    .header .logo {position: absolute; left: 50%; transform: translateX(-50%); margin: 0; width: 104px; padding: 0; top: 15px;}

    .header .mb-2, .header .my-2 {position: absolute; right: 15px; top: 9px;}
    .header .navbar {min-height: 58px;}
    .navbar-toggler:hover, .navbar-toggler:focus {border: none; outline: none;}

    .navbar-nav > li {font-size: 15px; position: relative; border-right: 0;  padding: 0; margin: 0; font-size: 16px; font-weight: 800; color: #4b276f;} 
    .navbar-nav > li > a {padding: 20px 12px !important;}
    .navbar-nav > li > a:hover {color: #1ac577 !important; background-color: #fcf9ff !important;}
    .navbar-nav > li a {padding: 14px 0; display: inline-block; color: #4b276f; width: 100%;}
    .navbar-nav > li .clickD {position: absolute; z-index: 99; top: 24px; margin-top: 0; right: 15px; width: 10px; height: 10px; /*pointer-events: none;*/}
    .navbar-nav > li .sub-menu {border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;}
    .navbar-nav > li .sub-menu .sub-menu-under {background: #fcf9ff; padding: 0; width: 100%; box-shadow: none; text-align: left;}
    .loan-menu-wrap {display: flex; flex-wrap: wrap;}
    body .loancard_menu_left {width: 100%; max-width: 100%; flex: 0 0 100%; -webkit-box-flex: 0;}
    body .navbar-nav > li .sub-menu .sub-menu-heading {font-family: proxima-nova,sans-serif; padding-left: 15px !important; padding-right: 15px !important;}
    .navbar-nav > li .sub-menu .sub-menu-heading {font-size: 16px !important; margin-bottom: 0 !important;}
    .sub-menu .sub-menu-heading {line-height: 40px !important; color: #4f2b72 !important; font-weight: 700 !important;}
    .navbar-nav > li .sub-menu ul li {display: block; border-bottom: 1px solid #efefef; margin: 0; padding: 0; position: relative;}
    .clickD.toggled {transform: rotate(180deg);}
    body ul.navbar-nav li .clickD.toggled + .sub-menu {border-top: 0; border-bottom: 0; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.15); box-shadow: none;}
	ul.navbar-nav li .clickD.toggled + .sub-menu {display: block;}
	body .navbar-nav > li .sub-menu ul li a {color: #4f2b72;}
	body .navbar-nav > li .sub-menu ul li a:hover {color: #1ac577;}
	.navbar-nav > li:hover .clickD {color: #1ac577 !important;}

	body.noscroll {overflow-y: hidden; position: fixed; left: 0; right: 0;}
	body ul.navbar-nav li .clickD.toggled + .sub-menu {opacity: 1;}
	.navbar-nav > li a.cls-marketplace span {font-size: 14px; color: #fff; background-color: #1ac577; border-radius: 3px; padding: 2px 4px; display: inline-block;
    margin-left: 7px; line-height: normal;}
    .header .sub-menu {height: auto !important; background-color: transparent !important; pointer-events: inherit !important;}
  /*  body .navbar-nav > li .sub-menu ul li a.cls-submenua {background-color: #f1f1f1 !important; padding: 17px 12px !important;}
    body .navbar-nav > li .sub-menu ul li a:hover.cls-submenua {background-color: #fff !important; color: #1ac577 !important;}*/

    .header .creditcard_menu_left {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .header .creditcard_menu_right ul {column-count: 1; column-gap: 12px;}
    .header .creditcard_menu_right {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}


    body .navbar-nav > li .sub-menu ul li a span.menunew {font-size: 12px;  color: #fff; background-color: #1AC577; border-radius: 3px; padding: 2px 4px; display: inline-block; margin-left: 7px; position: relative; top: inherit; left: inherit; width: auto;}

    
    body .navbar-nav > li .sub-menu .sub-menu-under .sub-menu-heading {padding-left: 12px !important;}
    .navbar-nav > li .sub-menu .sub-menu-under ul ul li a {padding-left: 17px !important;}

    .header nav {position: relative;}
    progress {top: 57px;}
    .header .creditcard_left_right_wrap {margin-right: 0px; margin-left: 0px;}


}