@media (min-width:992px) {    
     .bg_menu {
         background: #0f77ad;
         width: 100%;
         height: 50px
     }
     .bg_menu ul {
         list-style: none;
         margin: 0;
         padding: 0;
         float: left
     }
     .bg_menu ul li {
         float: left;
         margin: 0;
         position: relative     
     }
     .bg_menu ul li:first-child {
         border: 0 !important
     }
     .bg_menu ul li ul li a span {
        margin: 0 !important;
     }
     .bg_menu ul li.selected {
         background: #5da62a
     }
     .bg_menu ul li a:hover {
         background: #1faeec;
         color: #fff;
         text-decoration: none
     }
     .bg_menu ul li ul li {
         width: 100%;
         float: left;
         margin: 0;
         position: static;
         border: 0 !important
     }
     .bg_menu ul li a {
      font-family: 'Calibri';
      font-size: 20px;
      line-height: 20px;
      color: #fff;
      float: left;
      margin: 0;
      padding: 15px 13px
    }
    .bg_menu ul li:first-of-type a {      
      padding: 15px 18px
    }     
    .bg_menu ul li:hover ul li a {
         font-family: 'Calibri';
         font-size: 16px;
         line-height: 40px;
         text-decoration: none;
         text-align: left;
         text-transform: capitalize;
         color: #ffffff;         
         float: left;
         width: 100%;
         margin: 0;
         padding: 0 7px
     }
     .bg_menu ul li ul li ul li a, .bg_menu ul li ul li ul li ul li a {
        font-size: 15px !important;
        line-height: 31px !important;
        padding: 0 5px 0 21px !important
     }
     .bg_menu ul li a span,
     .bg_menu ul li:hover a span {
         margin: 0 0 0 8px;
         float: right
     }
     .bg_menu ul li ul {
         width: 168px;        
     }    
     .bg_menu ul li ul li a:hover span,
     .bg_menu ul li ul li:hover a,
     .bg_menu ul li ul li:hover a span{
         color: #191919
     }
     .bg_menu ul li ul li ul {
         width: 772px;
         height: 440px;        
     }  
     .bg_menu ul li ul,     
     .bg_menu ul li ul li ul,     
     .bg_menu ul li:hover ul li ul {
         display: none
     }
     .bg_menu ul li ul li:hover a span {
         position: static;
         margin: 0 0 0 6px;
         line-height: 40px;
         float: right
     }
     .bg_menu ul li ul li:hover a span,
     .bg_menu ul li:hover a span {
         display: block
     }
     .bg_menu ul li ul li.first_child ul.first_child_div,
     .bg_menu ul li ul li.first_child ul.second_child_div,
     .bg_menu ul li ul li.first_child ul.third_child_div {
         height: 440px;
         float: left;
         padding: 0 !important;
         background: #ffffff;
         border: 0
     }
     .bg_menu ul li ul li.first_child ul.first_child_div,
     .bg_menu ul li ul li.first_child ul.second_child_div,
     .bg_menu ul li ul li.first_child ul.third_child_div,
     .bg_menu ul li ul li.first_child ul.fourth_child_div {
         width: 25%
     }
     .bg_menu ul li ul li.first_child ul.first_child_div {
         left: 0 !important
     }
     .bg_menu ul li ul li.first_child ul.second_child_div {
         left: 25% !important
     }
     .bg_menu ul li ul li.first_child ul.third_child_div {
         left: 50% !important
     }
     .bg_menu ul li ul li.first_child ul.fourth_child_div {
         left: 75% !important
     }  
     .bg_menu ul li ul li.first_child ul.first_child_div li,
     .bg_menu ul li ul li.first_child ul.second_child_div li,
     .bg_menu ul li ul li.first_child ul.third_child_div li,
     .bg_menu ul li ul li.first_child ul.fourth_child_div li {
         width: 100% !important;
         height: auto
     }
     .bg_menu ul li ul li ul li {
         width: 100%;
         float: left;
         position: relative;
         border: 0
     }
     .bg_menu ul li ul li.first_child ul li {
         width: 772px;
         height: 440px;
         float: left;
         position: relative
     }
     .bg_menu ul li:hover ul {
         background: #0f77ad;
         display: block;
         position: absolute;
         top: 100%;
         left: 0;
         z-index: 9999;
         margin: 0;
         padding: 0;
         clear: both;
         height: 440px
     }
     .bg_menu ul li:hover {
         background: #37a0d7
     }
     .bg_menu ul li ul li:hover {
         background: #fff !important;         
     }
     .bg_menu ul li ul li a:hover,
     .bg_menu ul li:hover>ul li {
         background: none;
         color: #363636
     }
     .bg_menu ul li ul li:hover ul {
         background: #ffffff;
         display: block;
         top: 0;
         left: 100%;
         margin: 0;
         padding: 0
     }
     .bg_menu ul li ul li ul.mens_health {
         padding: 0
     }
     .bg_menu ul li ul li:hover ul.premature_ejaculation {
         background: url(https://cdn1.samrx.com/premature_ejaculation.png) bottom right no-repeat #ffffff
     }     
     .bg_menu ul li ul li:hover ul.womens_health {
         background: url(https://cdn1.samrx.com/2.png) bottom right no-repeat #ffffff
     }
     .bg_menu ul li ul li:hover ul.smart_drugs {
         background: url(https://cdn1.samrx.com/smart_drugs.png) bottom right no-repeat #ffffff
     }     
     .bg_menu ul li ul li:hover ul.pain_relief {
         background: url(https://cdn1.samrx.com/pain_relief.png) bottom right no-repeat #ffffff
     }
     .bg_menu ul li ul li:hover ul.antibiotic {
         background: url(https://cdn1.samrx.com/antibiotics.png) bottom right no-repeat #ffffff
     }
     .bg_menu ul li ul li:hover ul.hair_loss {
         background: url(https://cdn1.samrx.com/4.png) bottom right no-repeat #ffffff
     }
     .bg_menu ul li ul li:hover ul.allergy {
         background: url(https://cdn1.samrx.com/allergy.png) bottom right no-repeat #ffffff
     }
     .bg_menu ul li ul li:hover ul.quit_smoking {
         background: url(https://cdn1.samrx.com/3.png) bottom right no-repeat #ffffff
     }
     .bg_menu ul li ul li:hover ul.blood_pressure {
         background: url(https://cdn1.samrx.com/blood_pressure.png) bottom right no-repeat #ffffff
     }     
     .bg_menu ul li ul li:hover ul.eye_care {
         background: url(https://cdn1.samrx.com/eye_care.png) bottom right no-repeat #ffffff
     }  
     .bg_menu ul li ul li:hover ul.first_child_div {
         background: #ffffff;
         display: block;
         top: 0;
         left: 100%;
         margin: 0;
         padding: 10px 0 0
     }
     .bg_menu ul li ul li ul li ul.first_child_div li:hover,
     .bg_menu ul li ul li ul li ul.second_child_div li:hover,
     .bg_menu ul li ul li ul li ul.third_child_div li:hover,
     .bg_menu ul li ul li ul li:hover {
         background: none !important;
         border: 0 !important
     }  
     .menu_category_title {
         font-family: 'Calibri';
         font-size: 18px;
         line-height: 20px;
         color: #f61301 !important;
         text-transform: capitalize;
         float: left;
         width: 100%;
         margin: 10px 0 0 !important;
         padding: 0 10px
     }     
    .bg_menu ul li ul li ul li a::before{ position:absolute; top:10px; left:10px; width:7px; height:13px; background:url('https://cdn1.samrx.com//sub-arrow.jpg') no-repeat; content:"";} 
     .mobile_menu {
         display: none
     }
}
@media (min-width:1200px) {
    .bg_menu ul li a {      
      padding: 15px 24px
    }
     .bg_menu ul li:first-of-type a {      
      padding: 15px 32px
    } 
    .bg_menu ul li ul li ul li a::before {
        left: 25px;
    }    
    .bg_menu ul li ul li ul li a, .bg_menu ul li ul li ul li ul li a {
        font-size: 16px !important;
        line-height: 31px !important;
        padding: 0 5px 0 37px !important;
     }
     .bg_menu ul li:hover ul li a{       
         font-size: 18px;        
         padding: 0 10px
     }
     .menu_category_title {
         padding: 0 25px
     }
     .bg_menu ul li ul {
         width: 197px
     }
     .bg_menu ul li ul li ul,
     .bg_menu ul li ul li.first_child ul li {
         width: 943px
     }     
}
.request_call_mcafee_secure_section{ float:right; display:block; position:relative;}
@media(max-width:1199px) and (min-width:992px){
  .desktop_menu ul li:hover ul{ left:-81%;}
  .desktop_menu ul li a{ font-size:16px; padding:15px 10px;}
  .desktop_menu ul li a span, .desktop_menu ul li:hover a span{ margin: 0 0 0 5px;}  
}
@media (max-width:991px) {
    .bg_menu, .request_call_mcafee_secure_section{ display:none}
    .mobile_menu{ position:absolute; left:15px; top:5px;}
    .mobile_nav{ position:relative; text-align:left; float:right;}
    #sidebar-wrapper{ font-family:'Calibri'; margin-top:-9000px; left:0; top:0; width:100%; background:#0f77ad; position:fixed; height:100%; overflow-y:auto; z-index:1000; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -ms-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
    .sidebar-nav{ position:absolute; top:15px; width:100%; list-style:none; margin:0; padding:0 30px;}
    .sidebar-brand, .sidebar-brand:hover, .sidebar-brand:focus{ color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-transform:capitalize; margin:30px 0 0; padding:0 20px;}
    #menu-toggle{ top:2px; right:calc(100% - 15px); position:absolute; z-index:1;}
    #menu-close{ margin-right:0;}
    #menu-toggle i{ font-size:18px;}
    #menu-close i, .collapsed_icon i{ font-size:28px;}
    #sidebar-wrapper.active{ left:0; top:9000px; width:100%; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s;}
    .toggle, .panel-group{ margin:0;}    
    .panel-mobile .panel-collapse .panel-body{ background:#0f77ad; padding:0;}
    #mobile_menu_details{ display:none;}      
    .collapsed_icon i{ cursor:pointer; position:absolute;}
    .collapsed_icon i{ right:20px; top:15px;}     
    .panel-body ul{ list-style:none; margin:0; padding:0;}
    .panel-body ul li, .menu_ul li{ width:100%; float:left;}
    .panel-body ul li a{ font-family:"Calibri"; font-size:18px; line-height:32px; color:#ffffff; text-decoration:none; float:left; padding:0 20px;}
    .panel-mobile .panel-collapse .panel-body ul li.menu_category_title{ font-family:"Calibri"; font-size:20px !important; font-weight:normal !important; color:#052e44 !important; border-width:1px 0 0 !important; border-style:solid; border-color:#f1f1f1; padding:15px 20px 5px !important;}
    .category_products{ border-bottom:1px solid #09537a !important; padding:0 0 10px !important;}
    .panel-mobile{ margin:0 !important; border:0; border-radius:0; box-shadow:none;}
    .panel-heading-mobile, .menu_ul li{ padding:10px 20px; position:relative; background:#09537a; border-top:1px solid #f1f1f1; border-radius:0;}
    .panel-heading-mobile{ border-top:1px solid #0f77ad;}
    .panel-body ul li{ border-top:1px solid #09537a; margin:0;}
    .menu_ul li{ border-top:1px solid #0f77ad; margin:0 !important;}
    .menu_ul li:last-child{ border-bottom:1px solid #0f77ad;}
    #accordion2 .panel-heading-mobile{ background:#09537a; border-top:1px solid #0f77ad; padding:10px 20px;}
    #accordion2 .panel-mobile:last-child .panel-collapse .panel-body ul li{ border:0;}    
    .panel-heading-mobile a, .menu_ul li a{ font-family:"Calibri"; font-size:20px; line-height:38px; text-decoration:none; text-transform:capitalize; color:#ffffff; margin:0; padding:0;}
    .panel-body ul.sidebar{ margin:0;}
    .panel-body ul.sidebar li{ border-top:1px solid #c1e1ff; padding:10px 20px;}
    .panel-body ul.sidebar li a{ color:#363636; text-transform:uppercase; font-size:13px; line-height:16px; text-decoration:none;}
    .panel-heading-mobile.active{ background:#09537a;}
    .menu_category_title, .panel-heading-mobile.active a, .panel-heading-mobile.active a span i{ color:#00a8ff;}
    #menu-close, #menu-toggle{ color:#ffffff;}        
    .search_box_section{ margin:5px 34px 5px 0;}
}
@media(max-width:540px){
  .search_box_section{ margin:10px 0 0;}
  #searchshow, .search_box_section, input.sf_input{ width:100% !important;}
}