@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


@font-face {  
	font-family: 'GothamB'; 
	font-weight: bold;  
	src: local("fonts\Gotham-Bold.ttf"), url("fonts\Gotham-Bold.otf") format('ttf'); 
	}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Arimo', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 { font-size: 30px; }
.txt_padtop  { padding-top: 50px;}
h2 { font-size: 20px; }



.search-box{
  width: fit-content;
  height: fit-content;
  position: relative;
}
.input-search{
  height: 50px;
  width: 50px;
  border-style: none;
  padding-left: 20px;
  font-size: 18px;
  letter-spacing: 2px;
  outline: none;
  border-radius: 25px;
  transition: all .5s ease-in-out;
  background-color: #68617f;
  padding-right: 40px;
  color:#68617f;
}
.input-search::placeholder{
  color:rgba(255,255,255,.5);
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 100;
}
.btn-search{
  width: 50px;
  height: 50px;
  border-style: none;
  font-size: 20px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top:0px;
  color:#ffffff;
  background-color:transparent;
  pointer-events: painted;  
}
.btn-search:focus ~ .input-search{
  width: 300px;
  border-radius: 25px;
  background: #68617f;
  border-bottom:1px solid rgba(23,50,85,.5);
  transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
  color:#68617f;
}
.input-search:focus{
  width: 300px;
  border-radius: 25px;
  background-color: #68617f;
  border-bottom:1px solid rgba(23,50,85,.5);
  transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
  color:#fff;
}

/*------------------------------------------------MENU----------------------------------------------------------------------------------*/



.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  height: 150px;

}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu > li {
  margin: 0 1rem;
  overflow: hidden;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #000;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;

}

.menu-button::before {
  content: "";
  margin-top: -8px;
}

.menu-button::after {
  content: "";
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

.serach_setion     { width: 33%;  }
.logo_section {  width: 33%; text-align: center;}
.nav_setion    { width: 33%;   position: relative;}


@media (max-width: 2900px) {

 .serach_setion     { width: 30%;  padding-left:3%; }
.logo_section {  width: 33%; text-align: center;}
.nav_setion    { width: 33%;   relative!important; padding: 10px; min-height: 50px; }

  .menu-button-container {
    display: block;
     width: 20%;
    text-align: right!important;
        height: 20px;
   position: absolute;
   right: 0!important;
   top:30px;
   
  }

  .menu {
    position: absolute;
    top: 30px;
    margin-top: 50px;
    right: 1px;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    z-index: -1;
    height: 600px;
  
  }

  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  #menu-toggle:checked ~ .menu {
	  z-index: 99999;
  }
  #menu-toggle:checked ~ .menu li {
    border: 1px solid #ccc;
    height: 100%;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    /* padding-top: 60px;*/
	display: flex;
	align-items: center;
    justify-content: center;
  }

  .menu > li {
  
    justify-content: center;
    margin: 0;
    padding-top: 20px;
    width: 100%;
    background-color: #fff;
    text-align: center;
  }

  .menu > li a {
    margin: 0;
    /*padding-top: 30px;*/
    padding-bottom: 0px;
    width: 100%;
    color: #111;
    text-decoration: none;
    background: #ffffff;
    font-size: 21px;
  }
  .menu > li a:hover {
    color:#173255;
    text-decoration: underline;

  }

  .menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
  }
}






