/*--header css start--*/ 
.header-row{ display:block; position:absolute; top:0; left:0; width:100%; z-index:9; }
.navbar{ padding: 0; display: block;}
.header-row.stick .navbar-brand{ margin:10px 0; transition: all 0.8s ease;}
.header-row.stick .navbar-brand > img { display: block; height: auto; width: 250px; transition: all 0.8s ease 0s;}
.header-row.stick .navbar .navbar-nav > li > a{ padding:36px 11px 6px;}
.navbar-brand {float: left; margin:10px 8px; padding: 0; transition: all 0.8s ease 0s;}
.navbar-expand-lg .navbar-collapse {padding-top: 15px; margin-right: 3px; float: right; display: block;transition: all 0.8s ease 0s;}
.navbar-nav{ display: block;}
.navbar .navbar-nav > li{ padding:0 13px; display: inline-block;}
.navbar .navbar-nav > li:last-child{ padding-right:0;}
.navbar .navbar-nav > li > a{ color:#fff; font-size:16px; line-height:20px; font-weight: 500; padding:15px 15px !important; text-transform: uppercase; outline:none; transition: all 0.5s ease;}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a.active{ color:#20b674!important; }
/*--header css end--*/ 
.fixed-nav{ position: fixed; background: rgba(0, 0, 0, 0.9);}
.fixed-nav .navbar-brand{ margin: 10px 8px;}
.fixed-nav .navbar-expand-lg .navbar-collapse {padding-bottom: 10px;}

@media (max-width:1199px) {
.navbar{ display: flex;}
.navbar-brand{ margin: 10px 3px;}
.navbar-expand-lg .navbar-collapse {padding-top: 6px;}
.navbar-expand-lg .navbar-collapse{ padding-top:6px; margin-right: 0;}
.navbar .navbar-nav > li { padding: 0; }
.navbar .navbar-nav > li > a{ padding: 10px 7px !important;}
.navbar .navbar-nav > li:last-child > a{ padding-right: 0 !important;}
.fixed-nav .navbar-expand-lg .navbar-collapse {padding-top: 12px;}

}


@media (max-width:991px) {
.navbar-brand{ max-width: 260px;}
.navbar{ display: flex; flex-wrap: nowrap;}
.navbar-nav{ float: right;}
.navbar-collapse.collapse{ padding:0;}
.navbar .navbar-nav > li { padding:0 8px; }
.navbar .navbar-nav > li > a{ font-size:14px; }
.navbar-brand > img { display: block; height: auto; width: 100%; }
.header-row.stick .navbar-brand > img{ width:208px;}
.header-row.stick .navbar .navbar-nav > li > a { padding: 26px 11px 4px; }
.fixed-nav .navbar-expand-lg .navbar-collapse {padding-top: 0;padding-bottom: 0;}
}


@media (max-width:767px) {
.navbar-toggler {border: none; margin-left: auto; padding: 0; }
.navbar-toggler .navbar-toggler-icon {background-image: url(https://cdn.systweak.com/website/anti-malware/images/menu-icon.svg);width: 30px;height: 30px;}
.navbar-toggler:focus{box-shadow: inherit;}
.navbar .navbar-nav > li > a:hover { color: #20b674; }
.navbar-nav{ padding:0; float:none; margin:0;}
.navbar .navbar-nav > li{ padding:0; display: block;border-bottom:solid 1px #353535;}
.navbar .navbar-nav > li:last-child{ border: none;}
.navbar .navbar-nav > li > a{ padding:10px 15px !important; font-size:14px;}
.navbar .navbar-nav > li a:hover{ color:#20b674; }
.navbar-toggle{ margin-right:0; margin-top:20px;}
.navbar-collapse{ padding-left:0;}
.navbar-expand-lg .navbar-collapse {float: none;clear: both;padding: 0;border-top:solid 1px #353535;}
.navbar{ flex-wrap: wrap;}
.navbar-expand-lg .collapse:not(.show) {display: none;}

.navbar-brand { margin:10px 3px; }
.navbar-brand > img { display: block; height: auto; width: 180px; }
.header-row.stick .navbar-brand > img { width: 150px; }
.header-row.stick .navbar-header{ margin-top:-57px;}
.fixed-nav .navbar-brand {margin: 10px 3px;}
}












