@media screen and (min-width: 992px) {
    .sticky{
        position: fixed;
        top: 0;
        background: #fff;
        left: 0;
        right: 0;
        z-index: 9;
    }
    .sticky ul.nav.nav-tabs {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1367px){
    .tab-inner{
        max-width: 95%;
    }
    .safety-banner{
        min-height: 745px;
    }
    .banner-result p{
        padding: 22px 0;
    }
    .manufacturing .tab-inner {
        max-width: 1300px;
    }
}
@media screen and (max-width: 1300px){ 
    .your-safety-inner{
        max-width: 100%;
    }
    .your-safety h1{
        padding-left: 10px;
        padding-right: 10px;
    }
    .safety-title{
        /* width: 41%; */
    }
    .manufacturing .tab-inner {
        max-width: 95%;
    }
    .manufacturing-details {
        width: 18%;
    }
    
}

@media screen and (max-width: 1024px) { 
    body.natrelle-body-content header .nav.navbar-nav a {
        padding: 30px 7px;
    }
    .safety-banner {
        min-height: 575px;
    }
    .banner-result p {
        padding: 15px 0;
    }
    .safety-accordion-title {
        padding-right: 55px;
    }    
    .manufacturing-details:last-child{
        margin-left: 0;
    }  
    .manufacturing-thumb{
        padding: 20px;
    }  
}

@media screen and (max-width: 991px) {
    .your-safety .nav-tabs{
        /* display: none; */
    }
    .mobile-nav-accordion{
        display: none;
    }
    .mobilenav-scrollup ul{
        text-align: center;
    }
    .mobilenav-scrollup ul.nav-tabs li.active a::after{
        display: none;
    }
    .mobilenav-scrollup{
        display: block;
    }
    .safety-page{
        padding-top: 110px;
    } 
    .safety-banner{
        /* background-image: url(../../img/safety/safety-banner-mob.jpg); 
        min-height: 450px; */
        background-image: url(../../img/safety/safety-banner-mob-1.jpg);
        min-height: 557px;
        background-position: 70%;
    }
        .safety-banner.recon {
            background-image: url(../../img/safety/safety-banner-mob-recon.png);
            background-position: 65%;
        }
        .banner-inner{
            background-color: transparent;
            background-image: none;
        }
    .banner-result p{
        font-size: 12px;
        padding: 6px 0;
    }
    .your-safety-inner{
        margin-top: 10px;
    }
    .your-safety h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .your-safety .nav-tabs{
        width: 100%;
        background: #f0f0f0;
        margin-bottom: 20px;
    }
    .your-safety .nav-tabs li{
        float: none;
        width: 100%;        
        border-bottom: 4px solid #fff;
        font-size: 14px;
    }
    .your-safety .nav-tabs li a{
        margin-right: 0;
        padding: 20px 10px;
        color: #00b0c6;
    }
    .your-safety .nav-tabs li a br{
        display: none;
    }
    .your-safety .nav-tabs li.active a, .your-safety .nav-tabs li.active a:hover, .your-safety .nav-tabs li.active a:focus{
        border:none;
    }
    .your-safety .nav-tabs li.active a, .your-safety .nav-tabs li.active a:hover, .your-safety .nav-tabs li.active a:focus{
        color: #ffffff;
        background: #00b0d2;
    }
    .your-safety .nav-tabs li.active a::after{
        content: "";
        display: inline-block;
        background-image: url(../../img/safety/mob-arrow.png);
        width: 18px;
        height: 14px;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-left: 10px;
        background-size: 100%;
    }
    .your-safety h1 span{
        display: inline-block;
        width: 100%;
    }
    .your-safety .tab-pane{
        line-height: 16px;
        font-size: 12px;
    }
    .your-safety .tab-pane h3{
        font-size: 12px;
        line-height: 16px;
    }
    .your-safety .tab-pane .questions{
        font-size: 12px;
        line-height: 16px;
    }
    .tab-inner {
        /* border-bottom: none; */
    }    
    .tab-content-inner {
        width: 100%;
    }
    .our-commitment .tab-inner {
        padding-top: 20px;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .our-commitment h2{
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
    }
    .our-commitment h2 span{
        display: inline-block;
        width: 100%;
    }
    .tab-1 .our-commitment p {
        margin-bottom: 20px;
        font-size: 12px;
    }
    .tab-1 .our-commitment .based-data {
        font-size: 11px;
    }
    .history-innivation .safety-content{
        padding: 10px 0 10px;
        max-width: 100%;
    }
    .innovation{
        display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;
        flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;
        -o-flex-direction: column; 
    }
    .innovation-lhs{
        order: 2;-webkit-order: 2;-moz-order: 2;-ms-order: 2;-o-order: 2;
        float: none;
    }
    .innovation-rhs{
        order: 1;-webkit-order: 1;-moz-order: 1;-ms-order: 1;-o-order: 1;
        margin-bottom: 30px;
    }
    .innovation-lhs, .innovation-rhs{
        width: 100%;
    }
    .innovation-rhs img {
        max-width: 100%;
        width: 50%;
    }
    .safety-title {
        width: 100%;
        max-width: 95%;
    }
    .safety-accordion-title::after {
        background-size: 100%;
    }
    .high-standards .safety-content {
        padding-top: 0;
        padding-bottom: 0;
    }
    .manufacturing .tab-inner{
        margin-bottom: 20px;
    }
    .manufacturing-details {
        width: 45%;
    } 
    .manufacturing-details:last-child {
        margin-left: 0px;
    }
    .manufacturing-thumb{
        background: #fff;
        padding: 0px;
        display: flex;
        align-items: start;
        flex-direction: row-reverse;
    }
    .manufacturing-thumb img{
        width: 20%;
        float: right;
        margin-left: 10px;
        margin-bottom: 0;
    }
    .manufacturing-thumb p{
        text-align: right;
    }
    .manufacturing-details:last-child{
        margin: 0 auto;
    }
    .high-implants h2{
        line-height: 25px;
        font-size: 20px;
        max-width: 350px;
    }
    .your-safety .tab-pane .high-implants .bottom-space-none{
        margin-bottom: 20px;
    } 
    .tab-1 .video{
        margin-bottom: 20px;
        margin-top: 0;
    }
    .technology-inside .safety-content {
        padding-top: 0;
    }
    .technology-inside .based-data{
        margin-top: 0;
        font-size: 11px;
    }
    .shell-difference{
        margin-bottom: 0;
    }
    .shell-difference-lhs, .shell-difference-rhs {
        width: 100%;
    }
    .shell-difference-lhs {
        float: none;
        margin-top: 20px;
    }
    .shell-difference-lhs h2{
        line-height: 25px;
        font-size: 20px;
        margin: 0 0 10px;
    }
    .get-difference h2{
        line-height: 25px;
        font-size: 20px;
        margin: 0 0 10px;
    }
    .shell-difference-rhs{
        margin-bottom: 20px;
    }  
    .shell-difference-rhs img {
        width: 50%;
    } 
    .candidate-surgery{
        background: #f3f3f3;
    }
    .surgery-lhs {
        width: 100%;
        float: none;
        height: auto;
        padding-right: 0;        
        padding-top: 0;
        padding-left: 0;
    }
    .surgery-rhs {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
    }
    .surgery-lhs::after {
        border-bottom: 3px solid #fff;
        border-left: none;
        width: 100%;
    }    
}

@media screen and (max-width: 767px) { 
    .safety-page {
        padding-top: 154px;
    }
}

@media screen and (max-width: 480px) { 
    body.natrelle-body-content .isi .link-block{
        top: -10px;
    }
    .safety-banner{
        min-height: 450px;
    }
    .banner-result p{
        padding: 6px 0 3px;
    }
    .safety-page {
        padding-top: 190px;
    }
    .manufacturing-thumb img {
        width: 30%;
    }
}
@media screen and (max-width: 320px) { 
    .your-safety .nav-tabs li{
        font-size: 12px;
    }
}