/*
Theme Name: Orthovasive
Version: 1.0
*/

.page-id-3380 .mobile-menu{
display:none !important;
}

.page-id-3380 .side-menu{
display:none !important;
}
.section-products-catalog .dropdown .dropdown-label {
    background: #d9e2e6 !important;
    }
.select2-container--default .select2-selection--single {
    background-color: #d9e2e6 !important;
    }
    
.section-products-catalog {
    background: #d9e2e6 !important;
}
 .slot.interaction-prompt > *{
  display: none !important;
  }
  
div#therapy1, div#therapy2 {
    height: 257px;
    overflow: auto;
}

div#sportSubPanelB {
    height: 320px;
    overflow: auto;
}


.hero-banner h1 span {
    color: #00B9FF !important;
}

.orthopaedic-hero h5 {
     color: #fff !important;
    }

.section-orthovasive .orthovasive-part .orthovasive__text h5 {
    color: #006DD9 !important;
    }
    
    .section-cards .hero-card .card-text h5 {
     color: #006DD9 !important;
    }
    
    .section-cards .hero-card {
    display: flex;
    border: 1px solid #00B9FF !important;
    }

.navigationbar .navbar {
    background-color: #004589;
}

.secContent {
    font-size: 16px !important;
    line-height: 23px;
    color: #000000;
}
.section-product-overview .resources__video-tab .modal-dialog .btn-close {
    background-position: center !important;
    background-color: #000;
    border: 2px solid #ffd83d;
    border-radius: 50%;
}

.section-product-overview .resources__video-tab .modal-dialog .btn-close:hover {
    background-position: center;
    background-color: #fff;
    border: 2px solid #ffd83d;
    border-radius: 50%;
}

.section-orthovasive .option-part .option__text p {
    color: #fff;
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.section-orthovasive .orthovasive-part .hero-card .card-text h5{
width: auto;
}
.section-cards .hero-card:hover {
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.4) !important;
}
.section-cards .hero-card:hover .card-image img {
    min-width: 145px !important;
    max-width: 145px !important;
}

.section-cards .hero-card:hover {
    transform: none !important;
    }
footer {
    padding: 30px 30px 15px !important;
    }
    
.hcp-tabs .main-box h3 {
    line-height: 1 !important;
    font-size: 28px !important;
    }
    
    .hcp-tabs .main-box .toggle-btn img {
    top: 30px !important;
    }

.upperheader .nav-item {
    padding-right: 0px !important;
}
.section-orthovasive .option-part h2{
font-family: "lato", sans-serif !important;
}

.section-cards h2, .section-cards h3 {
    
    font-family: "lato", sans-serif !important;
}
.products-catalog .section-cards .center-text {
    font-family: "lato", sans-serif !important;
}
.section-products-catalog .product-top-bar .sort button {
    color: #38536D !important;
    }
.orthopaedic-hero h1 {
    line-height: 1.2 !important;
}
    
.orthopaedic-hero p {
    font-size: 18px !important;
    font-weight: unset !important;
    line-height: 24px !important;
}

.video-box:hover .video-pause {
    opacity: 1;
}
.video-pause {
    opacity: 0;
}

.section-product-overview #products_tab .product-box .modal-dialog .modal-content model-viewer {
    width: 80%;
    height: 80%;
    margin-bottom: 20px !important;
}
.section-product-overview .golden_knee_system .component_details .modal-dialog {
    max-width: 70% !important;
    height: 90vh !important;
}
.section-product-overview #products_tab ul li.r-tabs-state-active a {
    
    font-weight: 400 !important;
}
.section-product-overview .resources__video-tab .video-box {
    position: relative;
    margin-bottom: 10px !important;
}
/* jigmet norboo */
.mobactive{
color:#FFD83D !important;
}

.section-product-overview #products_tab .r-tabs-nav {
    align-items: center !important;
    }
