/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

body {

  /*background: linear-gradient(180deg, rgba(183,43,107,1) 54%, rgba(105,194,195,1) 54%);*/

  background:#fff;

  color: #444;

  font-family: "Open Sans", sans-serif;

}

/*.container{background:#fff;}*/

a {

  color:#b72b6b;

  text-decoration:none;

  transition: 0.5s;

}



a:hover, a:active, a:focus {

  color: #b72b6b;

  outline: none;

  text-decoration: none;

}



p {

  padding: 0;

  margin: 0 0 15px 0;

}



h1, h2, h3, h4, h5, h6 {

  font-family: "Montserrat", sans-serif;

  font-weight: 400;

  margin: 0 0 20px 0;

  padding: 0;

}

.modal-title{padding-left:10px;}

.lightpink{color:#ff0986;}

.whaypoints{color:#fff; list-style:none;padding:0; margin:30px 0 0 0;}

.whaypoints li{line-height:40px;font-size:18px;}

.whaypoints li i{color:#ffffff82;}





/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #50d8af;

  width: 40px;

  height: 40px;

  transition: all 0.4s;

}

.back-to-top i {

  font-size: 28px;

  color: #fff;

  line-height: 0;

}

.back-to-top:hover {

  background: #71dfbe;

  color: #fff;

}

.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Top Bar

--------------------------------------------------------------*/

#topbar {

  background: #45485d;

  border-bottom: 1px solid #eee;

  font-size: 14px;

  padding: 0;

  height: 40px;

}

#topbar .contact-info i {

  font-style: normal;

  color: #fff;

}

#topbar .contact-info i a, #topbar .contact-info i span {

  padding-left: 5px;

  color: #fff;

}

#topbar .contact-info i a {

  line-height: 0;

  transition: 0.3s;

}

#topbar .contact-info i a:hover {

  color: #fff;

}

#topbar .social-links a {

  color: #fff;

  padding: 0 15px;

  display: inline-block;

  line-height: 1px;

  border-left: 1px solid #e9e9e9;

}

#topbar .social-links a:hover {

  color: #fff;

}

#topbar .social-links a:first-child {

  border-left: 0;

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/



#header #logo img {

  padding: 0;max-height:120px;

  margin:auto;

}

.innerpages #header.fixed-top,

#header.fixed-top {width: 100%;background:#f1f1f1; transition: all 0.5s;padding:15px 10px;}



.innerpages #header{position:relative;}

section.bratcreme {

    background:#66d2d6;

    padding: 15px 15px 15px 0!important;

    display: block;z-index:1;

    width: 100%;position:relative;

}



.bratcreme h2{float:left;margin:0 0 0 15px;color:#000;font-weight:700;font-size:22px;position:relative;}

.bratcreme ul{float:right;list-style:none;margin:0;position: relative;}

.bratcreme ul li{display:inline-block;padding-left:5px;color:#000;}

.bratcreme ul li a{color:#000;}



@media (max-width:767px) {

  #header {

    height: 60px;

  }

   #header #logo img {

    max-height: 53px;

  }

}





/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

}

.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

}

.navbar li {

  position: relative;

}

.navbar a, .navbar a:focus {

  display: flex;margin: 0 3px;

  align-items: center;

  justify-content: space-between;

  padding:10px;

  font-family: "Raleway", sans-serif;

  font-size: 15px;

  font-weight: 600;

  color: #444;

  white-space: nowrap;

  transition: 0.3s;

}

.navbar a i, .navbar a:focus i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px;

}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {

  color: #fff;

  background:#b72b6b;

}

.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 0;

  top: calc(100% + 30px);

  margin: 0;

  padding:0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;}

.navbar .dropdown ul li {

  min-width: 200px;

}

