/*@import url("Multiple datasheet.css");*/
@media (max-width: 992px) {
  .hero_area {
    min-height: auto;
  }
	#image_center .img-fluid{
	align-self: center;
}
  .custom_nav-container .navbar-nav {
    padding-top: 15px;
  }
  .custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 25px;
    margin: 5px 0;
  }
  .slider_section .detail-box h1 {
    font-size: 2.5rem;
  }
  .slider_section {
    padding: 75px 0;
  }
  .slider_section .carousel_btn-box a {
    position: unset;
    transform: none;
  }
  .about_section .img-box img {
    height: 100%;
    width: auto;
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  .header_section .header_top .social_box {
    display: none;
  }
  .header_section .header_top .contact_nav a span {
    font-size: 15px;
  }
  .slider_section .detail-box {
    text-align: center;
  }
  .slider_section .detail-box .btn-box {
    justify-content: center;
  }
  .about_section .img-box {
    margin-top: 45px;
  }
  .contact_section .form_container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .info_section .info_contact {
            margin-left: 50px;
  }
  .info_section .row > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .info_section .info_main .rov > div {
    /*    margin-bottom: 25px;*/
  }
  .info_section .social_box {
    /*    margin-bottom: 25px;*/
  }
}
@media (max-width: 576px) {
  .header_section .header_top .contact_nav a span {
    display: none;
  }
  .client_section .carousel-control-prev, .client_section .carousel-control-next {
    position: unset;
    transform: none;
  }
  .carousel_btn-box {
    margin-top: 30px;
  }
}
/*-----------------------------------------------------------------Laptop responsive----------------------------------------------------*/
@media (min-width: 1200px) {
  .container {
    max-width: 970px;
    font-family: "AktivGrotesk", "Arial", "sans-serif";
	          font-size: 15px;
  }
}
@media (min-width:1024px) and (max-width:1440px) {
  .navbar-nav.me-auto.mb-2.mb-lg-0 #searchForm .btn.btn2 {}
  .navbar.navbar-expand-lg.navbar-light.bg-white.custom_nav-container #navbarSupportedContent .navbar-nav.me-auto.mb-2.mb-lg-0 {
    width: 818px;
    font-size: xx-small;
  }
  .nav-item .nav-link strong {
    font-size: small;
    margin-left: -24px;
  }
  .navbar-nav.me-auto.mb-2.mb-lg-0 #searchForm .btn.btn2 {
    margin-left: 0px;
    margin-right: 64px;
  }
  .navbar-nav.me-auto.mb-2.mb-lg-0 #searchForm .btn.btn2 {}
  .navbar-nav.me-auto.mb-2.mb-lg-0.col-md-11 #searchForm #searchInput {
    width: 93px;
  }