.breadcrumb-section ul li::before{
top:5px !important;
}
.card-arrow-btn {
    padding: 8px 15px 8px 15px !important;
    margin-top: 10px !important;
    }
.main-logo-nav img {
    padding-right: 10px;
}

p.lassmallPara:hover {
    color: #FFD83D;
}
div#type2 {
    padding: 0px 20px;
    height: 250px;
    overflow-y: auto;
}
  .mobdefault{
    color: #fff;
  }
div#smalPanelIdB,div#sportSubPanelB,div#sportSubPanelA  {
    text-align: start;
    padding: 0px 15px;
    display: none;
}
p.lassmallPara {
    font-size: 12px;
    color: #fff;
    font-weight: 100;
    margin-top: 18px;
}
div#smalPanelIdA {
    text-align: start;
    padding: 0px 15px;
    display: none;
}
.panelSport.d-flex.justify-content-between.align-items-center {
    margin-top: 6%;
}
.smallPanel,.smallPanelSport {
    display: none;
}
img.smallPanelImg {
    width: 8px;
}
.smallpanelAll.d-flex.align-items-center {
    padding: 0px 15px;
    margin-top: 18px;
}
p.smalPanelPara {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
        padding-right: 20px;
}
.mobArthroplasty p{
   color:#fff;
   font-size:14px;
   }
   .panelSport p{
      color:#fff;
   font-size:14px;
   }


@media(max-width: 1000px){
div#flip {
    font-size: 2vw;
}
}
@media(max-width: 768px){

.upperheader .nav-item {
    margin-right: -8px;
}

.hcp-tabs .main-box h3 {
    line-height: 1 !important;
    font-size: 16px !important;
    }
    
    .hcp-tabs .main-box .toggle-btn img {
    top: 15px !important;
    }
}
#panel{
  padding: 5px;
  text-align: center;
  background-color: #16317a;
  border: solid 1px #16317a;
}
div.head{
  top: 42px !important;
}
#panel {
  padding: 25px;
  display: none;
      position: absolute;
    top: 89px;
    width: 100%;
    left: 0;
}
.myDiv {
            background-color: transparent;
        }

        .text2 {
            display: none;
        }

        .selected {
            color: #FFD83D;
            background-color: #00124D;
        }
.productcategoryediv::-webkit-scrollbar {
  width: 1px;
}
 
.productcategoryediv::-webkit-scrollbar-thumb {
  background-color: #d5d2d2;
}
 
#newIMge{
  display:none;
  width:6px;
  }

    .allSidetext:hover{
    color:#FFD83D;
    }
.allSidetext {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 300;
}
.col-3.productcategoryediv {
    padding: 0;
}
div#therapy1,div#therapy2,div#type1,div#type2 {
    padding: 0px 20px;
}
.upperHead2{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:90%;
    
}
.upperHead1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:90%;
    height:50px;
    padding: 0 35px;
}
.text-container {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}
.underline {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #FFD83D;
    transition: width 0.3s ease;
}
.smallImg {
    margin-left: 10px;
    transition: transform 0.4s ease;
}
.upperHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 35px;
}
.arthoplastry1{
    font-size: 20px;
    font-weight: bold;
    cursor:pointer;
}
.belowHead{
    font-size: 14px;
    font-weight: 300;
    cursor:pointer;
}
.belowHead:hover{
    color:#FFD83D;
}
.smallImg{
    width: 6px !important;
    display: none;
}
.btmMargin{
   
}

/*  */
.ajax-loader .loader {
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	color: #000466;
	letter-spacing: 0.2em;
}

.ajax-loader .loader::before,
.ajax-loader .loader::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #000466;
	position: absolute;
	animation: load 0.7s infinite alternate ease-in-out;
}

.ajax-loader .loader::before {
	top: 0;
}

.ajax-loader .loader::after {
	bottom: 0;
}