.navbar .dropdown ul a {

  padding: 10px 15px;margin:0;

  font-size: 14px;color:#fff;

  border-bottom: 1px solid #87a81e;background:#b72b6b;}



.navbar .dropdown ul a.active,

.navbar .dropdown ul a:hover{background:#ec8001;}



.navbar .dropdown ul a i {

  font-size: 12px;

}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {

  color:#fff;

}

.navbar .dropdown:hover > ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}

.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}

.navbar .dropdown .dropdown:hover > ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}

@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }

  .navbar .dropdown .dropdown:hover > ul {

    left: -100%;

  }



}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #0c2e8a;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}

.mobile-nav-toggle.bi-x {

  color: #fff;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }



  .navbar ul {

    display: none;

  }

}

.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background:rgb(183 43 107 / 25%);

  transition: 0.3s;

  z-index: 999;

}

.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}

.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}



.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {

  margin: 15px;

}

.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}

.navbar-mobile .dropdown ul li {

  min-width: 200px;

}

.navbar-mobile .dropdown ul a {

  padding: 10px 20px;

}

.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {

  color: #fff;

}

.navbar-mobile .dropdown > .dropdown-active {

  display: block;

}



/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero {

    width: 100%;

    position: relative;

    background: linear-gradient(180deg, rgba(183,43,107,1) 73%, rgba(105,194,195,1) 73%);

    padding:0 15px 0 0;

}

#hero .hero-content {

    max-width: 48%; background: #b72b6b;

}

.hero-content h3{margin:0 0 10px 0; color:#fff;}

#hero .hero-content h2 {

  color: #0c2e8a;

  margin-bottom: 30px;

  font-size: 64px;

  font-weight: 700;

}

#hero .hero-content h2 span {

  color: #50d8af;

  text-decoration: underline;

}

#hero .hero-content p {

    color: #fff;text-align: justify;

    line-height: 20px;

}

.clients-slider i.bi.bi-chevron-double-right,

.clients-slider i.bi.bi-chevron-double-left {

    color: #b70000;font-weight:bold;

    font-size: 20px;

}

#hero .clients-slider .swiper-slide p{margin-top:0;}

/*#hero.Careerspagemain .hero-content h3{color:#000;}

#hero.Careerspagemain .hero-content p{color:#000;}*/



@media (max-width: 767px) {

  #hero .hero-content h2 {

    font-size: 34px;

  }

}

.btn-primary,

.btn-get-started{

  font-family: "Raleway", sans-serif;

  font-size: 15px;

  font-weight: bold;

  letter-spacing: 1px;

  display: inline-block;

  padding: 10px 32px;

  border-radius: 2px;

  transition: 0.5s;

  color: #fff;

  background: #68C4C3;border-radius:0;

  border: 2px solid #68C4C3;

}



.btn-primary:hover,

#hero .hero-content .btn-get-started:hover {

  background: none;

  color:#68C4C3;border-color:#68C4C3;

}

#hero .hero-content .btn-projects {

  background: #50d8af;

  border: 2px solid #50d8af;

}

#hero .hero-content .btn-projects:hover {

  background: none;

  color: #50d8af;

}

#hero .hero-slider {max-width: 52%;}



#hero .hero-slider .swiper-slide img{width: 100%;}

.ourlogos {

    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0;

    background: #b72b6aad;

    padding: 5px 0;

}



.ourlogos h1 {

    font-size: 25px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;position: relative;padding-bottom:8px;margin-bottom: 15px;}

    

.ourlogos h1::before {

    content: "";

    position: absolute;

    display: block;

    width: 50px;

    height: 3px;

    background: #fff;

    bottom: 0;

    left: 49%;

}

.product-box {

    background: #fff;

    display: inline-block;

    margin: 3px 1px;

    width: 206px;

    border-radius: 5px;

}

.product-box img {

    max-height: 48px;

    padding: 9px;

}





/*--------------------------------------------------------------

# Sections

--------------------------------------------------------------*/

section {

  padding: 40px 0;

}



/* Sections Header

--------------------------------*/



