@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf')  format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


p{ color:#555555; font-size:15px}

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow:
 visible; background:#fff url(../images/logo.jpg) no-repeat center center;
  z-index:99999999 !important }

.search_form ::-webkit-input-placeholder { 
color:#29322b !important;   opacity:  1;
}
.search_form input:-moz-placeholder { 
color:#29322b !important;   opacity:  1;
}
.search_form input::-moz-placeholder { 
color:#29322b !important;   opacity:  1;
}
.search_form input:-ms-input-placeholder { 
color:#29322b !important;   opacity:  1;
}


body {
	background-color: #fff;
font-family: 'OpenSans';	font-weight:400;
	font-size:15px;
}
.wrapper {
	max-width: 1170px;
	margin: 0 auto;
	min-width: 320px;
}

{font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    text-transform: inherit;
    color: #C20060;
   }


.header p{ color:#202020; padding:45px 0 0 0; font-size:16px;  font-family: 'Roboto-Medium';ont-family: 'Roboto-Regular';}
.header p small{ color:#7f7e7f; text-transform:inherit; font-family: 'OpenSans';}
.header p span{ width:40px; height:40px; background:#d22968; border-radius:50%; text-align:center; color:#333; line-height:40px;
 font-size:15px; margin-right:10px; color:#fff}
.logo_left p span{ position:absolute; left:0;} 
.logo_left p{  padding-left:50px}
 
.logo_left{ width:425px; float:left; position:relative}
.logo_right{ width:293px; float:right !important}
.logo_right p{ padding:14px 0 0 0; float:right}
.logo_right a{ margin-right:5px; display:block; float:left; line-height:35px; color:#e23374}
.logo_right p span{width: 25px;
    height: 25px;
    background: #FFF;    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 25px;
    font-size: 15px;
    margin-right: 5px;}
	
.logo_right p .fa-facebook{ background:#4e71a8;}	
.logo_right p .fa-twitter{ background:#1ab7eb;}
.logo_right p .fa-instagram{ background:#454545; color:#333}
.logo_right p .fa-instagram{ background:#ffffff; color:#333}
.logo_right p .fa-snapchat-ghost{ background:#454545; color:#333}
.logo_right ul{ margin-bottom:15px; display:table}
.logo_right ul li{ float:left; margin-right:16px ; font-size:14px}
.logo_right ul li a{ color:#a69c9c;   font-family: 'OpenSans';}
.logo_right ul li:last-child{ margin-right:0}

.navigaton{ display:table;  width:100%;  padding:0px 0; margin:0 auto; background:#e23374;
     z-index:1111;line-height:45px}


.logo_right li{ float:left; list-style-type:none;  }
/*.topbar ul li span{     width: 30px;  height: 30px;  border-radius: 50%;  text-align: center;  line-height: 30px; color:#FFF;}
.topbar ul li .fa-facebook{ background:#0d6eac}
.topbar ul li .fa-twitter{ background:#0fa8c0}
.topbar ul li .fa-google-plus{ background:#d51e1e}
.topbar ul li .fa-linkedin{ background:#2a87f0}
.topbar ul li a .fa-phone{ color:#000}
.topbar ul li .fa-envelope{ background:#2a87f0}
.div1 a{ color:#fff !important}*/
.topbar ul li span{ color:#FFF}
.topbar ul li a{ color:#FFF; font-size:14px}

.topbar a{ color:#fff;     padding: 7px 5px 9px 5px; float:left;  display: block;}
.top_left .fa{ margin-right:10px}
.h_img{ float:left; margin:30px 0 0 150px}
/*.div1 a { border-right:1px solid #333}*/

.banner_bottom{ margin:20px auto}

.header {
	width: 100%;
	display: block;
	min-height: 130px;
	padding: 0px 0; 
	
	
}
.logo {
	padding: 0px 0px;
	    margin: 20px auto;
    float: none;
   
    display: table
}
.logo img {
	max-width: 100%;
}
.header .wrapper{ position:relative}




.btndiv { width: 207px;
    float: right;}

.about {

width: 95% !important;
text-align: justify;
padding: 10px !important;


/*
    padding-right: 0;
    width: 55%*/;}

.about h4 {
    font-family: 'OpenSans-Bold';
    font-size: 30px;margin-top: 20px;
    margin-bottom: 10px;
}



   .widget-products{ margin-top: 40px !important;}
   .widget-products .tab-v1{background: #242424;}
   .widget-products .active{    background: #e23374 !important;}
.widget-products .active a{color: #fff !important;}
.widget-products .nav-tabs {margin: 0px auto;padding: 0px;display: table;}
.product-tabs .nav li a{ font-size: 13px;padding: 10px 20px; }
.product-tabs .nav li::after { background: none !important; }
.req_call{padding: 11px !important}
.tab-content .active{ background:transparent !important; }

.tab-content .product-block{padding: 0px !important;}
.tab-pane .product-tabs .product-col{padding: 10px !important;}
.tab-content .product-img  .img-responsive{ width: 100%; }
.tab-content .product-tabs .product-col{padding: 10px !important;}
.product-tabs .product-col .name a{ color:#000 !important; font-size: 13px !important; }
.product-tabs .product-col .product-meta::before{ background:none !important; margin:0 !important;}




}/*------------------SearchButton-----------------------*/
.search_div{ position:absolute; right:0; top:50px}
.search{
  position:relative;
  display: inline-block; float: right;
    margin-top: 0px; padding:10px 0; 
}
[class^="-"]{
  background:url(../images/search.png) no-repeat; width:24px; height:24px;
  color:#fff;
 
  display:inline-block;
 /* padding:6px 7px 7px;*/
  font-size:18px;
  text-shadow:1px 1px 2px #21638F;
  
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  cursor: pointer;
  z-index:10;
  position:relative;
}
[class^="-"]:hover{
 /* background: #5dade2;
  text-shadow:0px 0px 0px #21638F;
  box-shadow: inset 0px 0px 8px #21638F;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;*/
}
.search_form{
  background: #898a89 ;
 

  padding:0px 5px;
  right:30px;
  top:15px; float:right; clear:both;

  border-radius:4px;
  
  height:0px;
  transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; width:100%
}
.search_form form{
 
   transition:all 0.3s ease-out;
  -webkit-transition:all 0.3s ease-out;
}
.search_form input{
  
  border:none; color: #333; background:none
}
.search_form input[type='text']{
  border-radius:4px;
background:#FFF; width:100%; height:50px;
  margin:5px 1px 0px 0;
  padding:0px 25px !important;
  min-height:30px; float:right;  font-family: 'Roboto-Regular'; border:1px solid #d4d4d4
}

.sub-btn{ background:url(../images/12.png) no-repeat !important; font-size:0 !important; float:right !important; 
margin:5px -303px 0 0px !important; height:50px }
.search_form form{ position:relative}	
	
.search_form input[type='submit']{
  border-radius:0 5px  5px 0;
  text-transform:uppercase;
  font-size:11px;
  padding:0px 5px;
  min-height:30px;
  margin:0px 0px 0px 0;
  cursor: pointer; float:left; width:70px;
}
.search_box{
  visibility: hidden;
}
.search_box:checked~.search_form{
  width: 245px;
  height:40px;
  padding:5px;
  top:5px; 
  transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
}
.search_box:checked~.search_form form{
  opacity:1;
  transition:0.3s all ease-out 0.5s;
  -webkit-transition:0.3s all ease-out 0.5s;
}





/*------------------SearchButton-----------------------*/

.header p{ color:#202020; padding:45px 0 0 0; font-size:16px;  font-family: 'Roboto-Medium';ont-family: 'Roboto-Regular';}
.header p small{ color:#7f7e7f; text-transform:inherit; font-family: 'OpenSans';}
.header p span{ width:40px; height:40px; background:#d22968; border-radius:50%; text-align:center; color:#333; line-height:40px;
 font-size:15px; margin-right:10px; color:#fff}
.logo_left p span{ position:absolute; left:0;} 
.logo_left p{  padding-left:50px}
 
.logo_left{ width:425px; float:left; position:relative}
.logo_right{ width:293px; float:right !important}
.logo_right p{ padding:14px 0 0 0; float:right}
.logo_right a{ margin-right:5px; display:block; float:left; line-height:35px; color:#e23374}
.logo_right p span{width: 25px;
    height: 25px;
    background: #FFF;    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 25px;
    font-size: 15px;
    margin-right: 5px;}
	
.logo_right p .fa-facebook{ background:#4e71a8;}	
.logo_right p .fa-twitter{ background:#1ab7eb;}
.logo_right p .fa-instagram{ background:#454545; color:#333}
.logo_right p .fa-instagram{ background:#ffffff; color:#333}
.logo_right p .fa-snapchat-ghost{ background:#454545; color:#333}
.logo_right ul{ margin-bottom:15px; display:table}
.logo_right ul li{ float:left; margin-right:16px ; font-size:14px}
.logo_right ul li a{ color:#a69c9c;   font-family: 'OpenSans';}
.logo_right ul li:last-child{ margin-right:0}

.navigaton{ display:table;  width:100%;  padding:0px 0; margin:0 auto; background:#e23374;
     z-index:1111;line-height:45px}


.logo_right li{ float:left; list-style-type:none;  }
/*.topbar ul li span{     width: 30px;  height: 30px;  border-radius: 50%;  text-align: center;  line-height: 30px; color:#FFF;}
.topbar ul li .fa-facebook{ background:#0d6eac}
.topbar ul li .fa-twitter{ background:#0fa8c0}
.topbar ul li .fa-google-plus{ background:#d51e1e}
.topbar ul li .fa-linkedin{ background:#2a87f0}
.topbar ul li a .fa-phone{ color:#000}
.topbar ul li .fa-envelope{ background:#2a87f0}
.div1 a{ color:#fff !important}*/
.topbar ul li span{ color:#FFF}
.topbar ul li a{ color:#FFF; font-size:14px}

.topbar a{ color:#fff;     padding: 7px 5px 9px 5px; float:left;  display: block;}
.top_left .fa{ margin-right:10px}
.h_img{ float:left; margin:30px 0 0 150px}
/*.div1 a { border-right:1px solid #333}*/

.banner_bottom{ margin:20px auto}

.header {
	width: 100%;
	display: block;
	min-height: 130px;
	padding: 0px 0; 
	
	
}
.logo {
	padding: 0px 0px;
	    margin: 20px auto;
    float: none;
   
    display: table
}
.logo img {
	max-width: 100%;
}
.header .wrapper{ position:relative}




.btndiv { width: 207px;
    float: right;}
.about {
    padding-right: 0;
    width: 55%;
}

.sidebar {     background: #fff; width:100%;  padding: 0px;  border: 1px solid #e23374;margin:0; /*margin:0 0 50px 0*/}
.sidebar h3{ margin-top:0;  font-family: 'OpenSans-Bold'; background:#e23374; color:#fff; padding:10px; text-transform:uppercase;
 font-weight:normal; font-size:18px; margin-bottom:0; text-align:center}
 .sidebar img{ width:100%;     margin-top: -1px; }
 .div_service .thumbnail{ border:0; padding:5px; margin:0}
 .div_service div{ padding:0}
.sidebar ul li{ list-style-type:none; padding:12px 10px 10px 20px;     border-bottom: 1px solid #d8d8d8;   co}
.sidebar ul{ margin:0; padding:6px 0}
.sidebar ul li a{ color:#717171; font-size:15px; }
.sidebar ul li ul li{ background:#1d988f; margin-bottom:5px; }
.sidebar ul li ul li a{ color:#fff; font-size:12px}
.sidebar ul li ul li{ padding:5px 10px; font-family: 'OpenSans';}
.sidebar ul li ul{ padding:10px 0 0 25px}

.sidebar ul li:last-child{ border-bottom:0}


.about h3{ font-family: 'OpenSans-Bold'; font-size:
30px}
.about p{ line-height:24px}
.money{     display: inline-block;  padding: 5px 0 0 0px;  font-size: 14px;  font-weight: bold;  color: #000;}
 del span {  color: #999 !important;  margin-left: 10px;  font-weight: normal !important;  display: inline-block;  text-decoration: line-through;}
 
.about-section{ padding:60px 0; display:table; width:100%} 
.req_call{ padding:11px 15px; border-radius:30px; background:#e23374; color:#fff; -webkit-box-shadow: 2px 6px 0px -3px rgba(0,0,0,0.75);

.dmn_home_right .req_call{width:75%; margin:0 auto;}

-moz-box-shadow: 2px 6px 0px -3px rgba(0,0,0,0.75);
box-shadow: 2px 6px 0px -3px rgba(0,0,0,0.75); display:table; margin-bottom:20px; /*float:right*/}
.req_call span{ width:25px; height:25px; background:#fff; text-align:center; color:#333; border-radius:50%; line-height:25px;     margin: 0 5px; }
.btnsec .req_call:nth-child(2){ background:#585656}
.btnsec .req_call:nth-child(3){ background:#ddac0f}
.about{ padding-right:0}     
.btnsec{ padding:30px 0 0 0 !important;}	 
	 
.sale-badge {
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 10px;
    position: absolute;
    left: 12px; background: #ffc000;
    color: #ffffff; top:10px}
 

.footer{ padding:30px 0; background:#000; position:relative}
.ftr2{ /*width:17%*/}
.ftr2 h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
}

.ftr2 ul li a {
    color: #FFF;
    font-size: 13px;
    padding: 10px 0;
    border-bottom: 1px solid #2d2c2c;
    display: block;
}
.ftr{ width:25%; /*margin-right:20px*/}
.ftr h3{ color: #fff !important; }
.footer p{  font-size:15px;     margin-bottom: 20px !important;  color: #fff !important;   line-height: 23px; font-family: 'OpenSans'; position:
relative; padding-left:45px}
.footer p span{ margin-right:15px; margin-top:10px; font-size:14px}
.footer .logo2{ width:122px}
.footer h3{ margin-bottom:10px; font-size:18px; color:#fff; text-transform:uppercase;   font-size: 20px;    }.footer p a{ color:#666564}
.footer ul{ margin:0; padding:0;}
.footer ul li{ list-style-type:none; }
/*.footer ul li span{ font-weight:bold}*/
.footer ul li a { color:#FFF; font-size:13px; padding:10px 0; border-bottom:1px solid #2d2c2c; display:block}
.footer img{ margin-bottom:10px; clear:both} 
 .footer p span{ color:#fff; margin-right:5px; font-size:16px; position:absolute; left:0; top:-6px; background:#e23374; width:30px; height:30px; border-radius:50%;     text-align: center;
    line-height: 30px; }
.footer-bottom{     border-top: solid 2px #ebeaea;  background: #ebeaea; text-align:center; padding:8px 0; margin-top:10px}
.footer-bottom p{ text-align:; font-size:15px;    color:#696a6a; margin-bottom:0; font-family: 'OpenSans'; position:relative  }
.footer-bottom p img{ margin-left:10px}
.footer h4{ color:#4c4c4c;     font-size: 15px;    font-family: 'SegoeUI-Bold';}

.icon-div{ display:table; margin:0 auto; clear:both
} 
.icon-div ul li a{ border-bottom:0 !important}
.icon-div ul li { float:left}
.icon-div{ position: relative;/*position:absolute;*/     right: 100px;
    bottom: 20px;}
.quicklink li{ width:80%; clear:both}
.icon-div p{ color:#999}
.sidebar li{ text-align: left !important;  }

quicklink li a:last-child{ border-bottom:0 !important}
.div_about p{ padding:0}
.div_footer{ padding-bottom:10px}

.footer ul li{ float:left; margin-right:5px; border-bottom:0}

.footer ul li span{     width:78px;  height: 78px;  border-radius: 50%;  text-align: center;  line-height: 78px; color:#FFF; background:#3a3a3a; font-size:35px}

.footer ul li .fa-facebook{ background:#4e71a8;}	
.footer ul li .fa-twitter{ background:#1ab7eb;}
.footer ul li .fa-google-plus{ background:#d54936; color:#fff}
.footer ul li .fa-instagram{ background:#e4e3e3; color:#333}

.footer ul li a:hover{ color:#000; font-weight:bold}


.footer ul li span:hover{ background:#0754a8}
.input{ width:59%; float:left; height:35px; border:0; margin-right:5px; padding:0 0 0 5px}
.btn-ftr{     background: #c20060;  color: #fff;  border-radius: 2px; float:left;  
    text-align: center;  padding: 8px 10px;  margin: 0px 10px 10px 0px; border:0}
.footer form{ padding-top:15px}
a{ transition: all 0.5s ease 0s;}
a:hover{ transition: all 0.5s ease 0s;}
span:hover{ transition: all 0.5s ease 0s;}
input:hover{ transition: all 0.5s ease 0s;}



 @media only screen and (min-width: 230px) and (max-width:550px) {
	 .slider .bx-wrapper img{ height:180px !important }
	 .about{ width:100%}
	 .btndiv{ width:100%}
	 .req_call{ float:none;      margin: 0 auto 10px;}
	 .ftr{ width:100%}
	 .ftr2{ width:100%}
	 .icon-div{ position:inherit}
	 .footer ul li span{ width:30px; height:30px; line-height:30px; font-size:15px}
.career img{ position:inherit; width:100%; top:0; right:0}
.career{ padding:10px
}.navigaton{ height:100px; background:#fff}

.logo_left p span {   position: inherit;  margin: 0 auto;  display: block;}
.search_form{  background:none}
.sub-btn{ margin: 5px -270px 0 0px !important;}


.dmn_home_cont{text-align:left !important;}
.dmn_home_cont p{text-align:justify !important;}








.contact_div{ display:block; background-size:100% 100%; padding:20px 0 0px 0px}
.get_download{  padding:10px; text-align:center; display:block; font-size:20px; margin:0 auto 10px}
textarea.form-control{ height:70px}
.logo_left{ width:100%}
.header p{ text-align:center !important; padding:0px; font-size:18px; margin: 0 auto;
    display: table; float:none !important }

.bgdiv{ padding:45px 0}	 
ul.listing-class li h3{ font-size:18px} 
.wrapper {
	width: 100%; min-width:inherit;
	margin: 0% 0%;
}.testimonial-list{ padding:0}
.slider{ margin-top:0px}


h2{ font-size:20px !important;     width: auto !important;
    display: table; text-align:center
   }
   p{ text-align:justify}
.header {
	min-height: 180px;
}
.logo {
	display: none !important;
}
.header {
	box-shadow: none !important;
	background-image: none !important;
	position: static !important;
}
.bigmegamenu {
	position: static !important;
}
.colorlink01 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink02 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink03 {
	width: 92% !important;
	margin: 0% 4%;
}
.buttoncolor02 {
	width: 100% !important;
	margin-bottom: 2%;
}
.buttoncolor {
	width: 25%;
}
.moreoption {
	width: 100%;
	margin: 85px 0 0 0;
	background-color: transparent !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
ul.listing-class{list-style:none;padding:0px;margin:0px;}
ul.listing-class li {
    float: left;
    padding: 4% 2%;
    width: 100%; margin-bottom:20px
}

.ideal_div{ padding-top:50px}
.ideal-listed figure{ position:inherit; margin:0 auto; display:block;  max-width: 150px;}
ul.ideal-listing-class li .desc{ width:100%; background:none; padding:0; box-shadow:inherit;    min-height: inherit;}
ul.ideal-listing-class li{ width:100%}
.desc .heading4{ position:relative;     transform: inherit; text-align:center }

.productpage .col-xs-4{ width:100%}
.blogpage .col-xs-4{ width:100%}
.blog img { width: 200px;  float: none;  margin: 0 auto 10px;  height: auto;}
.blog h3{ font-size:18px; text-align:center}
.blog p{ text-align:justify}

.info{ margin-bottom:25px}
.testimonials .bx-viewport{ padding-bottom:30px}
.product h3{ text-align:center}

.topbar ul li a{ padding:10px}
.guide img {   position: inherit;  left: 0;  width: 100%;}
.logo_right{ padding:0; margin:10px auto 0; width:100%}
.heading-cart { float: none;
    clear: both;
    margin: 0 auto 20px;
    display: table;
}

.wsmenucontainer{ width:100%; margin:0 auto}
.logo_right li{ width:auto; margin-bottom:10px}
.topbar{ position:inherit; left:0; right:0; z-index:1; display:table; width:100% }
.why_choose_text{ padding:0}
.why_choose_text h3{ font-size:25px}
.guide{ padding-bottom:20px}
.dealer_sec .col-md-6{ clear:both; display:table} 
.div_1{ text-align:center}
.div_1 p{ margin-bottom:40px}
/*.image{ width:290px; margin:0 auto 10px}*/

.banner_content{ width:90% !important}
.banner_content h1{ font-size:25px !important; line-height:30px !important; margin-bottom:5px !important; }
.banner_content h1 span{font-size:25px !important;}
.slider .bx-viewport { height:300px}
.slider img{ height:300px}
.banner_text {  width: 100% !important;  margin-top: 50% !important; padding:10px !important}
.bx-wrapper .bx-controls-direction a{ display:none !important}
.banner_text h1{ margin-top:5px}


.footer .col-md-3{ clear:both}
.footer-bottom p{ text-align:center}

.navigaton{ width:100%}
.form_div{ position:inherit !important; margin:0px auto; width:100% !important; overflow:hidden }
.bgdiv p{ padding:8px 0}
.career p{ padding:0 10px}
.career{ min-height:inherit; padding-bottom:15px}
.career2 p{ padding:0 10px} 
.career2 img{ margin:0 auto; display:block; float:none}
.career2{ min-height:inherit; padding-bottom:15px}
.career2 ul {  padding: 0 0 0 30px;  margin-right: 0;  float: none;}
.career2 ul li{ font-size:14px}
.know_div{ padding:20px 0}

.input_text{ width:100%; margin-bottom:5px}
.quick_enquiry h3{ text-align:center; float:none; margin:0 auto 10px; font-size:20px}

.div_about p{ width:100%}
.footer ul{ display:table; width:100%}
.quicklink li{ width:100%}
.enq_btn{ width:100%}
.topbar a{ padding:5px 0; text-align:center; float:none}
.topbar ul{   float: none;  margin: 0 auto;  padding: 0px; display: table;}
.search_div{ top:50px; right:5px; z-index:5555}
.content img{ margin:0 auto; display:block}

.logo_right ul {
    margin: 0 auto 10px;
    display: table;
    padding: 0;
}
.banner_bottom .col-md-4{ margin:0 auto 15px }
.career h2{ text-align:center; padding:0; margin:0 auto; padding:10px 0}
.career a{ margin:0 auto 10px; }
.career{ margin:0 auto 15px}
.search_form{ display:table; margin:0 auto; float:none; width: 260px;}
.footer p{ padding-left:0; text-align:center}
.icon-div ul{ margin:0 auto; display:table; width:auto} 
}




@media only screen and (min-width: 551px) and (max-width:767px) {
	
	
	
		 .slider .bx-wrapper img{ height:180px !important }
	 .about{ width:100%}
	 .btndiv{ width:100%}
	 .req_call{ float:none;      margin: 0 auto 10px;}
	 .ftr{ width:100%}
	 .ftr2{ width:100%}
	 .icon-div{ position:inherit}
	 .footer ul li span{ width:30px; height:30px; line-height:30px; font-size:15px}
.career img{ position:inherit; width:100%; top:0; right:0}
.career{ padding:10px
}.navigaton{ height:100px; background:#fff}

.logo_left p span {   position: inherit;  margin: 0 auto;  display: block;}
.search_form{  background:none}
.sub-btn{ margin: 5px -340px 0 0px !important;}

	
	
	
	.search_form{ display:table; margin:0 auto; float:none; width: 330px;}

.icon-div ul{ margin:0 auto; display:table; width:auto !important} 
	
	
	
	
	.sidebar {
    background: #fff;
    width: auto;
   
  
    margin: 0 auto;
    display: table;
}
	
	
	
	
	
	 .slider .bx-wrapper img{ height:350px !important }
	.logo_right{ padding:0; margin:10px auto 0; width:100%}
	.logo_right ul {
    margin: 0 auto 10px;
    display: table;
    padding: 0;
}
.banner_bottom .col-md-4{ margin: 0 auto 15px; width:320px;
    float: none; }
	
.banner_bottom .col-md-4 iframe{ height:245px}	
	
.career h2{ text-align:center; padding:0; margin:0 auto; padding:10px 0}
.career a{ margin:0 auto 10px; }
.career{ margin:0 auto 15px}
.search_form{ display:table; margin:0 auto 20px; float:none}

.career img{ position:inherit; width:100%; top:0; right:0}
.career{ padding:10px
}.navigaton{ height:100px; background:#fff; left:0; right:0}

.contact_div{ display:block; background-size:100% 100%; padding:20px 0 0px 0px}
.get_download{   margin:0 auto 10px}
.enq_btn{ width:100%} 
textarea.form-control{ height:70px}
.logo_left{ width:100%}
.header p{ text-align:center !important; padding:10px; font-size:18px; float:none; margin:0 auto; display:table }

.bgdiv{ padding:0px 0}	 
ul.listing-class li h3{ font-size:18px} 
.wrapper {
	width: 100%; min-width:inherit;
	margin: 0% 0%;
}.testimonial-list{ padding:0}
.slider{ margin-top:0px}


h2{ font-size:20px !important;     width: auto !important;
    display: table; text-align:center
   }
   p{ text-align:justify}
.header {
	min-height: 100px;
}
.logo {
	display: none !important;
}
.header {
	box-shadow: none !important;
	background-image: none !important;
	position: static !important;
}
.bigmegamenu {
	position: static !important;
}
.colorlink01 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink02 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink03 {
	width: 92% !important;
	margin: 0% 4%;
}
.buttoncolor02 {
	width: 100% !important;
	margin-bottom: 2%;
}
.buttoncolor {
	width: 25%;
}
.moreoption {
	width: 100%;
	margin: 85px 0 0 0;
	background-color: transparent !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
ul.listing-class{list-style:none;padding:0px;margin:0px;}
ul.listing-class li {
   float: left;
    padding: 0 0 20px 0;
    width: 48%;
    margin: 4px;
}

.ideal_div{ padding-top:50px}
.ideal-listed figure{ position:inherit; margin:0 auto; display:block;  max-width: 150px;}
ul.ideal-listing-class li .desc{ width:100%; background:none; padding:0; box-shadow:inherit;    min-height: inherit;}
ul.ideal-listing-class li{ width:100%}
.desc .heading4{ position:relative;     transform: inherit; text-align:center }

.productpage .col-xs-4{ width:100%}
.blogpage .col-xs-4{ width:100%}
.blog img { width: 200px;  float: none;  margin: 0 auto 10px;  height: auto;}
.blog h3{ font-size:18px; text-align:center}
.blog p{ text-align:justify}

.info{ margin-bottom:25px}
.testimonials .bx-viewport{ padding-bottom:30px}
.product h3{ text-align:center}

.topbar ul li a{ padding:10px}
.guide img {   position: inherit;  left: 0;  width: 100%;}
.logo_right{ padding:0; margin:0px auto 0}
.heading-cart { float: none;
    clear: both;
    margin: 0 auto 20px;
    display: table;
}

.wsmenucontainer{ width:90%; margin:0 auto}
.logo_right li{ width:auto; margin-bottom:10px}
.topbar{ position:inherit; left:0; right:0; z-index:1; display:table; width:100% }
.why_choose_text{ padding:0}
.why_choose_text h3{ font-size:25px}
.guide{ padding-bottom:20px}
.dealer_sec .col-md-6{ clear:both; display:table} 
.div_1{ text-align:center}
.div_1 p{ margin-bottom:40px}
/*.image{ width:290px; margin:0 auto 10px}*/

.banner_content{ width:90% !important}
.banner_content h1{ font-size:25px !important; line-height:30px !important; margin-bottom:5px !important;  }
.banner_content h1 span{font-size:25px !important;}
.slider .bx-viewport { height:300px}
.slider img{ height:300px}
.banner_text {  width: 70% !important;  margin-top: 30% !important; padding:10px !important}
.bx-wrapper .bx-controls-direction a{ display:none !important}
.banner_text h1{ margin-top:5px}


.footer .col-md-3{ clear:both}
.footer-bottom p{ text-align:center}

.navigaton{ width:100%}
.form_div{ position:inherit !important; margin:0px auto; width:100% !important; overflow:hidden }
.bgdiv p{ padding:8px 0}
.career p{ padding:0 10px}
.career{ min-height:inherit; padding-bottom:15px}
.career2 p{ padding:0 10px} 


.career2 ul {  padding: 0 0 0 30px;  margin-right: 0;  float: none;}
.career2 ul li{ font-size:14px}
.know_div{ padding:20px 0}

.input_text{ width:100%; margin-bottom:5px}
.quick_enquiry h3{ width:100%; margin-left:0;  font-size:20px; text-align:center}

.div_about p{ width:100%}
.footer ul{ display:table; width:100%}
.quicklink li{ width:100%}

.topbar a{ padding:5px 0; text-align:center; float:none}
.topbar ul{   float: none;  margin: 0 auto;  padding: 0px; display: table;}
.search_div{ top:50px; right:5px; z-index:5555}
.content img{ margin:0 auto; display:block}
.know_div img{ margin:0 auto; display:block}
.listing-class li:nth-child(3n) { margin-right: 4px;}
}








 @media only screen and (min-width: 768px) and (max-width:991px) {
.logo_left{ width:230px}
.banner_bottom .col-md-4{ margin: 0 auto 15px; width:33.3%; float:left
    }
	.contact_div{ width:100%; display:block} 
.header p{ font-size:16px}
.bgdiv{ padding:45px 0}	 
ul.listing-class li h3{ font-size:18px} 
.wrapper {
	width: 730px; min-width:inherit;
	margin:0 auto;
}.testimonial-list{ padding:0}
.slider{ margin-top:0px}
.navigaton{ left:0} 

h2{ font-size:20px !important;     width: auto !important;
    display: table; text-align:center
   }
   p{ text-align:justify}
.header {
	min-height: 130px;
}
.logo { margin:10px auto 0; display:block; width:200px; 
	
}
.header {
	box-shadow: none !important;
	background-image: none !important;
	position: static !important;
}
.bigmegamenu {
	position: static !important;
}
.colorlink01 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink02 {
	width: 92% !important;
	margin: 0% 4%;
}
.colorlink03 {
	width: 92% !important;
	margin: 0% 4%;
}
.buttoncolor02 {
	width: 100% !important;
	margin-bottom: 2%;
}
.buttoncolor {
	width: 25%;
}
.moreoption {
	width: 100%;
	margin: 85px 0 0 0;
	background-color: transparent !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
ul.listing-class{list-style:none;padding:0px;margin:0px;}
ul.listing-class li {
   float: left;
    padding: 0 0 20px 0;
    width: 48%;
    margin: 4px;
}

.ideal_div{ padding-top:50px}
.ideal-listed figure{ position:inherit; margin:0 auto; display:block;  max-width: 150px;}
ul.ideal-listing-class li .desc{ width:100%; background:none; padding:0; box-shadow:inherit;    min-height: inherit;}
ul.ideal-listing-class li{ width:100%}
.desc .heading4{ position:relative;     transform: inherit; text-align:center }

.productpage .col-xs-4{ width:100%}
.blogpage .col-xs-4{ width:100%}
.blog img { width: 200px;  float: none;  margin: 0 auto 10px;  height: auto;}
.blog h3{ font-size:18px; text-align:center}
.blog p{ text-align:justify}

.info{ margin-bottom:25px}
.testimonials .bx-viewport{ padding-bottom:30px}
.product h3{ text-align:center}

.topbar ul li a{ padding:10px}
.guide img {   position: inherit;  left: 0;  width: 100%;}
.logo_right{ padding:0; margin:0px auto 0;     width: 250px;}
.logo_right ul{ padding:0 }
.heading-cart { float: none;
    clear: both;
    margin: 0 auto 20px;
    display: table;
}

.sub-btn{     margin: 5px -260px 0 0px !important;  height: 50px;}


.logo_right li{ width:auto; margin-bottom:10px; margin-right: 9px;}

.why_choose_text{ padding:0}
.why_choose_text h3{ font-size:25px}
.guide{ padding-bottom:20px}
.dealer_sec .col-md-6{ clear:both; display:table} 
.div_1{ text-align:center}
.div_1 p{ margin-bottom:40px}
/*.image{ width:290px; margin:0 auto 10px}*/

.banner_content{ width:90% !important}
.banner_content h1{ font-size:25px !important; line-height:30px !important; margin-bottom:5px !important;  }
.banner_content p{ text-align:center}
.banner_content h1 span{font-size:55px !important;}
.slider .bx-viewport { height:300px}
.slider img{ height:300px}
.banner_text {  width: 60% !important;   padding:10px !important}
.bx-wrapper .bx-controls-direction a{ display:none !important}
.banner_text h1{ margin-top:5px}



.footer-bottom p{ text-align:center}

.navigaton{ width:100%; }
.form_div{ position:inherit !important; margin:0px auto; width:100% !important; overflow:hidden }
.bgdiv p{ padding:8px 0}
.career p{ padding:0 10px}
.career{ min-height:inherit; padding-bottom:15px}
.career2 p{ padding:0 10px} 


.career2 ul {  padding: 0 0 0 30px;  margin-right: 0;  float: none;}
.career2 ul li{ font-size:14px}
.know_div{ padding:20px 0}

.input_text{ width:75%; margin-bottom:5px}
.quick_enquiry h3{ width:100%; margin-left:0;  font-size:20px}

.div_about p{ width:100%}
.footer ul{ display:table; width:100%}
.quicklink li{ width:100%}


.topbar ul{   float: none;  margin: 0 auto;  padding: 0px; display: table;}
.search_div{ top:50px; right:5px; z-index:5555}
.content img{ margin:0 auto; display:block}
.know_div img{ margin:0 auto; display:block}
.listing-class li:nth-child(3n) { margin-right: 4px;}
.topbar{ width:100%; float:none} 

.ftr2 {   width: 50%;}
.ftr {   width: 50%;  margin-right: 0;}
.icon-div{ position:inherit}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
	.info p{ clear:both; text-align:center}
.icon{ float:none; margin:0 auto; display:table}
	.about{ padding:inherit !important; width:65% !important}
	.resp-tab-content{ overflow:hidden} 
	.btnsec{ padding:0}
	.btndiv {  width: 560px;  float: none;  display: table;  margin: 0 auto;}
	}
.listing-class .btn_service:hover{ background:#333 !important; color:#FFF !important}
a:hover{ text-decoration:none !important}
 @media only screen and (min-width: 992px) and (max-width:1200px) {
.wrapper {
	width: 96%;
	margin: 0% 2%;
}
.colorlink01 {
	width: 100% !important;
	margin: 0%;
}
.colorlink02 {
	width: 100% !important;
	margin: 0%;
}
.colorlink03 {
	width: 100% !important;
	margin: 0%;
}
.banner_text{ margin-top:5% !important}
.logo{ width:250px}
.logo_right{ margin:5px 0 0 60px}
.guide img{ width:50%}
.guide{  min-height: 342px;}
.why_choose_text{ padding:5px 0 62px 50px}



.topbar a{ font-size:13px}
.topbar{ width:70%}
.topbar:before{ right:682px}
.wsmenu-list > li > a{ padding:6px 10px}
.banner_content{ width:90% !important}
.banner_content h1 span{ font-size:50px !important}
.form_div h3{ font-size:20px !important; padding:8px  !important}
textarea.form-control{ height:70px}

.career2 ul li{ font-size:13px}
.career2 img{ margin-right:10px}
.career2 ul{ margin-right:6px}


.ftr2 {   width: 50%;}
.ftr {   width: 50%;  margin-right: 0;}
.icon-div{ position:inherit}
.about{ width:66.6%}
.btndiv{ width:680px}
.btnsec{ padding:0}
.req_call{ margin-right:15px}
}