@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Raleway:wght@700&display=swap');

*{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body {font-family: 'Poppins', sans-serif; font-size:16px; font-weight:normal; line-height:1.7; /*font: .8em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; */ /*font: .8em Arial, Helvetica, sans-serif;*/ /*line-height: 1.6em;*/ background: #fff; color: #272727;}
#rewards{display: block;}
img.preview{border:1px solid #CCC;}
img.detail{border:1px solid #CCC;}
a {	color: #D33ADE;	background: inherit; text-decoration: none; }
a:hover { color: #272727; background: inherit;}
/* Hyperlink on Main Summary View home_detail.php */
a.ListView{ color:black; }
a.ListView:hover {color:black;}
a.sideMenuLinks {padding-bottom:10px}
a.sideMenuLinks:hover {text-decoration:none}
span.promo {color:red; font-weight:bold;}
p {margin: 0 0 15px 0; font-size:14px;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif; font-size:20px; font-weight:600; line-height:1.2; color:#272727;}
h1 { padding-bottom: 10px; font-size:32px;}
h1 a { background: inherit; }
h2 { margin: 0 0 12px;}

/* Used at the moment for 2/3 split with 1/3 for size chart*/
#twoThirdsLeft { width: 65%; float:left;}
#twoThirdsLeft img {width: 100%; }
#twoThirdsLeft p {color:black; font-size:1em;}
#oneThirdRight { width: 30%; float:right;}
#oneThirdRight img {width: 100%; }
#fullWidth {width: 95%; padding: 10px;}
.header-top{border-bottom:solid 1px rgba(255,255,255,0.2);}
.header-top .header-inner{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.header-top .top-search form{display:flex; flex-wrap:nowrap;}
.header-top .top-search .searchfield{height:46px; padding:10px 15px 10px 0; margin:0; border:none; background:none; color:#cfcfcf; outline:none; font-size:16px; width:250px;}


.header-top .top-search .searchfield::-webkit-input-placeholder { color: #cfcfcf; }
.header-top .top-search .searchfield::-moz-placeholder { color: #cfcfcf; }
.header-top .top-search .searchfield:-ms-input-placeholder { color: #cfcfcf; }
.header-top .top-search .searchfield:-moz-placeholder { color: #cfcfcf; }


.header-top .top-search button{border:solid 1px rgba(255,255,255,0.2); border-top:none; border-bottom:none; background:none; padding:0; margin:0; outline:none; width:52px; height:46px; line-height:46px; color:#cfcfcf; font-size:20px; text-align:center; cursor:pointer;}
.header-top .top-search button:hover{color:#d33ade;}
.header-top .execphpwidget ul{display:flex; flex-wrap:wrap; align-items:center;}
.header-top .execphpwidget ul li{list-style:none; padding:0 15px; margin:0; color:#cfcfcf; border-left:solid 1px rgba(255,255,255,0.2); line-height:46px;}
.header-top .execphpwidget ul li:first-child{border:none; padding-left:0;}
.header-top .execphpwidget ul li:last-child{padding-right:0;}
.header-top .execphpwidget ul li a{color:#cfcfcf; text-decoration:none; text-transform:uppercase;}
.header-top .execphpwidget ul li a:hover{color:#d33ade;}
.header-top .execphpwidget ul li span{padding:0 10px;}
.header-top .execphpwidget ul li.hide-icon{display:none;}
.header-top .execphpwidget ul li.ig-icon{padding-right:0;}

#headerContent {display: flex; flex-direction: row; align-items:center; justify-content: space-between; max-width: 1230px; width:100%; padding:0 15px; margin: 0 auto;}
#headerContent #logo{width:256px;}
#headerContent #logo img{display:block; width:100%; padding:17px 0;}
.nav .topnav > ul{display:flex; flex-wrap:wrap;}
.nav .topnav > ul>li{list-style:none; padding:0; margin:0;}
.nav .topnav > ul>li>a{padding:10px 20px; font-size:16px; letter-spacing:0.04em; color:#fff;}
.nav .topnav > ul>li>a:hover{color:#d33ade;}
.nav .topnav > ul>li>.dropdown{float:none; background:none;}
.nav .topnav > ul>li>.dropdown .dropbtn{padding:10px 20px; font-size:16px; letter-spacing:0.04em; color:#fff; background:none; line-height:1.7;}
.nav .topnav > ul>li>.dropdown ul.dropdown-content li{list-style:none;}
.nav .topnav > ul>li>.dropdown ul.dropdown-content li a{padding:12px 26px; margin:0; font-size:16px;}
.nav .topnav > ul>li>.dropdown ul.dropdown-content li a:hover{color:#d33ade;}

#headerContent .toggle{display:none;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:8px 60px 8px 10px; margin-top:0; font-size:12px; text-transform:uppercase;}
#headerContent .logo-right img{display:block; max-width:100px;}


/* Advertising Text under logo */
/* #advert {width:750px; height: 35px; text-align:center; clear: both; padding: 20px; margin: 0px; color:#FCF;} */
#advert{ width: 100%; height: auto; color: #FCF; border-bottom: solid 1px rgba(255,255,255,0.2); text-align: center; padding: 10px 0; }
#advert p{ line-height: 1.2 !important; }
/* Search Bar */
#top{ width:300px; text-align: right; padding:20px; height: 50px;overflow:visible;}
#top a {font-size:1.4em; font-weight:bold; color:#333; margin: 0 0 0 13px; background: url(images/toparrow.png) no-repeat center left; padding: 0 0 0 12px;}

#logo { color: #808080; line-height: 25px; width: 310px; }

#header #content{padding:0 15px;}

#content {max-width:1230px; width:100%; margin: 0 auto; padding:100px 15px 0;  /*border-top: 5px solid #eee;* width:940px; */ }
#stockPic-1 {valign:top; width:200px; height:390px; text-align:center; margin: 0 auto; float:left; display: inline-block;}
#stockPic-1 p {font-size:12px;}
#ProductGrid-1 {valign:top; width:270px; align:center; float:left; display: inline-block;}
#ProductGrid-2 {valign:top; width:300px; align:center; float:left; display: inline-block;}
#orderGrid100 {valign:top; width:100px; align:center; float:left; display: inline-block;}
#orderGrid120 {valign:top; width:400px; align:center; float:left; display: inline-block;}
#orderGrid50 {valign:top; width:50px; align:center; float:left; display: inline-block;}
#orderSizeGrid {valign:top; width:170px; align:center; float:left; padding:right: 5px; display: inline-block;}
#right { margin: 0 15px 20px 0; padding: 0 0 0 15px; float: right; width:900px;/*width: 680px;*/ text-align: justify; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }
#header {width:100%; background:#272727; /*background-image:url(http://www.kineticcreations.com.au/images/kinetics-header-background.jpg);*/ color:#fff;}
#menu { height: 35px; padding: 7px 0 0 0; clear: both;  margin: 0 0 10px; background: #fff url(images/menubg.gif) repeat-x; }
#menu li { font-size: 11pt; display: inline;}
#menu li a { margin: 0 10px 0 10px; color:#444; font-weight:bold; text-transform:uppercase;}
#menu li a:hover { color:#444}

#menuBlack { height: 40px; clear: both;  margin: 12px 0 10px; font: 400 14px/22px "Roboto",sans-serif; text-transform:uppercase; }
#menuBlack li {  display: inline; /*border-right: 1px solid #e7e6e6;*/}
#menuBlack li a { padding: 10px 24px; color:#fff; }
#menuBlack li a:hover { color:#b66fbb}

#left { clear: left; float: left; width: 200px; padding: 10px 10px 50px 10px; margin: 0 0 20px;}
#left img { margin: 0 0 8px; }
#left li { list-style: none; border-top:thin; border-top-color:#999; border-top-style:solid; padding-top:4px;padding-bottom:4px; }

#left li.mainSubList{font-weight:normal; padding-left:30px; border-top-style:none; border-top-color:#fff;}
#left li.main a{  font-size: 11pt; color: #444; background:none; font-weight:bold; text-transform:uppercase;  }
#left li a /* indented costume catalog */  {  font-size: 9pt;text-transform:uppercase;color: #444;}
#main { float: left; width: 655px; margin: 0 0 20px; }
#main img { float: left; border: 3px solid #eee; padding: 1px; margin: 0 15px 5px 0; }
#line { clear: both; padding: 3px; margin: 0 0 15px; background: #fff url(images/smalldot.gif) repeat-x; }
#ad { float: right; text-align: center; padding: 33px 0 0; width: 250px; border: 3px solid #eee; color: #ccc; height: 50px; margin: 0 0 15px; }
#shortnews { float: right; width: 250px; }
.news { border-bottom: 1px solid #eee; padding: 0 0 2px; margin: 0 0 10px;}
.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }
#rl { float: left; width: 290px; margin: 0 20px 30px 0; }
#rr { float: right; width: 290px; }
#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }
#rl li a, #rr li a { background: #fff url(images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; color: #808080;  }
#footer { clear: both; padding: 10px; margin: 0 0 15px; font-size: .9em; color: #808080;  }
.links a { font-weight: bold; color: #787A8F; background: #fff; margin: 0 10px 0 0; background: url(images/dot.png) no-repeat center left; padding: 0 0 0 10px; }
.sponsor { color: red; background: #eee; }
#footer li { list-style: none; }
#fl { width: 600px; }
#fr { float: right; }
img.catalog {width: 140px; height: 211px; border:#666 solid 1px;}
span.heading {font-weight: bold; font-size: 1.1em;}
span.redheading {font-weight: bold; color: #900; font-size: 1.2em;}
td.line {border-top: 1px solid #999;}
td.btmline {border-bottom: 1px solid #999;}
td.admin {padding:4px;}


#content #left{width:20.9166%; padding:0; border:solid 1px rgba(39,39,39,0.26);}
#content #left h3{border-top:solid 1px rgba(39,39,39,0.26); font-size:20px; padding:25px 25px 0; margin:0; text-transform:none; color:#272727; font-weight:600;}
#content #left h3:first-child{border:none; margin:0;}
#content #left input[type="checkbox"]{margin-right:5px;}
#content #left p{padding:0 25px 25px; margin:0; font-size:16px;}
#content #left ul{padding:5px 25px 25px;}
#content #left > ul:first-child{padding-top:25px;}
#content #left ul li{list-style:none; padding:0; margin:0; font-size:16px; border:none;}
#content #left ul li.mainSubList{padding-left:10px !important;}
#content #left ul li a{font-size:16px; color:#272727; text-transform:none; font-weight:normal; text-decoration:none; position:relative; padding:0 0 0 10px;}
#content #left ul li a:before{content:'\f105';  position:absolute; left:0; top:-3px; font-family:FontAwesome;}
#content #left ul li a:hover{color:#d33ade;}
#content #left select{width:100%; border:solid 1px rgba(39,39,39,0.26); padding:7px 16px; margin:5px 0 0; outline:none; font-size:16px; color:#272727; font-family:'Poppins', sans-serif;}
#content #right{width:79.0834%; margin:0; padding:0 0 0 30px; text-align:inherit;}
#content .pag-nav{padding:10px 0 15px;}
#content .pag-nav p{padding:0; margin:0; display:flex; flezx-wrap:wrap; justify-content:space-between; align-items:center;}
#content .pag-nav a{background:#f8e2fa; padding:0 15px; margin:0; line-height:34px; color:#272727; text-decoration:none;}
#content .row-pro{display:flex; flex-wrap:wrap; margin:0 -15px;}
#content .row-pro .col-sm-3{padding:15px; margin:0; height:auto; width:25%;}
#content .row-pro .info-boxs{box-shadow:0 0 10px 0 rgba(0,0,0,0.15); height:100%; position:relative; padding:0 0 32px;}
#content .row-pro #divImage{position:relative; padding:0 0 167%;}
#content .row-pro #divImage img{border:none; padding:0; margin:0; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;}
#content .row-pro .pro-info{padding:16px 14px;}
#content .row-pro .ListView{font-size:18px; line-height:1.1; display:block; text-decoration:none; color:#272727;}
#content .row-pro .ListView:hover{color:#d33ade;}
#content .row-pro span{font-size:14px; display:flex; flex-wrap:wrap; justify-content:center; font-weight:normal; padding:5px 0 0; line-height:1.3;}
#content .row-pro .pro-btm{font-size:14px; display:flex; flex-wrap:nowrap; justify-content:space-between; position:absolute; left:14px; right:14px; bottom:16px; align-items:center;}
#content .row-pro .pro-btm span{color:#d33ade; font-weight:500; padding:0;}

#footer-wrapper{background:#272727; color:#fff; clear:both; padding:60px 0 0; margin-top:80px; width:100%; float:left;}
#footer-wrapper #content{padding:0 15px 45px; display:flex; flex-wrap:wrap;}
#footer-wrapper .cols-3{width:36%; float:left; padding-right:30px;}
#footer-wrapper .cols-3 p{font-size:16px; line-height:1.7; padding:0; margin:0;}
#footer-wrapper .widget-column-3{width:28%; padding-right:0;}
#footer-wrapper .social-icons{padding:20px 0 0; margin:0;}
#footer-wrapper .social-icons a{background:#525252 !important; padding:0; margin:0 4px 0 0; width:36px; height:36px; border-radius:4px; font-size:20px; color:#fff; line-height:36px; display:inline-block; text-align:center;}
#footer-wrapper .social-icons a.fb{padding-top:1px;}
#footer-wrapper .social-icons a:hover{background:#d33ade !important; color:#fff;}
#footer-wrapper .recent-post{padding:0 0 15px; margin:0; display:flex; flex-wrap:wrap; align-items:center; min-height:10px;}
#footer-wrapper .recent-post .bl-thumb{width:48px;}
#footer-wrapper .recent-post .bl-thumb img{width:100%; height:auto; margin:0; padding:0; border:none; display:block;}
#footer-wrapper .recent-post .bl-dtl{width:calc(100% - 48px); padding-left:16px;}
#footer-wrapper .recent-post .bl-dtl h6{font-weight:normal; font-size:16px; line-height:1.1; margin:0 0 5px;}
#footer-wrapper .recent-post .bl-dtl h6 a{color:#fff; text-decoration:none;}
#footer-wrapper .recent-post .bl-dtl h6 a:hover{color:#d33ade;}
#footer-wrapper .recent-post .bl-dtl .f-meta{font-size:13px;}
#footer-wrapper .widget-column-3 ul li{position:relative; padding:0 0 15px 30px; margin:0; list-style:none;}
#footer-wrapper .widget-column-3 ul li a{background:none; padding:0; color:#fff;}
#footer-wrapper .widget-column-3 ul li a:hover{color:#d33ade;}
#footer-wrapper .widget-column-3 ul li i{position:absolute; left:0; top:4px; font-size:20px;}
#footer-wrapper .widget-column-3 ul li i.fa-map-marker{font-size:24px;}

.widget-column-3{margin-right:0px !important; padding-right:0 !important; border:none;}
.cols-3 h5{font-weight:600; font-size:24px; color:#fff; margin:0; padding:0 0 20px; line-height:1.1;}

.copyright-wrapper {position:relative; border-top:solid 1px rgba(255,255,255,0.2); width:100%; float:left;}
.copyright-wrapper #content{ padding:20px 15px !important; text-align:center; font-size:15px; justify-content:center;}

#content #left.uniforms-left ul{padding-top:25px;}
#content #left.uniforms-left h3{padding:25px 25px 0; margin:25px -25px 0;}
#content #left.uniforms-left p{padding:0;}
#content .uniforms-right .row-pro .pro-btm{justify-content:center;}

.warning-text{background:#FCF; padding:10px; font-weight:600;}

#right #ProductGrid-1{width:45.0980%; display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
#right #ProductGrid-1 .thumb-slide{width:18.6%;}
#right #ProductGrid-1 .slick-slider{margin:0;}
#right #ProductGrid-1 .slick-slide{outline:none; border:none; padding:5px 0; height:auto;}
#right #ProductGrid-1 .sld-thumb{position:relative; padding:0 0 167%; width:100%;}
#right #ProductGrid-1 .sld-thumb img{border:none; width:100%; height:100%; object-fit:cover; opacity:0.5; cursor:pointer; position:absolute; left:0; top:0;}
#right #ProductGrid-1 .sld-thumb.imgactive img{opacity:1;}
#right #ProductGrid-1 #divImage{width:81.4%; padding:0 0 0 20px; position:relative;}
#right #ProductGrid-1 #divImage .pro-big{position:relative; padding:0 0 166%;}
#right #ProductGrid-1 #divImage .pro-big img{border:none; padding:0; margin:0; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;}
#right #ProductGrid-1 .picEnlarge > span{padding-right:10px;}
#right #ProductGrid-1 .zoom-icon{position:absolute; right:10px; top:10px; display:block; width:40px; height:40px; border-radius:100%; font-size:20px; line-height:40px; color:#fff; background:rgba(211,58,222,0.3); text-align:center;}
#right #ProductGrid-1 .more-link{display:inline-block; margin:10px 0 0; font-size:16px; color:#d33ade; font-weight:600; cursor:pointer;}

#right #ProductGrid-2{width:54.902%; padding:0 0 0 40px;}
#right #ProductGrid-2 h3{font-size:32px;}
#right #ProductGrid-2 p{font-size:16px;}
#right #ProductGrid-2 strong{font-weight:600;}

.table-responsive table{padding:0; margin:0; color:#272727; width:100%;}
.table-responsive table .heading{font-weight:600; font-size:16px;}
.table-responsive > table > tbody > tr > td{border-top:solid 1px #d4d4d4; padding:10px 0; line-height:normal;}
.table-responsive > table > tbody > tr > td:first-child{padding-right:15px;}
.table-responsive > table > tbody > tr > td tr td{padding:2px 0;}
.table-responsive table tr td{padding:0; margin:0; border:none;}
.table-responsive table tr td.table-img img{padding:0; margin:0; border:none; width:87px; height:auto;}
.table-responsive table tr td.table-dtl{font-size:14px; line-height:1.5;}
.table-responsive table tr td.btmline table tr td:last-child{text-align:right;}
.table-responsive table tr td select{height:38px; padding:0 10px; margin:0; border:solid 1px #c7c7c7; width:100%; outline:none;}

.table-responsive table tr td.btmline table tr td:last-child > span{font-size:14px; color:#d33ade;}

#content #left > ul h3{margin:25px -25px 0;}
#content #left > ul > p{padding:0;}

@media only screen and (max-width: 767px) {
#rewards {display:none;}
#top{ overflow:hidden }
#content { width: 100%;}
/*#header {min-height:150px;}*/
#headerContent { width: 100%; }
#menuBlack {min-height:150px;}
#right { margin: 0 15px 20px 0; padding: 0 0 0 15px; float: left; width: 450px; text-align: justify; }
#advert { width:100%; height: 35px; text-align:center; clear: both; padding: 0px; margin: 0px; }
#left { clear: left; float: left; width: 200px; padding: 10px 10px 50px 10px; margin: 0 0 20px;}
#logo.img { width: 147px; height: 56px; }
img.sizechart {width:450px; height:196px; max-width:450px; max-height:196px;}
#twoThirdsLeft { width: 100%; float:left; padding:10px;}
#twoThirdsLeft img {width: 100%; }
#oneThirdRight { width: 100%; float:right; padding:10px;}
#oneThirdRight img {width: 100%; }

}


@media only screen and (max-width: 479px) {
#rewards {display:none;}
#content{width:100%;}
#header {min-height:150px;}
#headerContent { width: 100%; }
#menuBlack {min-height:150px;}
#right { margin: 0 10px 10px 0; padding: 0 0 0 5px; float: left; width: 300px; text-align: justify; }
#twoThirdsLeft { width: 100%; float:left;  padding:10px;}
#twoThirdsLeft img {width: 100%; }
#oneThirdRight { width: 100%; float:right; padding:10px;}
#oneThirdRight img {width: 100%; }

#advert { display:none;}
#left { margin: 0 auto; width: 100%; padding: 10px 10px 50px 10px;}
#top{ float: left; text-align: center; overflow:hidden }
#top a {font-size:1.2em; font-weight:bold; color:#333; margin: 0 0 0 10px; background: #fff url(images/toparrow.png) no-repeat center left; padding: 0 0 0 10px; }
/*#logo {display:none;}*/
img.sizechart {width:400px; height:173px; max-width:400px; max-height:173px;}
#stockPic-1 {width:300px;}
/*div.picEnlarge {display:none;}*/ /* Do not show click to enlarge on mobile*/
#orderSizeGrid {valign:top; width:150px; padding-right: 5px; align:center; float:left; display: inline-block;}
}


@media only screen and (max-width: 1199px) {
#headerContent{padding:0 15px; max-width:981px;}
#content{padding:55px 15px; max-width:981px;}

.nav .topnav > ul>li>a,
.nav .topnav > ul>li>.dropdown .dropbtn{padding:10px;}
#footer-wrapper .widget-column-3{font-size:15px;}
#footer-wrapper .widget-column-3 ul li{padding-left:25px;}
#content .row-pro .col-sm-3{width:33.33%;}
#content #left ul li a{display:block;}
#content #left ul li a:before{top:-1px;}
#footer-wrapper{margin-top:40px;}

}

@media only screen and (max-width: 980px) {
#headerContent{max-width:768px;}
#content{max-width:768px;}
#headerContent .toggle{display:block;}
#headerContent .nav{display:none;}
.header-top .execphpwidget ul li{line-height:40px; font-size:15px;}
.header-top .top-search .searchfield{font-size:15px; height:40px;}
.header-top .top-search button{height:40px; line-height:40px;}
#headerContent #logo{width:100%; max-width:160px;}
#headerContent #logo img{padding:10px 0;}
#headerContent .logo-right{display:none;}
#footer-wrapper .widget-column-3 ul li a{word-break:break-all;}
#content #left{width:100%;}
#content #right{width:100%; padding:20px 0 0;}

#headerContent{flex-wrap:wrap;}
#headerContent .nav{float:none;/* margin:0;*/ position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:100%; border-bottom:none; left:0; right:0; width:100%; margin-bottom:15px;}
#headerContent .nav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
#headerContent .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; width:100%;}
#headerContent .nav ul li a{padding:5px 10px !important; display:block; color:#000; border-right:none; text-align:left;}
#headerContent .nav ul li a:hover{color:#ffffff;}
#headerContent .nav ul.sub-menu{ /*margin-left:10px;*/}
#headerContent .nav ul li ul, #headerContent .nav ul li ul ul{ display:block !important; position:relative; box-shadow:none; background:#fff;}
.nav .topnav > ul>li>a, .nav .topnav > ul>li>.dropdown .dropbtn{width:100%; color:#272727; text-align:left;}
#headerContent .nav ul li ul li a:before{content:"\00BB \00a0";}
#headerContent .nav ul li ul li a{padding-left:20px !important; }
#headerContent .nav ul li ul li a{ border:none;}
#headerContent .nav ul li ul li ul li a{padding-left:30px !important;}
#headerContent .nav ul li ul li ul li ul li a{padding-left:40px !important;}
#headerContent .nav ul li:hover > ul{ background:none !important; box-shadow:none;}


#headerContent .nav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
#headerContent .nav ul li:hover ul li ul, #headerContent .nav ul li:hover ul li:hover > ul, #headerContent .nav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
headerContent .nav ul li:hover ul li:hover ul, headerContent .nav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}

}

@media only screen and (max-width: 767px) {
#content{padding:35px 15px;}
#content .row-pro .ListView{font-size:16px;}
#footer-wrapper{padding:35px 0 0;}
#footer-wrapper .cols-3{padding:0 0 25px; margin:0; width:100%;}
#footer-wrapper .recent-post:last-child{padding-bottom:0;}
.cols-3 h5{padding-bottom:15px; font-size:22px;}
#footer-wrapper .widget-column-3 ul li{padding-bottom:10px;}
#footer-wrapper #content{padding-bottom:0;}

#right #ProductGrid-1{width:100%;}
#right #ProductGrid-2{width:100%; padding:30px 0 0;}
#content .row-pro .col-sm-3{width:50%;}
}

@media only screen and (max-width: 599px) {
.header-top .top-search .searchfield{font-size:14px; width:205px;}
.header-top .execphpwidget ul li{font-size:14px; padding:0 10px;}
.header-top .execphpwidget ul li span{padding:0 5px;}
.header-top .header-inner .ph-email-colmn,
.header-top .header-inner .appoint-colmn{display:none;}
.header-top .top-search button{width:40px; font-size:16px;}
#content #left h3{padding:20px 20px 0;}
#content #left ul{padding:5px 20px 20px;}
#content #left p{padding:0 20px 20px;}
#content #left.uniforms-left ul{padding-top:20px;}
#content #left.uniforms-left h3{padding:20px 20px 0; margin:20px -20px 0;}
#right #ProductGrid-2 h3{font-size:26px;}
#content #left > ul:first-child{padding-top:20px;}
#content #left > ul h3{margin:20px -20px 0;}
#content #left > ul > p{padding:0;}

}

@media only screen and (max-width: 479px) {
#headerContent .execphpwidget{width:100%;}
.header-top .top-search .searchfield{width:100%;}
.header-top .top-search{width:100%; position:relative;}
.header-top .top-search:after{content:''; position:absolute; left:-15px; right:-15px; border-bottom:solid 1px rgba(255,255,255,0.2); bottom:0;}
.header-top .top-search button{border-right:none; width:auto; padding-left:10px;}
.header-top .header-inner .column-1{width:100%;}
.header-top .execphpwidget ul{justify-content:space-between;}
.header-top .execphpwidget ul li:first-child{width:calc(100% - 61px);}
.header-top .execphpwidget ul li{padding:0 13px;}
#content #left h3{font-size:18px;}
#content #right{padding-top:30px;}
#content .row-pro .col-sm-3{width:100%;}
#content .pag-nav span{padding:0 10px; line-height:normal;}
#content .pag-nav a{padding:0 10px; padding:5px 10px; line-height:normal; text-align:center;}
.table-responsive > table > tbody > tr > td:first-child{padding-right:10px;}
.table-responsive table tr td.table-img img{width:50px;}
.table-responsive > table > tbody > tr > td,
.table-responsive table .heading{font-size:14px;}

}