@media only screen and (max-width: 767px) {
.wrapper {
	width: 440px;
}
.header {
	text-align: center;
}
.left_header {
	background: #00a7df;
	width: 100%;
}
.top_bar ul {
	margin: 0px 0px 0px 20px;
}
.top_bar ul li {
	font-size: 13px;
	margin: 2px 4px;  /* 9px 4px */
	padding-top: 8px;  /*  New added  */
}
.top_bar ul li span {
	font-size: 16px;
	margin: 2px 5px 0px 0px;
}
.header_logo {
	float: left;
	margin: 10px 0;
	text-align: center;
	width: 100%;
}
.header_logo img {
	max-width: 45%;
}
.header_search {
	display: inline-block;
	float: none;
	margin: 5px 0 20px;
	width: 295px;
}
.home_video img {
	height: 200px;
}
.product_category_view, .suppliers_view {
	text-align: center;
}
h3.title {
	font-size: 26px;
}
.product_category_box {
	display: inline-block;
	float: none;
	margin: 0px;
	width: 228px;
}
.product_category_imagebox {
	width: 95%;
}
.product_category_box .owl-controls {
	right: -70px;
	top: 140px;
	width: 375px;
}
.latest_news_list ul li {
	height: 367px;
	margin: 40px 0px;
	max-width: 290px;
}
.testimonial_slider {
	height: 290px;
}
.testimonial {
	background-size: auto auto;
}
.suppliers_box {
	display: inline-block;
	float: none;
	width: 340px;
}
.suppliers_box .owl-controls {
	left: -50px;
	top: 30px;
	width: 440px;
}
.questions {
	width: 100%;
}
.get_directions {
	margin: 0px;
	position: relative;
	width: 100%;
}
.get_directions > a {
	top: 13px;
}
.newsletter_form {
	width: 99%;
}
.newsletter_form input[type="text"], .newsletter_form input[type="email"] {
	margin: 0px 0px 10px;
	width: 400px;
}
.email_cols {
	float: left;
	width: 420px;
	margin: 0px 0px 10px;
}
.email_cols input[type="email"] {
	width: 324px;
	margin: 0px;
}
.footer_bottom {
	text-align: center;
}
.left_footer {
	display: inline-block;
	float: none;
	width: 100%;
}
.right_footer {
	display: inline-block;
	float: none;
	margin: 5px 0px;
	width: 100%;
}
/*----------------------------
              SERVICES PAGE START
      ---------------------------*/

.section_1 {
	margin: 20px 0px 0px;
	padding: 0px;
}
.section_2 {
	margin: 25px 0px 0px;
	padding: 50px 0px;
}
.left_image, .section_2 .left_image {
	float: left;
	margin: 0px;
	width: 100%;
}
.right_text, .section_2 .right_text {
	margin: 20px 0px 0px;
	width: 100%;
}
/*----------------------------
              CONTACT PAGE START
      ---------------------------*/

.map iframe {
	height: 150px;
}
.map_directions {
	float: left;
	padding: 3px 9%;
	width: 72%;
}
.map_directions > p {
	display: block;
	float: none;
	font-size: 16px;
	margin: 10px 0px;
}
.map_directions input[type="text"] {
	display: block;
	float: none;
	font-size: 18px;
	height: 45px;
	width: 285px;
}
.map_directions > span {
	float: left;
	margin: 10px 10px 10px 0px;
}
.map_directions > a {
	margin: 12px 0px 5px;
}
.contact_form {
	margin: 0px;
	width: 100%;
}
.rows {
	float: left;
	margin: 0px;
}
.left {
	float: left;
	width: 100%;
}
.right {
	float: right;
	width: 100%;
}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="tel"] {
	margin: 5px 0px;
	width: 418px;
}
.contact_form textarea {
	margin: 5px 0px 15px;
	width: 418px;
	height: 150px;
}
.contact_form input[type="submit"] {
	margin: 25px 0px 0px;
	width: 100%;
//New added
}
.have_question {
	float: none;
	width: 100% !important;
}
/*-----------------------------------
              BRAND PAGE START
      -----------------------------------*/