.section-header h2 {

  font-size:25px;

  color: #45485d;

  font-weight: 700;

  position: relative;

  padding-bottom:10px;

}

.section-header h2:before {

  content: "";

  position: absolute;

  display: block;

  width: 50px;

  height: 3px;

  background: #b72b6b;

  bottom: 0;

  left: 0;

}

.form .section-header h2:before{background:#fff;}





/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 20px 0;

  background-color: #fafafa;

  min-height: 40px;

}

.breadcrumbs h2 {

  font-size: 24px;

  font-weight: 300;

  margin: 0;

}

@media (max-width: 992px) {

  .breadcrumbs h2 {

    margin: 0 0 10px 0;

  }

}

.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 14px;

}

.breadcrumbs ol li + li {

  padding-left: 10px;

}

.breadcrumbs ol li + li::before {

  display: inline-block;

  padding-right: 10px;

  color: #6c757d;

  content: "/";

}

@media (max-width: 768px) {

  .breadcrumbs .d-flex {

    display: block !important;

  }

  .breadcrumbs ol {

    display: block;

  }

  .breadcrumbs ol li {

    display: inline-block;

  }

}



/* About Section

--------------------------------*/

#about {

  padding: 60px 0 30px 0;

}

#about .about-img {

  overflow: hidden;

}

#about .about-img img {

    margin-left: -10px;

    max-width: 100%;

    box-shadow: 0px 0px 30px rgb(73 78 92 / 15%);

    border: solid 2px #b34377;

}

.heighlight{font-size:18px;color: #b72b6b;}



@media (max-width: 768px) {

  #about .about-img {

    height: auto;

  }

  #about .about-img img {

    margin-left: 0;

    padding-bottom: 30px;

  }

}

#about .content h2 {

  color: #0c2e8a;

  font-weight: 700;

  font-size: 36px;

  font-family: "Raleway", sans-serif;

}

#about .content h3 {

  color: #555;

  font-weight: 300;

  font-size: 18px;

  line-height: 26px;

  font-style: italic;

}

#about .content p {

    line-height:25px;

    box-shadow: 10px 10px 15px rgb(73 78 92 / 10%);

    background: #fff;

    transition: 0.4s;

    padding: 15px;

    font-size: 14px;

    text-align: justify;

}



#about .content p:last-child {

  margin-bottom: 0;

}



/* Services Section

--------------------------------*/

.box {

  padding: 40px;

  box-shadow:0px 0px 30px rgb(73 78 92 / 15%);

  background: #fff;

  transition: 0.4s;

  height: 100%;

}



 .box .icon {

    float: left;

    height: 100%;

}

 .box .icon i {

  color: #444;

  font-size: 64px;

  transition: 0.5s;

  line-height: 0;

  margin-top: 34px;

}

 .box .icon i:before {

  background: #0c2e8a;

  background:linear-gradient(45deg, #e08d42 0%, #b72b6b 100%);

  background-clip: border-box;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

 .box h4 {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 22px;

}

 .box h4 a {

  color: #444;

}

 .box p {

  font-size: 14px;

  margin-bottom: 0;

  line-height: 24px;

}



 .box ul li i {

  font-size: 20px;

  padding-right: 4px;

  color: #66d2d6;

}

 .box ul {

  list-style: none;

  padding:30px 0 0 100px;

}

 .box ul li {vertical-align: top;

    padding-bottom: 10px;

    display: inline-block;

    width: 49%;

}



 .box.box02 ul{padding-top:20px;}

 .box.box02 ul li{width:100%;}





/* Clients Section

--------------------------------*/

.clients-slider{margin-top:7px;}

.homeconnent{padding:22px 27px;}



.clients-slider .swiper-slide{transition: 0.4s;display:flex;padding:10px;flex-direction: column;align-items: center;text-align:center;min-height: 130px; box-shadow: 10px 10px 15px rgb(73 78 92 / 10%);}

#hero .clients-slider .swiper-slide p{transition: 0.4s;margin-bottom: 0;font-size: 11px;line-height: 16px;height: 40px; text-align: center;}



.clients-slider img {margin-bottom:5px;opacity:0.7;transition: 0.3s; max-height:70px; margin: auto;}

.clients-slider .swiper-slide:hover{transform: translateX(-5px); -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); box-shadow: 0 3px 5px 0 #000;}

.clients-slider .swiper-slide:hover img{opacity:1;}

.clients-slider .swiper-slide:hover p{color:#fff;}



.clients-slider .swiper-pagination {

  margin-top: 20px;

  position: relative;

}

.clients-slider .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #ef983b;

}

.clients-slider .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #eb478c;

  border: 1px solid #eb478c;

}





/* Testimonials Section

--------------------------------*/

#testimonials {

  padding: 30px 0;

}