@keyframes load {
	0% {
		left: 0;
		height: 30px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 40px;
	}
	100% {
		left: 235px;
		height: 30px;
		width: 15px;
	}
}


.section-products-catalog .product-card .product-img{
	background: none!important;
    align-items: flex-start !important;
    top: -343px !important;
}

.section-products-catalog .product-card .product_text{
min-height: auto !important;
}

.d-flex.flex-column.socialicondiv {
    align-items: end;
}

.hcp-tabs .main-box.active {
    padding: 22px 30px 22px 30px !important;
}
.section-products-catalog .product-card:hover {
    margin-top: 308px !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2) !important;
}

.section-products-catalog .product-card{
 box-shadow:none !important;
 background: #d9e2e6 !important;
}

.section-products-catalog .product-card:hover .product-img img {
    max-height: 358px !important;
}

.section-products-catalog .product-card .product-img img {
   filter: drop-shadow(-27.5px 24.5px 8px #00000020);
}

.hcp-tabs .main-box .content .content__product-box img{
	display:none;
}

.hcp-tabs .main-box .content .content__product-box p {
    font-size: 20px !important;
    background: #fff;
    border-radius: 12px;
    min-height: 80px;
    text-align: center;
    padding-top: 30px;
}

.hcp-tabs .main-box .content .row:after {
    margin-bottom: 20px;
    
    display: block;
    width: 87%;
    height: 3px;
    background: #e3e3e3;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
}

.hcp-tabs .main-box .content .row {
    border-bottom: 0px solid #ffffff !important;
}

.section-product-overview #products_tab .product-details ul {
    display: grid !important;
    padding-bottom: 15px;
    
}

.section-product-overview #products_tab .product-details h2 {
    color: #00B9FF;
    font-size: 18px;
    text-shadow: 0px 3px 4px #0000004D;
    font-weight: 400;
	line-height: 26px;
    margin-bottom: 20px;
}

.section-product-overview #products_tab .product-details h1{
	line-height: 40px;
    color: #00B9FF !important;
}

.section-product-overview #accordion .modal-dialog {
    max-width: 1200px !important;
    width: 100% !important;
}

footer.fixed {
    position: initial !important;
    background-color: #000000;
}

.volume-controls {
    display: none;
}

footer .footer-left ul li{
    border-right: 0px solid #ffffff !important;
}

footer .footer-left {
    display: grid !important;
    gap: 18px;
    align-items: left;
    flex-direction: column;
    margin-left: 9%;
}

.footerlinks {
    display: flex;
    justify-content: space-around;
}

.footerlinks ul li a {
    color: #e7b413;
    font-size: 14px;
}
.footerlinks ul li a:hover {
    color: #fff;
}
.footerlinks ul li {
    line-height: 22px;
    padding: 0px 10px;
}
footer .footer-right{
	display: inline !important;
}

footer .footer-right p {
    padding-bottom: 15px;
    padding-left: 5px;
    font-size: 15px;
}

.main-logo-nav {
    border-right: 0px solid #526E88 !important;
}

.upperdivcolor {
    background-color: #000329;
    padding: 10px;
}

.navigationbar .form-select{
	padding: 1px 55px 1px 20px !important;
    background-position-y: 7px !important;
}

.navigationbar {
    background-color: #00036B !important;
}

.navigationbar .search-box .search-submit {
    position: relative !important;
    right: 15px !important;
    top: 6px !important;
}

.navigationbar .navbar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
    