.brand_box {
	margin: 0px;
	text-align: center;
	width: 100%;
}
.brand_box ul li {
	display: inline-block;
	height: 425px;
	max-width: 69%;
}
.brand_box ul li .brand_imagebox {
	width: 100%;
	height: 400px;
}
.brand_box ul li .brand_text .text_inner {
	width: 92%;
}
/*-------------------------
             NEWS & EVENT PAGE START
      -------------------------*/


.left_news_event {
	width: 100%;
	margin: 40px 0px 0px;
}
.section_3 img {
	float: left;
	margin: 0px;
	max-width: 100%;
	width: 100%;
}
.section_3 h3 {
	font-size: 20px;
	display: inline-block;
	margin: 10px 0px 10px 10px;
}
.section_3 ul {
	display: block;
	margin: 0px 0px 10px 10px;
}
.section_3 p {
	float: right;
	font-size: 15px;
	line-height: 24px;
	width: 96%;
}
.section_3 span {
	float: right;
	width: 96%;
}
.right_news_event {
	float: right;
	margin: 0px 0px 60px;
	width: 100%;
}
/*-----------------------------------
             NEWS & EVENT DETAIL PAGE START
      -----------------------------------*/

.social_menu {
	float: left;
	margin: 15px 0px 0px;
}
/*-------------------------------
             PRODUCT LISTING PAGE START
      -------------------------------*/

.category_list h3, .filter_view h3 {
	font-size: 20px;
}
/*--------------------------------  NEW CSS START  -------------------------------*/

.product_category_list {
	display: table;
	float: none;
	margin: 40px auto 3px;
	width: 70%;
}
.left_news_event {
	display: table;
	float: none;
	margin: 0px auto;
	width: 70%;
}
.filter_view {
	margin: 0px 0px 15px;
}
.left_list_view .section_3 h3 {
	margin: 10px 15px;
}
.left_list_view .section_3 p {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin: 0px 15px 10px;
	width: auto;
}
/*-----------------------------------
              PRODUCT DETAIL PAGE START
      -----------------------------------*/

.product_detail span {
	margin: 20px 0px;
	width: 100%;
}
#nav {
	float: left;
	margin: 0px 0px 0px;
	width: 100%;
}
#nav li {
	padding: 3px 10px;
}
#nav li a {
	font-size: 15px;
}
#nav li:last-child {
	border-right: 1px solid #d8d8d8;
}
#slide1, #slide2, #slide3, #slide4, #slide5 {
	padding: 5px 0px;
}
 .product_detail_view h2, .speciļ¬?cation_view h2, .photo_video_view h2, .left_enquire_view h2 {
 font-size: 22px;
}
 .speciļ¬?cation_detail {
 margin: 20px 0px 0px;
 width: 100%;
}
.phooto_video_slider {
	text-align: center;
}
.phooto_video_slider .owl-controls {
	height: 11px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: -55px;
	width: 75px;
}
.left_enquire_view {
	margin: 0px 0px 10px;
	width: 100%;
}
.right_enquire_view {
	width: 100%;
}
.enq_left {
	width: 100%;
}
.enq_right {
	width: 100%;
}
.enq_col input[type="text"], .enq_col input[type="email"], .enq_col input[type="tel"], .enq_col textarea {
	width: 95%;
}
.phooto_video_slider {
	margin: 45px 0px 0px;
}
.phooto_video_slider .owl-controls {
	top: -30px;
}
.search-drop {
	position: relative;
}
.map-img {
	width: 100% !important;
	float: left;
	display: inline-block;
}
/* Removing space between have question and footer*/
.remove_space {
	min-height: 70px!important;
	padding: 0px!important;
	width: 100%!important;
}
.questions a {
	font-size: 24px;
	height: 30px;
	line-height: 30px;
}
}
@media only screen and (min-width: 460px) and (max-width: 767px) {
}