.col-xl-12.ourcst #customer .col-xl-10.offset-xl-2 {
	margin-left: 1px;

}

  .navbar-nav.me-auto.mb-2.mb-lg-0 #searchForm #searchInput {
    width: 95px;
  }
  #Exploreus {
    padding-left: 41px;
  }
  #custom-nav .nav-item #custom-tab1 {
    font-size: small;
  }
  #custom-nav .nav-item #custom-tab2 {
    font-size: small;
  }
  #custom-nav .nav-item #custom-tab3 {
    font-size: small;
  }
  #custom-nav .nav-item #custom-tab4 {
    font-size: small;
  }
  .container-fluid .row .col-xl-7.col-md-12 {}
  .col-xl-5.col-md-12 .detail-box.pr-md-2 .detail_p_mt.text-left {
    width: 921px;
    margin-left: 11px;
  }
  .col-xl-5.col-md-12 .detail-box.pr-md-2 a {
    margin-left: 14px;
  }

}
/*-----------------------------------------------------------mobile responsive--------------------------------------------------------------*/
@media (min-width:320px) and (max-width:576px) {
  body, html {
    width: 100%;
    overflow-x: hidden;
  }
  .navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    padding: 10px 0;
    padding: 10px 20px;
  }
  .hero_area.mt-3 .header_section .header_bottom.bg-white {
    padding-top: 0px;
    padding-bottom: 0px;
    top: 6px;
  }
	.image_center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 30%;
}
	
  .row.herorow {
    margin-top: -85px;
    width: 100%;
    display: table-row;
  }
  .row.herorow #heroindex {
    width: 100%;
    padding-top: 0px;
    bottom: 120px;
  }
  .row.herorow #imagehero {
    width: 100%;
    top: -170px;
  }
  .row.herorow #imagehero .img-fluid.mt-5 {
    width: 60%;
  }
  .row.herorow #heroindex .d-flex.justify-content-md-start.text-left.mx-5 {
    padding-top: 0px;
    margin-bottom: 11px;
    padding-bottom: 0px;
  }
  .container-fluid.ourcust {
    padding-top: 0px;
    width: 100%;
  }
  .container-fluid.ourcust .row.mt-4 {
    width: 100%;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .row.mt-4 .col-xl-12.ourcst #customer {
    width: 100%;
  }
  .col-xl-12.ourcst #customer .col-xl-10.offset-xl-2 {
    width: 100%;
  }
  .col-xl-10.offset-xl-2 strong .img-fluid.mt-5 {
    width: 90%;
    margin-left: 22px;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .text-center {
    width: 100%;
  }
  #wholeexp {
    width: 100%;
  }
  #wholeexp div {
    width: 100%;
  }
  #wholeexp div #exp-tab {
    width: 75%;
    margin-left: 54px;
  }
  #wholeexp div #clothingnavcontent1 {
    width: 100%;
  }
  div #clothingnavcontent1 #home1 {
    width: 100%;
  }
  #clothingnavcontent1 #home1 .row.bg-white.exprow {
    width: 100%;
  }
  #home1 .row.bg-white.exprow #exp-img {
    width: 80%;
    margin-left: 60px;
  }
  .row.bg-white.exprow #exp-img .img-fluid {
    width: 60%;
  }
  #home1 .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext {
    width: 80%;
    margin-left: 60px;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext h3 {
    width: 55%;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext p {
    width: 60%;
  }
  div #clothingnavcontent1 #paneTwo1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneTwo1 .row.exprow2 {
    width: 100%;
  }
  #paneTwo1 .row.exprow2 .col-xl-5.justify-content-end {
    width: 80%;
    margin-left: 60px;
  }
  .row.exprow2 .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
  }
  #paneTwo1 .row.exprow2 .col-xl-4.bg-white.col-md-4 {
    width: 80%;
    margin-left: 60px;
  }
  div #clothingnavcontent1 #paneThree1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneThree1 .row.joinus {
    width: 100%;
  }
  #paneThree1 .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 {
    width: 80%;
    margin-left: 60px;
  }
  .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 .img-fluid {
    width: 60%;
  }
  #paneThree1 .row.joinus .col-xl-7 {
    width: 80%;
    margin-left: 60px;
  }
  .row.joinus .col-xl-7 .text-left {
    width: 100%;
  }
  .col-xl-7 a button {
    margin-right: 261px;
  }
  div #clothingnavcontent1 #paneFour1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneFour1 .row.support {
    width: 100%;
  }
  #paneFour1 .row.support .col-xl-5.justify-content-end {
    width: 80%;
    margin-left: 60px;
  }
  .row.support .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
  }
  .col-xl-7 h3 strong {
    margin-right: 126px;
    width: 100%;
  }
  #paneFour1 .row.support .col-xl-7 {
    width: 80%;
    margin-left: 60px;
  }
  .row.support .col-xl-7 h3 {
    width: 100%;
  }
  .row.support .col-xl-7 p {
    width: 100%;
    margin-left: 13px;
  }
  #producthero1 {
    display: none;
  }
  #imgcontainer {
    display: block;
    width: 100%;
  }
  .mt-5 .about_section {
    width: 100%;
  }
  .mt-5 .about_section .container-fluid {
    width: 100%;
  }
  .about_section .container-fluid #Aboutus {
    width: 100%;
    margin-left: 1px;
  }
  .container-fluid #Aboutus .abouttext.col-xl-5.col-md-5 {
    width: 100%;
  }
  #Aboutus .abouttext.col-xl-5.col-md-5 .detail-box.mx-2 {
    width: 100%;
  }
  .abouttext.col-xl-5.col-md-5 .detail-box.mx-2 .heading_container {
    width: 80%;
  }
  .container-fluid #Aboutus .col-md-6 {
    width: 100%;
  }
  .container-fluid .text-center.mt-3 {
    width: 100%;
  }
  .container-fluid .container.my-4 {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .container-fluid .container.my-4 #productmain {
    width: 100%;
  }
  .container-fluid .container.my-4 #productmain {
    width: 100%;
  }
  #productmain .card.mb-3.col-xl-11.offset-xl-1 .row.g-0 {
    width: 100%;
  }
  .container.my-4 #productmain .card.mb-3.col-xl-11.offset-xl-1 {
    width: 100%;
  }
  .card.mb-3.col-xl-11.offset-xl-1 .row.g-0 .col-md-4 {
    width: 100%;
  }
  .col-md-8 .card-body .card-text {
    text-align: justify;
  }
  .col-md-8 .card-body .more-content.hidden {
    text-align: justify;
  }
  .info_section.hero_bg_box.offset-md-0.col-md-12 {
    width: 100%;
  }
  .container .row.mt-1 .col-xl-6.bg-white.col-lg-7.col-md-11 {
    border-width: thin;
    width: 50%;
  }
  #breadcrobsnav {
    margin-top: -100px;
  }
  #aboutimg {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px;
    height: auto;
    margin-left: 3px;
  }
  #Mobileimg {
    width: 60%;
    height: auto;
  }
  .text-center.pt-5 {
    width: 100%;
  }
  #whoweare {
    width: 95%;
    padding-left: 15px;
    text-align: justify;
  }
  #whatwedosec {
    width: 100%;
  }
  #whatwedosec .about_section {
    width: 100%;
  }
  #whatwedosec .about_section .container-fluid {
    width: 100%;
  }
  .about_section .container-fluid .row.whatwedo {
    width: 100%;
    margin-left: -8px;
  }
  .container-fluid .row.whatwedo .col-xl-6.col-md-6.ml-3 {
    width: 100%;
  }
  .row.whatwedo .col-xl-6.col-md-6.ml-3 .detail-box.pr-md-2 {
    width: 100%;
  }
  .container-fluid .row.whatwedo .col-xl-5.col-md-6.offset-md-0 {
    width: 100%;
  }
  .row.whatwedo .col-xl-5.col-md-6.offset-md-0 #imgwhat {
    width: 80%;
    height: auto;
    margin-left: 40px;
  }
  .text-center.mt-5 strong {
    width: 100%;
  }
  .container.mt-5 {
    width: 100%;
  }
  .container.mt-5 .timeline {
    width: 100%;
  }
  #videomain {
    width: 100%;
  }
  .col-xl-5.mx-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.mx-5.offset-md-0 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mt-4.text-center {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 {
    width: 100%;
  }
  .col-xl-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mx-5.text-justify {
    width: 85%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    padding-left: 0px;
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    width: 85%;
    margin-left: 40px;
  }
  #footer_nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">");
  }
  .container-fluid_Product.mt-n4 .text-center.mt-3 {
    text-align: center;
    width: 100%;
  }
  .container-fluid_Product.mt-n4 .text-center.mt-3 strong {
    text-align: center;
  }
  .card.flex-row .card-body .card-text {
    text-align: justify;
    width: 90%;
  }
  nav .breadcrumb.offset-xl-0.col-xl-12.pb-3 #homebread {
    display: none;
  }
  .card {
    display: block; /* Align content in a row for medium and larger screens */
  }
  .card-img-left {
    width: 50%;
    height: auto;
    display: flex;
    padding: 10px;
    justify-self: center;
  }
  .card-img-left-S700 {
    width: 200px;
    height: auto;
    display: flex;
    padding: 10px;
    justify-self: center;
  }
  #breadcrobsnav nav .breadcrumb.offset-xl-0.col-xl-12.pb-3 {
    flex-wrap: nowrap;
  }
  #paneThree1 .row.joinus .bg-white.col-xl-4.col-md-4.exptext {
    width: 80%;
    margin-left: 60px;
  }
  #paneFour1 .row.support .col-xl-4.bg-white.col-md-4 {
    width: 80%;
    margin-left: 60px;
  }