#testimonials .testimonials-carousel, #testimonials .testimonials-slider {

  overflow: hidden;

}

#testimonials .testimonial-item {

  box-sizing: content-box;

  padding: 30px 30px 0 30px;

  margin: 30px 15px;

  text-align: center;

  min-height: 350px;

  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);

}

@media (max-width: 767px) {

  #testimonials .testimonial-item {

    margin: 30px 10px;

  }

}

#testimonials .testimonial-item .testimonial-img {

  width: 90px;

  border-radius: 50%;

  border: 4px solid #fff;

  margin: 0 auto;

}

#testimonials .testimonial-item h3 {

  font-size: 18px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #111;

}

#testimonials .testimonial-item h4 {

  font-size: 14px;

  color: #999;

  margin: 0;

}

#testimonials .testimonial-item .quote-sign-left {

  margin-top: -15px;

  padding-right: 10px;

  display: inline-block;

  width: 37px;

}

#testimonials .testimonial-item .quote-sign-right {

  margin-bottom: -15px;

  padding-left: 10px;

  display: inline-block;

  max-width: 100%;

  width: 37px;

}

#testimonials .testimonial-item p {

  font-style: italic;

  margin: 0 auto 15px auto;

}

#testimonials .swiper-pagination {

  margin-top: 20px;

  position: relative;

}

#testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #50d8af;

}

#testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #50d8af;

}



/* Our Team Section

--------------------------------*/

#products-maim {

  background: #fff;

  padding:15px 15px 0 15px;

}

.products {

    border: solid 2px #ccc;

    text-align: center;

    margin-bottom: 40px;

    background: #ffffff;

    transition: 0.4s;

    box-shadow: 10px 10px 15px rgb(73 78 92 / 10%);

    border-radius: 10px;

    overflow: hidden;

}

.products:hover{

    box-shadow: 0px 0px 30px rgb(73 78 92 / 15%);

    transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

}

.products .pic {

  overflow: hidden;

  text-align: center;

}

.products .pic img{max-height:240px;}

.products .details {

    background: #f1f1f1;

    color: #000;

    padding: 10px;

}

.products h4 {

  font-weight: 700;

  margin-bottom: 2px;

  font-size: 15px;

}

.products span {

  font-style: italic;

  display: block;

  font-size: 13px;

}

.products .social {

  margin-top: 5px;

}

.products .social a {

    color: #fff;

    background: #a60f38;

    padding: 6px;

    display: block;

    border-radius: 5px;

}



.products .social i{font-size:20px;margin:0 2px;}

.pic-logo{ margin: 15px;display: inline-block;height:48px;}

.pic-logo img{max-height: 55px;}





/* Contact Section

--------------------------------*/

#contact .contact-info address, #contact .contact-info p {

  margin-bottom: 0;

  color: #000;

}

#contact .contact-info a{color:#b72b6b;}

#contact .contact-info a:hover{color:#66d2d6;}

