/* ---------------------------------- Responsive Media Styles ---------------------------------*/



@media (min-width: 1200px) {
	
	.container-productdetail { max-width: 1200px}

	.container { max-width: 1200px; }
	 
}

 

@media only screen and (min-width: 769px) {
	.tophead .tophead-right .dropdown-menu { display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top:180%;  }
	.tophead .tophead-right  .dropdown-toggle:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
	 
	 .navbar .nav-item .dropdown-menu {  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top: 180%  }  
	.navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }  
}


/* Medium : 647px */

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
     
}

/* Small : 320px */

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

	.banner-headcontent h1 { font-size: 31px; }
	.banner-headcontent p { font-size: 13px; }
	.toggle-btn label { padding: 8px 8px; font-size: 12px !important;  flex: auto; }   

	.toggle-btn [type="radio"]:not(:checked)+label, [type="radio"]:checked+label { position: relative; padding-left: 0px; }
	.hero-formbox h2 { font-size: 20px; }
	.hero-formbox p { font-size: 12px; padding-top: 10px; }
	.hero-formbox { padding: 28px 28px; }
	.head-text h2 { font-size: 26px; }
	.brands-box { padding: 12px 20px; }
	.brand-section { background-size: 40%; }
	.modular-section { padding: 10px 10px; background-size: 100% 100%; }
	.built-sectioncontent h2 {  font-size: 18px; }

	.built-sectioncontent p {
    margin-bottom: 22px;
    padding-top: 8px;
    font-size: 13px;
    line-height: 18px;
	}

.head-text p {
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
}

.costly-box { width: 60px; height: 60px; }
.barrier-righttext h6 {  font-size: 16px; }
.barrier-righttext p { font-size: 13px; padding-top: 6px; }
.unifies-boxcontent h5 {  font-size: 20px; }
.unifies-boxcontent p { font-size: 13px; }
.features-btn {
    padding: 8px 22px;
    font-size: 13px;
}

.features-btn img { height: 13px; }
.trusted-section { background-size: 100% 100%; }
.line-box::before { display: none; }
.line-box1::after { display: none; }
.line-boxtop::before { display: none; }
.line-box2::before { display: none; }
.line-box2::before { display: none; }
.margin-top { margin-top: 0px; }
.subscribers-box h6 { font-size: 22px; }
.subscribers-box p { font-size: 12px; }

.subscribers-contentbox p { font-size: 12px; }

.subscribers-box {
    padding: 14px 14px;
    min-width: 100%;
	min-height: 90px;
}