.Companiesdropdown {
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.Companieslogo {
    position: absolute;
    background-color: #101384;
    
    display: none;
}

img.company_logo {
    width: 65%;
    padding: 10px;
}

.Companieslogodropdown {
    border-left: 1px solid #fff;
    padding-left: 15px;
}

.main-logo-nav {
    padding-right: 15px;
    width: 29%;
    justify-content: space-between;
}

.Companieslogo.show {
    display: block;
    z-index: 100;
}

.productdropdown {
    color: #fff;
    cursor: pointer;
}

.productlistmaindiv {
    background: #004589 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    display: none;
}

.productlistdiv {
    color: #fff;
}

.productcategoryediv {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.producttitlediv {
    padding: 30px 110px 100px 70px;
}

.productcat1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
}


.productcat1cat1 {
    display: flex;
    justify-content: space-between;
    padding: 8px 25px 5px 0px;
    font: normal normal 300 18px/28px Roboto;
    letter-spacing: 0px;
    color: #D2D2D2;
    opacity: 1;
    font-weight: 600;
}

.productcategoryediv {
    max-height: 300px;
}

.productlistmaindiv.show {
    display: block;
}

section.popup {
    position: fixed;
    z-index: 1050;
    height: 100vh;
    width: 100vw;
    background-color: #000000c2;
    margin-top: -20px;
}

.popupdiv {
    margin: 0 auto;
    width: 60%;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 80px 60px;
    text-align: center;
    margin-top: 50px;
    /* background-image: url(/wp-content/uploads/sites/2/2023/12/alret-icon.svg); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

span.card-arrow-btn.popupbutton {
    position: initial !important;
    cursor: pointer;
}

section.popup.hide {
    display: none;
}

.navigationbar {
    z-index : 1040 !important;
    }
    
.Companieslogo11:hover{
    background-color: #001559;
    }
    
.orthopaedic-hero p {
    line-height: 24px !important;
}

.productcat1cat1:hover {
    color: #fcb900;
    text-decoration: underline;
    transition: auto;
}

.section-product-overview #products_tab {
    margin-top: 50px !important;
}

.hero-banner__slider .slick-dots li {
    margin: 0px 11px !important;
}
.hero-banner__slider .slick-dots {
    left: -0.5% !important;
}

.hcp-tabs .main-box {
    width: 80% !important;
}



.hero-banner .product-box video {
    width: 65% !important;
}

.side-menu ul li.arrow a.rotate {
    transform: rotate(180deg);
}
.upperdivcolor.top-lang.top-lang-hide {
    display: none;
}
/* For 1024 Resolution  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)  
{ 
    .breadcrumb-section {
        top: 110px !important;
        }
        .breadcrumb-section.topmove {
            top: 60px !important;
        }
}   */

/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 2560px)  
{ 
    .breadcrumb-section {
        top: 106px !important;
        }
        .breadcrumb-section.topmove {
            top: 60px !important;
        }
        h1{
            font-size: 2.719vw !important;
            line-height: 3.719vw !important; 
        }
}
@media screen and (max-width:1024px){

h1{
    font-size: 4.297vw !important;
    line-height: 5.297vw !important; 
}
}
@media screen and (max-width:912px){

}
@media screen and (max-width:820px){



}
@media screen and (max-width:768px){

}

@media screen and (max-width: 480px){
.breadcrumb-section {
    top: 90px !important;
}

.section-product-overview #products_tab .product-details h2 {
    margin-top: 0px !important;
}

.pagination-list {
    justify-content: center;
    margin-top: 20px;
}

.section-product-overview .golden_knee_system .component_details .details_box {
    padding-top: 50px !important;
}
.breadcrumb-section ul li:first-child {
    margin-left: 0 !important;
}
.breadcrumb-section.topmove {
    top: 43px !important;
}
body {
    padding-top: 45px !important;
}
.hero-banner .product-box video {
    width: 100% !important;
}
}
@media screen and (max-width:480px){
.hero-banner__slider .slick-dots {
        position: absolute;
    top: 35% !important;
    transform: rotate(90deg) !important;
        bottom: unset !important;
        left: -3.5% !important;
}
}