/*---------------------------------------------NAVIGATION TOP MENU --------------------------------------------------------------------------*/
.header_part    { min-height: 80px;   width: 100%; text-align: center; padding-top: 35px; margin-bottom: 24px; }
.btn_Industrynew2  {  
  width:324px;   
   background:#173255;
    border: none; 
    padding: 25px; 
    border-radius: 45px;
     text-align: center;  
     text-decoration: none; 
     color: #fff; 
     font-weight: bold; 
     font-size: 32px; 
     margin: 40px auto;
     /*font-family: 'GothamB'; */
    }


    .category_part { width: 100%; display: flex;  min-height: 200px; flex-wrap: wrap;
      flex-direction: row;}

      .category_row1 { width: 100%;  background: brown; display: flex; margin-bottom: 5px;}
      .category_row2 { width: 100%;  background: yellow; display: flex; margin-bottom: 5px;}

      .cat_hold    {    width: 25%;    background: #173255; position:relative; max-height: 200px; overflow: hidden;  }
      .cat_hold h2 { position: absolute; height: 50px; left: 51px; bottom: 0; color: #fff; font-size: 31px;   }
      .cat_hold .bck_img {  width: 100%; height: auto; }
	  
	  .cat_hold .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		background: rgba(0,0,0,0.7);
		z-index: 5;
		display: block;
	  }
	  
      .cat_hold a:hover > .bck_img  { /*opacity: 0.5;*/   }
      .cat_hold a:hover > .overlay  {  display: none;  }
      .cat_hold a > .cat_ico  { z-index: 6;   }
      .cat_hold a > h2  { z-index: 6;   }
      
      .ch11 { border-right: 5px solid #fff;}
      .ch12 { border-right: 5px solid #fff;}
      .ch13 { border-right: 5px solid #fff;}

      .ch21 { border-right: 5px solid #fff;}
      .ch22 { border-right: 5px solid #fff;}
      .ch23 { border-right: 5px solid #fff;}

      .empty_block_deco { width: 100%; min-height: 300px;}
      .empty_block_deco2 { width: 100%; min-height: 100px;}

      .cat_ico { position: absolute; bottom: 80px; left: 51px;}
/*---------------------------------------------------------  HERO SECTION ------------------------------------------------------------------ */
.header {height: 200px; top:0px; background: #fff; position: relative;}


.clear { clear:both;}
.container  { width: 1691px; max-width: 100%;  padding: 20px 0px; margin: 0px auto;}
.small_container  { width: 1000px; max-width: 100%;  padding: 20px 0px; margin: 0px auto;}

.hero       { width: 100%;  background: #777; display: flex;  position: relative;}
.hero_left  { width: 50%; background: #828282; height: 100%; position: relative;}
.bubble1    { width: auto;
    min-width: 250px;background: #4e4e4e; padding:15px 30px 25px 30px; border-radius: 85px;  position: absolute; bottom: 85px; text-align: center; display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.bub_title  { color: #fff; }  
.bub_txt    { color: #fff;     font-size: 14px;
    line-height: 17px;}
.btn_vise_info { width:200px; position: absolute; bottom: -40px; background:#ffffff; border: none; padding: 20px; border-radius: 25px; text-align: center; 
text-decoration: none; color: #000; font-weight: bold;}
.btn_vise_info:hover { cursor: pointer;}
.btn_Industry        {  width:250px;  right: 0px; background:#173255; border: none; padding: 30px; border-radius: 45px; text-align: center;  text-decoration: none; color: #fff; font-weight: bold; font-size: 32px; }

.hero_right {width: 50%; background: #505050; height: 100%; position: relative;} 
.bubble2    { width: auto;
    min-width: 250px;background: #3c3c3c; padding:15px 30px 25px 30px; border-radius: 85px;  position: absolute; bottom: 125px; text-align: center; display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.bub2_title  { color: #fff; margin-bottom: 20px; }
.bub2_txt    { color: #fff;     font-size: 14px;
    line-height: 17px;}
.btn_vise_info2 { width:200px; position: absolute; bottom: 20px; background:#ffffff; border: none; padding: 20px; border-radius: 25px; text-align: center; text-decoration: none; color: #000; font-weight: bold;}
.btn_Retail   {  width:250px; background:#173255; border: none; padding: 30px; border-radius: 45px; text-align: center;  text-decoration: none; color: #fff; font-weight: bold; font-size: 32px; }
.pages_links {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -55px;
    z-index: 999;
    position: relative;
}
 
.slider_wrapper {
	max-width: 100%;
}
.slider_wrapper .slide img{
	max-width: 100%;
}

.hero2 { width:100%; height: auto; position: relative; }

.hero2 img { width:100%; height: 100%;  }
.center {   margin:0px auto;    text-align: center; width: 100%;    position: absolute;   bottom:-10px;  }
.btn_Industrynew3  {  
    width:324px;   
   background:#173255;
    border: none; 
    padding: 50px; 
    border-radius: 65px;
     text-align: center;  
     text-decoration: none; 
     color: #fff; 
     font-weight: bold; 
     font-size: 32px; 

}

.intro_part_single { width: 100%; text-align: center; margin-top: 168px; margin-bottom: 100px; }
.center_menu_single { width: 100%; text-align: center;}

.intro_part        { width:100%; min-height: 100px; margin-top: 168px; }
.center_menu_items {  display: flex; width:966px; margin: 0px auto;  flex-wrap: wrap;   height: 204px;  }
.cmi1              { width: 322px;  position: relative;   z-index: 7;   }
.cmi2              {  width: 322px; position: relative;   z-index: 8; }
.cmi3              {  width: 322px; position: relative;   z-index: 9; }

.cmi1 img        { position: absolute;  width: 100%; z-index: 7; right: -28%;  }
.cmi2 img        { position: absolute;  width: 100%; z-index: 8; }
.cmi3 img        { position: absolute;  width: 100%; z-index: 9; }



.intro_part_text   { width:100%; min-height: 50px; }
.center_menu_items_text  {  display: flex; width:966px; margin: 0px auto;  flex-wrap: wrap;  height: auto;  }

.cmi1_txt                { width: 250px;  position: relative;   z-index: 7;  padding: 30px 0px 0px 120px;   }
.cmi1_txt h1               {  color: #6e8299; font-size: 20px; font-weight: bold; padding-bottom: 20px; }
.cmi1_txt  p              { color: #777; font-size: 12px;   }

.cmi2_txt                {  width: 222px; position: relative;   z-index: 8; }
.cmi3_txt                {  width: 222px; position: relative;   z-index: 9; }

.cmi1 img        { position: absolute;  width: 100%; z-index: 7; right: -28%;  }
.cmi2 img        { position: absolute;  width: 100%; z-index: 8; }
.cmi3 img        { position: absolute;  width: 100%; z-index: 9; }




.central_block            { width: 100%; min-height: 200px;  text-align: center;}
.cat_list1                { text-decoration: none; list-style: none; padding-bottom: 50px;}
.cat_list1   li           { text-decoration: none; padding: 10px 0px;}
.cat_list1   li  a        { text-decoration: none; color: #233453; font-size: 22px;}

.main_img_block           { width: 100%; text-align: center;}




.putevi_menu    { margin:0px auto; width: 90%;  }
.main_cat_menu  {  width: 100%; display: flex; padding:5px; min-height: 200px;     align-items: flex-start;
    justify-content: center;
		flex-wrap: wrap;}
.menu_item      { position: relative; display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; flex-basis: 225px;}
.main_img_block { width: 100%; text-align: center;  }
.secondary_menu {  text-align: center;  margin: 100px auto; width: 600px; display: flex; flex-wrap: wrap; align-items: flex-start; }
.item1          { width:50% ;  }
.item2          { width:50% ;  }

.secondary_menu .item1 img, .secondary_menu .item2 img {
	max-width: 100%;  
}



.it1 { z-index: 0; margin-left: 0px!important;  }
.it2 { z-index: 0;    }
.it3 { z-index: 0;    }
.it4 { z-index: 0;  }
.it5 { z-index: 0;   }
.it6 { z-index: 0;    }

.baseimg                    {     width: auto;
    height: 102px;}
.overimg                    {     width: auto;
    height: 102px;display: none; }
.menu_item a:hover>.baseimg  { display: none;  } 
.menu_item a:hover>.overimg   { display: block;  }


.titles_items         { margin:0px auto; width: 90%;  display: flex;   align-items: flex-start; padding: 10px;} 
.title                {  position: relative;   text-align: center;padding-top: 15px;}
.title  h3            { color: #767676; font-size: 17px; font-weight: bold;}
.title  p            { color: #767676; font-size: 12px; padding: 5px 15px; text-align: left;}

.tl1                  {  margin-left: 0px!important; text-align: center;}

.item1 p             {color: #767676;  font-size: 12px;  padding: 5px 15px 0px 50px; text-align: left;}
.item2 p             {color: #767676;  font-size: 12px;  padding: 5px 15px 0px 50px; text-align: left;}

/*---------------------------------------------------------  CENTRAL SECTION ------------------------------------------------------------------ */
.main_text {  min-height: 300px;  width: 100%;  }
.central { width: 80%; padding: 5%; min-height: 300px;  margin: 0px auto;  }





/*---------------------------------------------------------  MAIN OFFERS ------------------------------------------------------------------ */
.main_offers  { width: 100%; background: url("../img/main_offers_bck.png") no-repeat; background-size: cover; margin-top: 100px; min-height: 600px; }
.midlogo      { width: 100%; text-align: center;}
.trio_holder  {  width: 100%; min-height: 100px; display: flex; align-items: flex-start;
    justify-content: center;}
.trio_left    { color: #fff; width: 440px;}
.trio_mid     { width:28%; text-align: center;  padding: 2%; }
.trio_mid img { width:60%; height: auto; margin: 0px auto; }
.trio_right   { color: #fff; width: 440px;}

.scroler { float:left;  margin-right:20px; height: 320px; margin-top: 30px;}
.no-bullets {text-decoration:none; list-style: none;     padding: 15px; list-style-type: none;   float:left; }
.no-bullets li {
	font-size: 17px;
    padding-bottom: 8px;
}
.no-bullets li a{ text-decoration: none;}
h2 { font-weight: bold; font-size: 28px; margin-bottom: 10px;}

.breadcrumbs  { padding:2% 0; margin-top:50px; color:#9599ae;}
.breadcrumbs  a{ font-size:17px; color:#9599ae; padding:0px 10px;}
.breadcrumbs  a:hover { text-decoration:underline;}
.breadcrumbs  .bredactiv    { color:#2f3e93!important;}

.page_content{
	margin-top: 70px;
}
.category_holder{
	margin-top: 70px;
}

.category_listing {
    display: flex;
    width: 100%;
    margin-top: 20px;
	flex-wrap: wrap;
} 
.containerh {  position:relative;  width:18%;   margin:0 1%; margin-bottom: 1%;}
.containerh:hover .overlayh {  opacity: 0.9; cursor:pointer;}
.imageh   {  display: block;  width: 100%;  height: auto; }
.overlayh { position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease;  background-color: #3c4a94;}
.texth    {   color: white;  font-size: 15px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;}

.bottom_part .bloglink {
	text-decoration: none;
}
.bottom_part .bloglink h3 {
    color: #2f3e93;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: bold;
}

.blog_flex_box {
    width: 100%;
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.blog_box {
    width: 30%;
    background: #ffffff;
    margin: 1%;
}
.blog_box img{
	max-width: 100%;
}
.blog_box a{
	text-decoration: none;
	color: inherit;
}
.main_title {
    font-weight: bold;
    font-size: 33px;
    padding-bottom: 15px;
}

.main_form{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.main_form input[type=text], textarea{
	margin-bottom: 15px;
    padding: 10px 15px;
    width: 50%;
}
.main_form p{
	padding-top: 10px;
	padding-bottom: 10px;
}
.main_form input[type=button]{
	background: #173255;
    border: none;
	color: #fff;
	font-weight: bold;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 40px;
    width: 150px;
    font-size: 18px;
	cursor: pointer
}

.products_holder { width:100%; display:flex;  justify-content: center;  margin-bottom:100px; margin-top:50px;}

.product_left   {  min-height:300px; width:50%; margin-right:2%;}


.product_right    {  min-height:300px; width:46%; padding:1% 2%; position:relative;} 
.subtitle         { color:#000; font-weight:bold; font-size:17px; text-align:left; padding-bottom:15px;}
.main_title     { color:#000; font-weight:bold; font-size:33px; text-align:left; padding-bottom:15px;}
.standard_p { color:#565c7c;  font-size:15px; text-align:left; padding-bottom:25px; line-height:20px;}

.product_code      { color:#9da1b2; font-weight:bold; font-size:15px; text-align:left;  } 
.product_model     { color:#9da1b2; font-weight:bold; font-size:15px; text-align:left; }

.product_code span  { color:#2f3e93!important; } 
.product_model span { color:#2f3e93!important;  }
.contactus_link     { margin-top:40px; background:#173255; padding:20px; color:#fff; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  transition: all 0.5s ease; text-decoration: none;}
.contactus_link:hover     {  background:#1a245e;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  transition: all 0.5s ease; }


/******************************************************************** PRODUCT DETAILS **********************************************/
.details_holder { width:100%; min-height:400px;  margin-bottom:50px;}

.underline_info { border-bottom:1px solid #ccc!important; padding-bottom:12px; color:#565c7c; font-size:15px;}
.details_title { font-size:20px; font-weight:bold; color:#2f3e93; padding-bottom:20px;}

/*---------------------------------------------------------  FOOTER ------------------------------------------------------------------ */
footer { padding: 10px 0px;  }
footer .container {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.footer_right {
	display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
}
.footer_right img {
	width: 170px;
	max-width: 100%;
}

	.ui-loader {
		display: none !important;
	}

.product_left_mobile{
	display: none;
}
.baseimg_mobile{
	display: none;
}
.main_img_block img{
	max-width: 100%;
}
.main_img_block p{
	color: #565c7c;
	font-size: 15px;
	line-height: 20px;
}
.footer_left{
	
}
footer{
	border-top: solid 1px #173255;
}

div.slider {
	
}
div.slider div.slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*---------------------------------------------------------  RESPONSIVE ------------------------------------------------------------------ */
.helpdiv { width: 100%; background: green; height: 10px; }

@media screen and (max-width: 1600px) {
  .helpdiv { width: 100%; background: blueviolet; height: 10px; }
  .btn_Industrynew3 { width: 324px;         padding: 40px;    border-radius: 65px;      font-size: 32px;  }

}
@media screen and (max-width: 1500px) {
	.bubble1, .bubble2 {
		width: 100%;
		left: 0;
		border-radius: 0;
		box-sizing: border-box;
		background: rgba(78,78,78,0.6);
		/* position: static; */
	}
	.btn_vise_info, .btn_vise_info2 {
		/* position: static; */
		width: auto;
		padding: 15px;
	}
	.btn_Industry, .btn_Retail {
		padding: 20px;
		font-size: 28px;
	}
	.hero_left, .hero_right {
		/* display: flex; */
		/* flex-direction: column; */
		/* align-items: center; */
		/* justify-content: flex-end; */
	}
}


@media screen and (max-width: 1400px) {
  .helpdiv { width: 100%; background: greenyellow; height: 10px; }
  .btn_Industrynew3 { width: 324px;         padding: 30px;    border-radius: 65px;      font-size: 32px;  }
	
	.trio_mid {
		width: auto;
		flex-shrink: 1;
	}
}


@media screen and (max-width: 1280px) {
	.trio_mid {
		display: none;
	}
	.trio_holder {
		padding-top: 25px;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
	}
	.nav_setion {
		flex: 1;
	}
}
@media screen and (max-width: 1200px) {
  .helpdiv { width: 100%; background: yellow; height: 10px; }
  .btn_Industrynew3 { width: 324px;         padding: 20px;    border-radius: 45px;      font-size: 28px;  }
	
	.cat_hold h2 {
		position: absolute;
		height: auto;
		left: 20px;
		bottom: 0;
		color: #fff;
		font-size: 26px;
	}
	.cat_ico {
		position: absolute;
		bottom: 50px;
		left: 20px;
	}
		
	.baseimg_mobile{
		display: block;
		max-width: 100%;
		margin-bottom: 15px;
		width: 250px;
	}
	.main_cat_menu {
		flex-wrap: wrap;
	}
	.menu_item {
		margin-bottom: 25px;
	}
	.titles_items {
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
	}
	.titles_items .title{
		width: 300px;
		max-width: 100%;
		margin-bottom: 35px;
	    display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.intro_part_single, .intro_part {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.center_menu_single img{
		width: 150px;
	}
	.secondary_menu {
		margin: 50px auto;
		max-width: 100%;
	}
	.center_menu_item1.cmi3 {
		display: none;
	}
	.center_menu_items {
		align-items: center;
		justify-content: flex-start;
		height: auto;
		width: 100%;
		padding-left: 40px;
		box-sizing: border-box;
		flex-wrap: nowrap;
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
		display: flex;
	}
	.cmi1, .cmi2 {
		width: auto;
		position: static;
	}
	.cmi1 img, .cmi2 img {
		position: static;
		
	}
	.cmi1_txt {
		width: 100%;
	    padding: 30px 20px 0px 20px;
	}
	.breadcrumbs {
		padding-left: 20px;
		box-sizing: border-box;
	}
	.product .breadcrumbs {
		padding-left: 10px;
	}
	.center_menu_items_text {
		height: auto;
		width: 100%;
	}
	.category_holder {
		margin-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.containerh {
		width: 200px;
	}
	.category_listing {
		align-items: flex-start;
		justify-content: center;
	}
	.page_content {
		margin-top: 20px;
	}
	.cat_list1 {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.bx-controls {
	position: absolute;
    top: 40%;
	width: 100%;
}
.bx-wrapper {
	position: relative;
}
a.bx-next {
	position: absolute;
	right: 0px;
}


@media screen and (max-width: 1024px) {
  #menu-toggle:checked ~ .menu {
	  width: 500px;
  }
  .helpdiv { width: 100%; background: pink; height: 10px; }
  .btn_Industrynew3 { width: 324px;         padding: 15px;    border-radius: 45px;      font-size: 26px;  }
	
	.trio_left .scroler, .trio_right .scroler {
		display: none;
	}
	.trio_left, .trio_right {
		width: auto;
	}
	.no-bullets {
		padding: 0;
		padding-top: 15px;
	}
	
	.btn_Industry, .btn_Retail {
		font-size: 22px;
	    width: auto;
		min-width: 120px;
	}
	.bubble1, .bubble2 {
		/*display: none;*/
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: 0;
	}
	.btn_vise_info, .btn_vise_info2 {
		padding: 10px;
		width: 140px;
		left: 50%;
		margin-left: -70px;
		bottom: 40px;
		bottom: 0;
		position: static;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
	}
	
	.blog_box .top_part {
		width: 100%;
	}
	.blog_box .top_part img{
		width: 100%;
	}
	.blog_box {
		width: 200px;
	}
	.category_row1, .category_row2 {
		background: none;
	}
	.cat_ico {
		width: 50px;
	}
	.cat_hold h2 {
		font-size: 22px;
	}
	.cmi1 img, .cmi2 img {
		position: static;
		width: 200px;
		max-width: 100%;
	}
	.central_block {
		min-height: 0px;
	}
	.main_img_block {
		width: 100%;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.products_holder {
		flex-direction: column;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		margin-bottom: 40px;
	}
	.product_details {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.product_left {
		order: 2;
		width: 100%;
	}
	.product_right {
		order: 1;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.contactus_link {
		position: static;
	}
}


@media screen and (max-width: 768px) {
  .helpdiv { width: 100%; background: #173255; height: 10px; }
  .btn_Industrynew3 { width: 324px;         padding: 15px;    border-radius: 45px;      font-size: 24px;  }
  .btn_Industrynew2 { width: 324px;         padding: 15px;    border-radius: 45px;      font-size: 24px;  }
	
	.main_text {
		padding-top: 40px;
	}
	.btn_Industry, .btn_Retail {
		font-size: 18px;
		width: auto;
		min-width: 120px;
		padding: 15px;
		bottom: -30px;
	}
	.btn_vise_info, .btn_vise_info2 {
		padding: 8px;
	}
	.trio_holder {
		flex-direction: column;
		align-items: center;
	}
	.trio_right {
		margin-top: 15px;
		margin-left: -27px;
	}
	.main_offers {
		background-size: 100% 100%;
	}
	.trio_holder {
		flex-direction: column;
		align-items: center;
	}
	
	footer .container {
		flex-direction: column;
		align-items: flex-start;
	}
	.footer_right {
		margin-top: 20px;
		width: 100%;
	}
	.cat_hold h2 {
		font-size: 18px;
	}
	.bottom_part .bloglink h3 {
		padding-bottom: 0;
	}
	.main_form input[type=text], textarea {
		width: 80%;
	}
	
	.pages_links {
		margin-top: -15px;
	}
}
@media screen and (max-width: 540px) {
  #menu-toggle:checked ~ .menu {
	  width: 300px;
  }
	.blog_box {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog_box h3{
		font-size: 20px;
		margin-bottom: 15px;
		text-align: center;
		padding-top: 5px;
	}
	.top-nav {
		flex-wrap: wrap;
	}
	.serach_setion {
		width: 100%;
		order: 3;
	}
	.logo_section {
		width: auto;
		padding-left: 15px;
	}
	.logo_section img{
		width: 80px;
		height: auto;
	}
	.input-search {
		height: 30px;
	}
	.btn-search {
		height: 30px;
	}
	#menu-toggle:checked ~ .menu li {
		/*padding-top: 48px;*/
	}
	.cat_hold h2 {
		font-size: 16px;
	}
	.cat_ico {
		width: 35px;
	}
	.cat_hold .bck_img {
		width: 100%;
		height: 100%;
	}
	.containerh {
		width: 100%;
	}
		
	.product_left{
		display: none;
	}
	.product_left_mobile{
		display: block;
		order: 2;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		margin-top: 20px;
	}
	.product_left_mobile img{
		max-width: 100%;
		margin-bottom: 20px;
	}
	.btn_Industrynew3 {
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
}
@media screen and (min-width: 2900px) {
	.main_cat_menu  {  min-height: 300px; }
}
@media screen and (min-width: 1940px) {
	.main_cat_menu  {  min-height: 265px; }
}