.core-moduleleft {
    background: url(../images/core-moduleleftbg.png) no-repeat top left,
                linear-gradient(to bottom right, #ffffff 70%, #f8edff 100%);
    background-size: cover; /* optional: makes sure it covers mobile width */
  }

  .core-modulecard h4 { font-size: 18px; }
  .core-modulecard p { font-size: 13px; }
  .core-modulebox { width: 50px; height: 50px; }
  .core-modulecard { min-height: 220px; padding: 15px 15px; }
  .head-text h6 { font-size: 16px; }
  .manufacturing-imgbox { width: 60px; height: 60px; }
   .manufacturing-imgbox img {  height: 32px; }
  .manu-facturemaintext h6 { font-size: 22px; }
  .manu-facturemaintext p { font-size: 14px; }
  .manufacturing-contentbox p { font-size: 13px; padding-top: 10px; }
  .success-storiesbtn { font-size: 12px; padding: 6px 12px }
  .case-studybtn { font-size: 12px; padding: 6px 12px  }
  .success-storiesbtn img { height: 16px; }
  .case-studybtn img { height: 13px; }
  .outer-criclebox { width: 75px; height: 75px; left: 0px; }
  .circle-rightimg img { height: 26px; } 
  .circle-rightimg { width: 50px; height: 50px; }
  .covered-box { padding: 15px 20px; }
  .covered-box h4 { font-size: 22px; }
  .covered-box p { padding-top: 10px; font-size: 16px; }
  .right-imgman img { margin-top: 0px; margin-left: 0px; }
  .faq-accordion .card-body { font-size: 13px; }

  .faq-accordion .card-header button { line-height: 20px; font-size: 14px; }
  .question-boxbg { padding: 16px 22px; }
  .chat-imgbox img { height: 70px; }
  .phone-callbox img { height: 60px; }
  .call-box p { font-size: 12px; letter-spacing: 3px; }
  .call-box h4 { font-size: 18px; }
  .call-box h6 { font-size: 16px; padding-top: 7px; }
  .footer-lefttext h6 { font-size: 26px; }
  .footer-lefttext p { font-size: 14px; padding-top: 10px; }
  .footer-lefttext h3 { font-size: 18px; }
  .footer-lefttext h4 { font-size: 13px; line-height: 20px; }
  .footer-form { padding: 30px 30px; }
  .footer-form h6 { font-size: 26px; }
  .footer-form p { font-size: 12px; }
  .copy-righttext h6 { font-size: 20px; }
  .copy-righttext p { padding-top: 8px; }
  .footer-menu li:last-child { padding-right: 0px; }
  .btn-contacthead { font-size: 14px; padding: 6px 14px;  }
  .btn-saleshead { font-size: 14px; padding: 6px 20px;  }

  .fixed-chatbox img { height: 140px; }
  .customer-section { background-size: 25%; }
  .bran-logomainbox p { font-size: 13px; }

  .core-moduleleft { background-size: unset; }

  .confidence-section {
  background: 
    url(../images/lead-leftimg.png) no-repeat left top,
    url(../images/lead-bttom.png) no-repeat right bottom;
  background-size: auto, 50%; 
}

.navbar.style-4 .navbar-nav .nav-item .nav-link { margin: 0px; }

.navbar.style-4 { padding: 16px 15px; }

.navbar-collapse { max-height: 83vh; overflow-y: auto; overflow-x: hidden }

/* mobile haeder */

.head-accordion .card { background-color: transparent; border: none; }
.head-accordion .card .card-header { background: transparent; padding: 0px; border-bottom: none; }
.head-accordion .card-header button { text-decoration: none; text-transform: uppercase; color: #000; font-weight: bold; font-size: 12px; box-shadow: none !important; width: auto; padding: 14px 0px; background-color: transparent; }
.head-accordion .accordion-item .accordion-button::after { margin-left: 5px; }

.head-accordion .card-header .fa-angle-down { display: none; font-size: 20px; padding-left: 5px; }
.head-accordion .card-header .fa-angle-up { font-size: 20px; padding-left: 5px; }
.head-accordion .card-header .collapsed .fa-angle-up { display: none }
.head-accordion .card-header .collapsed .fa-angle-down { display: block }
.inneraccordion .card-header { padding: 0px; background: transparent; border-bottom: none; }
.inneraccordion .card-header button { text-align: left; padding: 10px 15px; width: 100%; font-size: 14px; font-weight: 500; text-transform: capitalize; }

/* When accordion is open */
.inneraccordion .card-header .btn[aria-expanded="true"] { background: rgb(233, 233, 255) }
.dropprodutabcontent h3 { font-size: 12px; text-transform: none; margin-top: 10px; font-weight: 500; }
.card-body { padding-top: 0px !important; padding-bottom: 0px; }

.head-accordion .accordion-item .accordion-button:not(.collapsed) { color: #000; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); }

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); }

#contact-support h2 { font-size: 18px; }
#contact-support p { font-size: 14px; }
#contact-support .modal-content { padding: 20px; }
#contact-support .btn-close { right: -5px; }
 
.thank-leftcontent { min-height: 100%; }
.thank-leftcontent h2 { font-size: 26px; line-height: 30px; }
.thank-leftcontent p { font-size: 13px; padding-top: 6px; }
.thanku-rightimg { height: 390px; }
.thank-leftcontent { padding: 22px 22px; }
.thank-right-wrapper { margin-left: 0px; padding: 0px; }
.thank-logo img { height: 36px; }

/* ============================ */

.businesses-box a {
    flex: auto;
    text-align: center;
    text-decoration: none;
    color: rgba(154, 84, 196, 1);
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0;
    border-radius: 160px;
    transition: background 0.3s ease, color 0.3s ease;
}

.businesses-box a { font-size: 11px; }
.navbar-nav {  margin: 0 auto; text-align: left; justify-content: left; align-items: start; }

.navbar.style-4 .navbar-nav .nav-item { padding: 8px 0 12px; }

.padding-topbox { padding-top: 40px; padding-bottom: 40px; }
.btn-contacthead { margin-left: 0px; }
.btn-saleshead { margin-left: 0px; }
.banner-headcontent h1 span img { position: absolute; left: 0px; bottom: -8px; }
.experience-modalimg img { min-height: auto; }
.banner-formbox { padding: 20px 20px 20px 20px; }
.border-right { border-right: none !important; }
.our-clientmodalbottom p { padding-top: 3px; }
.mobile-link { margin: 0px; }
.our-clientsmodalleft { border-top-right-radius: 20px; }

.modal-closebtn img { filter: brightness(0) invert(1); }



}

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


@media (max-width: 1280px) { 
     .btn-contacthead { font-size: 12px; padding: 6px 20px; }
     .btn-saleshead { font-size: 12px; padding: 6px 20px; }
 }

 @media (max-width: 1093px) {
     .navbar.style-4 .navbar-nav .nav-item .nav-link { margin: 0 8px; font-size: 12px; }
     .btn-contacthead { font-size: 12px; padding: 6px 15px; margin-left: 5px; }
     .btn-saleshead { font-size: 12px; padding: 6px 15px; margin-left: 5px; }
     .btn-saleshead img { height: 11px; }
     .btn-contacthead img { height: 11px; }
     .mobile-link { margin: 0 8px; font-size: 12px; }
  }