@media screen and (max-width:360px){

.hero-banner .product-box img, .hero-banner .product-box video {
    
}

}
@media screen and (max-wdith:282px){
.hero-banner .product-box img, .hero-banner .product-box video {
    
}
h1{
    font-size: 15.603vw !important;
   line-height: 16.603vw !important;
}
}
@media screen and (max-width: 991px){

.section-orthovasive.section-cards .orthovasive-part .hero-card {
height: 243px !important;
}

.breadcrumb-section {
    top: 88px !important;
    z-index: 1;
}

.breadcrumb-section.topmove {
    top: 42px !important;;
    z-index: 99;
}
h1{
    font-size: 6.44vw !important;
    line-height: 7.44vw !important;
}
}

.breadcrumb-section.topmove {
    background: rgb(6 27 38 / 70%) !important;
}
.Companiesdropdown:hover{
color:#FFD83D;
text-decoration:underline;
}
span.closeVideo {
    margin-top: 3px;
    border: 1px solid #FFD83D;
    border-radius: 50%;
    /* padding: .5px; */
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#000000;
    color:#FFD83D;
    cursor:pointer;
    z-index:2;
}
.BoxVideo {
    display: flex;
    justify-content: end;
    padding: 0 5px;
    /* position: absolute; */
}
span.closeVideo:hover{
    background-color: #FFF;
    border-color: black;
    color: black;
}
#videoModal11{
border-radius:8px;
}
.modal11{
padding:0 !important;
}





@media screen and (max-width: 768px) {

.popupdiv {
    margin: 0 auto;
    width: 80%;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 10px 50px;
    text-align: center;
    margin-top: 50px;
}
.\31 23123 {
    margin-bottom: 32px;
}

.card-arrow-btn {
    font-size: 11px !important;
    margin-top: 20px !important;
}


}

a#popupbutton1 {
    position: initial;
    cursor: pointer;
}

a#popupbutton2 {
    position: initial;
}

.Companiesdropdown img {
    padding-left: 10px;
}


.mobile-menu__fullWidth-footer ul li {
    border-bottom: none !important;
    border-right: 2px solid #fff !important;
        padding: 0px 5px !important;
}

.mobile-menu__fullWidth-footer ul li::before {
    content: "" !important;
    background-image: none !important;
}

.company_logo_div {
    padding-bottom: 20px;
}

.mobile-menu__fullWidth-list ul li a img {
    transform: rotate(0deg) !important;
}

.mobile-menu__fullWidth-social ul li {
    border-bottom: none !important;
}