.contact-address{background: #f5f5f5;padding:10px 15px 1px 15px;margin-bottom:15px;}

.contact-info h3{font-size: 15px;margin-bottom: 0;font-weight: bold;text-transform: uppercase; color: #45485d;}

.contact-address ul{list-style:none;padding:0;margin:0;}

.contact-address ul li i{font-size: 18px;margin-right:15px;background:#b72b6b;border-radius:50%;width:30px;height:30px;line-height:30px;

    text-align: center;color: #fff;}



.contact-address ul li {

    display: flex;

    align-items: start;

    margin-bottom: 10px;

    line-height:26px;

    font-size:16px;

}





.form {

    box-shadow: 10px 10px 15px rgb(73 78 92 / 10%);

    transition: 0.4s;

    padding: 25px;

    background: #b72b6b;

}



.map iframe {

    width: 100%;

    padding:4px;

    display: block;

    background: #b72b6a;

    height: 50vh;

}



#contact .php-email-form .validate {

  display: none;

  color: red;

  margin: 0 0 15px 0;

  font-weight: 400;

  font-size: 13px;

}

#contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}

#contact .php-email-form .error-message br + br {

  margin-top: 25px;

}

#contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}

#contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}

#contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}

#contact .php-email-form input{padding: 10px 20px;border-radius: 0; font-size: 17px; border: none;height:50px;}



#contact .php-email-form textarea{padding: 10px 20px;border-radius: 0; font-size: 17px; border: none;}



#contact .php-email-form input::focus, #contact .php-email-form textarea::focus {

  background-color: #45485d;

}

#contact button[type=submit] {

  background: #009b9b;

  border: 0;

  padding: 10px 30px;

  color: #fff;

  transition: 0.4s;

  cursor: pointer;

}

#contact .php-email-form button[type=submit]:hover {

  background: #45485d;

}

@-webkit-keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#footer{padding: 10px;  font-size: 14px; border-top: solid 1px #ddd;background:#f1f1f1;}

#footer .copyright {

  text-align:left;

}

#footer .credits {

  text-align:right;

  font-size: 13px;

  color: #555;

}

#footer .copyright a,

#footer .credits a {

  color: #555;

}

