header {
    background: #fff;
}

#conten,
#header {
    padding-left: 15px;
    padding-right: 15px;
}

#header-navigation>nav,
#header-navigation>nav {
    float: right;
}


#header-navigation .rel-level1>ul {
    margin-top: 0;
    top: auto;
    background: #222222;
    border: none;
    text-align: left !important;
    border-bottom: 0px solid #302f30;
    z-index: 99;
}

#header-navigation li.navigation-explore-title>.field-navigationtitle,
#header-navigation li.navigation-explore-title>.field-navigationtitle,
#header-navigation li.navigation-explore-title>ul,
#header-navigation li.navigation-explore-title>ul,
#header-navigation .rel-level1>ul .nav-center,
#header-navigation .rel-level1>ul .nav-center {
    width: 100%;
    max-width: 999px;
    margin: 0 auto;
    position: relative;
}

#header-navigation .rel-level1>ul .nav-center:after,
#header-navigation .rel-level1>ul .nav-center:after {
    content: "";
    display: block;
    clear: both;
}

#header-navigation li.navigation-explore-title>.field-navigationtitle>a,
#header-navigation li.navigation-explore-title>.field-navigationtitle>a {
    position: relative;
    z-index: 5;
    font-size: 16px;
    color: #fff;
    text-align: left !important;
    font-weight: 600;
    display: inline-block;
    padding: 0;
}

#header-navigation li.navigation-explore-title>.field-navigationtitle>a:after,
#header-navigation li.navigation-explore-title>.field-navigationtitle>a:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 3px solid #09f;
    border-right: 3px solid #09f;
    transform: rotate(45deg);
    margin: 0 0 0 5px;
}

#header-navigation li.navigation-explore-title>.field-navigationtitle,
#header-navigation li.navigation-explore-title>.field-navigationtitle {
    background: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left !important;
}

#header-navigation nav,
#header-navigation nav {
   
    position: static;
}

#header-navigation nav>ul>li.level1>.navigation-title a,
#header-navigation nav>ul>li.level1>.navigation-title a {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 15px 15px 15px 15px;
    text-transform: uppercase;
    border-top: none;
    letter-spacing: 0;
}

#header-navigation nav>ul>li>.navigation-title a:after,
#header-navigation nav>ul>li>.navigation-title a:after {
    display: none;
}

#header-navigation nav>ul>li:hover>.navigation-title a,
#header-navigation nav>ul>li:hover>.navigation-title a {
    border-bottom: 2px solid #09f;
    color: #09f;
}

#header-navigation nav>ul>li.level1.active>.navigation-title a,
#header-navigation nav>ul>li.level1.active>.navigation-title a {
    border-bottom: 2px solid #09f;
}

.header-logo .component-content,
.header-logo .component-content {
    padding: 32px 0 0px 0;
}

.header-ametek-logo .component-content{
    padding: 10px 0 0 0;
}



#header-navigation li.navigation-explore-title,
#header-navigation li.navigation-explore-title {
    padding: 0;
    border: none;
    width: 100%;
}

.on-page-editor #header .row {
    position: static;
}

#header-navigation nav>ul>li.actNav >.navigation-title a,
#header-navigation nav>ul>li.actNav >.navigation-title a {
    border-bottom: 2px solid #09f ;
}

@media (min-width: 768px) {
    #header-navigation nav,
    #header-navigation nav {
        float: right; position: static;
    }

    #header-navigation nav>ul>li.level1>.navigation-title a,
    #header-navigation nav>ul>li.level1>.navigation-title a {
        border-bottom: 2px solid transparent; padding: 15px 12px; margin: 1px; font-size: 14px; color:#333; font-weight: 600;
        letter-spacing: inherit;
    }

    #header-navigation nav>ul>li.actNav >.navigation-title a,
    #header-navigation nav>ul>li.actNav >.navigation-title a {
        border-bottom: 2px solid #09f;
    }

    #header-navigation nav>ul>li:hover>.navigation-title a,
    #header-navigation nav>ul>li:hover>.navigation-title a {
        border-bottom: 2px solid #09f; 
    }

    #header-navigation .rel-level2>.field-navigationtitle:before,
    #header-navigation .rel-level2>.field-navigationtitle:before,
    #header-navigation .rel-level2>.field-navigationtitle:after,
    #header-navigation .rel-level2>.field-navigationtitle:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #000;
        top: 0;
    }

    #header-navigation .rel-level2>.field-navigationtitle:before,
    #header-navigation .rel-level2>.field-navigationtitle:before {
        right: -100%;
    }

    #header-navigation .rel-level2>.field-navigationtitle:after,
    #header-navigation .rel-level2>.field-navigationtitle:after {
        right: -100%;
    }

    .header-navigation,
    .header-navigation,
    #header-navigation .rel-level1.show>ul.active,
    #header-navigation .rel-level1.show>ul.active {display: block !important;}
	.header-navigation, #header-navigation .rel-level1.show>ul,
    .header-navigation, #header-navigation .rel-level1.show>ul {
        display: inline-grid !important;
        justify-content: center;

    }
    .header-navigation, #header-navigation .rel-level1.vertical.show>ul,
    .header-navigation, #header-navigation .rel-level1.vertical.show>ul {
        justify-content: start;

    }

    #header-navigation .vertical.rel-level1.show>ul,
    #header-navigation .vertical.rel-level1.show>ul {
        padding:9px 0 8px;
    }

    #header-navigation li.navigation-explore-title>ul,
    #header-navigation li.navigation-explore-title>ul,
    #header-navigation .rel-level1>ul .nav-center,
    #header-navigation .rel-level1>ul .nav-center {
        display: -ms-flexbox !important;
        display: flex !important;
        padding:30px 15px;
        margin: 0 auto;
        justify-content: center;
    }

     #header-navigation .level1.item1 li.navigation-explore-title>ul,
     #header-navigation .level1.item1 li.navigation-explore-title>ul, 
     #header-navigation .level1.item3 li.navigation-explore-title > ul,
     #header-navigation .level1.item3 li.navigation-explore-title > ul {
        margin: 0;
    }

    #header-navigation li.navigation-explore-title li.rel-level4>.navigation-title>a,
    #header-navigation li.navigation-explore-title li.rel-level4>.navigation-title>a{
        font-size: 13px;
    }
    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a,
    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a {
        min-height: 55px;
    }

    #header-navigation li.navigation-explore-title>ul>li,
    #header-navigation li.navigation-explore-title>ul>li,
    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title),
    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title) {
        float: left;
        padding-right: 20px;
        vertical-align: top;
        padding-bottom: 0px !important;
    }

    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title).last,
    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title).last{
        padding-bottom: 18px !important;
    }

    .header-navigation,
    .header-navigation,
    .header-navigation{
        display: block !important;
    }
}