/* .scrolldownimg {
       position: absolute;
       margin-top: 90vh;
       text-align: center;
       z-index: 1;
       left: 47%;
   } */
   
     .scrolldownimg {
         position: absolute;
        /* margin-top: 90vh; */
         text-align: center;
         z-index: 1;
         left: 47%;
         bottom: 5vh;
     }
   
   section#section-video-popup {
       margin-top: 25px;
   }
   
   .hcp-tabs .scrolldownimg {
       position: initial;
       margin-top: -7%;
       text-align: center;
       z-index: 1;
       left: 47%;
       margin-bottom: 50px;
   }
   
  
   
    @media screen and (max-width: 480px) {
   .hcp-tabs .main-box {
    width: 110% !important;
}
 }
 

 
        
   @media screen and (max-width: 1199px){
   
   .popupdiv {
    margin: 0 auto;
    width: 90%;
    }
.hero-banner__slider .slick-dots li button {
width: 14px !important;
height: 14px !important;
font-size: 0px !important;
}

.hero-banner__slider .slick-dots li{
width: 14px !important;
height: 14px !important;
}

.side-menu ul li a span {
    font-size: 1.6vw;
}

.navigationbar .navbar-expand-sm .navbar-nav .nav-link {
    font-size: 1.6vw;
}
.box_main_div {
    height: 250px;
    }
    .card-arrow-btn {
    font-size: 10px !important;
}
.box_list {
    margin-top: 10px;
    font-size: 12px;
    }
footer .footer-left ul li {
    padding: 3px 0px !important;
    }
p.medium {
    font-size: 11px !important;
    }


footer .footer-right ul li {
    display: inline-block;
    margin: 0px 3px !important;
}

.hero-banner__bg-video {
    height: 100vh !important;
}

.hero-banner__slider .slick-dots {
    transform: rotate(90deg) !important;
    top: auto !important;
    bottom: 65% !important;
}
.hero-banner .product-box {
    margin-bottom: 30px;
    text-align: center;
    
}



}

 
 
 
 
 
 
 
 
 
     
         @media screen and (max-width: 480px) and (max-height: 664px) {
   .scrolldownimg {
            position: absolute;
            text-align: center;
            z-index: 1;
            left: 41%;
            bottom: 217px;
   }
   
     /* .hero-banner .button-wrapper {
        margin-top: 40vh !important;
         margin-top: 10px !important;
         position: absolute;
    top: 85vh;
     } */
     
   }
   
   
    @media screen and (max-width: 480px) and (min-height: 664px) {
   .scrolldownimg {
            position: absolute;
            text-align: center;
            z-index: 1;
            left: 41%;
          /*  bottom: 192px; */
            bottom: 27%;
   }
   
     /*  .hero-banner .button-wrapper {
       margin-top: 40vh !important;
         margin-top: 10px !important;
         position: absolute;
    top: 63vh;
     } */
   }
   
   
 @media screen and (max-width: 991px){
 
 img.company_logo {
    max-width: 160px !important;
}
.hero-banner .product-box video {
    width: 100% !important;
}


 .main-logo-nav {
    margin-right: 5px;
    align-items: center;
}

 .mobile-menu {
    display: none !important;
    }
 .hero-banner .product-box {
    margin-bottom: 30px;
        margin-top: 70px !important;;
    
}

.nav-responsive {
    display: none !important;
}
.navigationbar {
    display: block !important;
}

footer {
    display: grid !important;
    padding: 35px 0px 60px 0 !important;
}

}
@media screen and (max-width: 768px){
.nav-responsive {
    display: block !important;
}
.navigationbar {
    display: none !important;
}

 .hero-banner .product-box {
    margin-bottom: 30px;
        margin-top: 20px !important;;
    
}

}  
   











@media (max-width: 576px){
.section-product-overview #products_tab .r-tabs-nav {
    flex-direction: unset !important;
    }
    
     .hero-banner .product-box {
    margin-bottom: 30px;
        margin-top: -30px !important;;
    
}
}
    
        @media (max-width: 767px){
.section-product-overview #products_tab ul li a {
    font-size: 12px !important;
}

h4 {
    font-size: 5.7vw !important;
}


.Companieslogo {
        top: 60%;
    width: 100%;
    left: 0;
}
img.company_logo {
    width: 50% !important;
    padding: 10px !important;
        max-width: 250px !important;
}
}

.navigationbar .form-select {
    font-size: 1vw;
}

.hero-banner__bg-video {
    position: absolute;
    height: 100vh !important;
    }
    
    .hero-banner__slider .slide {
    height: 100vh !important;
    }
    
     @media (max-width: 768px){
     
     .mobile-menu {
    display: block !important;
    }
    
    .side-menu {
    display: none !important;
}
    
.hero-banner__bg-video {
    position: absolute;
    height : 100vh !important;
    }
    
    .hero-banner__slider .slide {
    height: 100vh !important;
    }
    
    .hero-banner .product-box img {
    max-width: 70% !important;
}
}

@media (max-width: 991px){

.section-products-catalog .product-card:hover {
    margin-top: 144px !important;
    }
.section-orthovasive.section-cards .orthovasive-part .hero-card {
    max-height: 240px !important;
}
.hero-banner__slider .slick-dots li button {
    width: 14px !important;
    height: 14px !important;
    padding: 0 !important;
}
}

@media (max-width: 991px){
.hero-banner .product-box {
    margin-bottom: 20px !important;
    margin-top: -30px;
}
.section-product-overview #products_tab {
    margin-top: 40px !important;
}
.modal11 {
    width: 90%;
    }
}


