.container-checkbox input:checked + .checkmark:after {
    display: block;
}
.container-checkbox input:checked + .checkmark {
    background-color: #2196F3;
}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 590px) 
  and (orientation: landscape)  {
      
      .main-page .middel-content .inner-page-banner img{height: 350px;width: 100%;}
      .main-page .main-footer .footer-topbar .col-xs-12:first-child{width:100%;}
      .main-page .main-footer .footer-topbar .newsletter-bar-main li:first-child{width: 100%;}
      .main-page .main-footer .footer-topbar .newsletter-bar-main li:last-child{width: 10%;}
}

@media only screen 
  and (min-width: 990px) 
  and (max-width: 1200px) {
      
    .main-page .middel-content .publications-main-sec .container .publication-product-main .shop-fetured img{height: 346px;}
    .main-page .middel-content .health-check-main-sec .container .health-check-product-main .right-product-deatils-main .product-image img{height: 365px;}
    .main-page .middel-content .health-check-main-sec .container .health-check-product-main .product-item43 .inner-item img{min-height: 286px;}
}

@media only screen 
  and (min-device-width: 591px) 
  and (max-device-width: 767px) 
  and (orientation: landscape) {
      
      .main-page .middel-content .inner-page-banner img{height: 350px;width: 100%;}
      .main-page .main-footer .footer-topbar .col-xs-12:first-child{width:30%;}
      .main-page .main-footer .footer-topbar .col-xs-12:last-child{width:70%;}
      .main-page .main-footer .footer-topbar .newsletter-bar-main li:first-child{width: 45%;font-size: 17px;}
      .main-page .main-footer .footer-topbar .newsletter-bar-main li:nth-child(2){width: 40%;}
      .main-page .main-footer .footer-topbar .newsletter-bar-main li:last-child{width: 10%;}
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (orientation: landscape) {  
      .main-page .middel-content .inner-page-banner img{height: 350px;width: 100%;}
      .main-page .main-footer .footer-topbar .col-xs-12:first-child{width:100%;}
      .main-page .main-footer .footer-topbar .newsletter-bar-main li:last-child{width: 10%;}
}


@media only screen 
  and (max-device-width: 560px) 
  and (orientation: landscape) {
      
      .main-page .middel-content .inner-page-banner img{height: 350px;width: 100%;}
      .main-page .main-footer .footer-topbar .col-xs-12:first-child{width:100%;}
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)  {
      .main-page .checkout-cart-item .row .inner-item .content .buttons .cart{padding: 5px 7px !important;}
      .main-page .checkout-cart-item .row .inner-item .content .buttons .buy{padding: 5px 15px !important;}
      .main-page .middel-content .productpage-main-sec .Mproduct-product-main .inner-item .content .buttons .buy{padding: 5px 15px !important;}
      .main-page .middel-content .productpage-main-sec .Mproduct-product-main .inner-item .content .buttons .cart{padding: 5px 7px !important;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item .content .buttons .buy{padding: 5px 15px !important;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item .content .buttons .cart{padding: 5px 7px !important;}
      .main-page .middel-content .publications-main-sec .container .row .left-sidebar-main .news-sec-main .inner-item .content .buttons .buy{padding: 5px 15px !important;}
      .main-page .middel-content .publications-main-sec .container .row .left-sidebar-main .news-sec-main .inner-item .content .buttons .cart{padding: 5px 7px !important;}
      .main-page .middel-content .health-check-main-sec .container .left-sidebar-main .health-checks h2{font-size: 14px;}
      .main-page .middel-content .health-check-main-sec .container .left-sidebar-main .health-checks h2:after{border-top: 17px solid transparent;}
      .main-page .middel-content .publications-main-sec .container .row .left-sidebar-main .health-checks h2{font-size: 14px;}
      .main-page .middel-content .publications-main-sec .container .row .left-sidebar-main .health-checks h2:after{border-top: 17px solid transparent;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item img{min-height: 180px;}
      .main-page .middel-content .top-main-filter-container .filter-first-sec .inner-main .bottom-forms-area-main .row .selectbar-main label{    width: 35%;}
       .main-page .middel-content .health-check-main-sec .container .health-check-product-main .product-item43 .inner-item img{min-height: 286px;}
      .main-page .middel-content .health-check-main-sec .container .health-check-product-main .right-product-deatils-main .product-image img{    min-height: 365px;}
      .main-page .middel-content .view-cartbar-main .row .left-checkout-banner{padding: 30px 40px;}
      .main-page .middel-content .items-table .table-responsive table thead tr th{padding: 10px 40px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody tr td:first-child{padding: 33px 0px 33px 40px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody tr td:nth-child(3){padding: 20px 30px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody tr td:last-child{padding: 28px 45px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody .total-amount-rw .empty-cart{padding: 35px 50px;}
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
      .main-page .middel-content .productpage-main-sec .Mproduct-product-main .inner-item .content .buttons .buy{padding: 5px 15px !important;}
      .main-page .middel-content .productpage-main-sec .Mproduct-product-main .inner-item .content .buttons .cart{padding: 5px 7px !important;}
      .main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar .navbar-nav li{margin: 0px 75px 0px 0px;}
      .main-page .middel-content .health-check-main-sec .container .health-check-product-main .product-item43 .inner-item img{min-height: 286px;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item .content .buttons .buy{padding: 5px 15px !important;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item .content .buttons .cart{padding: 5px 7px !important;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item .content{padding:10px 5px;}
      .main-page .middel-content .health-check-main-sec .container .health-check-product-main .right-product-deatils-main .right-product-deatils-inner{min-height:370px;}
      .main-page .middel-content .health-check-main-sec .container .health-check-product-main .right-product-deatils-main .product-image img{    min-height: 370px;}
      .main-page .middel-content .publications-main-sec .container .row .left-sidebar-main .health-checks h2{font-size: 14px;}
      .main-page .middel-content .publications-main-sec .container .row .left-sidebar-main .health-checks h2:after{    border-top: 17px solid transparent;}
       .main-page .middel-content .top-main-filter-container .filter-first-sec .inner-main .bottom-forms-area-main .row .selectbar-main label{width:35%;}
      .main-page .middel-content .top-main-filter-container .filter-first-sec .inner-main .bottom-forms-area-main .row .searchpage-fixing form label{width: 13%;}
      .main-page .middel-content .top-main-filter-container .filter-first-sec .inner-main .bottom-forms-area-main .row .selectbar-main p{    width: 28%;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item img{min-height:165px;}
      .main-page .middel-content .publications-main-sec .container .row .left-sidebar-main .news-sec-main .inner-item img{min-height:165px;}
      .main-page .middel-content .publications-main-sec .container .publication-product-main .inner-item{min-height: 330px;}
      .main-page .middel-content .view-cartbar-main .row .left-checkout-banner{padding: 30px 40px;}
      .main-page .middel-content .items-table .table-responsive table thead tr th{padding: 10px 40px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody tr td:first-child{padding: 33px 0px 33px 40px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody tr td:nth-child(3){padding: 20px 30px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody tr td:last-child{padding: 28px 45px;}
      .main-page .middel-content .checkout-table .table-responsive .table tbody .total-amount-rw .empty-cart{padding: 35px 50px;}
      .main-page .middel-content .items-table .table-responsive table tbody tr td:last-child{padding: 15px 40px;}
      .main-page .middel-content .items-table .table-responsive table tbody tr td{padding: 20px 40px;}
}


.checkboxen-main{
    display: flex;    
}

#hero-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
}


pddng0-mobileright{
    padding-right: 0px;
}



.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
}
.fade-carousel .carousel-inner .item {
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #fff;
    border: 1px solid #fff;
}
.fade-carousel .carousel-indicators > li.active {
  background: #74bf43;
  border: 1px solid #74bf43;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top:0;
    left: 0;
    z-index: 3;
    width: 100%;
}
.hero h2{
    font-family: 'DroidSans-Bold';
    color: #fff;
    font-size: 42px;
    margin: 100px 0px 0px 0px;
   
    padding: 10px;
    line-height: 46px;
    font-weight: 700;
}
.hero h2 span{
    background-color: rgba(0, 0, 0, 0.68);
    padding: 10px 15px;
} 

@media only screen 
    and (min-device-width: 320px)  and (max-device-width: 767px) {
        .hero h2{font-size: 35px;margin: 60px 0px 0px 0px;}   
}
.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;

}



.item img{height: 500px !important;width: 100%;}

@media screen and (max-width:767px){
    .item img{    
        height: 140px !important;
        width: auto;
        overflow: hidden;
    }
    .main-page .middel-content .slider-home{height: 140px !important;}
    .hero h2{font-size: 18px;margin: 21px 0px 0px 0px;line-height: 20px;}

	
	
	/* devlopment work */
	
	
	
.right-product-deatils-main .woocommerce-result-count{
	display:none;
}

/* 7may quantity css checkout page */

.quantity input[type=number]{    
    width: 3.631em;
    text-align: center;
}
.tabs-bar ul li a{
	color:#fff;
}
.tabs-bar ul li a:hover{
	color:#fff;
}
.tabs-bar{
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 1px solid #aaaaaa;
}
.tabs-bar .category{
    margin: 0px;
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.tabs-bar ul{
    padding-left: 0px;
    margin-bottom: 0px;
}
.tabs-bar ul li{
    list-style: none;
    font-size: 17px;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    transition: all .5s ease;
}
.tabs-bar ul li:last-child{
    border-bottom-left-radius: 15px;
}
.tabs-bar ul li a{
    color: #000;
}
.tabs-bar ul li a:hover{
    text-decoration: none;
}
.tabs-bar ul li:hover{
    background-color: #b6254f;
    cursor: pointer;
    
}
.tabs-bar ul li:hover a{ 
    color: #fff !important;
}
.orderspage-table .table-responsive table thead tr th:nth-child(3){
     padding: 10px 15px !important;
}
.orderspage-table .table-responsive table thead tr th{
    padding: 10px 40px !important;
}
.orderspage-table .table-responsive table tbody tr td{
    padding: 20px 40px !important;
}
@media screen and (min-width:768px) and (max-width:1024px){
     .orderspage-table .table-responsive table tbody tr td{
         padding: 20px 25px !important;
     }
    .orderspage-table .table-responsive table thead tr th{
         padding: 10px 25px !important;
    }
}


.order-page-mains .users-sec-inner{
    padding: 0px !important;
}
@media screen and (max-width:1024px){
    .order-page-mains {margin-top: 50px;}
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{display: none !important;}
}
.woocommerce-message{
	margin-bottom:0px;
}

@media screen and (max-width:768px){
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{display: none !important;}
}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}




/*   --------19 june 2018(order page)----------- */

  
@media screen and (min-width:768px) and (max-width:1280px){
    .continue-bttn{margin-left: 45px;}
}


    
    
    /*   task 16/07/2018   */



.navbar-collapse .fa-angle-down{
    position: absolute;
    top: 18px;
    right: -20px;
    color: #fff;
    font-size: 17px !important;
}
.navbar-collapse .fa-angle-right{
    position: absolute;
    top: 9px;
    right: 15px;
    color: #fff;
    font-size: 17px !important;
}
.second-sub-menu{
    top: -5px;
    left: 97% !important;
}
.main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar .navbar-nav li .dropdown-menu li .second-sub-menu{
    top: -4px;
    left: 97%;
}
@media screen and (max-width:950px){
    .main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar{left:-2px;}
    .main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar{position: relative;left: 0px;}
    .navbar-nav li{margin: 0px !important;}
    .navbar-collapse .fa-angle-down{top: 10px;right: 24px;transform: rotate(-90deg);}
    .submenu_item{position: relative !important;}
    .submenu_item{
            box-shadow: 0 6px 12px rgba(0,0,0,0) !important;
            border: 1px solid rgba(0,0,0,0) !important;
    }
    .main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar .navbar-nav li a{
            position: relative;
            display: initial;
            margin: 0px;
            padding: 0px;
            white-space: pre-wrap;
    }
    .navbar-collapse .fa-angle-right{right: 22px;}
    .submenu_item{width: 100%;padding-left: 25px !important;float: none !important;}
    .second-sub-menu {top: 0px !important;left: 0px !important;}
    .main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar .navbar-nav li .last-dropdown{left: 0px !important;}
    .main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar .navbar-nav li{width: 100%;}
}
.menublock{display: block !important;}
.menuarrow{transform: rotate(90deg) !important;}
.inner_submenu{display: block !important;}
@media screen and (min-width:951px){
    .second-sub-menu{
        display: block;
        position: absolute;
        z-index: 1000;
        /* display: none; */
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #b6355b;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        top: -5px !important;
        left: 97% !important;
    }
    .second-sub-menu {
    top: 0px;
    left: 100% !important;
    position: absolute;
    background-color: #b6355b;
    padding: 0px;
    opacity: 0.89;
}
}
.main-page .main-header .bootom-menu-bar-main .navbar-inverse #myNavbar .navbar-nav li .submenu_item{
    left: 0px;
    background-color: #b6355b;
    padding: 0px;
    opacity: 0.88;
}
.navbar-nav>li>.submenu_item{
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.submenu_item{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.submenu_item li{
    margin: 0px !important;
    padding: 8px;
    display: block !important;
    white-space: nowrap;
}
.second-sub-menu{
    display: none;
}