.img-boder img{width:100%;border:solid 5px #b72b6b;box-shadow:10px 10px 15px rgb(73 78 92 / 10%);}

.manufacturing .content ol{padding-left:30px;line-height:30px;}

.Manufacturingbox strong{position:relative;z-index:0; top:-10px;font-size:30px;color:#b72b6b;}

.Manufacturingbox strong:before {

    content: '';

    position: absolute;

    background: url(../img/manufacturing-design.png) center left no-repeat;

    left: -58px;top:-5px; height:86px;width:357px;z-index:-1;}



.Manufacturingbox.box ul{padding-left:0;}

.Manufacturingbox.box ul li{width:100%;line-height:30px;}

.manufacturing .content ul li i{color: #b72b6b;font-size:30px;padding: 0;vertical-align: middle;}



#myModal{background:#0009;}

#myModal .modal-dialog {

    display: flex;

    margin: 0 auto;

    min-height: 100%;

    align-items: center;

}

.modal-header{padding:5px;}

button.close {

    border: none;

    background: #E56997;

    color: #fff;

    font-size: 40px;

    padding: 0 10px;line-height: 30px;}



.accordion-button{color:#fff;}

.cancerpic img{border: solid 4px #66d2d6; border-radius: 50%; max-height:190px; padding:5px;}

.cancerpic span{background: #66d2d6;padding: 25px 0; display: block; margin-top: 15px;border-radius: 10px;font-size: 20px;color: #fff;}

.cancercontent p strong{color:#b72b6b;}

.cancercontent ol{margin:0 0 15px 0; padding-left:30px;overflow:hidden;}

.cancercontent ol li{float: left;width: 50%;margin-bottom:5px;}







@media (min-width:992px) and (max-width:1199px){

#header #logo img{max-height:80px;}

.navbar a, .navbar a:focus{padding-left:5px;padding-right:5px;}

#hero .hero-content p{line-height: 15.5px;font-size: 12px;margin-bottom: 0;}

.products h4{font-size:12px;}

.products span{font-size:12px;}



#footer .credits,

#footer .copyright{font-size:12px;}





}  

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

#hero{flex-direction: column-reverse;padding-right:0;}

#hero .hero-content{max-width: 100%;}

#hero .hero-slider{max-width:100%;}

.uk-width-xlarge{width:100%;}

.homeconnent{padding:10px;} 

#hero .hero-content p{font-size:13px;}

.products{margin-bottom:20px}

.cancerpic img{max-height:80px;}

.cancerpic span {

    padding: 5px;

    margin:10px 0px;

    border-radius: 4px;

    font-size: 13px;

}

.cancercontent{font-size:12px;}

.accordion-button{font-size:12px;}

.careers .table tr td{font-size: 10px;}

.box{padding:10px;}

.box ul{padding:10px 0 0 0;}

.box ul li{font-size:12px;}



#footer .credits,

#footer .copyright{font-size:9px;}



}



@media (max-width:767px){

#hero{flex-direction: column-reverse;padding-right:0;}

#hero .hero-content{max-width: 100%;}

#hero .hero-slider{max-width:100%;}

.uk-width-xlarge{width:100%;}

.homeconnent{padding:10px;} 

#hero .hero-content p{font-size:13px;}

.cancercontent ol li{width:100%;font-size:12px;}

.bratcreme h2 {

    float: none;display:block;

    margin: 0;

    font-size: 17px;

    text-align: center;

}

.bratcreme ul{float: none;padding: 0;text-align: center;font-size:12px;}

section.bratcreme{padding: 10px 0!important;}

.img-boder img{border: solid 2px #b72b6b;}

.box p,

p{font-size:12px;margin-bottom:10px;}

.p-4{padding: 10px!important;}

.section-header h2{font-size: 14px;padding-bottom:5px;}

.products{margin-bottom:20px;}

.Manufacturingbox.box ul li{font-size:12px; line-height:8px;}

.box ul{padding-top:0;}

.Manufacturingbox strong:before{left:-28px;width:247px;}

.box.box02,

.box.Manufacturingbox.mt-4{text-align:left;}

.cancerpic img{max-height:80px;}

.cancerpic span {

    padding: 5px;

    margin:10px 0px;

    border-radius: 4px;

    font-size: 13px;

}

.accordion-button{font-size:12px;}

.contact-address ul li{font-size:10px;line-height:14px;}

.contact-info h3{font-size:11px;}

.hero-content h3{font-size:16px;}

.careers .table tr td{font-size: 10px;}

.whaypoints li {

    line-height: 22px;

    font-size: 13px;

}

.cancercontent strong,

ul{font-size:12px;}

.products .pic img {

    max-height: 110px;

}

.pic-logo img {

    max-height:20px;

}

.pic-logo{margin:5px 5px 0 5px;}

.aboutpage .box img{max-width:100px;}

.aboutpage .box h4{text-align:left;}

 .box ul li{width:100%;}

   .box h4{

    margin-left: 0;font-size:13px;margin-bottom:0;

    text-align:left;

  }

 .box .icon i{font-size:35px;}

.box img {

    max-height: 180px;

    max-width: 180px;

    margin: auto auto 10px auto;

}

.box img{max-width: 40px;}

.box ul{padding:0;}

.box ul li{font-size:12px;padding-bottom:0;}

.box{text-align:left;padding:10px;}



#footer .credits,

#footer .copyright{text-align: center;font-size: 12px;}



 }





@media (min-width:320px) and (max-width:499px){

 .box img{max-width: 40px;}

.box ul{padding:0;}

.box ul li{font-size:12px;padding-bottom:0;}

.box{text-align:left;}



.aboutpage .box img{max-width:100px;}

.aboutpage .box h4{text-align:left;}



}