.section-product-overview .golden_knee_system .component_details .details_box ul {
   
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.section-product-overview .golden_knee_system .component_details .details_box {
    color: #fff !important;
}

button.card-arrow-btn111 {
    padding: 5px 20px 5px 20px;
    background: #ffd83d;
    font-size: 14px;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    border-radius: 18px;
    color: #000466;
    transition: all 0.4s;
    border: 1px solid transparent;
    margin-bottom: 10px;
}

.breadcrumb-section ul {
    overflow-x: initial !important;
    }
    
    
    
    
    @media screen and (max-width: 991px){
.mobile-menu__row a {
    align-items: center;
    display: grid !important;
   gap: 5px !important;
    justify-items: center;
}

.mobile-menu__row {
    justify-content: center !important;
    padding-right: 0px !important;
    gap: 0px !important;
}

.mobile-menu__col {
    padding: 10px 5px !important;
    min-width: 30% !important;
        height: 90px;
    border-left: 0.5px solid #444;
}
}

@media screen and (max-width: 450px){
.mobile-menu__row span {
    max-width: 100% !important;
    font-size: 13px;
        text-align: center;
}
.main-logo-nav.d-flex {
    width: 100%;
}

.section-product-overview #products_tab {
    margin-top: 0px !important;
}

}


@media screen and (max-width: 991px){

.upperdivcolor.top-lang .container {
    max-width: 790px;
}
.mobile-menu__fullWidth-footer ul {
    margin-top: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #ffffff;
}

.section-product-overview .resources__video-tab .video-box img {
    display:none;
}
}

pre {
    color: #fff;
}


@media screen and (max-width: 991px){
div#flip {
    font-size: 1.6vw;
}

.Companiesdropdown {
    font-size: 1.6vw;
}
footer .footer-left {
    margin-left: 0% !important;
    padding-bottom: 15px;
}
.footer-logo {
    padding-bottom: 15px;
}
.hcp-tabs .main-box {
    width: 100% !important;
}

footer {
    display: grid !important;
        padding: 35px 0px 60px 0 !important;
        margin-bottom: 20px;
}



.footerlinks ul li a {
    font-size: 2.1vw !important;
}

.footerlinks {
    justify-content: left;
    
}

.footer-right {
    position: relative;
}
.mobile-menu {
    background-color: #000000 !important;
    }
}


@media (max-width: 767px){

footer .footer-left {
    margin-left: 0% !important;
    border-bottom: 0.5px solid #444;
    padding-bottom: 15px;
}
.footer-logo {
    border-bottom: 0.5px solid #444;
    padding-bottom: 15px;
}
.hcp-tabs .main-box {
    width: 110% !important;
}
.section-product-overview .golden_knee_system .component_1 {
    left: 20% !important;
    top: -60px !important;
}
.section-product-overview .golden_knee_system .component_2 {
    left: 30%;
    
}
.section-product-overview .golden_knee_system .component_4 {
    left: 43%;
    top: 380px !important;
}
.section-product-overview .golden_knee_system .component_4 {
    top: 400px !important;
    left: 20% !important;
}
.footerlinks > :first-child {
  border-right: 0.5px solid #444;
}
.footerlinks {
    justify-content: left;
    border-bottom: 0.5px solid #444;
}
.d-flex.flex-column.socialicondiv {
    align-items: start;
}
}

.mobile-menu__row > :first-child {
  border: none;
}
     }
     
     
     .section-product-overview .resources__video-tab video {
    height: 61vh;
}


@media screen and (max-width: 560px){
div#flip {
    font-size: 3vw;
}
.Companiesdropdown {
    font-size: 3vw;
}
}


button#wpforms-submit-1641 {
    background-color: #FFD83D;
    border: 1px solid #FCB900;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 18px;
    color: #253B51;
}