.row .col-xl-6 #TURVEX {
	width: 100%;
	text-align: left;
	padding-right: 0px;
}
.tab-content #tabs-1 #accordion601 {
	min-width: 0px;
}
.container.border-2.border-black.shadow-lg .row .col-xl-9 {
	margin-bottom: 10px;
}
.container-fluid .text-center.mt-3.d-flex.justify-content-center {
	flex-direction: column;
}
#headingsidebar .col-lg-2.position-fixed.offset-xl-1.col-xl-2 .card.Sidebar {
	left: 5%;
}
#toprow .row.justify-content-cent.d-flex .col-xl-4.bg-white {
	margin-top: 15px;
}
#toprow .row.justify-content-cent.d-flex .text-black.col-xl-4.d-flex.bg-white {
	margin-bottom: 22px;
	margin-top: 0px;
}
.container .row.mt-1 .bg-white.d-flex.justify-content-center.mb-3 {
	width: 75%;
	margin-top: -20px;
}
.container .row.mt-1 .bg-white.col-lg-5.col-md-6.offset-md-1.offset-lg-2.ml-n1.offset-xl-2.col-xl-4 {
}
.container .row.mt-1 .col-md-4.col-xl-3.offset-xl-0 {
	margin-top: -30px;
}
.container .row.mt-1 .bg-white.col-lg-5.col-md-6.offset-md-1.offset-lg-2.ml-n1.d-flex.align-items-center.offset-xl-1.col-xl-5 {


}
.product-card .row .col-xl-9.col-md-8 {
	width: 90%;
}












}
/*----------------------------------------------------Between mobile and tablet--------------------------------------------------------------*/
@media (min-width: 576px) and (max-width: 768px) {
  body, html {
    width: 100%;
    overflow-x: hidden;
  }
  .navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    padding: 10px 0;
    padding: 10px 20px;
  }
  .hero_area.mt-3 .header_section .header_bottom.bg-white {
    padding-top: 0px;
    padding-bottom: 0px;
    top: 6px;
  }
  .row.herorow {
    margin-top: -85px;
    width: 100%;
    display: table-row;
  }
  .row.herorow #heroindex {
    width: 100%;
    padding-top: 0px;
    bottom: 120px;
  }
  .row.herorow #imagehero {
    width: 100%;
    top: -170px;
  }
  .row.herorow #imagehero .img-fluid.mt-5 {
    width: 60%;
  }
  .row.herorow #heroindex .d-flex.justify-content-md-start.text-left.mx-5 {
    padding-top: 0px;
    margin-bottom: 11px;
    padding-bottom: 0px;
  }
  .container-fluid.ourcust {
    padding-top: 0px;
    width: 100%;
  }
  .container-fluid.ourcust .row.mt-4 {
    width: 100%;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .row.mt-4 .col-xl-12.ourcst #customer {
    width: 100%;
  }
  .col-xl-12.ourcst #customer .col-xl-10.offset-xl-2 {
    width: 100%;
  }
  .col-xl-10.offset-xl-2 strong .img-fluid.mt-5 {
    width: 90%;
    margin-left: 22px;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .text-center {
    width: 100%;
  }
  #wholeexp {
    width: 100%;
  }
  #wholeexp div {
    width: 100%;
  }
  #wholeexp div #exp-tab {
    width: 75%;
    margin-left: 54px;
  }
  #wholeexp div #clothingnavcontent1 {
    width: 100%;
  }
  div #clothingnavcontent1 #home1 {
    width: 100%;
  }
  #clothingnavcontent1 #home1 .row.bg-white.exprow {
    width: 100%;
  }
  #home1 .row.bg-white.exprow #exp-img {
    width: 80%;
    margin-left: 60px;
  }
  .row.bg-white.exprow #exp-img .img-fluid {
    width: 60%;
  }
  #home1 .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext {
    width: 80%;
    margin-left: 60px;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext h3 {
    width: 55%;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext p {
    width: 60%;
  }
  div #clothingnavcontent1 #paneTwo1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneTwo1 .row.exprow2 {
    width: 100%;
  }
  #paneTwo1 .row.exprow2 .col-xl-5.justify-content-end {
    width: 80%;
    margin-left: 60px;
  }
  .row.exprow2 .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
  }
  #paneTwo1 .row.exprow2 .col-xl-4.bg-white.col-md-4 {
    width: 80%;
    margin-left: 60px;
  }
  div #clothingnavcontent1 #paneThree1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneThree1 .row.joinus {
    width: 100%;
  }
  #paneThree1 .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 {
    width: 80%;
    margin-left: 60px;
  }
  .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 .img-fluid {
    width: 60%;
  }
  #paneThree1 .row.joinus .col-xl-7 {
    width: 80%;
    margin-left: 60px;
  }
  .row.joinus .col-xl-7 .text-left {
    width: 100%;
  }
  .col-xl-7 a button {
    margin-right: 261px;
  }
  div #clothingnavcontent1 #paneFour1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneFour1 .row.support {
    width: 100%;
  }
  #paneFour1 .row.support .col-xl-5.justify-content-end {
    width: 80%;
    margin-left: 60px;
  }
  .row.support .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
  }
  .col-xl-7 h3 strong {
    margin-right: 126px;
    width: 100%;
  }
  #paneFour1 .row.support .col-xl-7 {
    width: 80%;
    margin-left: 60px;
  }
  .row.support .col-xl-7 h3 {
    width: 100%;
  }
  .row.support .col-xl-7 p {
    width: 100%;
    margin-left: 13px;
  }
  #producthero1 {
    display: none;
  }
  #imgcontainer {
    display: block;
    width: 100%;
  }
  .mt-5 .about_section {
    width: 100%;
  }
  .mt-5 .about_section .container-fluid {
    width: 100%;
  }
  .about_section .container-fluid #Aboutus {
    width: 100%;
    margin-left: 1px;
  }
  .container-fluid #Aboutus .abouttext.col-xl-5.col-md-5 {
    width: 100%;
  }
  #Aboutus .abouttext.col-xl-5.col-md-5 .detail-box.mx-2 {
    width: 100%;
  }
  .abouttext.col-xl-5.col-md-5 .detail-box.mx-2 .heading_container {
    width: 80%;
  }
  .container-fluid #Aboutus .col-md-6 {
    width: 100%;
  }
  .container-fluid .text-center.mt-3 {
    width: 100%;
  }
  .container-fluid .container.my-4 {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .container-fluid .container.my-4 #productmain {
    width: 100%;
  }
  .container-fluid .container.my-4 #productmain {
    width: 100%;
  }
  #productmain .card.mb-3.col-xl-11.offset-xl-1 .row.g-0 {
    width: 100%;
  }
  .container.my-4 #productmain .card.mb-3.col-xl-11.offset-xl-1 {
    width: 100%;
  }
  .card.mb-3.col-xl-11.offset-xl-1 .row.g-0 .col-md-4 {
    width: 100%;
  }
  .col-md-8 .card-body .card-text {
    text-align: justify;
  }
  .col-md-8 .card-body .more-content.hidden {
    text-align: justify;
  }
  .info_section.hero_bg_box.offset-md-0.col-md-12 {
    width: 100%;
  }
  .container .row.mt-1 .col-xl-6.bg-white.col-lg-7.col-md-11 {
    border-width: thin;
    width: 50%;
  }
  #breadcrobsnav {
    margin-top: -100px;
  }
  #aboutimg {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px;
    height: auto;
    margin-left: 3px;
  }
  #Mobileimg {
    width: 60%;
    height: auto;
  }
  .text-center.pt-5 {
    width: 100%;
  }
  #whoweare {
    width: 95%;
    padding-left: 15px;
    text-align: justify;
  }
  #whatwedosec {
    width: 100%;
  }
  #whatwedosec .about_section {
    width: 100%;
  }
  #whatwedosec .about_section .container-fluid {
    width: 100%;
  }
  .about_section .container-fluid .row.whatwedo {
    width: 100%;
    margin-left: -8px;
  }
  .container-fluid .row.whatwedo .col-xl-6.col-md-6.ml-3 {
    width: 100%;
  }
  .row.whatwedo .col-xl-6.col-md-6.ml-3 .detail-box.pr-md-2 {
    width: 100%;
  }
  .container-fluid .row.whatwedo .col-xl-5.col-md-6.offset-md-0 {
    width: 100%;
  }
  .row.whatwedo .col-xl-5.col-md-6.offset-md-0 #imgwhat {
    width: 80%;
    height: auto;
    margin-left: 40px;
  }
  .text-center.mt-5 strong {
    width: 100%;
  }
  .container.mt-5 {
    width: 100%;
  }
  .container.mt-5 .timeline {
    width: 100%;
  }
  #videomain {
    width: 100%;
  }
  .col-xl-5.mx-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.mx-5.offset-md-0 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mt-4.text-center {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 {
    width: 100%;
  }
  .col-xl-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mx-5.text-justify {
    width: 85%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    padding-left: 0px;
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    width: 85%;
    margin-left: 40px;
  }
  #footer_nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">");
  }
  .container-fluid_Product.mt-n4 .text-center.mt-3 {
    text-align: center;
    width: 100%;
  }
  .container-fluid_Product.mt-n4 .text-center.mt-3 strong {
    text-align: center;
  }
  .card.flex-row .card-body .card-text {
    text-align: justify;
    width: 90%;
  }
  nav .breadcrumb.offset-xl-0.col-xl-12.pb-3 #homebread {
    display: none;
	  left: 20%;
  }
  .card {
    display: block;
  }
  .card-img-left {
    width: 50%;
    height: auto;
    display: flex;
    padding: 10px;
    justify-self: center;
  }
  .card-img-left-S700 {
    width: 200px;
    height: auto;
    display: flex;
    padding: 10px;
    justify-self: center;
  }
  #breadcrobsnav nav .breadcrumb.offset-xl-0.col-xl-12.pb-3 {
    flex-wrap: nowrap;
  }
  #paneThree1 .row.joinus .bg-white.col-xl-4.col-md-4.exptext {
    width: 80%;
    margin-left: 60px;
  }
  #paneFour1 .row.support .col-xl-4.bg-white.col-md-4 {
    width: 80%;
    margin-left: 60px;
  }