#header-navigation .item1 .rel-level2, 
#header-navigation .item1 .rel-level2, 
#header-navigation .item3 .rel-level2,
#header-navigation .item3 .rel-level2 {
    display:inline-flex;
}

#header-navigation .rel-level2:hover,
#header-navigation .rel-level2:hover,
#header-navigation .rel-level2:focus,
#header-navigation .rel-level2:focus {
    background: transparent;
}

#header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title),
#header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title) {
    border: none;
    padding-left: 0;
    padding-top: 0;
}



#header-navigation li.navigation-explore-title li.rel-level3>.navigation-title>a,
#header-navigation li.navigation-explore-title li.rel-level3>.navigation-title>a,
#header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a,
#header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a {
    color: #fff;
    font-weight: 600;
    padding: 0 0 10px 0;
    display: block;
    text-align: left !important;
    font-size: 15px;
}





#header-navigation li.navigation-explore-title li.rel-level4>.navigation-title>a,
#header-navigation li.navigation-explore-title li.rel-level4>.navigation-title>a {
    text-align: left !important;
    font-size: 13px;
    display: block;
    padding: 3px 0;
    /* color: #999; */
    color: #dedede;
     letter-spacing: 0;
}





@media(max-width: 767px) {
    .header-logo .component-content,
    .header-logo .component-content {
        padding: 20px 0 10px 0;
    }

    .header-logo img,
    .header-logo img {
        width: 100%;
        max-width: 124px;
        margin-top: 15px;
    }

    header .position-right {
        padding-left: 0;
    }

    #header-navigation,
    #header-navigation {
        position: fixed;
        left: 0;
        z-index: 99;
        background: #231f20;
        padding: 10px 20px;
        display: none;
        height: 100%;
        overflow: scroll;
        max-height: 100%;
        padding-bottom: 150px;
        margin-top: 15px !important;
    }

    #header-navigation .rel-level1,
    #header-navigation .rel-level1 {
        float: none;
        display: block;
        width: 100%;
    }
    

    #header-navigation nav>ul>li>.navigation-title a,
    #header-navigation nav>ul>li:hover>.navigation-title a {
        border-bottom: 1px solid #302f30;
    }

    #header-navigation .rel-level1>ul,
    #header-navigation .rel-level1>ul {
        position: static;
    }

    #header-navigation .rel-level2,
    #header-navigation .rel-level2 {
        padding: 15px 0 0 0;
        display: block;
        float: none;
    }

    #header-navigation .rel-level1.show>ul,
    #header-navigation .rel-level1.show>ul {
        display: none;
    }
   
    #header-navigation li.submenu>.field-navigationtitle,
    #header-navigation li.submenu>.field-navigationtitle {
        position: relative;
    }

    #header-navigation li.submenu>.field-navigationtitle .child-trigger,
    #header-navigation li.submenu>.field-navigationtitle .child-trigger {
        position: absolute;
        padding: 10px;
        right: 0;
        height: 100%;
        width: 50px;
        top: 0;
        z-index: 20;
        cursor: pointer;
    }

    #header-navigation li.submenu>.field-navigationtitle .child-trigger span,
    #header-navigation li.submenu>.field-navigationtitle .child-trigger span {
        display: inline-block;
        width: 20px;
        height: 3px;
        background: #fff;
        position: relative;
        right: 5px;
    }

    #header-navigation li.submenu>.field-navigationtitle .child-trigger span:before,
    #header-navigation li.submenu>.field-navigationtitle .child-trigger span:before {
        content: "";
        width: 100%;
        height: 3px;
        display: inline-block;
        position: absolute;
        background: #fff;
        transform: rotate(-90deg);
        left: 0;
        transition: 0.3s all;
    }

    #header-navigation li.submenu>.field-navigationtitle .child-trigger.child-open span:before,
    #header-navigation li.submenu>.field-navigationtitle .child-trigger.child-open span:before {
        transform: rotate(0deg);
    }

    #header-navigation li.navigation-explore-title>.field-navigationtitle,
    #header-navigation li.navigation-explore-title>.field-navigationtitle {
        background: transparent;
        padding: 15px 0;
        display: block;
        border-bottom: 1px solid #302f30;
    }

    #header-navigation li.navigation-explore-title li.rel-level3>.navigation-title>a,
    #header-navigation li.navigation-explore-title li.rel-level3>.navigation-title>a,
    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a,
    #header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a {
        padding: 25px 0 8px 0;
        font-size: 21px;

    }

    #header-navigation li.navigation-explore-title li.rel-level3>.navigation-title > .NewLink,
    #header-navigation li.navigation-explore-title li.rel-level3>.navigation-title > .NewLink{
        padding-top: 23px;
    }

    #header-navigation li.navigation-explore-title .navigation-title .child-trigger,
    #header-navigation li.navigation-explore-title .navigation-title .child-trigger {
        display: none;
    }

    #header-navigation li.navigation-explore-title li.rel-level4>.navigation-title>a,
    #header-navigation li.navigation-explore-title li.rel-level4>.navigation-title>a {
        color: #fff;
        font-size: 14px;
    }

    #header-navigation li.navigation-explore-title>ul,
    #header-navigation li.navigation-explore-title>ul {
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #header-navigation .rel-level1,
    #header-navigation .rel-level1 {
        float: none;
        display: block;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .header-logo .component-content,
    .header-logo .component-content {
        padding: 27px 0 10px 0;
    }
}

