﻿@charset "utf-8";
/* CSS Document
bootstrap 8K  big grid */
@media (min-width:1025px) and (max-width:1679px) {
.upload img { width: 100%; }
}
@media (min-width:1280px) and (max-width:8000px) {
.sub > a { padding-right: 10px !important; }
.main_nav .sub i {
	color: #ffffff !important;
	margin-left: 0px;
	margin-right: 14px;
}
.top_nav.showme{ width:1200px !important;}
.banner_inside .banner{ height:125px !important;}
.upload img{ width:100%;}
}
@media (min-width:1280px) and (max-width:1919px){
	.banner big{ font-size:3em !important;}
	}
@media (min-width:1280px) and (max-width:1680px) {
.container { width: 100% }
}
 @media (min-width:1681px) and (max-width:8000px) {
.container { width: 1366px }
}
 @media (min-width:0px) and (max-width:1279px) {
.showinmob{ display:block !important;}	 
	 
.fotter_top h1{ margin-top:0px;}
.table_box img{ height:auto}
.table_box{ margin-bottom:15px;}
.home_table_box{ padding:0px !important;}
.numbering{ padding:5px !important; margin:0px !important;}
.numbering div{ padding:0px !important; margin:0px !important;}
.numbering div img{ margin:0 auto !important;}
.numbering div div{ height:160px !important;}
.left_rfq{ margin:0px;}
.home_table_box .left_rfq{ margin:15px;}
.container { width: 98% !important; }
.owl-carousel01 .owl-prev {
	font-size: 1.5em;
	padding: 5px 10px;
}
.owl-carousel01 .owl-next {
	font-size: 1.5em;
	padding: 5px 10px;
}
.owl-carousel02 .owl-prev {
	font-size: 1.5em;
	padding: 5px 10px;
	display: block !important;
}
.owl-carousel02 .owl-next {
	font-size: 1.5em;
	padding: 5px 10px;
	display: block !important;
}
.owl-carousel01 big { }
.blue_bg { margin-top: 20px; }
.owl-carousel01 .owl-dots { bottom: 8%; }
.right_text { padding: 20px; }
.search_form button { margin: 0px !important; }
.main_nav ul li a:hover, .main_nav ul li a:focus, .main_nav ul li .act {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
}
 @media (min-width:0px) and (max-width:320px) {
.listing table { margin-left: -5px !important; }
}
 @media (min-width:0px) and (max-width:480px) {
.blue_bg { text-align: center !important; }
.footer_top div { padding: 0px 10px !important; }
.owl-carousel01 .owl-item img { height: 300px; }
.skew_holder .skew:before { bottom: -90px; }
.listing table {
	overflow: hidden !important;
	width: 100% !important;
}
.banner big { top: 50px !important; }
.banner_alpha big { top: 45% !important; }
.line_btn { padding: 10px; }
.logo {
	width: 180px;
	overflow: hidden;
}
.owl-carousel01 big { top: 65px; }
.big_three > div a {
	top: 15px !important;
	bottom: auto !important;
}
}
@media (min-width:0px) and (max-width:599px) {
.owl-carousel04 .owl-item img{ width:auto !important; margin:0 auto !important;}
.top_line h3{ padding-bottom:45px; text-align:center;}
.logo {
	margin-left: 0px;
	width: 55%;
}
.header {
	padding-bottom: 0px;
	border: none !important;
}
.mobline {
	display: block;
	text-align: center;
	width: 100%;
	padding: 3px;
	font-size: 12px;
	color: #666666;
	border-top: 1px #e7e7e7 solid;
	border-bottom: 1px #e7e7e7 solid;
	margin-top: 5px;
	background-color: #f2f2f2;
}
.plisting02 th:last-child{ text-align:center !important}
.plisting02 td:nth-child(2) { display: none }
.plisting02 th:nth-child(2) { display: none }
.plisting02 td:nth-child(3) { display: none }
.plisting02 th:nth-child(3) { display: none }
.lhs .left_blue_box .spacing table td {
	padding: 5px 5px !important;
	font-size: 0.9em;
}
.numbering .boxed div:first-child {
	width: 100% !important;
	text-align: center
}
.numbering .boxed div:last-child {
	width: 100% !important;
	text-align: center
}
.upload img { width: 100%; }
}
 @media (min-width:481px) and (max-width:1279px) {
.skew_holder .skew:before { bottom: -80px; }
.banner big { top: 18% !important; }
.banner_alpha big { top: 45% !important; }
}
 @media (min-width:768px) and (max-width:1279px) {
.owl-carousel01 big { top: 65px; }
.owl-carousel01 .owl-prev { top: 30%; }
.owl-carousel01 .owl-next { top: 30%; }
.breadcrumb_holder{ margin-top:68px !important;}
.table_box{ height:460px;}
.lhs .table_box{ height:auto !important}
}
@media (min-width:0px) and (max-width:1020px) {
    .plisting table td {
        display: block;
        width: 100%;
        border-top: 1px solid #ddd !important;
    }
}
.accordion li h3 { font-size: 1.2em; }
.rhs { padding-top: 0px !important; }
/*.mob_noban { height: 100px !important; }*/
.search_form input{ height:40px; padding:0px 16px;}
.search_form select{ height:40px; padding:0px 16px;}
.search_form button{ height:40px; padding:0px 16px;}
.top_nav{ height:300px; overflow-y:auto;}

@media (min-width:0px) and (max-width:1279px) {
.footer_top {
	padding-bottom: 0px;
	background-size: 100% 100%;
}
.footer_top .footer_top_whitebg { padding-bottom: 20px !important; }
.glowing_box { padding-top: 20px; }
.banner big { top: 8px; }
.banner_alpha big { top: 48% !important; }
.banner big strong { font-size: 1.5em; }
.lhs, .rhs {
	padding-left: 0px;
	padding-right: 0px;
}
.blue_box { margin-left: 0px !important; }
.bg_blue .row > div { padding: 0px !important; }
.numbering { margin: 0px; }
.above_footer > div > div {
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
.above_footer > div > div img { width: 100%; }
.header_hold { background-color: #162A44 !important; }
.left_menu > i {
	position: absolute;
	top: 30px;
	right: 30px;
}
.left_menu h3 {
	margin: 0px !important;
	cursor: pointer;
}
.left_menu ul {
	display: none;
	width: 100% !important;
}
.fixed { background-color:#162A44; }
}
 @media (min-width:1280px) and (max-width:1440px) {
.owl-carousel01 big { top: 65px; }
.iconica li { padding: 0px; }
.floating_form_holder input { padding: 8px; }
.floating_form { padding: 0px; }
.floating_form.container {
	width: 1150px !important;
	margin: 0 auto;
}
.owl-carousel01 .owl-prev { left: 0px; }
.owl-carousel01 .owl-next { right: 0px; }
.fotter_top .container { width: 97.5%; }
}
 @media (min-width:0px) and (max-width:1279px) {
.header_hold { height: 68px; }
.fixed02 {
	position: fixed;
	top: 68px;
	padding: 10px !important;
	width: 100%;
	background-color: #ffffff !important;
	display: block;
	left: 0px !important;
	right: 0px !important;
	z-index: 1000000000;
	border-bottom: 1px #cccccc solid;
	padding-top: 15px !important;
}
.banner { padding-top: 110px; }
.container { width: 100% }
.blue_box { margin-left: -15px; }
.icon_hold { text-align: center; }
body { padding-bottom: 56px; }
/*************************{ cta}**************************/
.mobcta {
	display: block;
	position: fixed;
	bottom: 0px;
	padding: 18px;
	background-color: rgba(0,0,0,0.8);
	color: #ffffff;
	width: 100%;
	z-index: 1000;
	text-align: left;
	min-width: 270px;
}
.mobcta a {
	display: inline block !important;
	padding: 10px 15px;
	margin-left: 5px;
	margin-right: 5px;
	float: none !important;
	margin-top: 0px;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	background-color: #FF3D54;
}
.mobcta a:hover {
	background-color: #0E385D;
	color: #ffffff;
}
.gaq {
	padding: 8px 15px;
	right: 64px;
	bottom: 10px;
}
.in_mobile { display: block; }
.menu_bars {
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 9px 15px;
	display: block;
	font-size: 1.5em;
	background-color: #FF3D54;
	color: #ffffff !important;
	height: 48px;
	width: 48px;
	z-index: 1000;
}
.menu_bars:hover {
	background-color: #0e385d;
	color: #ffffff !important;
}
.search_bars {
	position: absolute;
	top: 10px;
	right: 70px;
	padding: 9px 15px;
	display: block;
	font-size: 1.5em;
	background-color:#FF3D54;
	color: #ffffff !important;
	height: 48px;
	width: 48px;
	z-index: 1000;
}
.search_bars:hover {
	background-color: #0e385d;
	color: #ffffff !important;
}
.cta { display: none; }
.top_nav { display: none; }
.main_nav {
	position: fixed;
	width: 280px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	background-color: #56616B;
	padding-top: 78px;
	margin-right: -280px; 	/*Main nav Animation*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;/*Main nav Animation close*/
}
.main_nav li {
	display: block;
	width: 100%;
	clear: both;
	text-align: left;
}
.main_nav ul li a {
	display: block;
	width: 100%;
	color: #ffffff !important;
	font-weight: normal !important;
	border:none !important;
	margin:0px !important;
	padding: 12px 15px !important;/*border-bottom: 1px #292d4a solid;*/
}
.main_nav ul li a:hover { /*border-bottom: 1px #292d4a solid;*/
background-color: #0275ac; }
.main_nav ul li a:focus { /*border-bottom: 1px #292d4a solid;*/
background-color: #0275ac; }
.main_nav ul li a.act { /*border-bottom: 1px #292d4a solid;*/
background-color: #879199; }
.main_nav ul {
	bottom: 15px;
	left: 0;
	position: absolute;
	right: 0;
	top: 78px;
	width: 100%;
	z-index: 1000;
	overflow-y: auto;
}
.slideme { margin-right: 0px; }
.stop_scrol { overflow: hidden !important; }
.main_nav, .categories { padding-top: 5px; }
.rhs { margin-top: 0px !important; }
.tpfix h1, .tpfix .rhs, .tpfix .error { margin-top: 0px !important; }
.glowing_box .blue_box {
	margin-left: -15px !important;
	margin-right: -15px !important;
	margin-top: 20px;
}
.skew_holder .skew02:before, .skew_holder .skew:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -30px;
	overflow: visible;
	width: 100%;
	padding: 0px;
	background: #f3f5f6;
	z-index: 10;
	-webkit-transform: skewY(0deg);
	-moz-transform: skewY(0deg);
	-ms-transform: skewY(0deg);
	-o-transform: skewY(0deg);
	transform: skewY(0deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: initial;
	outline: 1px solid transparent;
}
.map_holder { margin-right: 0px; }
}
 @media (min-width:600px) and (max-width:1279px) {
.fixed02 {
	position: fixed;
	top: 68px;
	padding: 10px !important;
	width: 100%;
	background-color: #ffffff !important;
	display: block;
	left: 0px !important;
	right: 0px !important;
	z-index: 1000000000;
	border-bottom: 1px #cccccc solid;
	padding-top: 15px !important;
}
}
@media (min-width:1280px) and (max-width:1440px) {
    .second_banner_holder > div:nth-child(1) img {
        height: 500px !important;
        width: auto !important;
    }
}

 @media (min-width:0px) and (max-width:1279px) {
.map_over{ padding:30px 0px !important;}
.bg_img > div{ margin:0px auto !important; padding:0px;}
.bg_img	 .bg_white{ margin-bottom:50px;}
.map { background-size: auto 100%; }
header{ border:none}
.header {
	padding: 0px !important;
	border: none !important;
	border:none !important;
}
header > div > div:nth-child(2) > div { border: none }
.logo { padding-top: 13px; }
.main_nav ul li a {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border: none !important;
}
.main_nav ul li a:hover { border: none !important; }
.owl-carousel01 img { opacity: 0.7 }
}
 @media (min-width:0px) and (max-width:1279px) {

.blue_bg .col-lg-6:nth-child(2) > div { border-top: 16px #ffffff solid }
.floating_form_holder img {
	margin: 0 auto;
	position: absolute;
	right: 0;
}
.floating_form_holder { display: none; } 
.bg_img{ background-size:auto 100% !important; background-repeat:repeat !important;}
/**********************************************|temparary|************/
}
/*******************************|quick fix|*****************************************/
@media (min-width:0px) and (max-width:480px) {
.bg_blue h2 { margin-bottom: 30px; }
.owl-carousel04 .owl-prev { right: 52%; }
.owl-carousel04 .owl-next { right: 38%; }
.bg_blue h2 { text-align: center }
.bg_img h3 { margin-bottom: 30px; }
.owl-carousel05 .owl-prev { right: 49%; }
.owl-carousel05 .owl-next { right: 35%; }
.bg_img h3 { text-align: center }
.logo { width: 60%; }
.logo img { width: 100% }
.header {
	padding-bottom: 20px;
	padding-top: 20px;
	border:none !important
}
.blue_bg .col-lg-6:nth-child(1) { width: 100% !important; }
.blue_bg .col-lg-6:nth-child(2) { width: 100% !important; }
.form_rfq_small { text-align: center !important; }
.form_rfq_small input { width: 100%; }
.form_rfq_small h2 { text-align: center }
.banner big {
	width: 70%;
	font-size: 0.9em;
	text-align: center;
}
.blue_bg { background-color: #399FD0 }
.blue_bg .col-lg-6:nth-child(2) div { width: 100% !important; }
.banner { padding-top: 50px !important;/*background-color: #292d4a;*/
}
.banner img {
	filter: alpha(opacity=80);
	/*opacity: 0.8;*/
	height: 200px !important;
}
.banner_alpha img {
	filter: alpha(opacity=80);
	opacity: 0.8;
	height: 250px !important;
}
.owl-carousel01 .owl-prev { padding: 0px 5px; }
.owl-carousel01 .owl-next { padding: 0px 5px; }
.brand_slider ul li {
	width: 70% !important;
	margin: 0 auto
}
.owl-carousel03 { padding: 15px 0px; }
.darkside { margin-top: 20px; }
.bg_slider h4 { font-size: 1.3em; }
.serve > div > .img_holder span { font-size: 1em !important; }
.serve .upcoming strong { font-size: 1em !important; }
}
@media (min-width:0px) and (max-width:979px) {
.blue_bg > div div { padding: 10px !important; }
.blue_bg > div div span { font-size: 0.8em !important; 
}
}
 @media (min-width:0px) and (max-width:767px) {
.banner { padding-top: 68px !important;/*background-color: #292d4a;*/
}
.logo img { margin-top: 8px !important; }
.banner img {
	filter: alpha(opacity=50);
	/*opacity: 0.5;*/
	height: 200px !important;
}
.banner_alpha img {
	filter: alpha(opacity=80);
	opacity: 0.8;
	height: 100px !important;
}
.banner { padding-top: 65px; }
.blue_bg .col-lg-6:nth-child(1) {
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
}
.blue_bg {
	margin: 15px 0px;
	width: 100%;
	background-color: #399FD0;
}
.blue_bg .col-lg-6:nth-child(2) { background-color: #7CBEDD; }
.blue_bg .col-lg-6:nth-child(2) > div {
	width: 100%;
	display: inline-block;
}
.form_rfq_small { margin-top: 0px; }
.second_banner_holder > div:nth-child(2) { width: 100%; }
.serve {
	padding: 15px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.second_banner_holder > div:nth-child(2) { padding: 15px !important; }
.serve .img_holder img { width: 100%; }
.fotter_top { padding: 10px; }
.fotter_top > div > div {
	height: auto !important;
	padding-bottom: 30px;
}
.fotter_top > div { overflow: hidden; }
.map_over .container > .row > .col-sm-12 {
	text-align: center !important;
	width: 100%;
	border-top: 1px #cccccc dotted;
	padding-top: 10px;
	margin-top: 10px;
}
.map_over { text-align: center !important }
.banner big { width: 83%; }
.owl-carousel01 .owl-next { right: 15px; }
.owl-carousel01 .owl-prev { left: 15px; }
.liner {
	border: none;
	padding: 0px !important;
}
.liner ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.liner ul li { border-bottom: 1px #cccccc dotted }
.footer_listing .red_btn { margin-top: 15px; }
.owl-carousel02 img { width: 100% !important; }
.bg_slider h4 { margin: 26px 0; }
.brand_slider ul li { width: 49%; }
.blue_bg .col-lg-6:nth-child(2) > div { width: 100%; }
.second_banner_holder {
	padding: 15px !important;
	padding-top: 0px !important;
}
.header_hold { background-color: #162A44 !important; }
.banner big {
	font-size: 2.5em;
	text-align: center
}
.iconica {
	margin-left: -30px !important;
	margin-right: -30px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.iconica li {
	width: 45%;
	display: inline-block;
	border: 1px solid #d7dde3 !important;
	margin: 2px !important;
	height: 200px !important;
	vertical-align: top;
	padding: 0px !important;
}
.iconica li div {
	width: 100% !important;
	float: none !important;
	text-align: center !important;
	padding: 10px !important;
}
.iconica li img {
	width: 80px;
	font-size: 1em !important;
}
.iconica li:last-child { width: 93%; }
.banner big { font-size: 1.6em !important }
}
 @media (min-width:481px) and (max-width:767px) {
.logo img {
	margin-top: 7px !important;
	width: 200px !important;
}
}
 @media (min-width:768px) and (max-width:1269px) {
.banner { padding-top:65px; }
.blue_bg .col-lg-6:nth-child(1) {
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
}
.blue_bg {
	margin: 0px;
	width: 100%;
	margin-top: 15px;
	background-color: #399FD0
}
.blue_bg .col-lg-6:nth-child(2) { background-color: #7CBEDD; }
.blue_bg .col-lg-6:nth-child(2) > div {
	width: 100%;
	display: inline-block;
}
.second_banner_holder > div:nth-child(2) { width: 100%; }
.serve {
	padding: 15px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.form_rfq_small { margin-top: 0px; }
.second_banner_holder > div:nth-child(2) { padding: 15px !important; }
.serve .img_holder img { width: 100%; }
.fotter_top { padding: 10px; }
.fotter_top > div > div { height: auto !important }
.fotter_top > div { overflow: hidden; }
.map_over .container > .row > .col-sm-12 {
	text-align: center !important;
	width: 100%;
	border-top: 1px #cccccc dotted;
	padding-top: 10px;
	margin-top: 10px;
}
.banner big { width: 83%; }
.map_over { text-align: center; }
.second_banner_holder { padding: 15px !important; }
.plisting table td {
	display:inline-block;
	width: 29.9%;
	border:none;
	}
}
 @media (min-width:1270px) and (max-width:1365px) {
.second_banner_holder > div:nth-child(1) img { height: 330px; }
.liner {
	padding: 20px 20px;
	margin-left: -5px;
}
.blue_bg > div > div { height: 190px; }
.blue_bg > div:nth-child(2) > div:last-child {
	height: auto !important;
	padding: 25.5px 30px !important;
}
.iconica li { padding: 0px !important; }
.iconica li div:nth-child(1) {
	float: left;
	margin-right: 10px;
	width: 80px;
}
.iconica li div:nth-child(1) img { width: 80px }
}
@media (min-width:1280px) and (max-width:1680px) {
.second_banner_holder > div:nth-child(2) { width: 50% !important }
.footer_listing li { font-size: 0.8em; }
.owl-carousel03 { padding: 63px 100px; }
.liner { padding: 20px 0; }
.serve .img_holder { font-size: 0.9em; }
.serve .upcoming { font-size: 0.9em; }
.banner big { width: 83%; }
.banner_alpha big { top: 50% !important; }
.banner big { width: 86% !important; }
.banner_inside big { width: 96% !important; }
.banner big {
	font-size: 4em;
	line-height: 1.2em;
	padding-top: 30px;
}
}
@media (min-width:768px) and (max-width:1279px) {
.banner big { width: 85%; }
.banner_inside big { width: 95% !important; }
.banner_inside .skew_holder div img { height: 165px; }
.banner big {
	font-size: 3.5em;
	text-align: center
}
.owl-carousel01 .owl-prev { font-size: 4em !important; }
.owl-carousel01 .owl-next { font-size: 4em !important; }
.iconica { margin: 0px -29px; }
.iconica li {
	width: 19%;
	text-align: center !important;
	padding: 5px !important;
	height: 170px;
}
.iconica div {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center !important
}
.iconica li div:nth-child(1) {
	margin: 0px !important;
	padding: 0px !important;
	float: none !important;
	width: 100%;
}
.iconica li div:nth-child(1) img { margin: 0 auto; }
.iconica li div:nth-child(2) {
	width: 98% !important;
	padding: 5px !important;
}
.fotter_top > div > div { padding-bottom: 30px; }
.bg_blue .owl-carousel04 { padding-bottom: 0px; }
.fotter_top h1 { margin-top: 0px; }
.fotter_top > div { padding: 0px 8px; }
.bg_color { margin-bottom: 0px; }
}
@media (min-width:1681px) and (max-width:2000px) {
.banner big { width: 73% !important; }
.banner_inside big { width: 83% !important; }
}
 @media (min-width:1440px) and (max-width:2560px) {
body {
	width: 100% !important;
	margin: 0 auto;
	overflow-x: hidden;
}
}
 @media (min-width:2561px) and (max-width:8000px) {
body {
	width: 1920px !important;
	margin: 0 auto;
	overflow-x: hidden;
}
header{ left:0px; right:0px; background-color:#162A44; width: 1920px !important; margin:0 auto;}
.fixed{ left:0px; right:0px; background-color:#162A44; width: 1920px !important; margin:0 auto;}
}
@media (min-width:1280px) and (max-width:1299px) {
.blue_bg > div:nth-child(1) div { height: 190px; }
.form_rfq_small { margin-top: -62px; }
.main_nav ul li a { padding: 6px !important; }
}
 @media (min-width:1300px) and (max-width:1366px) {
.blue_bg > div:nth-child(1) div { height: 180px; }
.form_rfq_small { margin-top: -62px; }
}
 @media (min-width:1441px) and (max-width:1700px) {
.floating_form.container {
	width: 1480px !important;
	margin: 0 auto;
}
}
@media (min-width:1280px) and (max-width:8000px) {
.search_form select{ margin-left:-4px; margin-right:-6px;}	
.search_form button{ margin-left:-5px !important;}
.left_menu > i { display: none; }
.left_menu ul {
	display: block !important;
	animation: none !important;
	height: auto !important;
	width: 100% !important;
	opacity: 1 !important
}
.main_nav ul li a:hover, .main_nav ul li a:focus, .main_nav ul li .act {
	background-color: transparent !important;
	color: #ffffff;
}
.main_nav ul li a:hover i, .main_nav ul li a:focus i, .main_nav ul li .act i { color: #ffffff; }
/*.top_nav{ display:none; height:40px !important; position:absolute; top:0px;}*/


.top_nav.showme{   display: inline-block;
    left: 0;
    padding-left: 15px;
    position: fixed !important;
    right: 0;
    text-align: center;
    top:140px; !important;
    z-index: 100000;}
.search_bars i{ margin-right:5px !important; width:95px;}
.search_bars i span{ font-family: 'nunito_sansregular'; display:inline-block; padding:0px 8px;}
.top_nav.showme .search_form input{ width:45%;}
.top_nav.showme .search_form select{ width:45%;}

.inside_header{ background-color:#162a44 !important;}
.top_nav{ display:none;}
.banner .top_nav{ display:block !important;}
}
@media (min-width: 0px) and (max-width: 1279px) {
    .header_hold {
        background-color: #162A44 !important;
    }
}
@media (min-width:768px) and (max-width:1269px) {
    .plisting table td {
        display: inline-block;
        width: 24.9%;
        border: none;
    }
}