.bg-light #indust {
    width: 100%;
    margin-left: 5px;
}
.container .row.mt-1 .bg-white.col-lg-7.col-md-11.offset-xl-2.col-xl-7.offset-md-3.col-sm-3 {
	width: 100%;
}
.row .col-xl-6 #TURVEX {
	width: 100%;
}
.container.border-2.border-black.shadow-lg .row .col-xl-3 {
	width: 30%;
}
.container.border-2.border-black.shadow-lg .row .col-xl-9 {
	margin-bottom: 10px;
}

	.image_center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.container-fluid .text-center.mt-3.d-flex.justify-content-center {
flex-direction: column;
}
#headingsidebar .col-lg-2.position-fixed.offset-xl-1.col-xl-2 .card.Sidebar {
/*	left: 15%;*/
	left: 7%;
}
#toprow .row.justify-content-cent.d-flex .col-xl-4.bg-white {
	width: 100%;
}
#toprow .row.justify-content-cent.d-flex .info_contact.justify-content-center.col-xl-3 {
	align-items: center;
	margin-left: 45px;
}
#toprow .row.justify-content-cent.d-flex .text-black.col-xl-4.d-flex.bg-white {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 0px;
	margin-top: 0px;
}
.product-card .row .col-xl-9.col-md-8 {
	width: 90%;
}







	
}
/*----------------------------------------------------------Tablet  responsive---------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  body, html {
    width: 100%;
    overflow-x: hidden;
  }
  .row.herorow {
    margin-top: -85px;
    width: 100%;
    display: table-row;
  }
  .row.herorow #heroindex {
    width: 100%;
    padding-top: 0px;
    bottom: 85px;
  }
  .row.herorow #imagehero {
    width: 100%;
    top: -133px;
    display: flex;
    justify-content: center;
  }
  .row.herorow #imagehero .img-fluid.mt-5 {
    width: 50%;
  }
  .row.herorow #heroindex .d-flex.justify-content-md-start.text-left.mx-5 {
    padding-top: 0px;
    margin-bottom: 11px;
    padding-bottom: 0px;
  }
  .container-fluid.ourcust {
    width: 100%;
    margin-right: -35px;
  }
  .container-fluid.ourcust .row.mt-4 {
    width: 100%;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .row.mt-4 .col-xl-12.ourcst #customer {
    width: 100%;
  }
  .col-xl-12.ourcst #customer .col-xl-10.offset-xl-2 {
    width: 100%;
  }
  .col-xl-10.offset-xl-2 strong .img-fluid.mt-5 {
    width: 90%;
    margin-left: 22px;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .text-center {
    width: 100%;
  }
  #wholeexp {
    width: 100%;
  }
  #wholeexp div {
    width: 100%;
  }
  #wholeexp div #exp-tab {
    width: 75%;
    margin-left: 54px;
  }
  #wholeexp div #clothingnavcontent1 {
    width: 100%;
  }
  div #clothingnavcontent1 #home1 {
    width: 100%;
  }
  #clothingnavcontent1 #home1 .row.bg-white.exprow {
    width: 100%;
  }
  #home1 .row.bg-white.exprow #exp-img {
    width: 50%;
  }
  .row.bg-white.exprow #exp-img .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #home1 .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext {
    width: 50%;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext h3 {
    width: 50%;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext p {
    width: 50%;
  }
  div #clothingnavcontent1 #paneTwo1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneTwo1 .row.exprow2 {
    width: 100%;
  }
  #paneTwo1 .row.exprow2 .col-xl-5.justify-content-end {
    width: 50%;
  }
  .row.exprow2 .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #paneTwo1 .row.exprow2 .col-xl-4.bg-white.col-md-4 {
    width: 50%;
  }
  div #clothingnavcontent1 #paneThree1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneThree1 .row.joinus {
    width: 100%;
  }
  #paneThree1 .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 {
    width: 50%;
  }
  .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #paneThree1 .row.joinus .col-xl-7 {
    width: 50%;
  }
  .row.joinus .col-xl-7 .text-left {
    width: 100%;
  }
  .col-xl-7 a button {
    margin-right: 261px;
  }
  div #clothingnavcontent1 #paneFour1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneFour1 .row.support {
    width: 100%;
  }
  #paneFour1 .row.support .col-xl-5.justify-content-end {
    width: 50%;
  }
  .row.support .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #paneFour1 .row.support .col-xl-4.bg-white.col-md-4 {
    width: 50%;
  }
  .row.support .col-xl-4.bg-white.col-md-4 h3 {
    margin-top: -20px;
  }
  #paneThree1 .row.joinus .bg-white.col-xl-4.col-md-4.exptext {
    width: 50%;
  }
  #whatwedosec {
    width: 100%;
  }
  .container-fluid .row.whatwedo .col-xl-6.col-md-6.ml-3 {
    width: 50%;
  }
  .container-fluid .row.whatwedo .col-xl-5.col-md-6.offset-md-0 {
    width: 45%;
  }
  .row.whatwedo .col-xl-5.col-md-6.offset-md-0 #imgwhat {
    width: 100%;
  }
  #videomain {
    width: 100%;
  }
  .col-xl-5.mx-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.mx-5.offset-md-0 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mt-4.text-center {
    width: 90%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 {
    width: 100%;
  }
  .col-xl-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mx-5.text-justify {
    width: 85%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    padding-left: 0px;
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    width: 55%;
  }
.bg-light #indust {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px;
}
.container .row.mt-1 .bg-white.col-lg-7.col-md-11.offset-xl-2.col-xl-7.offset-md-3.col-sm-3 {
	margin-left: 111px;
	padding-left: 0px;
	padding-right: 0px;








}
.row .col-xl-6 #TURVEX {
	width: 100%;
}




}
/*-----------------------------------------------------Laptop---------------------------------------------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1440px) {
  body, html {
    width: 100%;
    overflow-x: hidden;
  }
  .row.herorow {
    margin-top: -85px;
    width: 100%;
    display: table-row;
  }
  .row.herorow #heroindex {
    width: 100%;
    padding-top: 0px;
    bottom: 85px;
  }
  .row.herorow #imagehero {
    width: 100%;
    top: -133px;
    display: flex;
    justify-content: center;
  }
  .row.herorow #imagehero .img-fluid.mt-5 {
    width: 50%;
  }
  .row.herorow #heroindex .d-flex.justify-content-md-start.text-left.mx-5 {
    padding-top: 0px;
    margin-bottom: 11px;
    padding-bottom: 0px;
  }
  .container-fluid.ourcust {
    
    width: 100%;
    margin-right: -35px;
  }
  .container-fluid.ourcust .row.mt-4 {
    width: 100%;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .row.mt-4 .col-xl-12.ourcst #customer {
    width: 100%;
  }
  .col-xl-12.ourcst #customer .col-xl-10.offset-xl-2 {
    width: 100%;
  }
  .col-xl-10.offset-xl-2 strong .img-fluid.mt-5 {
    width: 90%;
    margin-left: 22px;
  }
  .container-fluid.ourcust .row.mt-4 .col-xl-12.ourcst {
    width: 100%;
  }
  .text-center {
    width: 100%;
  }
  #wholeexp {
    width: 100%;
  }
  #wholeexp div {
    width: 100%;
  }
  #wholeexp div #exp-tab {
    width: 75%;
    margin-left: 54px;
  }
  #wholeexp div #clothingnavcontent1 {
    width: 100%;
  }
  div #clothingnavcontent1 #home1 {
    width: 100%;
  }
  #clothingnavcontent1 #home1 .row.bg-white.exprow {
    width: 100%;
  }
  #home1 .row.bg-white.exprow #exp-img {
    width: 50%;
  }
  .row.bg-white.exprow #exp-img .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #home1 .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext {
    width: 50%;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext h3 {
    width: 50%;
  }
  .row.bg-white.exprow .bg-white.col-xl-4.col-md-4.exptext p {
    width: 50%;
  }
  div #clothingnavcontent1 #paneTwo1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneTwo1 .row.exprow2 {
    width: 100%;
  }
  #paneTwo1 .row.exprow2 .col-xl-5.justify-content-end {
    width: 50%;
  }
  .row.exprow2 .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #paneTwo1 .row.exprow2 .col-xl-4.bg-white.col-md-4 {
    width: 50%;
  }
  div #clothingnavcontent1 #paneThree1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneThree1 .row.joinus {
    width: 100%;
  }
  #paneThree1 .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 {
    width: 50%;
  }
  .row.joinus .col-xl-5.offset-xl-0.col-sm-3.col-md-4 .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #paneThree1 .row.joinus .col-xl-7 {
    width: 50%;
  }
  .row.joinus .col-xl-7 .text-left {
    width: 100%;
  }
  .col-xl-7 a button {
    margin-right: 261px;
  }
  div #clothingnavcontent1 #paneFour1 {
    width: 100%;
  }
  #clothingnavcontent1 #paneFour1 .row.support {
    width: 100%;
  }
  #paneFour1 .row.support .col-xl-5.justify-content-end {
    width: 50%;
  }
  .row.support .col-xl-5.justify-content-end .img-fluid {
    width: 60%;
    margin-left: 65px;
  }
  #paneFour1 .row.support .col-xl-4.bg-white.col-md-4 {
    width: 50%;
  }
  .row.support .col-xl-4.bg-white.col-md-4 h3 {
    margin-top: -20px;
  }
  #paneThree1 .row.joinus .bg-white.col-xl-4.col-md-4.exptext {
    width: 50%;
  }
  #whatwedosec {
    width: 100%;
  }
  .container-fluid .row.whatwedo .col-xl-6.col-md-6.ml-3 {
    width: 50%;
  }
  .container-fluid .row.whatwedo .col-xl-5.col-md-6.offset-md-0 {
    width: 45%;
  }
  .row.whatwedo .col-xl-5.col-md-6.offset-md-0 #imgwhat {
    width: 100%;
  }
  #videomain {
    width: 100%;
  }
.container .row.mt-1 .bg-white.col-lg-7 {
}

  .col-xl-5.mx-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.mx-5.offset-md-0 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mt-4.text-center {
    width: 90%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 {
    width: 100%;
  }
  .col-xl-5.offset-md-0 .mt-4.text-center strong {
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-0 .mx-5.text-justify {
    width: 85%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    padding-left: 0px;
    width: 100%;
  }
  #videomain .col-xl-5.offset-md-3.offset-xl-1.mt-5.offset-lg-2 video {
    width: 55%;
  }
.container .row.mt-1 .bg-white.col-lg-7.col-md-11.offset-md-4.offset-xl-0.col-xl-6 {
	width: 0px;



}

.bg-light #indust {
    width: 100%;
}
.row .col-xl-6 #TURVEX {
	width: 100%;
}
.container #TURVEX2 {


}
.info_contact a .fa.fa-phone {
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 60px;
}
#newfooter {
	width: 75%;
	margin-left: 164px;
}






}

@media (min-width:768px) and (max-width:992px){
.container .row.mt-1 .bg-white.col-lg-7.col-md-11.offset-xl-2.col-xl-7.offset-md-3.col-sm-3 {
	margin-left: -5px;
}
.row .col-xl-6 #TURVEX {
	width: 100%;
}
.info_contact a span {
}
.container-fluid .container.border-2.border-black.shadow-lg {
}
.container.border-2.border-black.shadow-lg .row .col-xl-3 {
	width: 100%;

}
.container.border-2.border-black.shadow-lg .row .col-xl-9 {
	width: 100%;
}
#headingsidebar .col-lg-2.position-fixed.offset-xl-1.col-xl-2 .card.Sidebar {
	left: 3%;
}
}

@media (min-width:768px) and (max-width:1199px){
#infosectionmainbox #containerinfo #newfooter {
	width: 100%;
	padding-right: 0px;
	opacity: 0.06;
}
#containerinfo #newfooter .col-xl-2.offset-xl-2 {
	width: 50%;
}
.container.mt-5 #containersidebar #Sidebar1 {
}
.row .col-xl-4 #sol-card {
	width: 100%;
	margin-left: 33%;
}
.row .col-xl-4 #sol-card1 {
	width: 100%;
	margin-left: 33%;
}
.row .col-xl-4 #sol-card2 {
	margin-left: 33%;
	
}
}

@media (min-width:991px) and (max-width:1199px){
.container.border-2.border-black.shadow-lg .row .col-xl-3 {
	width: 25%;
	margin-top: 16px;
	padding-bottom: 0px;
}
.container.border-2.border-black.shadow-lg .row .col-xl-9 {
	width: 70%;
	margin-bottom: 10px;
}
#toprow .row.justify-content-cent.d-flex .col-xl-4 {
	width: 35%;
}
#toprow .row.justify-content-cent.d-flex .info_contact.justify-content-center.col-xl-3 {
	width: 30%;
}
.container .row.mt-1 .bg-white.col-lg-5.col-md-6.offset-md-1.offset-lg-2.ml-n1.offset-xl-2.col-xl-4 {
	width: 20%;
}
.container .row.mt-1 .bg-white.col-lg-5.col-md-6.offset-md-1.offset-lg-2.ml-n1.offset-xl-2.d-flex.col-xl-2 {
	width: 30%;
}
.container .row.mt-1 .col-md-4.offset-xl-0.d-flex.justify-content-center.col-xl-5 {
}
.container .row.mt-1 .bg-white.d-flex.justify-content-center.align-items-center.col-xl-4 {
	width: 100%;
}














}

@media (min-width:768px) and (max-width:991px){
.container.border-2.border-black.shadow-lg .row .col-xl-3 {
	width: 100%;
}
.container.border-2.border-black.shadow-lg .row .col-xl-9 {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.col-xl-3 strong .img-fluid {
	width: 34%;
	display: flex;
	justify-content: center;
}
	
.image_center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

    .col-xl-3 strong .img-fluid {
        width: 34%;
        display: flex;
        justify-content: center;

}
#toprow .row.justify-content-cent.d-flex .col-xl-4 {
	width: 100%;
	justify-content: center;
	display: flex;
	margin-top: 10px;

}
.container .row.mt-1 .bg-white.col-lg-5.col-md-6.offset-md-1.offset-lg-2.ml-n1.offset-xl-2.col-xl-4 {
	width: 40%;
	justify-content: right;
	display: flex;
}
.container .row.mt-1 .col-md-4.col-xl-3.offset-xl-0 {
	width: 50%;
	justify-content: center;
}
.container .row.mt-1 .bg-white.col-lg-5.col-md-6.offset-md-1.offset-lg-2.ml-n1.d-flex.align-items-center.offset-xl-1.col-xl-5 {
	width: 100%;
	justify-content: center;
}




#toprow .row.justify-content-cent.d-flex .info_contact.justify-content-center.col-xl-3 {
	width: 99%;
	margin-top: 15px;
}
.container .row.mt-1 .bg-white.col-lg-5.col-md-6.offset-md-1.offset-lg-2.ml-n1.offset-xl-1.col-xl-5.d-flex.justify-content-center {
	width: 100%;
}



}

@media (min-width:320px){
#lvlSys {
	padding-left: 40px;
	padding-right: 40px;
}
#introsys {
	padding-left: 40px;
	padding-right: 40px;
}



}