@media(min-width: 1200px) {
    .header-logo>.component-content,
    .header-logo>.component-content {
        margin-left: -20px;
    }

}

@media(max-width: 479px) {
    .header-logo img,
    .header-logo img {
        min-width: 115px;
        margin-left: -10px;
    }
    .header-logo .component-content,
    .header-logo .component-content {
        padding: 12px 0 10px 0;
    }
}

#header .mobile-header-icon input.global-search {
    margin-top: 10px;
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    #header-navigation nav>ul>li.level1>.navigation-title a,
    #header-navigation nav>ul>li.level1>.navigation-title a {
        padding: 12px 5px;
        font-size: 12px;
    }
    .header-ametek-logo .component-content {
        padding: 0px 0 0 0;
    }   
}

@media screen and (min-width: 480px) and (orientation: landscape) {
    .header-logo .component-content {
        padding: 26px 0 6px 0 !important;
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) {
    .ametek-mobile-logo,
    .mobile-logo {
        padding: 35px 5px 0 0 !important;
    }

    .search-box-wrapper:not(.remove-margin) input{
        right: 20px !important;
        top: 0px !important;
    }



    .mobile-trigger,
    .mobile-trigger{margin-top: -4px;}   
}

/*===========================================================
                header mobile responsive
=============================================================*/

@media(max-width: 479px) {
    .login-component {
        padding: 20px 0 0 0;
    }
    .icon-wrapper,
    .icon-wrapper {
        padding: 20px 15px 0 0;
    }
    .ametek-mobile-logo,
    .mobile-logo {
        padding: 29px 5px 0 0;
    }
    .ametek-mobile-logo img,
    .mobile-logo img {
        max-width: 25px;
    }
    .login-component .userlogin,
    .login-component .userlogin,
    .icon-wrapper button,
    .icon-wrapper button {
        font-size: 20px;
        padding: 10px 8px;
        top: 50%;
        margin-right: -4px;
    }
}

@media(max-width: 380px) {
    .login-component.logedin a.logout-link span {
        display: none;
    }
    .search-result-section{min-height: 66vh !important;}

}

@media(max-width: 414px) {

    .product-content>div,
    .product-content>div {
        padding: 1px 0 !important;
    }
}

#header #header-navigation, .header-ametek-logo{
    margin-top: 30px;
}

body .product-selector-btn {
    display: flex;
    background: #c50b20;
    color: #fff;
    max-height: 20px;
    padding: 17px;
    margin-top: 15px;
    margin-right: 20px;
    align-items: center;
}

@media(max-width: 991px) {
    #header-navigation nav>ul>li.level1>.navigation-title a,
    #header-navigation nav>ul>li.level1>.navigation-title a {
        padding: 12px 12px 0px;
    }
}

@media(max-width: 1024px) {
    #header-navigation,
    #header-navigation {
        margin-top: 0;
    }
}

.download-hyperlink{
    color: #09f;
}