/*reset start*/

@import 'cart-mobile.css';
@import 'atcc-form.css';
@import 'atcc-online.css';
@import 'stamp-v2.css';
@import 'warranty.css';
@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('../fonts/narrowBold/PTN77F-webfont.eot');
    src: url('../fonts/narrowBold/PTN77F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/narrowBold/PTN77F-webfont.woff') format('woff'), url('../fonts/narrowBold/PTN77F-webfont.ttf') format('truetype'), url('../fonts/narrowBold/PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

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

.homeicon {
    margin: 0px 0 0;
    float: left;
    width: 100%;
}

.homeicon ul {
    width: 100%;
    float: left;
}

.homeicon ul li {
    width: 33.33%;
    float: left;
}

.homeicon ul img {
    width: 35px;
    height: 30px;
    display: inline-block;
    float: left;
}

.homeicon ul h3 {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    /* display: inline-block; */
    float: left;
    line-height: 1.2;
    font-family: 'pt_sans_captionregular';
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px
}

.homeicon ul h3 span {
    display: block;
}

.buycart .fa {
    font-size: 22px;
    line-height: 1;
    display: inline-block;
    color: #ec1c24;
    padding-right: .2em
}

.addServices .errorMess {
    color: red;
    font-size: 140%;
    margin: 2em 0 0;
    float: right;
    width: 100%;
    text-align: right;
}

.deactivated {
    cursor: default;
}

.price {
    font-family: 'rupee_foradianregular', arial, cambria;
    margin: 0 0.2em 0 0;
}

#views-exposed-form-feedback-form-entries-list-feedback-form-entries .views-exposed-form .views-exposed-widget {
    min-height: 105px;
}

@font-face {
    font-weight: normal;
    font-style: normal;
}

.safari {
    background: none;
}

.searchTy h3 {
    float: left;
    margin: 0;
    padding: 0.8em 1em 0.5em 1em;
    clear: both;
    color: #fff;
    display: block;
    background: #cc0000;
    font-size: 1.3em;
}

.mac-os .searchTy h3 {
    padding: 0.8em 1em 0.9em 1em;
}

.view-store-dashboard-check table td.views-field.views-field-mail {
    text-transform: initial;
}

.view-store-dashboard-check table {
    text-transform: capitalize;
}

#mobile {
    display: none
}

.total .rupees,
.total1 .rupees {
    line-height: 1.2;
}

.orderRowo .orderCarDetail {
    position: absolute;
    right: 24%;
    top: 5em;
}

.userReset h1 {
    padding: 0 0 1em 0;
    font-size: 2em;
    color: #4f4e4e;
    letter-spacing: 1px;
}

.searchBy .disabled {
    cursor: default;
}

.searchBy .disabled:hover {
    background: #f2f2f2;
    border: none;
    box-shadow: none;
    color: #999
}

.searchBy .disabled:hover span {
    color: #999
}

html,
body {
    height: 100%;
}

.tp {
    margin: 0.2em 0 0
}

.topbrdr {
    border-top: 1px solid #c1c1c1;
}

.servicesDet {
    width: 100%;
    float: left;
    margin: 1.5em 0;
    padding: 0 0 0 0;
}

.collapse-down .collapse-up {
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 1s;
}

.flip-arrow {
    transform: rotate(-180deg);
}

body {
    background: #ffffff;
    color: #202020;
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: 'pt_sans_captionregular', robotoregular, arial;
}

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

.searchBtn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.listTyres>li,
.listTyres>li:hover,
.listTyres>li .ovelay {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

ul li {
    list-style: none;
}

img {
    border: none;
    outline: none;
    -moz-user-select: none;
    user-select: none;
    max-width: 100%;
}

a,
img {
    display: block;
}

a {
    color: #202020;
    text-decoration: none;
    outline: none;
    background: transparent;
}

a:hover {
    text-decoration: none;
    color: #787878;
}

a:focus {
    utline: thin dotted;
}

input:focus,
.input {
    outline: 0;
}

b,
strong {
    font-weight: bold;
}

hr {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
}

code,
kbd,
pre,
samp {
    font-family: arial;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 140%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'bebasregular', arial, cambria;
    font-weight: normal;
    line-height: 1;
    word-spacing: 0.15em;
    color: #202020;
}

p {
    font-size: 120%;
    line-height: 1.5;
}

section,
header,
nav,
footer,
aside,
figure,
figcaption,
article,
hgroup {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

textarea {
    resize: none;
    outline: none;
}

select {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*.mac-os .tabular table {
	border-collapse: initial;
	border:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}*/

.clear {
    clear: both;
}

a {
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.transition {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

p:empty {
    display: none;
}

::-moz-selection {
    background: #515151;
    color: #fff;
    text-shadow: none;
    padding: 1em 0;
}

::selection {
    background: #515151;
    color: #fff;
    text-shadow: none;
}

::-webkit-input-placeholder {
    font-family: 'pt_sans_captionregular', arial, cambria;
    color: #727272;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100";
    filter: alpha(opacity=100);
    opacity: 1;
    font-weight: normal;
    font-size: 100%
}

::-moz-placeholder {
    font-family: 'pt_sans_captionregular', arial, cambria;
    color: #727272;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100";
    filter: alpha(opacity=100);
    opacity: 1;
    font-weight: normal;
    font-size: 100%
}

::-ms-input-placeholder {
    font-family: 'pt_sans_captionregular', arial, cambria;
    color: #727272;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100";
    filter: alpha(opacity=100);
    opacity: 1;
    font-weight: normal;
    font-size: 100%
}

.seleCar {
    margin: auto;
}

.paddLR {
    padding: 0 1em;
}

.marginZ,
.subh.marginZ {
    margin: 0;
}

.fullLeft,
.innerSc,
.whmrf,
.howTb,
.howBs,
footer,
.searchTy,
.selectRtyre,
.subh,
.pickTyre,
.listTyres,
.txtSec,
.listTyresw,
.rowT2,
.rowT3,
.search-by-makemodel,
.search-by-tyre,
.noRfound,
.orderRowo,
.cartPagew,
.orderRowt,
.orderDes>li,
.addServ,
.twoDetailsw,
.canWrap,
.detDivide,
.innerPagew,
.yourAcc,
.yourAccinn>li,
.innPagecommRow,
.youOrderw,
.yourAccw,
.fieldNametxt,
.rightTyrep,
.sec2Row1,
.sec2Row2,
.tyregPcontent,
.stateArtw {
    float: left;
    width: 100%;
}

.fullWidth,
.banner>img,
.contRHS img {
    width: 99%;
}

.floLeft,
.nav>li,
.nav,
.contLHS,
.contRHS,
.howBs li,
.ecLink,
.otherLinks li,
.listTyres>li,
.tyreSs,
.orderRoL,
.orderRoR,
.leftTxt,
.appDetails,
.persDetails,
.detDivide>li,
.detRowo,
.youOrderw>li {
    float: left;
}

.floRight,
.otherLinks,
.rightTxt {
    float: right;
}

.posRel,
.wrapper,
header,
.titleT1,
.contLHS,
.whmrfs li,
.listTyresw {
    position: relative;
}

.posAb,
.logo,
.titleT1::after,
.titleT1::before,
.glow,
.contLHS::after {
    position: absolute;
}

.videoWrap,
.videoW {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrap iframe,
.videoW iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ecLink,
.otherLinks li a,
.searchBy li a,
.searchBtn {
    font-family: 'pt_sans_captionregular', robotoregular, arial;
}

.subT2,
.stepWrap li a {
    font-family: 'bebasregular', arial, cambria;
}

.clearBoth,
.searchBy,
.searchBtn,
.selWrap,
.subh,
.whmrfs,
.tyreSs,
.errorMess {
    clear: both;
}


/*===============================================================
reset ends
=================================================================*/


/*header start*/


/*.content {
	min-height: 100%;
}*/

.wrapper {
    max-width: 1120px;
    width: 100%;
    margin: auto;
    z-index: 1;
    position: relative;
}

.whmrfInner,
.howtobInner {
    max-width: 1000px;
    margin: auto;
}

.headwrapper {
    max-width: 1200px;
    margin: auto;
    position: relative
}

.roadBlock .popup3 {
    width: 40%;
    padding: 5em;
}

.roadBlock .popup3 .close {
    position: absolute;
    right: 0.5em;
    top: 0;
    font-size: 4em;
}

.roadBlock .popup4 .close {
    position: absolute;
    right: 0.5em;
    top: 0;
    font-size: 4em;
}

.popup3 {
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    padding: 0;
    position: absolute;
    right: 0;
    width: 60%;
    transition: all 1s ease-in-out;
    -webkit-box-shadow: 3px 3px 6px #6b6868;
    transform: none;
    background: url(../images/bgSection.jpg) repeat 0 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 50%;
    backgrond: #ffffff;
    left: 0;
    margin: auto;
}

.homeWrap,
.bigwrap {
    margin: auto;
    max-width: 1280px;
}

.roadBlock .popup2 {
    width: 40%;
    padding: 5em;
}

.roadBlock .popup4 {
    width: 30%;
    padding: 3em;
}

.popup4 {
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    padding: 0;
    position: absolute;
    right: 0;
    width: 60%;
    transition: all 1s ease-in-out;
    -webkit-box-shadow: 3px 3px 6px #6b6868;
    transform: none;
    background: url(../images/bgSection.jpg) repeat 0 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 50%;
    backgrond: #ffffff;
    left: 0;
    margin: auto;
}

.searchright {
    background: url(../images/popright.png) no-repeat -5px 3px;
    width: 80px;
    height: 76px;
}

.popTitle {
    font-family: 'pt_sans_captionregular', arial, cambria;
    font-weight: bold;
    font-size: 170%;
    margin: 0em 1em 1.5em;
}

a.popbtn:hover {
    background: #cc0000;
}

a.popbtn {
    background: #202020;
    width: 145px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'pt_sans_captionregular', arial, cambria;
    padding: 0.5em 1em;
    font-size: 150%;
    -webkit-box-shadow: 0px 0 2px 2px #f4f3f3;
    -ms-box-shadow: 0px 0 2px 2px #f4f3f3;
    -o-box-shadow: 0px 0 2px 2px #f4f3f3;
    box-shadow: 0px 0 2px 2px #f4f3f3;
    margin: 1em 1em;
    display: inline
}

.skip {
    font-family: 'pt_sans_captionregular', arial, cambria;
    font-weight: bold;
    font-size: 140%;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline;
    padding: 0 1em
}

.popup2 {
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    padding: 0;
    position: absolute;
    right: 0;
    width: 60%;
    transition: all 1s ease-in-out;
    -webkit-box-shadow: 3px 3px 6px #6b6868;
    transform: none;
    background: url(../images/bgSection.jpg) repeat 0 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 50%;
    backgrond: #ffffff;
    left: 0;
    margin: auto
}

.stock {
    float: left;
    margin: 2em 2em 1em 1%;
    font-size: 1.5em;
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    font-weight: 700;
    padding: 0.5em 0;
    color: #777777;
    cursor: pointer;
    position: relative;
}

.stock:first-of-type:after {
    content: "";
    position: absolute;
    border-right: 2px solid #7e7e7e;
    height: 83%;
    right: -22px;
    top: 5px;
}

.stock.active,
.stock:hover {
    border-bottom: 2px solid #fd0708;
    color: #000;
}

.stock.disabled {
    border-bottom: none;
    color: #777777;
    cursor: default;
}

.shadow {
    background: url(../images/body_shawdow.png) repeat-y bottom center;
    margin: 0 auto;
}

.logo {
    background: url(../images/imgLogomrf.png) no-repeat 0 0;
    background-size: 100%;
    display: block;
    top: -3.3em;
    z-index: 500;
    width: 170px;
    height: 110px;
}

.identifydetail {
    width: 100%;
    float: left;
    color: #727272;
    font-size: 1.5em;
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    padding: 0 0 0.5em 0;
}

.yourDetails input.erroract {
    border: 1px solid #ec1b23
}

.editdetail {
    width: 100%;
    float: left;
    margin: 0.2em 0 0;
    padding: 0
}

.edt {
    background: #ffffff;
    padding: 1em;
    width: 50%;
    float: left;
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
}

.rmv {
    text-transform: capitalize;
    background: #e8e8e8;
    padding: 1em;
    width: 50%;
    float: left;
    font-size: 1.5em;
    text-align: center;
    color: #515151;
}

.errorclose {
    color: #de0714;
    padding: 0 0.5em;
    font-size: 2em
}

header {
    background: #e1e1e1;
    min-height: 94px;
    z-index: 2;
}

.nav {
    margin: 1.5em 0 0 0;
    position: relative;
    float: right;
}

.nav li a {
    font-family: 'bebasregular', arial, cambria;
    font-size: 140%;
    padding: 1em 0.2em;
    word-spacing: 3px;
}

.shpngcart {
    /*padding: 0.6em 0.3em 0.6em 0.5em;*/
    display: inline-block;
}

.locatorLi .cart1 .shpngcart {
    /* padding: 0.6em 0.3em 0.6em 0.5em; */
    display: inline-block;
    font-family: 'bebasregular', arial, cambria;
    /* padding: 1em 0.2em; */
    word-spacing: 3px;
    cursor: default;
    font-size: 140%
}

.track {
    background: #bebebe;
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    line-height: 26px;
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: middle
}

.mac-os.safari .track {
    color: #000;
    line-height: 22px;
}

.nav li .cart {
    display: inline-block;
    padding: 0
}

.nav li .cart img {
    display: inline;
    vertical-align: middle;
    padding: 0.1em 0;
}

.menuWrap .menuList li.buycart {
    padding: 0.5em 1em
}

.menuWrap .menuList li.locatorLi {
    padding: 0.5em 1em 0.5em 1em;
}

.bannerbuy {
    background: #e30613 url(../images/arrowbtn.png) 115px 20px no-repeat;
    width: 140px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    padding: 0.8em 0.3em 0.5em 0em;
    font-size: 2.2em;
    font-family: 'bebasregular', arial, cambria;
    word-spacing: 4px;
}

.hmbtn {
    width: 140px;
    margin: 0em 0 0 5px;
    float: left;
}

.mac-os .hmbtn {
    margin-top: 1em;
}

.bannerbuy:hover {
    background-color: #000000;
    color: #fff;
}

.nav li a:hover,
.nav li a.active {
    color: #E20612;
}

.nav li.active a {
    color: #cc0000;
}

.popup1 {
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    padding: 0;
    position: absolute;
    right: 7em;
    width: 60%;
    transition: all 1s ease-in-out;
    -webkit-box-shadow: 3px 3px 6px #6b6868;
    transform: none;
    background: #fff;
    -webkit-transform: translateY(33%);
    -moz-transform: translateY(33%);
    -ms-transform: translateY(33%);
    transform: translateY(33%);
    top: 9em;
    backgrond: #ffffff
}

.roadBlock .popup1 {
    max-width: 300px
}

.mac-os.safari .roadBlock .popup1 {
    /*right:18em;*/
}

.mac-os.safari #bot-line {
    top: 93%;
}

.fronttyremob,
.reartyremob {
    width: 99%;
    float: left;
    margin: 0;
    padding: 0 0 0 1%;
}

.fronttyremob h2,
.reartyremob h2 {
    float: left;
    color: #e30613;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 95%;
    margin: 1.5em 0 0.5em 5%;
}

.ftmobdetail {
    float: left;
    width: 100%;
    padding: 0;
    background: #fff;
}

.ftmobleft {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.ftmobright {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.oProductw1 {
    background: #f7f7f7 url(../images/detailImgbottom.png) no-repeat center 58px;
    padding: 0 0 2em 0;
    position: relative;
    z-index: 2;
    padding: 1em 0;
}

.leftul {
    width: 100%;
    padding: 0.5em;
    margin: 0;
}

.ftmobright ul {
    width: 100%;
    float: left;
    background: #fff;
    margin: 0 0 0.3em 0;
}

.un {
    border-bottom: 1px solid #e8e8e8
}

.ftmobright ul .lft {
    width: 50%;
    float: left
}

.ftmobright ul .lft li {
    color: #515151;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 1.8em;
    padding: 1.66em;
}

.ftmobright ul .rht li,
.ftmobleft .leftul li {
    color: #515151;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 1.8em;
    padding: 0.5em 0 1.5em 0;
    text-align: center;
}

.ftmobright ul .rht li {
    padding: 1.66em;
}

.dropIt1 {
    color: #515151;
    border-radius: 5px;
    padding: 0.3em 0.5em;
    border: 1px solid #515151;
    font-size: 85%;
    font-weight: bold;
    width: 5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-family: 'pt_sans_captionregular';
}

.ftmobright ul .lft li span {
    display: block;
    font-size: 0.5em;
    padding: 0.5em 0;
}

.ftmobright ul .rht {
    width: 50%;
    float: right
}

.oProductw1 img {
    margin: auto;
}

.selctcity {
    border: 1px solid #c2c2c2;
    color: #202020;
    font-size: 12px;
    height: 38px;
    padding: 0 1em;
    width: 100%;
    box-shadow: 0 15px 20px #dadada;
}

.roadBlock .popup1 .innerCont {
    background: #f4f4f4;
    padding: 2em;
}

.popup1:after {
    background: url(../images/toparrow.png) no-repeat 0 0;
    content: "";
    height: 17px;
    right: 10%;
    position: absolute;
    bottom: 90%;
    width: 17px;
    margin: 0 0 0 -9px;
}

.overlay1 {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    width: 100%;
}

.roadBlock .popup1 .innerCont1 {
    background: #ffffff;
    padding: 2em 2em 3em;
}

.roadBlock .popup1 .innerCont1 h3 {
    font-size: 1.3em;
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    text-transform: uppercase;
    letter-spacing: 2px
}

.roadBlock .popup1 .innerCont1 p {
    color: #787878;
    text-transform: capitalize;
    padding: 1em 0
}

.popup1 .content {
    max-height: 30%;
    overflow: auto;
    width: 98%;
}

.whmrf,
.howTb,
.pickTyre,
.rowT2,
.rowT3,
.noRfound,
.cartPagew,
.innerPagew,
.profileUser,
.view-store-dashboard-check {
    background: url(../images/bgSection.jpg) repeat 0 0;
    padding: 1em 5% 3em 5%;
}

.premiumwrap {
    background: url(../images/bgSection.jpg) repeat 0 0;
    padding: 2em 2%;
}

.howTb {
    background: url(../images/bg2Section.jpg) repeat 0 0;
}

.profileUser {
    padding: 7em 6%;
    float: left;
    width: 100%;
    /*
	height: calc(100vh - 177px)*/
}

.titleT1 {
    float: left;
    font-size: 250%;
    color: #ffffff;
    background: #de0714;
    padding: 0.45em 0 0.11em 0.5em;
    margin: 1em 0 0 0;
}

.featureContent .titleT1,
.benefits .titleT1 {
    padding: 0.4em 4% 0.1em;
}

.featureContent .titleT1::after,
.benefits .titleT1::after {
    top: 1px;
}

.mac-os.safari .titleT1 {
    /*padding: 0.3em 4% 0.3em 4%;*/
    padding: 0.25em 4% 0.3em 4%;
}

.mac-os.safari.chrome .titleT1 {
    padding: 0.25em 4% 0.3em 4%;
}

.titleT1::after {
    background: url("../images/imgHednright.png") no-repeat scroll 0 0;
    content: "";
    height: 39px;
    left: 100%;
    top: 0;
    width: 51px;
    z-index: 1;
}

.titleT1>span {
    display: block;
    word-spacing: 5px;
}

.ftyrsdetail h5 {
    font-size: 2em;
    line-height: 1.5;
    text-align: center;
}

.ftyrsdetail h5 a {
    color: #e30613;
    display: inline-block;
}

.ftyrsdetail h5 a:hover {
    color: #000
}

.rupee1 {
    background: url(../images/imgRupees.png) no-repeat 0 0;
    width: 95px;
    height: 96px;
}

.titleT1.poWithicon span {
    float: left;
    font-size: 70%;
    line-height: 1.5;
}

.titleT1.poWithicon {
    padding: 0.5em 3em 0em 2%;
    -webkit-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    -o-transform: skewX(25deg);
    transform: skewX(25deg);
    -webkit-box-shadow: -4px 2px 0 0 #000;
    -moz-box-shadow: -4px 2px 0 0 #000;
    -ms-box-shadow: -4px 2px 0 0 #000;
    -o-box-shadow: -4px 2px 0 0 #000;
    box-shadow: -4px 2px 0 0 #000;
}

.mac-os.safari .titleT1.poWithicon {
    padding: 0.3em 3em 0.22em 2%;
}

.titleT1.poWithicon::before {
    left: -1.1em;
    -webkit-transform: skew(27deg);
    -moz-transform: skew(27deg);
    -ms-transform: skew(27deg);
    transform: skew(27deg);
}

.titleT1.poWithicon>span,
.titleT1.poWithicon .iconImage,
.iconRt1 {
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.iconImage {
    background: url("../images/imgIcont2.png") no-repeat scroll 0 0;
    position: absolute;
    right: 2.5%;
    top: -0.3em;
    width: 54px;
    height: 54px;
}

.subh {
    font-size: 160%;
    margin: 0.5em 0 0;
    letter-spacing: 0;
    color: #202020;
}

.howTb .subh {
    text-align: center;
}

.rowT3 .subh {
    margin: 2em 0 0;
}

.contLHS {
    padding: 3em 3% 3em 0;
    width: 38%;
    margin: 3em 0 0;
}

.contLHS p {
    font-size: 160%;
    color: #202020;
    word-break: keep-all;
}

.contLHS span.note,
.popup p.note,
.popup .content p.note {
    font-family: 'pt_sans_captionregular', arial, cambria;
    color: #666666;
    font-size: 130%;
    display: block;
    padding: 2em 0;
}

.popup .content p.note {
    padding: 0;
    font-weight: normal;
    margin: 0 0 1em 0;
}

.contLHS h4 {
    font-family: 'robotoregular', arial, cambria;
    font-size: 160%;
    font-weight: bold;
    padding: 0 0 1em 0;
}

.contLHS::after {
    content: "";
    top: 40%;
    width: 13px;
    height: 24px;
    right: -13px;
}

.innerSc {
    margin: 0 5% 0 0;
    width: 90%;
}

.contRHS {
    width: 50%;
    float: right;
}

.whmrfs {
    margin: 3em 0 0;
}

.whmrfs .slick-dots {
    float: left;
    margin: 2em 0 1em 0;
}


/*note slick slider*/

.slick-slider li,
.slick-dots li button {
    border: none;
    outline: none;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    background: #cccccc;
    text-indent: 1000px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.slick-dots li {
    float: left;
    display: inline-block;
    margin: 0 1em 0 0;
}

.slick-dots li.slick-active button {
    background: #df0713;
}

.howBs li {
    padding: 0 0 0 5%;
    text-align: center;
    width: 24.5%;
    position: relative;
}

.howBs li::after {
    background: url(../images/bgArrow.png) no-repeat 0 0;
    content: "";
    height: 11px;
    position: absolute;
    right: -3em;
    top: 6em;
    width: 16px;
}

.howBs li:last-child::after {
    display: none;
}

.howBs li:last-child {
    background: none;
}

.howBs img {
    margin: auto;
}

.howTb {
    padding: 1em 4% 6em 4%
}

.bTxt {
    color: #202020;
    font-size: 160%;
    text-align: center;
    margin: 1em 0 0 0;
}

.howBs {
    margin: 3em 0 0;
    min-height: 240px;
}

.ecLink,
.otherLinks li a {
    font-size: 150%;
}

.otherLinks li a {
    border-right: 1px solid #ccc;
    padding: 0 0.6em 0 0em;
    color: #999;
    line-height: 2.2;
}

.otherLinks li a:hover {
    color: #666;
}

.otherLinks li:nth-child(n+4) a {
    border: none;
}

.otherLinks li:last-child a {
    border: none;
}

.otherLinks li:first-child a,
.otherLinks li a.active {
    color: #cb2225;
}

.otherLinks li {
    margin: 0 1em 0 0;
}

.otherLinks li:last-child {
    margin: 0;
}

footer {
    padding: 1.5em 0;
    z-index: 2;
    position: relative;
    margin: 2em 0 0 0;
}

.searchTy {
    position: relative;
    background: #d6d6d6 url(../images/bgStepa.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 5em 4% 3.1em 4%;
}

.pickTyre {
    background: #d6d6d6 url(../images/imgBgtyreSelection.jpg) no-repeat 0 0;
    background-size: 100%;
    padding: 5em 4% 4em;
    position: relative;
}

.iconLeft {
    float: left;
    z-index: 1;
    position: relative;
    margin: 0.4em 0 0 0;
}

.titleWrap {
    float: left;
}

.titleWrap .titleT1 {
    margin: 1em 0 0 -2.1em;
    padding: 0.45em 0 0.12em 1.8em;
}

.mac-os.safari .titleWrap .titleT1 {
    /*padding: 0.3em 0.8em 0.3em 1.8em;*/
    padding: 0.25em 0.8em 0.3em 1.8em;
}

.subT2 {
    position: absolute;
    bottom: 100%;
    font-size: 70%;
    color: #202020;
}

.mac-os.safari .subT2 {
    bottom: 112%;
}

.stepWrap {
    background: #515151;
    position: absolute;
    left: 100%;
    top: 5em;
    color: #ffffff;
    z-index: 1;
    max-width: 65px;
    width: 100%;
}

.stepWrap li a {
    color: #fff;
    text-align: center;
    padding: 1.2em 0.6em 0.75em 0.8em;
    cursor: default;
}

.stepWrap li a.stepCont.active {
    background: #cc0000;
}

.stepWrap li:first-child a.stepCont {
    border-top: none;
}

.stepWrap li a.stepCont {
    border-top: 2px solid #ffffff
}

.stepWrap .sTxt {
    line-height: 1.5;
    margin: 0.7em 0 0 0;
    color: #fff;
}

.sidImg {
    margin: auto;
    z-index: 2;
    max-width: 80%
}

.stepWrap .sidImg {
    width: auto;
}

.subSteps {
    background: #515151;
    position: absolute;
    left: 104%;
    border-right: 1px solid #e5e5e5;
}

.subSteps li {
    border-bottom: 2px solid #e5e5e5;
}

.subSteps li:last-child {
    border-bottom: none;
}

.stepWrap li a.stepCont,
.stepWrap li a.stepCont.active {
    min-height: 100%;
}

.stepWrap>li {
    height: 87px;
}

.subSteps li a {
    padding: 1.2em 0.6em 0.55em 0.8em;
    line-height: 1;
    cursor: default;
}

.subSteps li a.active {
    background: #cc0000;
}

.searchBy>li a {
    position: relative;
    background: #999999;
    float: left;
    padding: 0em 1.5em;
    text-align: center;
    min-width: 100px;
}

.searchTy .searchBy>li a {
    padding: 0.6em 1.8em 0.8em;
}

.searchBy>li a.active,
.searchBy>li a:hover {
    color: #e30613;
    background: #ffffff;
    /*border-bottom: 4px solid #cc0000;*/
    -webkit-box-shadow: inset 0 -3px 0 #cc0000;
    -ms-box-shadow: inset 0 -3px 0 #cc0000;
    -o-box-shadow: inset 0 -3px 0 #cc0000;
    box-shadow: inset 0 -3px 0 #cc0000;
}

.searchBy>li a:hover span {
    color: #999
}

.searchBy li a span:hover {
    color: #999
}

.searchBy>li a.active {
    cursor: default;
}

.searchBy>li a.active span {
    color: #999999
}

.searchBy>li a.active::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #cc0000;
}

.searchBy>li a.active .num,
.searchBy>li a:hover .num {
    color: #cc0000;
}

.searchBy li a span {
    float: left;
    font-size: 200%;
    text-transform: capitalize;
    color: #fff;
    font-family: 'pt_sans_narrowbold', arial, cambria;
    line-height: 1;
    margin: 0.3em 0 0.3em 0;
    display: block;
    width: 100%;
}

.stateArtw .searchBy li a span {
    padding: 0.2em 0
}

.pickTyre .searchBy li a span {
    margin: 0.5em 0 0.6em 0;
    padding: 0
}

.searchBy li.active a {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: inline-block;
}

.searchBy {
    float: left;
    margin: 2em 0 0 0;
}

.searchBy li {
    float: left;
    padding-right: .2em;
}

.listTyres li .tyTypet.bike {
    background-image: url(../images/bikeicon.png);
    background-repeat: no-repeat;
    background-position: 0.3em center;
}

.listTyres>li:hover .tyTypet.bike {
    background: #000000 url(../images/bikeicon.png);
    background-repeat: no-repeat;
    background-position: 0.3em center;
}

.searchBy li a .num {
    font-family: 'pt_sans_narrowbold', arial, cambria;
    font-weight: bold;
    line-height: 1;
    float: left;
    font-size: 373%;
    padding: 1px 0 0 0;
    text-align: center;
    color: #999999;
    margin: 0 0.3em 0 0;
    font-style: normal;
}

.searchBtn {
    text-transform: uppercase;
    float: left;
    padding: 0.7em 2.5em;
    font-size: 160%;
    color: #fff;
    background: #202020;
    margin: 1em 0 0;
    border-radius: 7px;
    text-align: center
}

.searchBtn:hover {
    background: #cc0000;
    color: #fff;
}

.selWrap {
    float: left;
    margin: 2em 0 0;
    width: 100%;
}

.selWrap .searchBtn {
    margin: 0;
}

.selWrap li {
    float: left;
    margin: 0 3em 0 0;
    width: 30%;
    position: relative;
}

.custSelect {
    border: none;
    color: #727272;
    font-size: 200%;
    outline: medium none;
    padding: 0.4em 3.5em 0.4em 0.5em;
    background: #ffffff url(../images/imgCustomsel.png) no-repeat right 12px center;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.custSelect::-ms-expand,
.dropIt::-ms-expand,
.popup select::-ms-expand,
select::-ms-expand {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Good browsers :) */
    opacity: 0;
}

*::-moz-selection {
    margin: 0.4em 3.5em 0.4em 0.5em;
}

p.msgTxt {
    font-size: 160%;
    padding: 0 0 0 4em;
}

.poWithicon {
    bottom: 1em;
    position: absolute;
    right: -9px;
}

.fuSectitle {
    font-family: 'pt_sans_captionregular', robotoregular, arial;
    font-size: 180%;
    color: #202020;
    line-height: 1.5;
    margin: 1em 0 1em 0;
    word-spacing: 0;
}

.selectRtyre .floLeft {
    padding: 0 0 0 1.5%;
    width: 15%;
}

.listTyres {
    background: url(../images/bgTyreList.jpg) repeat 0 0;
}

.listTyres>li {
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    /*max-height: 600px;
    min-height: 315px;*/
    position: relative;
    width: 50%;
    height: 100%;
    padding: 4.5em 0 4em;
}

.listTyres>li:nth-child(odd) {
    border-left: 1px solid #e4e4e4;
}

.searchBytyre .listTyres>li {
    /*min-height: auto;*/
}

.listTyres>li:hover .ovelay {
    display: block;
}

.listTyres>li:hover .tyTypet {
    background: #cc0000;
}

.imageSec,
.sidImg {
    position: relative;
}

.imageSec:after {
    position: absolute;
    background: url(../images/tyre/imgTyrestand.png) center bottom no-repeat;
    content: "";
    height: 79px;
    width: 78%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -40px;
    background-size: 100%
}

.panelImg {
    position: absolute;
    /*bottom: -5.5em;*/
    bottom: -40px;
    z-index: 0;
    /*margin: 0 0 0 -218px;*/
    left: 50%;
    width: 78%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.txtSec {
    margin: 5em auto;
    padding: 1.5em 0 0;
    text-align: center;
    width: 90%;
    position: relative;
    min-height: 220px;
    float: none;
}

.txtSec .discounted {
    max-width: 215px;
    border: none;
    margin: 0 auto;
}

.txtSec .disCountedPrice {
    font-size: initial;
}

.listCarw .txtSec {
    /*margin: 3em 33% 0;*/
    margin: 1em 0 0em;
    width: 100%;
    text-align: center;
    min-height: initial
}

.txtSec::before {
    bottom: 100%;
    content: "";
    height: 0;
    left: 50%;
    margin: 0 0 0 -7px;
    position: absolute;
    width: 0;
}

.nameTxt {
    font-family: 'pt_sans_narrowbold', arial, cambria;
    font-size: 190%;
    color: #202020;
}

.numTxt {
    font-size: 160%;
    color: #202020;
    padding: 0 3% 0.3em 3%;
}

.priceTxt {
    font-size: 160%;
    color: #cc0000;
    padding: 0.6em 0;
}

.numTxt .errorMess {
    font-size: 16px;
    width: 100%;
    margin: 0em 0 0.5em
}

.ntAvl.errorMess {
    font-size: 16px;
}

.tyTypet {
    font-family: 'pt_sans_captionregular', arial, cambria;
    color: #ffffff;
    font-size: 130%;
    background: #9c9c9c;
    padding: 0.5em 3em 0.5em 2em;
    position: absolute;
    bottom: 1.5em;
    right: 1em;
    z-index: 4;
}

.listTyres li .tyTypet {
    bottom: auto;
    left: 0;
    padding: 0.9em 0.9em 0.9em 2.5em;
    right: auto;
    top: 2.15em;
}

.listTyres li .tyTypet.comfort {
    background-image: url(../images/imgComforticon.png);
    background-repeat: no-repeat;
    background-position: 0.5em center;
}

.listTyres li .tyTypet.luxury {
    background-image: url(../images/imgluxuryicon.png);
    background-repeat: no-repeat;
    background-position: 0.5em center;
}

.listTyres li .tyTypet.fuel-efficient {
    background-image: url(../images/imgFuelicon.png);
    background-repeat: no-repeat;
    background-position: 0.5em center;
    padding: 0.9em 0.9em 0.9em 3em;
}

.listTyres li .tyTypet.performance {
    background-image: url(../images/imgPerformanceicon.png);
    background-repeat: no-repeat;
    background-position: 0.7em center;
    padding: 0.9em 0.9em 0.9em 3em;
}

.listTyres li .tyTypet.standard,
.listTyres li .tyTypet.value {
    background-image: url(../images/imgStandardicon.png);
    background-repeat: no-repeat;
    background-position: 0.7em center;
    padding: 0.9em 0.9em 0.9em 3em;
}

.listTyres li .tyTypet.suv {
    background-image: url(../images/imgSuvicon.png);
    background-repeat: no-repeat;
    background-position: 0.7em center;
    /* padding: 0.9em 0.9em 0.9em 4.25em; */
}

.listTyres li .tyTypet.van-utility {
    background-image: url(../images/imgVanutilityicon.png);
    background-repeat: no-repeat;
    background-position: 0.7em center;
    padding: 0.9em 0.9em 0.9em 3.3em;
}

.listTyres li .tyTypet.terrain,
.listTyres li .tyTypet.long-life {
    background-image: url(../images/imgTerrain.png);
    background-repeat: no-repeat;
    background-position: 0.5em center;
}

.listTyres li .tyTypet.long-life {
    background-image: url(../images/img-LongLife.png);
}

.tyTypet .icon1,
.tyTypet .icon2 {
    position: absolute;
    background: url(../images/tyre/imgIconLeft.png) no-repeat 0 0;
    display: block;
    width: 52px;
    height: 50px;
    right: 90%;
    top: -0.6em;
}

.tyTypet .icon2 {
    background: url(../images/tyre/imgIconLeft2.png) no-repeat 0 0;
}

.titleT1.poWithicon.poRightt {
    position: absolute;
    right: -0.4em;
    bottom: inherit;
    top: 0em;
    z-index: 4;
    /*padding: 0.5em 3.5em 0em 2%;*/
    padding: 0.5em 2em 0 2%;
}


/* If the title has an anchor tag in it*/

.titleT1.poWithicon a {
    display: block;
    -webkit-transform: skewX(-26deg);
    -moz-transform: skewX(-26deg);
    -ms-transform: skewX(-26deg);
    -o-transform: skewX(-26deg);
    transform: skewX(-26deg);
    color: #e9e8e8;
}

a .iconRt1,
.titleT1.poWithicon a .iconImage {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
    display: block;
    right: -2.5em;
    top: -0.7em;
}

.iconRt1 {
    background: url(../images/imgIcont2.png) no-repeat 0 0;
    width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    right: 0.8em;
    top: -0.3em;
}

.stickySlideStock .iconRt1 {
    right: -2.5em;
}

.ovelay {
    position: absolute;
    background: rgba(253, 200, 202, 0.8);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    float: left;
}

.searchBtn.center {
    width: 142px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -11px 0 0 -71px;
    padding: 0.7em 2%;
}

.selT1 {
    color: #686868;
    padding: 0.5em 0 0em;
    line-height: 1.4;
    text-transform: capitalize;
}

.selCarn,
.backBtn {
    color: #ec2229;
    padding: 0.1em 0 0.2em;
}

.modelDes li.selCarn {
    font-family: 'pt_sans_narrowbold', arial, cambria;
    text-transform: uppercase;
    color: #cc0000;
    font-size: 200%;
    padding: 0 0 0.25em;
    line-height: 1;
}

.selT1 {
    font-family: 'robotoregular', arial, cambria;
    font-size: 130%;
}

.userSelect {
    position: absolute;
    right: 2%;
    top: 5em;
}

.userSelect img {
    width: auto;
    display: block;
    padding: 0 0 1em 0;
}

.modelDes {
    text-align: center;
    position: relative;
}

.modelDes::before {
    position: absolute;
    bottom: 100%;
    content: "";
    width: 0;
    height: 0;
    margin: 0 0 0 -4px;
    left: 50%;
    border: none;
}

.modelDes.noImage,
.modelDes.noImage:before {
    border: none;
}

.modelDes li {
    border-bottom: 1px solid #666666;
    margin: 0 0.9em;
    padding: 0 0 0.1em 0;
}

.modelDes li:last-child {
    border: none;
}

.pickTyre .subh {
    line-height: 1.3;
    margin: 2em 0 0 5%;
    width: 60%;
}

.pickTyre .searchBy {
    margin: 0 0 1.5em 0;
}

.subh.type2 {
    width: 70%;
    margin: 1em 0 0 0;
}

.tyreSs {
    margin: 4em 0 0 0;
}

.txtUseri,
.search-by-tyre input {
    background: #fff !important;
    border: none;
    /*padding: 0.4em 0 0.4em 0.7em;*/
    padding: 0.45em 0.8em;
    font-size: 200%;
    outline: medium none;
    border-radius: 5px;
}

.rightTyre {
    background: url(../images/imgRighttyre.png) no-repeat right bottom;
    min-height: 310px;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.rowT2 {
    position: relative;
    min-height: 310px;
}

.rowT2 .subh {
    margin: 2.4em 0 0;
}

.tFeatures li {
    list-style-type: disc;
    font-size: 160%;
    color: #c81f22;
    margin: 0 0 0.2em 1em;
}

.tFeatures li span {
    color: #000;
}

.featTitle {
    font-family: 'robotoregular', arial, cambria;
    font-size: 160%;
    color: #cb2225;
    padding: 1.5em 0;
}

.imgFeatw li,
.imgFeatw {
    float: left;
}

.imgFeatw li {
    background: url(../images/bgArrow.png) no-repeat right center;
    padding: 0 8em 0 3em;
    position: relative;
}

.imgFeatw li:last-child {
    background: none;
}

.tyreFeatw {
    float: left;
    margin: 3em 0 0 5%;
    width: 100%;
}

.tyreFeatw .tFeatures {
    float: left;
    width: 34%;
}

.tyreFeatw .imgFeatw {
    float: right;
}

.value1,
.value2,
.value3 {
    font-size: 200%;
    position: absolute;
}

.value1 {
    left: 1em;
    top: 2.85em;
}

.value2 {
    right: 3.3em;
    top: 2.9em;
    color: #ff0000;
}

.value3 {
    right: 3.3em;
    top: 2.9em;
    color: #ff0000;
}

.rowT2cont {
    position: relative;
    z-index: 1;
}

.errorMess {
    color: red;
    float: left;
    font-size: 140%;
    margin: 2em 0 0;
}

.iconTItle2 {
    background: url(../images/imgSearch.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 91px;
    width: 93px;
    z-index: 6;
    position: relative;
}

.selCont .tt-open,
.fieldInput .tt-open {
    width: 100%;
    float: left;
}

.selCont .tt-selectable {
    float: left;
    width: 100%;
}

.selCont .tt-suggestion,
.fieldInput .tt-suggestion {
    background: #F4F4F4;
    font-size: 150%;
    padding: 0.2em 0.5em;
    border-bottom: 1px solid #BFBFBF;
    cursor: pointer;
}

.selCont .tt-suggestion:hover,
.fieldInput .tt-suggestion:hover {
    background: #eaeaea;
}

.selCont .tt-suggestion strong,
.fieldInput .tt-suggestion strong {
    font-weight: normal;
}

.selCont .tt-dataset,
.fieldInput .tt-dataset {
    height: 146px;
    overflow-y: auto;
}

.fieldInput .tt-dataset {
    height: 112px;
}

.search-by-tyre input,
.search-by-tyre .selCont>span {
    width: 100%;
}

.noRtxt {
    margin: 2em 0 0 0;
    font-size: 250%;
    color: red;
}


/*.listCarw .listTyres > li,
.broaderTyre .listTyres > li {
	min-height: 440px;
}*/

.tw .serviceList li {
    float: left;
    width: 33.3%;
    position: relative;
}

.ftyrsdetail {
    width: 100%;
    float: left;
    margin: 1.5em 0;
    padding: 0 0 0 0;
}

.ftyrsdetail ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0
}

.ftyrsdetail ul li {
    float: left;
    color: #e30613;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 16.5%;
    text-align: left
}

.ftyrsdetail .rupees {
    font-family: 'rupee_foradianregular';
    font-size: 118%;
    color: #515151;
    display: inline-block;
    line-height: 0;
}

.ftyrssubdetail {
    width: 100%;
    float: left;
    margin: 0.2em auto 0 auto;
    padding: 0;
    background: #ffffff;
}

.ftyrssubdetail ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0
}

.ftyrssubdetail ul li.imgpad {
    padding: 0.4em 0 0.2em 0;
    background: url(../images/tyre/imgTyrestand.png) left 62px no-repeat;
    background-size: 60px;
}

.ftyrssubdetail ul li.remove {
    font-size: 1.2em;
    padding: 1.8em 0 0;
    font-family: 'robotoregular';
    line-height: 0.8;
}

.ftyrssubdetail ul li.remove a {
    color: #a4a4a4;
}

.ftyrssubdetail ul li.remove a:hover {
    text-decoration: underline;
}

.ftyrssubdetail ul li {
    float: left;
    color: #515151;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 16.5%;
    /* padding: 1em 0; */
    text-align: left;
    line-height: 3;
    height: 50px;
}

.rearDet {
    width: 100%;
    float: left;
    margin: 2em 0;
}

.detail ul li {
    line-height: 4 !important;
    height: 80px !important;
}

.detail ul li.remove {
    line-height: 2.8;
}

.ftyrssubdetail .rupees {
    font-family: 'rupee_foradianregular';
    font-size: 118%;
    color: #515151
}

.orderRowt h3 {
    float: left;
    text-decoration: underline;
    margin: 0 3% 0 0;
    padding: 1em 0;
    font-family: 'robotomedium', arial, cambria;
    text-transform: uppercase;
    font-size: 1.5em;
}

.orderRowt h3 a {
    color: #e30613;
    font-weight: bold;
}

.orderRowt h3 a:hover {
    color: #000
}

.ftyrs {
    width: 100%;
    float: left;
    margin: 2em 0 1em 0;
    padding: 0
}

.ftyrs ul,
.total1 ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0;
}

.statusorder {
    border: 1px solid #c1c1c1;
    float: left;
    width: 100%;
}

.ftyrs .rupees {
    font-family: 'rupee_foradianregular';
    font-size: 118%;
    color: #515151;
    display: inline-block;
    line-height: 0;
}

.lftstatus {
    width: calc(33.33% - 50px);
    float: left;
    margin-left: 50px;
    padding: 1.2em 0 1em 0;
}

.status ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0;
}

.status ul li {
    float: left;
    color: #515151;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 20%;
    /* padding: 1em 0; */
    text-align: left;
    line-height: 3;
    height: 50px;
}

.lftstatus label,
.rhtstatus label {
    font-size: 159%;
    color: #fff;
    padding: 0 0.5em 0 0;
    font-family: 'pt_sans_captionregular';
    margin: 0.2em 0 0 0;
    line-height: 1.3;
    word-wrap: break-word;
    text-transform: uppercase;
    float: left;
    font-weight: normal
}

.ftyrs ul li,
.total1 ul li {
    float: left;
    color: #e30613;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 20%;
    text-align: left;
}

.total1 ul li {
    color: #fff;
    line-height: 2.4;
    height: 44px
}

.total1 ul li .rupee {
    font-size: 100%;
    vertical-align: middle;
    color: #fff;
    line-height: 2;
}

.vieedtbtn:hover {
    background: #cc0000;
    color: #fff;
}

.vieedtbtn {
    background: #202020;
    display: table;
    color: #fff;
    text-transform: uppercase;
    font-family: 'pt_sans_captionregular', arial, cambria;
    padding: 0.5em 1em;
    font-size: 150%;
    -webkit-box-shadow: 0px 0 2px 2px #f4f3f3;
    -ms-box-shadow: 0px 0 2px 2px #f4f3f3;
    -o-box-shadow: 0px 0 2px 2px #f4f3f3;
    box-shadow: 0px 0 2px 2px #f4f3f3;
    margin: 1em 1.2em;
    float: right;
}

.total1 {
    background: #777777;
    width: 100%;
    float: left;
    margin: 3em 0;
}

.ftyrssub {
    width: 100%;
    float: left;
    margin: 0.2em auto 0 auto;
    padding: 0;
    background: #ffffff;
}

.ftyrssub ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0;
}

.viewgtn {
    width: calc(100% - 50px);
    float: left;
    margin-right: 50px;
    padding: 0;
}

.ftyrssub ul li {
    float: left;
    color: #515151;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 20%;
    /* padding: 1em 0; */
    text-align: left;
    line-height: 3;
    height: 50px;
}

.ftyrssub ul li.imgpad {
    padding: 0.4em 0 0.2em 0;
    background: url(../images/tyre/imgTyrestand.png) left 62px no-repeat;
    background-size: 60px;
}

.rearDetail,
.addtyreDetail {
    width: 100%;
    float: left;
    margin: 2em 0 1em 0;
    padding: 0 0 0 50px;
}

.statusProfile,
.statusdetail {
    width: 100%;
    float: left;
    margin: 0;
    padding: 2em 0;
    border-top: 1px solid #c1c1c1;
}

.topHeadPro {
    background: #777777;
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    height: 50px
}

.addtyreDetail {
    background: #ffffff;
    padding: 3em 0 3em 4%;
}

.addtyreDetail h4 {
    color: #a4a4a4;
    font-family: 'robotoregular';
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 2em
}

.vbbtn {
    background: #202020;
    display: table;
    color: #fff;
    text-transform: uppercase;
    font-family: 'pt_sans_captionregular', arial, cambria;
    padding: 0.5em 1em;
    font-size: 150%;
    -webkit-box-shadow: 0px 0 2px 2px #f4f3f3;
    -ms-box-shadow: 0px 0 2px 2px #f4f3f3;
    -o-box-shadow: 0px 0 2px 2px #f4f3f3;
    box-shadow: 0px 0 2px 2px #f4f3f3;
    margin: 1em 0;
    float: right;
}

.rearDetail h4 {
    float: left;
    color: #e30613;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
}

.serviceDetail {
    width: 98%;
    float: left;
    margin: 0.5em 1% 0;
    background: #ffffff;
    padding: 2em 0 1.5em 0;
}

.tyreLhs,
.totallhs {
    width: 50%;
    float: left;
    margin: 0;
    position: relative
}

.serviceDetail .customChecks [type="checkbox"]:not(:checked)+label,
.serviceDetail .customChecks [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 46px;
    cursor: pointer;
    font-weight: normal;
    outline: 0;
}

.serviceDetail .customChecks [type="checkbox"]:not(:checked)+label:before,
.serviceDetail .customChecks [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: -2px;
    width: 17px;
    height: 17px;
    border: 1px solid #666;
    background: #fff;
    -webkit-box-shadow: inset -2px -2px 2px #c9c9c9;
    -moz-box-shadow: inset -2px -2px 2px #c9c9c9;
    box-shadow: inset -2px -2px 2px #c9c9c9;
    outline: 0;
}

.serviceDetail .customChecks [type="checkbox"]:not(:checked),
.serviceDetail .customChecks [type="checkbox"]:checked {
    position: absolute;
    top: 0px;
    left: 15px;
}

.serviceDetail .customChecks [type="checkbox"]:not(:checked)+label:after,
.serviceDetail .customChecks [type="checkbox"]:checked+label:after {
    content: '✔';
    position: absolute;
    top: -2px;
    left: 11px;
    font-size: 23px;
    line-height: 0.8;
    color: #0072bc;
    transition: all .2s;
    outline: 0;
}

.txtAgree1 {
    color: #515151;
    font-size: 2em;
    font-family: 'bebasregular', arial, cambria;
}

.tyreLhs h5 {
    color: #515151;
    font-size: 2em;
    padding: 0 8%;
}

.tyreRhs,
.totalrhs {
    width: 50%;
    float: right;
    margin: 0;
    padding: 0
}

.tyreRhs ul {
    width: 100%;
    float: right;
    mrgin: 0;
    padding: 0
}

.tyreRhs ul li {
    float: right;
    width: 30%;
    font-size: 2em;
    text-transform: uppercase;
    font-family: 'bebasregular';
}

.total {
    background: #777777;
    width: 100%;
    float: left;
    margin: 3em 0;
}

.total ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0;
}

.total ul li {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 16.5%;
    text-align: left;
    line-height: 2.4;
    height: 44px;
}

.totallhs h3 {
    color: #ffffff;
    font-size: 2em;
    text-decoration: none;
    float: left;
    padding: 0 0 0 10%;
    font-family: 'bebasregular', arial, cambria;
}

.totalrhs h3 {
    color: #ffffff;
    font-size: 2em;
    padding: 0 0 0 0;
    text-decoration: none;
    font-family: 'bebasregular', arial, cambria;
    margin-right: 280px;
}

.Rfound1 {
    background: #f2f2f2;
    padding: 0.5em 5% 1em 5%;
    float: left;
    width: 100%;
    margin: 1em 0 0;
}

.Rtxt1 {
    margin: 1em 0 0 0;
    font-size: 250%;
    color: red;
}

.pager-load-more a {
    background: #cc0000;
    width: 150px;
    font-size: 170%;
    text-transform: capitalize;
    color: #fff;
    padding: 0.5em;
    text-align: center;
    margin: 0 auto;
    border-radius: 7px;
}

.pager-load-more a:hover {
    background: #000
}

.searchIcon {
    background: url(../images/icons/imgSearch.png) no-repeat 0 0;
    width: 93px;
    height: 91px;
}

.searchIcon.addServ {
    background: url(../images/icons/imgAddserc.png) no-repeat 0 center;
}

.searchIcon.atccProfile {
    background: url(../images/icons/imgProfile.png) no-repeat 0 center;
}

.searchIcon.bookAppoint {
    background: url(../images/icons/imgBookanApp.png) no-repeat 0 0;
}

.searchIcon.yourCart,
.searchIcon.yourDetailsico {
    background: url(../images/detail.png) no-repeat 0 4px;
}

.reshWrap h3,
.reshWrap span {
    font-family: 'robotomedium';
    text-transform: uppercase;
    font-size: 159%;
    font-weight: bold;
}

.reshWrap span {
    font-weight: normal;
    font-size: 100%;
    display: inline-block;
}

.reshWrap {
    float: right;
    width: 60%;
    margin: 0;
}

.reshWrap li {
    float: right;
}

.reshWrap li.reSchbtnw {
    margin: 0 0 0 1em;
}

.reshWrap li.odNumw {
    margin: 3em 2%;
}

.orderRowo a.back {
    padding: 2em 1em 0em 1em;
    font-size: 150%;
    position: relative;
    top: -1.5em;
    left: -11px;
}

.orderRoL {
    width: 28%;
}

.oProductw,
.prod {
    position: relative;
    z-index: 2;
}

.oProductw {
    min-height: 160px;
    background: url(../images/detailImgbottom.png) no-repeat center bottom;
    padding: 0 0 1.8em 0;
    background-size: 175px;
}

.oProductw img {
    margin: auto;
}

.prodBott {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: -2em;
    width: 65%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cartPagew {
    padding: 5em 0;
}

.orderRowo,
.innPagecommRow {
    padding: 0 4% 4em 4%;
    margin: 0 0 1em 0;
    position: relative;
}

.innPagecommRow1 {
    padding: 0 0 1em 0;
}

.orderRowo1 {
    padding: 0 2% 1em 2%;
    margin: 0 0 1em 0;
    position: relative;
}

.userNote1 {
    font-family: 'robotolight', arial, cambria;
    position: absolute;
    bottom: 100.5%;
    left: 3%;
    font-size: 2em;
    text-shadow: 0 0 #000;
}

.ftyrsdetail1 {
    width: 100%;
    float: left;
    margin: 1.5em 0;
    padding: 0 0 0 0
}

.ftyrsdetail1 ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0;
}

.ftyrsdetail1 ul li {
    float: left;
    color: #e30613;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 16.5%;
    text-align: left;
}

.totalrhs h4 {
    color: #ffffff;
    font-size: 2em;
    padding: 0 62%;
    text-decoration: none;
    font-family: 'bebasregular', arial, cambria;
}

.ftyrssubdetail1 {
    width: 100%;
    float: left;
    margin: 0.2em auto 0 auto;
    padding: 0;
    background: #ffffff;
}

.ftyrsdetail1 .rupees {
    font-family: 'rupee_foradianregular';
    font-size: 118%;
    color: #515151;
    display: inline-block;
    line-height: 0;
}

.ftyrssubdetail1 ul li span {
    font-size: 0.5em;
    display: block;
    margin: -20px 0 0 9px;
    line-height: 0;
}

.ftyrssub ul li span {
    font-size: 0.5em;
    display: block;
    margin: -20px 0 0 9px;
    line-height: 0;
}

.viwbtn {
    background: #202020;
    display: table;
    color: #fff;
    text-transform: uppercase;
    font-family: 'pt_sans_captionregular', arial, cambria;
    padding: 0.8em 1em;
    font-size: 2em;
    -webkit-box-shadow: 0px 0 2px 2px #f4f3f3;
    -ms-box-shadow: 0px 0 2px 2px #f4f3f3;
    -o-box-shadow: 0px 0 2px 2px #f4f3f3;
    box-shadow: 0px 0 2px 2px #f4f3f3;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 2em 0.5em;
    float: left;
}

.ftyrssubdetail1 ul {
    width: calc(100% - 50px);
    float: left;
    margin-left: 50px;
    padding: 0;
}

.ftyrssubdetail1 ul li {
    float: left;
    color: #515151;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    width: 16.5%;
    text-align: left;
    line-height: 3;
    height: 50px;
}

.ftyrssubdetail1 ul li.remove {
    font-size: 1.2em;
    padding: 1.8em 0 0;
    font-family: 'robotoregular';
}

.ftyrssubdetail1 ul li.remove a {
    color: #a4a4a4;
}

.rearDetail1,
.addtyreDetail1 {
    width: 98%;
    float: left;
    margin: 1em 1%;
    padding: 0 0 0 2%;
}

.rearDetail1 h4 {
    float: left;
    color: #e30613;
    text-transform: uppercase;
    font-family: 'bebasregular';
    font-size: 2em;
    margin: 1em 0 0;
}

.addtyreDetail1 {
    background: #ffffff;
    padding: 3em 0 3em 2%;
}

.addtyreDetail1 h4 {
    color: #a4a4a4;
    font-family: 'robotoregular';
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 2em;
}

.ftyrssubdetail1 ul li.imgpad {
    padding: 0.4em 0 0.2em 0;
    background: url(../images/tyre/imgTyrestand.png) left 62px no-repeat;
    background-size: 60px;
}

.orderRowt {
    position: relative;
    margin: 2em 0 0 0;
}

.orderRoL {
    padding: 3em 0 6em 0;
}

.orderRoR {
    width: 72%;
    padding: 3em 0 3.5em 0;
    border-left: 1px solid #aaaaaa;
    position: relative;
}

.leftTxt {
    font-family: 'pt_sans_narrowbold';
    font-size: 165%;
    color: #616161;
    margin: 0.8em 0;
    text-transform: uppercase;
    text-shadow: 0px 0px #616161;
}

.rightTxt {
    font-family: 'bebasregular', arial, cambria;
    font-size: 220%;
    color: #616161;
    letter-spacing: 0;
}

.orderDes>li {
    border-bottom: 1px solid #9e9e9e;
    padding: 0.8em 2%;
}

.orderDes>li:last-child {
    border-bottom: none;
}

.orderDes>li:last-child {
    border: none;
}

.orderDes {
    width: 60%;
    margin: 0 0 0 7%;
}

.totalTxt .leftTxt,
.totalTxt .rightTxt {
    color: #cb2225;
    text-shadow: 0px 0px #cb2225;
}

.orderDes .customChecks {
    position: relative;
    top: 0;
    float: left;
}

.addServ .rightTxt {
    font-size: 170%;
    font-family: 'robotomedium';
}

.addServ .rightTxt .rupees {
    vertical-align: middle;
}

.addServ .customChecks [type="checkbox"]:not(:checked)+label:before,
.addServ .customChecks [type="checkbox"]:checked+label:before {
    background: #acacac;
    border: none;
    outline: none;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.addServ .customChecks [type="checkbox"]:checked+label:before {
    background: #616161;
}

.addServ .customChecks [type="checkbox"]:checked+label:after {
    background: url(../images/imgCheckbg.png) no-repeat 0 0;
    top: 6px;
    left: 3px;
    height: 10px;
    width: 16px;
    content: " ";
    color: inherit;
}

.agreeSec .customChecks [type="checkbox"]:not(:checked),
.agreeSec .customChecks [type="checkbox"]:checked {
    top: 4px;
    right: 250px;
    position: absolute;
    visibility: hidden
}

.addServ .customChecks [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.addServ label:hover:before {
    border: none !important;
}

.servName {
    color: #515151;
    font-size: 159%;
    text-shadow: 0.2px 0.2px #000;
}

.rupees {
    font-family: 'rupee_foradianregular';
    font-size: 118%;
    padding: 0 0.2em;
}

.addServ>li {
    margin: 1.2em 0;
}

.prodnDetail {
    float: left;
    width: 100%;
    text-align: center;
    margin: 2.2em 0 1em 0;
}

.prodtName {
    font-size: 268%;
    color: #cb2225;
    margin: 0 0 0.1em 0;
}

.prodtNum {
    font-family: 'robotolight', arial;
    border-bottom: 1px solid #a7a7a7;
    color: #ec2229;
    display: inline;
    padding: 0 4% 0.6em 4%;
    font-size: 170%;
}

.bckBtn {
    float: left;
    font-size: 150%;
    margin: 0.75em 0 0 2%;
    text-decoration: underline;
    font-family: 'robotomedium', arial, cambria;
    text-transform: uppercase;
    color: #000;
}

.persDetails::before {
    left: 0;
}

.appDetails,
.persDetails {
    position: relative;
    width: 100%;
    padding: 3em 0 1em 0;
}

.detRowo {
    font-size: 180%;
    padding: 0 5%;
    color: #515151;
}

.bordWbtxt {
    color: #616161;
    font-size: 180%;
    font-family: 'robotomedium', arial, cambria;
    text-transform: uppercase;
    padding: 0 0 0.3em 0;
    text-shadow: 0px 0px #616161;
}

.detTxtall {
    font-size: 159%;
    color: #515151;
    font-family: 'pt_sans_captionregular';
    margin: 0.2em 0 0 0;
    line-height: 1.3;
    text-shadow: 0 0 #000;
    word-wrap: break-word;
}

.detDivide {
    width: calc(100% - 2%);
    margin: 3em 1% 0;
}

.detDivide>li {
    width: 50%;
}

.detDivide>li.leftSide {
    width: 50%;
    padding: 1em 0 0 9%;
    margin: 0 0 0 0%;
}

.detDivide>li.rightSide {
    width: 47%;
    padding: 0 0 0 0;
    margin: 0 0 0 1%;
}

.subDivide>li {
    background: #ffffff;
    PADDING: 1.6em;
    margin: 0 0 0.5em 0;
    float: left;
    width: 100%
}

.subDivide select {
    float: left
}

.subDivide>li.noBg {
    background: none;
}

rightSide .subDivide>li {
    background: #ffffff;
    PADDING: 1.1em;
    margin: 0 0 0.5em 0;
}

.subDivide>li .customChecks {
    top: 0;
    position: relative;
    margin: 1em 0 2em;
}

.subDivide>li .customChecks label {
    font-size: 160%;
    font-weight: normal;
}

.twoDetailsw {
    border-bottom: 1px solid #bfbfbf;
}

.persDetails .detDivide>li.leftSide {
    width: 55%;
}

.emailFd {
    word-wrap: break-word;
}

.canTxt {
    font-family: 'pt_sans_captionregular', arial, cambria;
    color: #666666;
    font-size: 130%;
    display: block;
    padding: 2em 0;
}

.orderConOptions {
    float: right;
}

.orderConOptions li {
    float: left;
    margin: 0 2em 0 0;
}

.orderConOptions li:last-of-type {
    margin: 0;
}

.canWrap {
    padding: 5em 4% 2em 1.5%;
}

.canWrap .searchBtn {
    float: right;
}

.listStyle.floRight {
    width: 80%;
    text-transform: none;
    padding: 2% 0 0 0;
}

.wheelAlignment .floLeft {
    margin: 3em 0;
    width: 26%;
}

.wheelAlignment .floLeft img {
    width: 100%;
}

.wheelAlignment .listStyle.floRight {
    width: 70%;
}


/*.floRight {
	text-transform: uppercase;
	float: right;
}*/

.lBold {
    font-weight: bold;
    font-style: normal;
}

.italic {
    font-style: italic;
}

.editBtn {
    float: left;
    font-size: 150%;
    margin: -0.25em 0 0 2%;
    text-decoration: underline;
    font-family: 'robotomedium', arial, cambria;
    text-transform: uppercase;
    color: #e30613;
    font-weight: bold;
}

.editBtn:hover {
    color: #ec2229;
    text-decoration: underline;
}

.userNote {
    font-family: 'robotolight', arial, cambria;
    position: absolute;
    bottom: 101.5%;
    left: 5%;
    font-size: 150%;
    text-shadow: 0 0 #000;
}

.orderDes .editBtn {
    margin: 0.6em 0 0.6em 0.7em;
}

.txtAgree {
    font-family: 'robotolight', arial, cambria;
    font-size: 150%;
    color: #000000;
    text-shadow: 0 0 #000;
}

.customChecks.noPos {
    position: relative;
    top: 0;
}

.loaderBg {
    /*background: rgba(0, 0, 0, 0.89) url(../images/imgTyreloader.GIF) no-repeat center center;*/
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7) center center;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-size: 65px;
}

.highlight {
    display: inline;
    color: #ca2326;
    text-decoration: underline;
}

.highlight:hover {
    color: #ca2326;
    text-decoration: underline;
}

.agreeSec .reSchbtn {
    margin: 0.1em 1em 0 0;
}

.agreeSec .searchBtn {
    display: inline-block;
    float: left;
}

.agreeSec .errorMess {
    margin: 0.5em 0;
    float: none;
    display: block;
}

.innerPagew {
    padding: 2em 2%;
}

.pagenotF {
    text-align: center;
    padding: 20% 0 0;
    height: 100vh;
}

.pagenotF .reSchbtn {
    float: none;
    margin: auto;
    display: inline-block;
}

.txtpnRow1 {
    font-size: 390%;
}

.txtpnRow2 {
    font-size: 480%;
    margin: 0.55em 0;
}

.noAccess .txtpnRow2 {
    font-size: 300%;
}

.noAccess .txtpnRow1 {
    font-size: 420%;
}

.accIcon,
.iconLeft.userIcon {
    background: url(../images/imgAccount.png) no-repeat center 1em;
}

.yourOrder .accIcon,
.rupeesIcon {
    background: url(../images/imgnRupees.png) no-repeat center 1em;
}

.commTxt,
.commArea {
    border: 1px solid #9a9a9a;
    outline: none;
    background: #f7f7f7;
    color: #3e2e2e;
    font-family: 'robotolight', arial, cambria;
    font-size: 160%;
    padding: 0.35em 1%;
    width: 100%;
    height: 100%;
}

.ordertxtH,
.profileUser label {
    color: #727272;
    font-size: 1.8em;
    font-family: 'pt_sans_narrowbold';
    margin: 0 0 0.4em 0;
}

.ordertxtH {
    margin: 0
}

.yourAcc>li {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
    padding: 0 2em;
}

.yourAcc>li:last-child {
    border: none;
}

.yourAccinn>li {
    position: relative;
    margin: 0 0 3em 0;
}

.yourAcc .errorMess {
    margin: 0.1em 0 0.2em 0;
    font-size: 120%;
}

.profileContent {
    border-bottom: 1px solid #bebdbd;
    margin: 0 0 0 6%;
    padding: 0 0 5.5em;
    width: 94%;
}

.profileContent a.btn {
    margin: 1.5em 0 0 1em;
}

.odImgw {
    border: 1px solid #989898;
    background: #fff;
    width: 100%;
}

.youOrderw>li {
    width: 18%;
}

.yourOrder .youOrderw>li {
    width: 20%;
}

.odImgw img {
    width: 65%;
    margin: 1em auto;
}

.yoTitleone {
    font-family: 'robotomedium', arial, cambria;
    text-transform: uppercase;
    font-size: 136%;
    color: #727272;
}

.yoTitletwo {
    font-size: 180%;
    color: #cb2225;
    margin: 0.9em 0 0;
    line-height: 1.3;
}

.yoTitlethree {
    line-height: 1;
    font-size: 123%;
    color: #ec2229;
    font-family: 'robotolight', arial, ;
}

.youOrderw>li.orderOth {
    min-height: 95px;
    border-right: 1px solid #727272;
    padding: 1em 2% 0;
    width: 14%;
    margin: 1em 0 0 0;
}

.youOrderw>li.serviceOth {
    min-height: 95px;
    border-right: 1px solid #727272;
    padding: 1em 2% 0;
    width: 20%;
    margin: 1em 0 0 0;
}

.smallBtn {
    margin: 1.5em 0 0 2em;
    padding: 0.7em 1em;
}

.youOrderw {
    margin: 2em 0 0 8%;
    width: 92%;
}

.yourAccw {
    position: relative;
}

.editBtnright {
    color: #ec2229;
    font-size: 165%;
    position: absolute;
    right: 0;
    bottom: 110%;
    text-decoration: underline;
}

.fieldNametxt {
    text-shadow: 0 0 #000;
    font-family: 'pt_sans_captionregular';
    font-weight: normal;
    font-size: 1.6em;
    color: #515151;
    margin: 0.12em 0 0 0;
    line-height: 1.3;
}

.edtbtn {
    background: #202020;
    display: table;
    color: #fff;
    text-transform: uppercase;
    font-family: 'pt_sans_captionregular', arial, cambria;
    padding: 0.5em 1em;
    font-size: 150%;
    -webkit-box-shadow: 0px 0 2px 2px #f4f3f3;
    -ms-box-shadow: 0px 0 2px 2px #f4f3f3;
    -o-box-shadow: 0px 0 2px 2px #f4f3f3;
    box-shadow: 0px 0 2px 2px #f4f3f3;
    margin: 1em 1.2em;
    float: left;
}

a.edtbtn:hover {
    background: #cc0000;
    color: #FFFFFF;
}

.addreFd {
    line-height: 1.4;
}

.yourOrder {
    padding: 3em 0%;
}

.btnWrap {
    display: inline-block;
    margin: 1em auto 1em auto;
    width: 100%;
    text-align: center;
}

.btnWrap span {
    color: #000;
    font-size: 1.8em;
    padding: 0 1em
}

.btnWrap .buyBtn {
    float: none;
    margin: auto;
    text-align: center;
    width: 195px;
    background: #333333;
    display: inline-block;
    text-transform: uppercase;
}

.btnWrap .tyre {
    background: #000000;
}

.btnWrap .buyBtn:hover {
    background: #cc0000;
}

.yourDetailsp .yourAcc {
    border-bottom: none;
    padding: 0 0 2em;
}

.commBtn {
    float: left;
}

.yourDetailsp {
    background: none;
}


/**menu starts**/

.menuWrap,
.menuList {
    float: left;
    width: 100%;
}

.menuWrap .menuList li {
    display: inline-block;
    padding: 0 0.8em;
    text-align: center;
}

.menuItem {
    font-weight: bold;
    font-size: 150%;
    color: #fff;
    float: left;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    padding: .4em .4em;
    line-height: 1;
}

.popTitle1 {
    font-family: 'pt_sans_captionregular', arial, cambria;
    /* font-weight: bold; */
    font-size: 140%;
    margin: 0em 0.8em 1.5em;
}

.popup2 .close {
    color: #000;
    font-size: 3.5em;
    line-height: 0;
    position: absolute;
    right: 0.2em;
    text-decoration: none;
    top: 0.5em;
    transition: all 200ms ease 0s;
}

.history {
    background: url(../images/history.png) no-repeat 0 10px;
    width: 85px;
    height: 95px;
}

.mac-os .menuItem {
    padding: .6em .8em .4em .8em;
    font-size: 130%;
}

.menuItem:hover,
.menuItemActive {
    background: #ff6b01;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
}

.menuItem:hover::before,
.menuItemActive::before {
    background: #ffe700;
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin: -4px 0 0;
    display: inline-block;
    border-radius: 50%;
}

#nav-toggle {
    display: none;
    cursor: pointer;
    height: 46px;
    padding: 20px 40px 20px 5px;
    position: absolute;
    right: 1em;
    top: 1.5em;
    width: 40px;
    z-index: 1001;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2.5px;
    width: 25px;
    background: #E20612;
    position: absolute;
    display: block;
    content: '';
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    left: 10px;
}

#nav-toggle span:before {
    top: -10px;
    left: 0;
}

#nav-toggle span:after {
    bottom: -10px;
    left: 0;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
    background: #E20612;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    background: #ff6a00;
}

#nav-toggle.active span::after {
    background: #E20612;
}


/**menu ends**/


/*profileUser start*/

.profileUser .form-item,
.profileUser .password-suggestions.description,
.profileUser .form-actions {
    width: 100%;
    float: left;
}

.profileUser label {
    text-transform: uppercase;
    font-weight: normal;
}

.profileUser div.form-item div.password-suggestions {
    border: none;
    width: 100%;
    display: none !important;
}

.profileUser .password-suggestions.description li,
.profileUser .password-suggestions.description {
    font-size: 155%;
    color: red;
    margin: 0;
    padding: 0;
}

.profileUser .password-suggestions.description li {
    font-size: 100%;
}

.profileUser .form-text {
    /*background: #f7f7f7;
	border: 1px solid #9a9a9a;
	color: #9c9c9c;
	font-family: "robotolight", arial, cambria;
	font-size: 160%;
	outline: medium none;
	padding: 0.35em 1%;
	width: 100%;*/
    border: 1px solid #9a9a9a;
    color: #727272;
    font-family: "pt_sans_captionregular", arial, cambria;
    font-size: 170%;
    min-width: 240px;
    padding: 0.5em 0.8em;
    width: 100%;
}

.profileUser .form-item.form-type-password {
    position: relative;
}

.profileUser .password-strength {
    display: none;
    position: absolute;
    bottom: 70%;
    right: 0;
    font-size: 140%;
}

.profileUser .password-strength-text {
    font-weight: normal;
}

.profileUser .form-submit {
    border: none;
    outline: none;
    background: #cb2225 none repeat scroll 0 0;
    box-shadow: 0 0 2px 2px #f4f3f3;
    color: #fff;
    float: left;
    font-size: 160%;
    margin: 1em 0 0;
    padding: 0.7em 2.5em;
    text-transform: uppercase;
    font-family: 'robotomedium', arial, cambria;
}

.profileUser .form-actions .msg {
    color: red;
    font-size: 160%;
}

.profileUser .password-suggestions.description {
    display: none;
}

.profileUser .form-item.form-type-password {
    margin: 0 0 2em 0;
    position: relative;
    width: 100%;
}

.profileUser .form-item input.error,
.profileUser .form-item textarea.error,
.profileUser .form-item select.error {
    border: 1px solid red;
}

.profileUser div.password-confirm {
    font-size: 165%;
    float: right;
    text-align: right;
    width: auto;
    position: absolute;
    bottom: 68%;
    right: 0;
}

.profileUser .form-item {
    width: 50%
}


/*profileUser end*/


/*dasboard start*/

.view-store-dashboard-check {
    padding: 3em 5% 1em;
    height: 100%;
    min-height: 750px;
    float: left;
    width: 100%;
    float: left;
}

.view-store-dashboard-check .form-text {
    background: #f7f7f7;
    border: 1px solid #464646;
    color: #727272;
    font-size: 160%;
    outline: medium none;
    padding: 0.55em 1%;
    width: 100% !important;
}

.view-store-dashboard-check label {
    text-transform: uppercase;
    font-weight: normal;
    color: #727272;
    font-family: "robotomedium", arial;
    font-size: 159%;
    margin: 0 0 0.4em;
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget {
    width: 24.8%;
    padding: 0 1em;
    min-height: 82px;
}

#edit-field-current-booking-date-time-value-wrapper {
    width: 100% !important;
}

.bookingDateWrapper {
    display: flex;
}

.bookingDateWrapper #edit-field-current-booking-date-time-value-wrapper {
    width: 100% !important;
    padding: 0;
}

.bookingDateWrapper #edit-field-current-booking-date-time-value-wrapper>label {
    margin-left: 10px;
}

.bookingDateWrapper #edit-field-current-booking-date-time-value-min-wrapper,
.bookingDateWrapper #edit-field-current-booking-date-time-value-max-wrapper {
    width: calc(50%);
    margin: 0;
    padding: 0 1em;
}

#edit-field-current-booking-date-time-value-min-wrapper,
#edit-field-current-booking-date-time-value-max-wrapper {
    width: 50%;
    float: left;
    margin: 0 0 2em 0;
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value #edit-field-contract-period-value-max-wrapper {
    padding-right: 5px;
}

.view-store-dashboard-check #views-exposed-form-store-dashboard-check-page-1 .views-exposed-form .views-exposed-widget {
    width: 24.7%;
}


/*
.hasDatepicker, .date-padding input {
    max-width: 229px;
}*/


/*.views-widget-filter-field_store_id_order_target_id {
	display: none;
}*/

#views-exposed-form-store-dashboard-check-page-1 .views-widget-filter-field_store_id_order_target_id {
    display: block;
}

.view-store-dashboard-check .views-exposed-widget.views-submit-button {
    clear: both;
    /*padding: 0;*/
}

.view-header {
    font-size: 195%;
    margin: 1em .5em;
    color: #484747;
    font-family: 'pt_sans_narrowbold';
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget .form-submit {
    background: #cb2225 none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 0 2px 2px #f4f3f3;
    color: #fff;
    float: left;
    font-family: "robotomedium", arial, cambria;
    font-size: 160%;
    margin: 1em 0 0;
    outline: medium none;
    padding: 0.7em 2.5em;
    text-transform: uppercase;
}

.view-store-dashboard-check .date-padding,
.view-store-dashboard-check .form-item {
    width: 100%;
}

.view-store-dashboard-check .views-widget>div {
    margin: 0 0 2em 0;
}

.view-store-dashboard-check .form-item .description {
    color: #727272;
    font-size: 155%;
}

.view-store-dashboard-check .views-exposed-widget>label {
    margin: 0;
}

.view-store-dashboard-check .form-select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #464646;
    color: #727272;
    font-size: 160%;
    outline: medium none;
    padding: 0.5em 3.5em 0.6em 0.5em;
    /*width: 183px;*/
    background: #f2f2f2 url(../images/imgSelect.png) no-repeat 90% center;
    width: 100%;
}

.view-store-dashboard-check .views-table,
.view-buy-atcc .views-table {
    border-collapse: collapse;
    width: 100%;
}

.view-store-dashboard-check .views-table tr:nth-of-type(2n+1),
.view-buy-atcc .views-table tr:nth-of-type(2n+1) {
    background: #f4f2f3 none repeat scroll 0 0;
}

.view-store-dashboard-check th,
.view-buy-atcc th {
    background: #cb2225 none repeat scroll 0 0;
    color: #fff;
    font-weight: normal;
}

.view-store-dashboard-check td a,
.view-buy-atcc td a {
    color: #cb2225;
}

.view-store-dashboard-check td a:hover,
.view-buy-atcc td a:hover {
    color: #000;
    text-decoration: underline;
}

.fulfilled {
    background: #3FD73F;
}

.view-store-dashboard-check td,
.view-store-dashboard-check th,
.view-buy-atcc td,
.view-buy-atcc th {
    border: 1px solid #919090;
    font-size: 140%;
    padding: 0.6em;
    text-align: center;
}

.view-store-dashboard-check th a,
.view-buy-atcc th a {
    color: #fff;
    text-decoration: underline;
}

.view-store-dashboard-check .view-content {
    margin: 1em 0 0;
    overflow-y: scroll;
}

.view-buy-atcc .view-content {
    margin: 1em 0 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.nicescroll-cursors {
    top: auto !important;
    bottom: 0;
}

.view-store-dashboard-check .views-exposed-form .views-widget-filter-field_booking_date_value,
.view-store-dashboard-check .views-exposed-form .views-widget-filter-field_current_booking_date_time_value {
    width: 100%;
    margin: 0 0 3em 0;
}

#edit-field-booking-date-value-min-wrapper,
#edit-field-booking-date-value-max-wrapper,
#edit-field-current-booking-date-time-value-min-wrapper,
#edit-field-current-booking-date-time-value-max-wrapper {
    float: left;
    margin: 0 2.3% 0 0;
    width: 23%;
}

#edit-field-current-booking-date-time-value-max-wrapper {
    margin: 0;
}

.view-store-dashboard-check .item-list-pager li,
.view-buy-atcc .item-list-pager li {
    float: left;
    font-size: 180%;
    margin: 5px;
}

.view-store-dashboard-check .item-list-pager li.pager-next a,
.view-store-dashboard-check .item-list-pager li.pager-last a,
.view-store-dashboard-check .item-list-pager li.pager-first a,
.view-store-dashboard-check .item-list-pager li.pager-previous a,
.view-buy-atcc .item-list-pager li.pager-next a,
.view-buy-atcc .item-list-pager li.pager-last a,
.view-buy-atcc .item-list-pager li.pager-first a,
.view-buy-atcc .item-list-pager li.pager-previous a {
    background: #cb2225 none repeat scroll 0 0;
    box-shadow: 0 0 2px 2px #f4f3f3;
    color: #fff;
    float: left;
    font-size: 15px;
    padding: 0.5em 0.8em;
    text-transform: uppercase;
}

.view-store-dashboard-check .item-list-pager li.pager-next,
.view-store-dashboard-check .item-list-pager li.pager-last,
.view-store-dashboard-check .item-list-pager li.pager-first,
.view-store-dashboard-check .item-list-pager li.pager-previous,
.view-buy-atcc .item-list-pager li.pager-next,
.view-buy-atcc .item-list-pager li.pager-last,
.view-buy-atcc .item-list-pager li.pager-first,
.view-buy-atcc .item-list-pager li.pager-previous {
    margin: 0;
}

.view-empty {
    margin: 1.5em auto;
    text-align: center;
    font-size: 1.8em;
    font-family: 'bebasregular', arial, cambria;
    word-spacing: 5px;
}


/*dasboard end*/

.staticPages {
    height: 100vh;
}

.commTxts {
    margin: 0.5em 0 0 0;
    font-size: 300%;
}

.fullWidth.twoDetailsw.storemDash .persDetails {
    width: 70%;
    float: left;
}

.twoDetailsw.storemDash .persDetails {
    width: 100%;
    float: left;
}

.persDetails {
    padding: 3em 0 1em 7%;
}

.storemDash .persDetails .detDivide>li.leftSide,
.storemDash .persDetails .detDivide>li.rightSide {
    width: 33.33%;
    padding: 0 2.5%;
    min-height: 200px;
}

.fullWidth.storemDash .persDetails .detDivide>li.leftSide,
.fullWidth.storemDash .persDetails .detDivide>li.rightSide {
    width: 50%;
}

.fullWidth.storemDash .persDetails li.leftSide {
    padding: 0 2.5% 0 0;
}

.appoDetails {
    float: right;
    width: 30%;
    padding: 3em 1% 1em 0;
}

.appoDetails h3.detRowo {
    padding: 0 0 0 13px;
}

.appoDetails .detDivide>li.rightSide {
    width: 90%;
    border-left: 1px solid #808080;
    min-height: 200px;
}

.storemDash {
    border-bottom: none;
}

.storemDash .orderSelect {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #464646;
    color: #727272;
    font-size: 160%;
    outline: medium none;
    padding: 0.4em 3.5em 0.4em 0.5em;
    background: #f2f2f2 url(../images/imgSelect.png) no-repeat 90% center;
    width: 100%;
    margin: 0.4em 0 0 0;
}

.storemDash .persDetails::before {
    border: none;
}

.errorMess.succTxt {
    color: green;
    margin: 1em 0 0 0;
}

.addServ.noCheck .servName,
.addServ.noCheck input {
    pointer-events: none;
}

.imgFeatw img {
    width: 100%;
}

input:-webkit-autofill {
    background: #f7f7f7;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset;
}

.addServices .btn {
    clear: both;
}

.whBalq select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #464646;
    color: #727272;
    font-size: 160%;
    outline: medium none;
    padding: 0.4em 3.5em 0.4em 0.5em;
    background: #f2f2f2 url(../images/imgSelect.png) no-repeat 90% center;
    width: 50%;
    margin: 0.4em 0 0 0;
}

.mnm select {
    width: 100%;
    background: #f2f2f2 url(../images/imgSelect.png) no-repeat 95% center;
}

.whBalq select option {
    margin-left: 10px;
}

.contactUs .thankyouTxt {
    font-size: 210%;
    line-height: 1.4;
    margin: 1em 6%;
    text-align: center;
}

.yourDetails {
    min-height: 700px;
}

.noBg {
    background: none;
}

.storeName {
    position: relative;
    float: right;
    font-size: 2em;
    color: #E20612;
    font-family: 'bebasregular', arial, cambria;
    text-transform: uppercase;
    padding: .5em;
}

.storeName span {
    color: #907878;
}

.counter {
    z-index: 1;
    position: absolute;
    right: 4.5em;
    top: 7em;
    color: #ffffff;
    font-family: 'robotomedium', arial, cambria;
    border: 1px solid #d22427;
    padding: 1.8em 0.8em 0.8em 0.8em;
    width: 140px;
    text-align: center;
    height: 50px;
}

.timehead p {
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #000;
    width: 68%;
    font-size: 180%;
    font-weight: bold;
}

.counter ul {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 85%;
    bottom: -10px;
}

.counter ul li {
    float: left;
    font-size: 210%;
    background: #d22427;
    min-width: 50px;
}

.counter ul li h4 {
    -webkit-box-shadow: inset -2px -1px 9px 1px rgba(124, 21, 23, 1);
    -moz-box-shadow: inset -2px -1px 9px 1px rgba(124, 21, 23, 1);
    box-shadow: inset -2px -1px 9px 1px rgba(124, 21, 23, 1);
    padding: 0.6em 0.5em 0.3em 0.5em;
    color: #fff;
    display: block;
    border: 1px solid transparent
}

.counter ul li:nth-child(2) {
    background: #F5F5F5;
    color: #d22427;
    min-width: 14%;
    font-size: 250%;
    float: left;
    display: inline-block;
    font-family: 'bebasregular', arial, cambria;
    line-height: 1.5;
    width: 14%;
}

.counter ul li:last-child h4 {
    -webkit-box-shadow: inset -2px -1px 9px 1px rgba(124, 21, 23, 1);
    -moz-box-shadow: inset -2px -1px 9px 1px rgba(124, 21, 23, 1);
    box-shadow: inset -2px -1px 9px 1px rgba(124, 21, 23, 1);
}

.counter ul li:last-child {
    float: right;
    background: #d22427;
    color: #d22427;
}

.tyreContent .toLeft {
    float: left;
}

.linkTe {
    font-family: "bebasregular", arial, cambria;
    font-size: 200%;
    margin: 1em 0;
    word-spacing: 5px;
}

.abSelect {
    display: none;
}

.whmrf .subh {
    margin: 2em 0 0;
}

.homeBanner div>img,
.bigwrap div>img {
    width: 100%;
}

.homeBanner .slick-slide {
    position: relative;
}

.bannerCopy {
    color: #fff;
    position: absolute;
    left: 58%;
    width: 40%;
    top: 12em;
    padding: 0 0 0 0.8em;
}

.bannerCopy .homeBannc {
    border-left: 8px solid #cc0000;
    padding: 0 0 0 0.8em;
    float: left;
    margin-bottom: 20px;
}

.bannTxt1 {
    font-size: 432%;
    line-height: 1.25;
}

.bannTxt2 {
    font-size: 971%;
}

.bannTxt3 {
    font-size: 432%;
}

.bannTxt1,
.bannTxt2,
.bannTxt3 {
    color: #d0d0d0;
    text-shadow: -1px 1px 1px #000;
    line-height: 1.2
}

.howTb .note {
    color: #666666;
    font-size: 140%;
    text-align: center;
}

.bannSingtxt {
    font-size: 709%;
    padding: 0.2em 0 0;
    color: #ffffff;
}

.innBannerf {
    position: relative;
}

.homeBannc.innerLeft {
    bottom: 3.8em;
    left: 9%;
    right: auto;
    top: auto;
    position: absolute;
    border-left: 8px solid #cc0000;
    color: #fff;
    padding: 0 0 0 0.8em;
}

.innerMobb {
    display: none;
}

.midW {
    width: 62%;
}

.fieldInput span {
    width: 100%;
}

.contactContent .tt-input {
    background: url(../images/custSelect.png) no-repeat 95% center;
}

.aboutUspage,
.tyregPage {
    float: left;
    width: 100%;
    padding: 0.8em 0 8em;
}

.newHead {
    font-family: 'bebasregular', arial, cambria;
    font-size: 280%;
    color: #ffffff;
    padding: 0.35em 0.3em 0.05em;
    background: #DE0714;
    float: left;
    position: relative;
}

.newHead span {
    position: relative;
    z-index: 2;
}

.newHead::after {
    position: absolute;
    content: "";
    background: url(../images/bgTitle.png) no-repeat 0 0;
    width: 66px;
    height: 39px;
    top: 0;
    left: 100%;
}

.newHead::before {
    background: -moz-linear-gradient(left, rgba(180, 5, 15, 1) 0%, rgba(227, 6, 19, 0.89) 11%, rgba(227, 6, 19, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(180, 5, 15, 1) 0%, rgba(227, 6, 19, 0.89) 11%, rgba(227, 6, 19, 0) 100%);
    background: linear-gradient(to right, rgba(180, 5, 15, 1) 0%, rgba(227, 6, 19, 0.89) 11%, rgba(227, 6, 19, 0) 100%);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box {
    height: 40px;
    background: #cc0000;
    clear: both;
}

.right-skew {
    position: relative;
}

.right-skew:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    display: block;
    width: 35px;
    background: #cc0000;
    background: -moz-linear-gradient(top, #cc0000 89%, #a90b14 100%);
    background: -webkit-linear-gradient(top, #cc0000 89%, #a90b14 100%);
    background: linear-gradient(to bottom, #cc0000 89%, #a90b14 100%);
    -webkit-transform: skew(-37deg);
    -ms-transform: skew(-37deg);
    transform: skew(-37deg);
}

.left-skew {
    position: relative;
}

.left-skew:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -28px;
    display: block;
    width: 55px;
    background: red;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}

.stateGridinner,
.stateGridw,
.stateGrid,
.stateGpop,
.custExp,
.wcList,
.wcList>li,
.tyreGcont {
    float: left;
    width: 100%;
}

.stateGridw {
    margin: 2.3em 0 0;
    position: relative;
}

.stateGridinner img {
    width: 100%;
}

.stateGrid>li {
    position: relative;
    float: left;
    margin: 0 0.3em 0.3em 0;
}

.grid1 {
    width: 65%;
}

.gridContentw {
    background: -moz-linear-gradient(top, rgba(62, 61, 60, 0.49) 0%, rgba(3, 3, 4, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(62, 61, 60, 0.49) 0%, rgba(3, 3, 4, 1) 100%);
    background: linear-gradient(to bottom, rgba(62, 61, 60, 0.49) 0%, rgba(3, 3, 4, 1) 100%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.gridContent {
    position: absolute;
    text-align: center;
    bottom: 3.8em;
    color: #fff;
    padding: 0 7em;
    width: 100%;
}

.grid3 .gridContent {
    padding: 0 3em;
    bottom: 1em;
}

.stTitle {
    font-size: 240%;
    line-height: 1.3;
    color: #fdfdfd;
    font-family: 'bebasregular', arial, cambria;
    word-spacing: 5px;
}

.stTitle:hover {
    color: #fdfdfd;
}

.gridContentw:hover .statePanel {
    opacity: 1.0;
}

.stDes {
    font-size: 160%;
    line-height: 1.5;
    margin: 0.5em 0 0;
}

.gReadMore {
    color: #ffffff;
    background: #cc0000;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 138%;
    padding: 0.4em 1em;
    margin: 1.2em auto 0;
}

.gReadMore:hover {
    background: #fff;
    color: #cc0000;
}

.statePanel {
    opacity: 0.0;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    width: 100%;
}

.grid2 {
    position: relative;
    top: 4.9em;
    width: 33%;
}

.grid3 {
    width: 30%;
    clear: both;
}

.grid4 {
    width: 40%
}

.grid5 {
    width: 27.7%
}

.grid4 .gridContent {
    bottom: 1.5em;
    padding: 0 4em;
}

.grid5 .gridContent {
    padding: 0 0.5em;
    bottom: 1em;
}

.stateGpopw,
.tyreGuidepop {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
    background: #eeeeee;
    padding: 4.3em 5em 4.5em 4.3em;
}

.stateGpopw {
    height: 100%
}

.tyreGuidepop {
    position: relative;
    float: left;
}

.stateGpop .popTitle {
    font-size: 240%;
    line-height: 1.25;
}

.stateGpop>li {
    float: left;
    width: 50%;
    padding: 0 3% 0em 0;
}

#tRunner.stateGpop>li {
    padding: 0 3% 0em 0;
}

.stateGpop>li:first-child {
    position: relative
}

.stateGpop>li:first-child:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #b9b0b0;
    right: 0;
    top: 0
}

#balancing img {
    width: 80%
}

.stateGpop>li:last-child {
    padding: 0 0 11em 3%;
}

.stateGpop>li img {
    width: 100%;
}

.listgImg {
    margin: 1em 0 0 0;
}

.listgImg {
    margin: 1.2em 0 0;
}

.closegBtn {
    background: url(../images/imgClose.png) no-repeat 0 0;
    width: 48px;
    height: 49px;
    position: absolute;
    right: 1.2em;
    top: 1.2em;
}

.popPara {
    font-size: 160%;
    margin: 1.6em 0 0
}

.popSubT {
    font-size: 200%;
    color: #cc0000;
    font-family: 'pt_sans_narrowbold', arial, cambria;
}

.statePoint {
    margin: 0.6em 0 0 0;
}

.statePoint li {
    font-family: 'pt_sans_captionregular', arial, cambria;
    font-size: 160%;
    list-style-type: disc;
    margin: 0 0 0.2em 1em;
    line-height: 1.5;
}

.pointOne {
    margin: 7em 0 0 0;
}

.pointTwo {
    margin: 4.3em 0 0;
}

.custExp {
    margin: 6.8em 0 0;
}

.wcList>li {
    width: 32%;
    background: url(../images/bgPattern1.jpg) repeat 0 0;
    margin: 0 1em 0 0;
    min-height: 675px;
}

.wcList>li img {
    width: 100%;
}

.listPoints .popSubT {
    font-size: 240%;
    text-transform: uppercase;
    color: #cc0000;
}

.wcList {
    margin: 2.5em 0 0;
}

.listPoints {
    margin: 3em 1.8em
}

.listPoints .statePoint {
    margin: 2em 0 0;
}

.listPoints .statePoint li {
    margin: 0 0 1.5em 1em
}

.staticCont {
    color: #4f4e4e;
    font-size: 160%;
    padding: 0.5em 0 1.1em 0;
}

.innerMobb img {
    width: 100%;
}

.backTxt {
    color: #666666;
    line-height: 3;
    margin: 0 1em;
    font-size: 130%;
    text-transform: uppercase;
    /* text-align: center; */
    position: relative;
    z-index: 2;
    display: inline;
    /* text-decoration: underline; */
    float: left;
}

.prcd {
    float: right
}

.ftyrssubdetail ul li span {
    font-size: 0.5em;
    display: block;
    margin: -20px 0 0 9px;
    line-height: 0;
}

.prcd .backTxt {
    color: #666666;
    line-height: 3;
    margin: 1em 1em 1em 0;
    font-size: 130%;
    text-transform: uppercase;
    /* text-align: center; */
    position: relative;
    z-index: 2;
    display: inline;
    /* text-decoration: underline; */
    float: left;
}

.arrLeft {
    background: url(../images/imgBack.png) no-repeat 0 0;
    width: 5px;
    height: 6px;
    display: inline-block;
}

.searchTy .errorMess {
    color: #fff;
}

.socialIconw>li {
    float: left;
}

.socialIconw .shareW {
    width: 35px;
    height: 35px;
    padding: 0;
}

.socialIconw .shareW.facebook {
    background: url(../images/imgFacebook.jpg) no-repeat 0 0;
}

.socialIconw .shareW.twitter {
    background: url(../images/imgTwitter.jpg) no-repeat 0 0;
}

.socialIconw .shareW.youtube {
    background: url(../images/imgYoutube.jpg) no-repeat 0 0;
}

.socialIconw {
    margin: -1em 0 0;
}

.scrollTop {
    background: #cc0000;
    border: 1px solid #de0714;
    color: #fff;
    border-radius: 50%;
    bottom: 1em;
    display: block;
    height: 40px;
    line-height: 4.5;
    position: fixed;
    right: 1em;
    text-align: center;
    width: 40px;
    z-index: 10;
}

.scrollTop:hover {
    background: #B70A14;
    color: #fff;
}

.sliTitle {
    position: relative;
    font-size: 284%;
    color: #666666;
    float: left;
    border-right: 1px solid #cc0000;
    padding: 0 1em 0 0;
    width: 22%;
    width: 21%\9;
    line-height: 1.01;
}

.rightStyre {
    float: left;
    width: 78%;
    position: relative;
    padding: 0 0 0 17%
}

.mac-os .qyTxt {
    bottom: -1px
}

.qyTxt {
    bottom: -15px;
    color: #cc0000;
    font-size: 325%;
    font-style: normal;
    position: absolute;
    right: 25px;
}

.rightTyrep {
    background: url(../images/bgSection.jpg) repeat 0 0;
    padding: 3em 3.2em;
}

.sliTitle:after {
    background: url(../images/imgArrowRightn.jpg) repeat 0 0;
    width: 6px;
    height: 11px;
    position: absolute;
    content: "";
    left: 100%;
    top: 1.2em;
}

.rightTyleft {
    position: absolute;
    top: -2em;
    left: 7%;
}

.rightStyTitle {
    font-family: 'pt_sans_captionregular', arial, cambria;
    font-weight: bold;
    font-size: 170%;
}

.rightStyList {
    margin: 1.2em 0 0 1.8em;
}

.rightStyList li {
    color: #cc0000;
    list-style-type: disc;
    font-size: 160%;
    margin: 0.3em 0 0;
}

.rightStyList li span {
    color: #202020;
}

.pickTysec1 .rightStyre {
    padding: 0 0 0 3.5%;
    margin: 0;
}

.pickTysec1 .qyTxt {
    right: 25px;
    bottom: 18px;
}

.pickTysec1 .sliTitle {
    padding: 1em 1em 0.5em 0;
    font-size: 235%;
    line-height: 1.3;
}

.fullTxt {
    font-size: 170%;
}

.pickTysec2 .rightStyre {
    padding: 0 0 0 4.5%;
}

.sec2Row2 {
    margin: 3em 0 0;
}

.sec2Row2 .rightStyList {
    margin: 1.7em 0 0 1.8em
}

.sec2Row2 .imgFeatw {
    margin: 3em 0;
}

.sec2Row2 .rightStyTitle {
    width: 60%;
}

.rightAques {
    background: #E50A0E url(../images/imgQues.jpg) no-repeat 94% 4px;
    color: #fff;
    position: absolute;
    right: 0;
    font-family: 'bebasregular', arial, cambria;
    font-size: 140%;
    z-index: 100;
    bottom: 1em;
    padding: 1em;
    width: 125px;
    padding: 0.5em 2em 0.45em 1em;
    line-height: 1.2;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 1.3;
}

.rightAques.buyTyret1 {
    width: 200px;
}

.titleT1 .glow {
    display: none;
}

.rightAques.broaderTyre,
.rightAques.stockTyre {
    width: 142px;
    bottom: -4.5em;
}

.rightAques.stockTyre {
    width: 190px;
}


/*.rightAques.rightAtype2,*/

.rightAques:hover {
    color: #fff;
}

.bannSingtxt.lefttxtT2 {
    padding: 0;
}

.singleRow .grid1 {
    width: 58%;
}

.singleRow .grid2 {
    width: 41%;
    top: 0;
}

.singleRow .grid3 {
    clear: none;
    width: 38%;
}

.singleRow .gridContentw {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(250, 250, 250, 0) 50%, rgba(6, 6, 8, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(250, 250, 250, 0) 50%, rgba(6, 6, 8, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(250, 250, 250, 0) 50%, rgba(6, 6, 8, 1) 100%);
}

.tgTitle {
    font-size: 240%;
    color: #d50303;
    font-family: 'pt_sans_captionregular', arial, cambria;
    font-weight: bold;
    text-transform: uppercase;
}

.tgContent {
    color: #000;
    font-size: 160%;
    line-height: 1.45;
    margin: 0.8em 0 0;
}

.tgNav {
    float: left;
    width: 100%;
    margin: 1.9em 0 0;
}

.tgNav li {
    float: left;
    margin: 0;
    padding: 0;
}

.tgNav li a {
    position: relative;
    letter-spacing: 0;
    float: left;
    font-family: 'pt_sans_narrowbold', arial, cambria;
    font-size: 180%;
    color: #666666;
    text-transform: uppercase;
    padding: 1.7em 1.2em;
    /*padding: 1.7em 15%;*/
    color: #666666;
    text-align: center;
    border-top: 3px solid #999999;
    border-bottom: 3px solid #999999;
    line-height: 1;
    min-height: 106px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.tgNav li a:hover {
    background: #fff;
}

.tgNav li a.active {
    background: #fff;
    border-bottom: 3px solid #cc0000;
}

.tgNav li a.active::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #cc0000;
    margin: 0 0 0 -11px;
    -webkit-transform: translateX("-50%");
    -ms-transform: translateX("-50%");
    -o-transform: translateX("-50%");
    transform: translateX("-50%");
}

.tyreGcont {
    margin: 4.2em 0 0 0;
    width: 94%;
}

.imgFloleft {
    border: 1px solid #000;
    float: left;
    margin: 0 2% 0 0;
    width: 44%;
}

.tyreGcont p {
    font-size: 160%;
    color: #202020;
    line-height: 1.7;
    margin: 0 0 2em 0;
}

.paraW {
    float: left;
    width: 54%;
}

.tyreGuidepop {
    padding: 4.3em 5em 5em 4.3em;
}

.stateArtw {
    padding: 0 0 2%;
}

.stateArtw .searchBy {
    margin: 2em 0 3em 0;
    width: 100%
}

.stateArtw .searchBy>li a.active,
.stateArtw .searchBy>li a:hover {
    border: 1px solid #f2f2f2;
    background-color: #cc0000;
    color: #fff
}

.stateArtw .searchBy li a.active span,
.stateArtw .searchBy>li a span:hover {
    color: #fff
}

.popList {
    color: #fff;
    font-family: 'pt_sans_captionregular', arial, cambria;
    font-weight: bold;
    font-size: 160%;
    color: #000000;
    float: left;
    width: 100%;
}

.popList li {
    /*list-style-image: url('../images/listBgimg.png');*/
    background: url(../images/listBgimg.png) no-repeat 0 0;
    padding: 0 0 0 2.4em;
    margin: 0 0 1.8em 0;
}

.readingTCont .popList,
.upsizeCont .popList,
.uqStyle .popList {
    margin: 1.8em 0 0;
}

.tyreGcont a {
    display: inline-block;
    color: #515151;
}

.tyreGcont a:hover {
    color: #B70A14;
}

#tRunner.stateGpop>li:last-child {
    padding: 0 0 11em 3%;
}

.maintainTyre .tgNav li a {
    padding: 1.7em 0.7em;
    margin: 0;
}

.tyreGcont.checkTyre {
    margin: 4.2em 0 9em;
}

.basicdoCont .popList {
    margin: 0;
}

.downBtn {
    position: absolute;
    top: 100.5%;
    right: 0;
    background: #636262 url(../images/imgDownloadicon.png) no-repeat 20px 13px;
    font-family: 'bebasregular', arial, cambria;
    color: #fff;
    text-transform: uppercase;
    font-size: 168%;
    padding: 1.4em 1.25em 1em 3.3em;
    word-spacing: 5px;
}

.downBtn:hover {
    color: #fff;
}

.btnPdfw {
    display: none;
}

.tyreGselect {
    margin: 0.8em 0 0;
}

.tyreGselect {
    display: none;
}

.searchTy .searchBtn {
    background: #cc0000;
    color: #fff;
}

.searchTy .searchBtn:hover {
    background: #B70A14;
    color: #fff;
}


/*
.mac-os.safari #bot-line{
	top: 50px;
}*/

.appDetails .detDivide .leftSide {
    background: #ffffff url(../images/imgaddLogo.png) no-repeat 25px 30px;
}

.storeDiw .persDetails .detDivide>li.leftSide {
    background: url(../images/imgaddLogo.png) no-repeat 0 0;
    padding: 0 2.5% 0 6.5em;
}

.mac-os.safari .stateArtw .newHead {
    padding: 0.2em 0.3em 0.22em;
}

.mac-os.safari .bannSingtxt {
    padding: 0 0 0.1em 0;
}


/* Order Status Wrap starts here */

.statusWrap {
    float: right;
    width: 50%;
}

.statusWrap.shiftDown {
    padding: 5em 0 0 0;
}

.statusWrap li {
    display: inline-block;
    margin: 1em 0 1em 2%;
    text-align: right;
    width: 100%;
}

.statusWrap li:nth-of-type(4) {
    float: right;
    /*margin: 0;*/
    width: 42%;
}

.statusWrap li:nth-of-type(4) .reSchbtn {
    margin: 0 0 0 3em;
    display: inline-block;
}

.statusWrap h3,
.statusWrap span {
    font-family: 'robotomedium';
    text-transform: uppercase;
    font-size: 159%;
    font-weight: bold;
}

.statusWrap span {
    font-weight: normal;
    font-size: 100%;
    display: inline-block;
}

.orderRowo p.msgTxt {
    font-size: 160%;
    padding: 0;
    position: absolute;
    bottom: 1em;
    padding: 0 0 0 1em;
}

.orderRowo p.confirmation {
    font-size: 160%;
    padding: 1em 0 0em 0;
    width: 50%;
    float: left;
}

.orderRowo p.confirmation strong {
    font-size: 140%;
    display: block;
    color: #ca0814;
}

.tryagain {
    float: left;
    padding: 0;
    width: 50%;
}

.tryagain li {
    display: block;
    margin: 0;
    text-align: right;
    float: right;
}

.orderRowo p.msgTxt strong {
    font-size: 140%;
    display: block;
    color: #ca0814;
}

.homeBanner .slick-track {
    z-index: 1;
}

.reSchOnce:hover {
    background: #202020;
}

.disclaimerTxt {
    color: #666666;
    font-size: 140%;
    padding: 0 0 0 0.5em;
    position: absolute;
    bottom: 0.5em;
}

.video_fixed_pop {
    position: fixed;
    bottom: 0;
    z-index: 99;
    right: 70px;
    max-width: 320px;
    width: 100%;
    background: #e30613;
    height: 230px;
    transition: 0.8s;
}

.video_fixed_pop_iframe iframe {
    max-width: 315px;
    width: 100%;
    margin: auto;
    display: table;
    height: 186px;
}

.video_fixed_pop_head,
.video_fixed_pop_iframe {
    float: left;
    width: 100%;
    position: relative;
}

.video_fixed_pop_head p {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    cursor: pointer;
}

.watch_Tvc {
    background: url(../images/triangle_acc.png) no-repeat right 20px top 15px;
}

.watch_Tvc1 {
    background: url(../images/triangle_acc_up.png) no-repeat right 20px top 15px;
}

.notopen {
    bottom: -190px;
}


/* Order Status Wrap ends here */


/* Bug Resolution CSS starts here */

.mac-os.safari .bannerbuy {
    background: #e30613 url(../images/arrowbtn.png) 115px 21px no-repeat;
    padding: 0.5em 0.3em 0.5em 0em;
}

.mac-os.safari .menuWrap .menuList li.buycart {
    /*padding: .8em .5em .5em 1em;*/
    padding: 15.5px .5em .5em 1em;
}

.mac-os.safari .buycart .fa {
    line-height: 10px;
}

.mac-os.safari .grid2 {
    top: 4.1em;
}

.mac-os.safari .headwrapper {
    max-width: 1080px;
}

.mac-os.safari .nav li a {
    font-size: 135%;
    /*
	padding: 1.5em 0.2em 1.5em;*/
}


/*.mac-os.safari .nav{
	margin:.7em 0 0;
}*/


/*.mac-os.safari .menuWrap .menuList li.buycart{
	padding:1.2em .5em .5em 1em;
}*/

.bookAppointment .fieldInput.mini {
    color: #d90814;
    margin: .5em 0;
}

.mac-os.safari .ftyrsdetail .rupees {
    line-height: 1;
}

.noRfound {
    text-align: center;
}


/* Bug Resolution CSS ends here */

.noPanel .imageSec:after {
    display: none;
}

.whiteBg .listTyres {
    background: #ffffff;
}

.discTxt {
    text-shadow: 1px 0px 0px #000;
    letter-spacing: .02em;
}

.disclTxt .discTxt {
    font-size: 12px;
}

.mac-os.safari .counter ul li h4 {
    padding: 0.6em 0.5em 0.5em;
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value2 #edit-field-contract-period-value2-min-wrapper,
.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value2 #edit-field-contract-period-value2-max-wrapper {
    width: 50%;
    float: left;
    padding: 0 1.5em 0 0;
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value2 {
    width: 50%;
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value {
    width: 50%;
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value #edit-field-contract-period-value-min-wrapper,
.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value #edit-field-contract-period-value-max-wrapper {
    width: 50%;
    float: left;
    padding: 0 1.5em 0 0;
}

.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value #edit-field-contract-period-value-max-wrapper,
.view-store-dashboard-check .views-exposed-form .views-exposed-widget.views-widget-filter-field_contract_period_value2 #edit-field-contract-period-value2-max-wrapper {
    padding: 0 1em 0 .5em;
}

.atcc .view-store-dashboard-check {
    padding-top: 3em;
}

.view-store-dashboard-check .views-widget label {
    font-size: 140%;
    text-transform: capitalize;
    color: #a7a4a4;
}

.feed-icon {
    margin: 2em 0;
    float: right;
}

.feed-icon .btn {
    background: #cc0000;
}

.item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0.5em 1em .5em 0;
}

.item-list.item-list-pager {
    float: left;
    width: 100%;
    margin: 2em 0 0;
}


/* Changes for 22/6/2017 */

.noMarg .item-list.item-list-pager {
    margin: 0;
}

.threeCol .floLeft {
    width: 33.33%;
}

.yourDetails .back {
    float: right;
    font-size: 17px;
    text-transform: uppercase;
    background: #ec2229;
    color: #fff;
    padding: 10px 10px 5px 10px;
    font-family: 'bebasregular';
    font-weight: normal;
    margin-right: 2em;
}

.invalidBtn {
    cursor: not-allowed;
    background: #808080;
}

.searchBtn.invalidBtn:hover {
    background: #808080;
}


/* Changes for 22/6/2017 (Also in media query) */


/* Changes for GST pop */

.roadBlock .popup2.popGst {
    background: url(../images/gst-bg.jpg) no-repeat center;
    padding: 5em 1em 6em 13em;
    background-size: 100%;
}

.gstInr {
    color: #fff;
}

.gHd3 {
    color: #fff;
    font-size: 27px;
}

.gHd4 {
    font-size: 17px;
    margin: 10px 0 15px 0;
}

.gHd4 span {
    color: #fea1a1;
}

.gstFrmRow input,
.gstFrmRow a {
    display: inline-block;
    vertical-align: middle;
}

.gstFrmRow input,
.gstFrmRow a {
    display: inline-block;
    vertical-align: middle;
}

.btnFrm {
    background: #e30613;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
}

.gstFrm {
    float: left;
    width: 100%;
}

.gstFrmRow {
    float: left;
    width: 100%;
}

.gstFrmRow input,
.gstFrmRow a {
    float: left;
    vertical-align: middle;
}

.btnFrm {
    background: #e30613;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
}

.btnFrm {
    background: #e30613;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
}

.gfH {
    margin: 0 0 8px;
}

.frmFld {
    outline: 0;
    border: none;
    padding: 9.4px;
}

.roadBlock .popup2.popGst .close {
    color: #c5c3c3;
    font-size: 16px;
    background: #545454;
    right: 5px;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 7px;
}

.gstFrmRow .errMsg {
    float: left;
    width: 100%;
    text-shadow: 2px 1px 1px #000;
    color: #fff;
}

.email-field {
    text-transform: none;
}

.form-details-heading th {
    background-color: #343e57;
}

.details-background {
    background-color: #ffffff;
    padding: 25px 15px 0 !important;
}

.details-background table {
    width: 100%;
}

.details-background table tbody {
    border: none;
}

.form-details-label td {
    color: #59637d;
    font-size: 12px;
    text-align: left;
    background-color: #ffffff;
    padding: 0 5px 5px 5px;
    border: none;
    width: 25%;
    vertical-align: top;
    word-break: break-word;
}

.form-details-value td {
    color: #262939;
    font-size: 14px;
    text-align: left;
    padding: 0 5px 30px 5px;
    border: none;
    width: 25%;
    vertical-align: top;
    word-break: break-word;
}

.collapse-down {
    background-image: url(../images/collapse_down_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}

.collapse-up {
    background-image: url(../images/collapse_up_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}

@media screen and (min-device-width:1920px) {
    .sliTitle {
        line-height: 1.1;
    }
    .qyTxt {
        bottom: -2px;
        font-size: 325%;
    }
    .sliTitle:after {
        top: 1.5em;
    }
    .counter ul li:nth-child(2) {
        width: 14.5%;
    }
    .mac-os.safari.chrome .counter ul li h4 {
        padding: 0.3em 0.5em 0.4em 0.5em;
    }
    .newHead {
        padding: 0.15em 0.3em 0.25em 0.3em;
    }
    .mac-os.safari .titleT1 {
        /*padding: 0.3em 4% 0.3em 4%;*/
        padding: 0.25em 4% 0.3em 4%;
    }
}

@media screen and (max-device-width: 1280px) {
    .wrapper {
        width: 84%;
    }
    .gridContent {
        padding: 0 5em
    }
    .pointOne {
        margin: 0
    }
    .pickTysec1 .qyTxt {
        bottom: 0;
    }
    .mac-os.safari .wrapper {
        width: 85%;
    }
    .innerSc {
        /*
		margin: 0 10%;*/
        width: 90%;
    }
    .qyTxt {
        right: 20px;
    }
    .tyreGuidepop {
        padding: 4.3em 2em 5em 2em;
    }
    /**/
    .tgNav li a {
        padding: 1.7em 7%;
        min-height: 122px;
        width: 118px;
    }
    .nav li a {
        font-size: 115%;
        padding: 1.5em 0.5em 1.5em;
        word-spacing: 2px;
    }
    .menuWrap .menuList li.buycart {
        padding: 0.8em 0.5em;
    }
    .headwrapper {
        max-width: 920px;
    }
    .menuWrap .menuList li.buycart1 {
        padding: 1.5em 1em;
        font-size: 100%;
    }
    .menuWrap .menuList li {
        padding: 0
    }
    .roadBlock .popup1 {
        width: 40%;
        right: 9em
    }
    .rightAques.buyTyret1 {
        width: 183px;
    }
    /**/
    /*note media 1280*/
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .logo {
        left: 15px;
    }
    .statePanel {
        opacity: 1;
        width: 100%;
    }
    /*mobile menu start*/
    #nav-toggle {
        display: block;
        top: 1em;
    }
    .stateArtw {
        padding: 0 1em 2% 1em;
    }
    .orderRowo .orderCarDetail {
        top: 0;
        width: 26%;
    }
    .mac-os.safari .locatorLi .cart1 .shpngcart {
        font-size: 180%;
        padding: 1.5em 0 1em;
    }
    .viewgtn {
        width: calc(100% - 80px);
        margin-right: 80px;
    }
    .roadBlock .popup4 {
        width: 40%;
    }
    .roadBlock .popup2 {
        width: 60%;
    }
    .ftyrssubdetail ul,
    .rearDetail {
        width: calc(100% - 40px);
        margin-left: 40px;
    }
    .menuWrap {
        background: #F2F2F2 none repeat scroll 0 0;
        min-height: 100%;
        position: fixed;
        right: -100%;
        transition: all 0.5s ease 0s;
        width: 30%;
        z-index: 400;
        overflow: visible
    }
    .menuWrap.open {
        overflow-y: auto;
        right: 0;
        transition: all 0.5s ease 0s;
        width: 100%;
        height: calc(100% + 60px);
    }
    .menuWrap .nav {
        margin: 6em 0 0;
        width: 100%;
    }
    .roadBlock .popup1 {
        width: 40%;
        right: 0
    }
    .menuWrap .menuList li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: 0;
    }
    #nav-toggle.active {
        position: absolute;
    }
    .nav li a {
        font-size: 180%;
        padding: 1.5em 0 1em;
    }
    .nav li {
        margin: 0;
    }
    .nav li a:hover {
        background: #E20612;
        color: #fff;
    }
    .nav li.active a {
        background: none;
        color: #cc0000;
    }
    /*mobile menu end*/
    .staticCont {
        padding: 0.5em 1em 1.1em 1em;
    }
    .wrapper {
        width: 98%;
    }
    .profileUser .form-item {
        width: 70%;
    }
    .stepWrap {
        /* Hidden because it overlapped elements */
        display: none;
        right: 0;
        left: auto;
        top: 2.2em;
    }
    .subSteps {
        left: auto;
        right: 100%;
    }
    .pickTyre .searchBy {
        margin: 6em 0 1.5em 5%;
    }
    .orderDes {
        width: 75%;
    }
    .reshWrap {
        clear: both;
        float: left;
        margin: 0;
        width: 100%;
    }
    .innPagecommRow {
        padding: 0 0 1em;
    }
    .yourAcc {
        margin: 0;
        width: 100%;
    }
    .buycart .fa {
        line-height: 1.4;
    }
    .mac-os.safari .track {
        line-height: 22px;
    }
    .youOrderw {
        margin: 2em 0 0 0;
        width: 100%;
    }
    .youOrderw>li.orderOth {
        padding: 1em 1% 0;
        width: 14%;
    }
    .reshWrap li.odNumw {
        margin: 3em 2%;
    }
    .popup {
        margin: 10em auto;
        width: 40%;
    }
    .stickySlideStock .iconRt1 {
        right: -3em;
    }
    .titleT1.poWithicon.poRightt {
        padding: 0.5em 3em 0 2%;
    }
    .smallBtn {
        font-size: 150%;
        margin: 1.5em 0 0 1.5em;
        padding: 0.7em;
    }
    .yoTitletwo {
        font-size: 140%;
    }
    .pickTyre {
        padding: 5em 4% 8em;
        background-size: cover;
    }
    .homeBannc {
        top: 15em;
        font-size: 78%;
    }
    .grid1 {
        width: 62.7%;
    }
    .grid2 {
        width: 35.6%;
        top: 0;
    }
    .grid3 {
        width: 30.7%;
    }
    .qyTxt {
        right: 10px;
    }
    .sliTitle {
        font-size: 219%;
        line-height: 1.1;
    }
    .rightStyre {
        padding: 0 0 0 23%;
    }
    .content {
        background: url(../images/bgSection.jpg) repeat 0 0;
    }
    .popup .content {
        background: none;
    }
    .sec2Row2 .rightStyTitle {
        width: 100%;
    }
    #bot-line {
        display: none;
    }
    .tgNav li a {
        width: 155px;
    }
    .imgFloleft {
        float: none;
        margin: 2em auto;
        max-width: 400px;
        width: 100%;
    }
    .tyreGcont {
        margin: 1em 0 0;
        width: 100%;
    }
    .tyreGcont p,
    .tgContent {
        line-height: 1.3;
        font-size: 150%;
    }
    .paraW {
        width: 100%;
    }
    .popList {
        font-size: 150%;
    }
    .pickTysec1 .qyTxt {
        right: 4px;
    }
    .mac-os.safari .titleT1 {
        /*padding: 0.3em 4% 0.3em 4%;*/
        padding: 0.25em 4% 0.3em 4%;
    }
    .searchTy .searchBtn {
        margin: 1em 0 0 0;
    }
    .selWrap li {
        width: 36%;
    }
    .search-by-tyre .selWrap li {
        width: 36%;
        float: none;
    }
    .mac-os.safari .wrapper {
        width: 100%;
    }
    .otherLinks {
        float: right;
        margin: 0 auto;
        width: 45%;
    }
    footer {
        z-index: 1;
    }
    /*.listCarw .txtSec {
		margin: 1em auto;
	}*/
    .searchBytyre .listTyres>li {
        min-height: 330px;
    }
    .listTyres>li {
        /*max-height: initial;
		min-height: 650px;*/
    }
    .roadBlock .popup2 {
        width: 60%;
    }
    .mac-os.safari .menuWrap .menuList li.buycart {
        padding: 0;
    }
    .userSelect {
        right: 20%;
    }
    .txtSec,
    .listCarw .txtSec {
        min-height: 100px;
    }
    .orderRowo,
    .innPagecommRow {
        padding: 0 0 4em;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
    .ecLink {
        width: 100%;
        text-align: center;
    }
    .otherLinks>li,
    .otherLinks {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .otherLinks>li {
        margin: 1em 0;
    }
    .otherLinks li:nth-child(n+4) a img {
        margin: 0 auto
    }
    .socialIconw {
        float: left;
        left: 50%;
        margin: 0.5em 0;
        position: relative;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .pickTysec1 .sliTitle {
        width: 200px;
    }
    .rightStyre {
        width: 77%;
    }
    .otherLinks li a {
        border: none;
    }
    .tgNav li a {
        width: 116px;
    }
    .listTyres>li {
        /*min-height: 600px;*/
    }
    .mac-os.safari .menuWrap .menuList li.buycart,
    .menuWrap .menuList li.buycart {
        padding: 0;
    }
    /*.shpngcart {
    padding: 0.5em 0.3em 0.6em 0.5em;
}*/
    .nav li .cart {
        padding: 0.2em 0 0.1em;
    }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .threeCol .floLeft {
        width: 50%;
    }
    .imageSec:after {
        bottom: -25px;
    }
    .popPara,
    .statePoint li {
        font-size: 130%;
    }
    .popPara {
        margin: 1em 0 0;
    }
    .popTitle {
        margin: 0 1em 1em
    }
    #mushroom img {
        width: 80%
    }
    .pointTwo {
        margin: 2.3em 0 0;
    }
    #balancing img {
        width: 55%
    }
    .statePanel {
        opacity: 1;
        width: 100%;
    }
    .view-store-dashboard-check .views-exposed-form .views-exposed-widget {
        width: 32.8%;
    }
    .rightStyre {
        width: 67%;
    }
    .view-store-dashboard-check #views-exposed-form-store-dashboard-check-page-1 .views-exposed-form .views-exposed-widget {
        width: 32.9%;
    }
    .video_fixed_pop {
        position: fixed;
        bottom: 0;
        z-index: 99;
        right: 0px;
        width: 100%;
        background: #e30613;
        height: 230px;
        transition: 0.8s;
    }
    .video_fixed_pop_iframe iframe {
        width: 100%;
        margin: auto;
        display: table;
        height: 186px;
    }
    .notopen {
        bottom: -190px;
    }
    .homeBannc.innerLeft {
        bottom: 1em;
    }
    .orderRowo .orderCarDetail {
        top: 0;
        width: 35%;
    }
    .tryagain {
        width: 100%;
    }
    .tryagain li {
        float: left
    }
    .orderRowo p.confirmation {
        width: 100%;
        padding: 0 0 1em 0
    }
    .wrapper .count {}
    .tw .serviceList li {
        width: 50%
    }
    .bannerbuy {
        width: 114px;
        padding: 0.8em 0.3em 0.4em 0em;
        font-size: 1.5em;
        background: #e30613 url(../images/arrowbtn.png) 87px 10px no-repeat;
    }
    .bannerbuy:hover {
        background-color: #000;
    }
    .contLHS {
        margin: 3em 0;
    }
    .howBs li {
        padding: 0;
    }
    .howBs {
        margin: 4em 0 1em 2%;
    }
    .imageSec {
        margin: 0 auto 3em auto;
    }
    .numTxt {
        padding: 0em 3% 0.8em 3%;
    }
    .howBs img {
        margin: auto;
    }
    .contLHS {
        width: 100%;
        padding: 0;
        border: none;
    }
    .innerSc {
        width: 100%;
        margin: 0;
    }
    .edtbtn,
    .viwbtn {
        padding: 0.3em 0.5em;
        font-size: 1.8em;
    }
    .edtbtn {
        margin: 0 1.2em;
    }
    .viwbtn {
        margin: 2em 1.8em;
    }
    .contLHS::after {
        background: none;
    }
    .contRHS {
        margin: 0 0 2em;
        padding: 0;
        width: 100%;
    }
    .roadBlock .popup1 {
        width: 60%;
        right: 0
    }
    .bannerCopy {
        top: 7em;
    }
    .searchTy .searchBtn {
        margin: 0
    }
    .howBs {
        margin: 2em 0 0 0;
    }
    .howBs li {
        background: none;
        display: inline-block;
        float: none;
        padding: 1em 0 2em;
        width: 100%;
    }
    .btnWrap span {
        margin: 0.5em 0;
        display: block;
    }
    .bTxt {
        width: 100%;
        margin: 0
    }
    .popup {
        width: 50%;
    }
    .selWrap li {
        width: 36%
    }
    .homeBannc {
        font-size: 69%;
        right: 10%;
        top: 10em;
    }
    .grid1 {
        width: 63%;
    }
    .grid2 {
        width: 35.7%;
    }
    .gridContent {
        bottom: 1em;
        padding: 0 0.5em;
    }
    .stTitle {
        font-size: 190%;
    }
    .stDes {
        font-size: 130%;
        line-height: 1.25;
        margin: 0.1em 0 0;
    }
    .grid4 .gridContent,
    .grid3 .gridContent {
        padding: 0 0.5em
    }
    .gReadMore {
        margin: 0.4em auto 0;
    }
    .wcList>li {
        min-height: 760px;
        width: 31.9%;
    }
    .howBs li::after {
        background: url(../images/bgArrow-down.png);
        width: 11px;
        height: 16px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: auto;
    }
    .selWrap li {
        width: 51%;
        margin: 0 0 2em 0;
    }
    .orderRowo p.msgTxt {
        bottom: -2em;
    }
    .cancelled {
        text-align: center;
    }
    .finaliseSlide .slideInfo .backTxt {
        float: none;
        text-align: center;
    }
    .btnWrap .buyBtn {
        display: block
    }
    #desktop {
        display: none
    }
    #mobile {
        display: block
    }
    .addtyreDetail {
        padding: 1em 0 1.5em 4%;
        margin: 0
    }
    .detDivide>li.leftSide,
    .detDivide>li.rightSide,
    .persDetails .detDivide>li.leftSide {
        width: 100%;
        border: none;
        padding: 0;
        margin: 0.3em 0;
    }
    .twoDetailsw {
        border: none
    }
    .addtyreDetail h4 {
        text-decoration: none;
        font-size: 1.5em;
    }
    .appDetails {
        padding: 2.5em 1% 1em 0;
        width: 99%;
    }
    .persDetails {
        padding: 3em 0 1em 2%;
    }
    .detRowo {
        padding: 0 1%;
    }
    rightAques.stockTyre {
        bottom: -3.7em;
    }
    .appDetails .detDivide .leftSide {
        padding: 0 0 0 10em;
    }
    /*note media 768*/
    .cartTyre .ftmobleft,
    .cartTyre .ftmobright {
        width: 50%;
    }
    .cartTyre .ftmobleft,
    .cartTyre .leftul,
    .cartTyre .ftmobleft .leftul li {
        min-height: 200px;
    }
    .oProductw1 img {
        margin: 52px auto;
        position: absolute;
        left: 0;
        right: 0;
    }
    .oProductw1 {
        background: #f7f7f7 url(../images/detailImgbottom.png) no-repeat center 115px;
    }
    .edt {
        background: #cc0000;
        color: #fff;
    }
    .roadBlock .popup4 {
        width: 70%;
    }
    .listCarw .txtSec {
        text-align: center;
        width: 100%;
        margin: 0;
        min-height: initial;
    }
    .orderRowo a.back {
        top: 0;
    }
    .roadBlock .popup2.popGst {
        padding: 5em 1em 1em 13em;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .threeCol .floLeft {
        width: 100%;
    }
    .subh {
        margin: 0.5em 0 0 1.5em;
        width: calc(100% - 1.5em);
    }
    .ntAvl {
        margin: 8px 0 0;
        float: none;
    }
    .page-order-confirmation .titleWrap {
        margin-left: 5px;
    }
    .stateGpop>li:first-child:after {
        content: none
    }
    .popPara,
    .statePoint li {
        font-size: 160%;
    }
    .mandatory {
        margin: 0 0 .5em 0;
        display: block;
    }
    #balancing img {
        width: 100%;
    }
    .canWrap .searchBtn {
        float: left;
    }
    .stock:last-of-type {
        margin: 0 1em 0 1%;
    }
    .qyTxt {
        display: none;
    }
    .sliTitle:after {
        content: "?";
        color: #cc0000;
        font-size: 325%;
        position: absolute;
        height: auto;
        width: auto;
        top: initial;
        left: initial;
        right: -11px;
        bottom: 0;
        line-height: .75;
    }
    .stock:first-of-type:after {
        display: none;
    }
    .sidImg {
        max-width: 60%;
    }
    .bannTxt1,
    .bannTxt2,
    .bannTxt3 {
        color: #fff;
        text-shadow: none;
    }
    .contLHS {
        margin: 1em 0 2.5em 0;
    }
    .searchright {
        background-size: 75%;
        height: 67px;
    }
    .roadBlock .popup4 {
        width: 60%;
    }
    .pickTyre .searchBy {
        margin: 6em 0 0em 5%;
    }
    .mac-os.safari .nav {
        margin: 6em 0 0;
    }
    .mac-os.safari .nav li a {
        font-size: 180%;
    }
    .txtSec {
        margin: 0 auto
    }
    .contRHS {
        margin: 0;
    }
    .whmrfs .slick-dots {
        margin: 2em 0 0;
    }
    .otherLinks {
        float: none;
    }
    .otherLinks li a {
        border: none;
        padding: 0;
    }
    .titleT1 {
        font-size: 195%;
    }
    .titleT1::after {
        background-size: 88% auto;
        right: -1.5em;
    }
    .titleT1::before {
        background-size: 88% auto;
    }
    .profileUser .form-item {
        width: 100%;
    }
    .profileUser div.password-confirm {
        bottom: -1.5em;
    }
    .stepWrap {
        display: none;
    }
    .selectRtyre .floRight {
        float: left;
        margin: 0 0 1em 2em;
        width: 100%;
    }
    .selectRtyre .floRight img {
        display: block;
        margin: auto;
        width: 50%;
    }
    .selectRtyre .floLeft {
        margin: 1em 0 1em 5%;
        padding: 0;
        width: 95%;
    }
    .titleT1.poWithicon {
        padding: 0.5em 4em 0 7%;
        margin: 1em 0 0 13%;
    }
    .subT2 {
        bottom: 98%;
    }
    .searchBy li a span {
        font-size: 140%
    }
    .selWrap li,
    .search-by-tyre .selWrap li {
        width: 100%;
    }
    .searchBy>li a {
        padding: 0.7em;
    }
    .selWrap {
        margin: 3em 0 0;
    }
    .searchTy {
        padding: 2em 4% 8em;
    }
    .titleT1.poWithicon span {
        text-align: center;
    }
    .fuSectitle {
        font-size: 160%;
        line-height: 1.1;
    }
    .logo {
        background-position: 1em 0;
        background-size: 81%;
        height: 83px;
        left: 0;
    }
    .searchIcon {
        background-size: 80%;
        height: 67px;
    }
    .searchIcon.atccProfile {
        background: url(../images/icons/imgProfile.png) no-repeat 0 center;
        background-size: 80%;
        padding: 1em 0 0;
    }
    .accIcon,
    .history {
        background-size: 65%;
        height: 67px;
        background-position: 0 0
    }
    .contactUs .userIcon {
        background-position: 0 0.5em;
        background-size: 59% auto;
    }
    .searchTy .titleWrap .titleT1,
    .pickTyre .titleWrap .titleT1,
    .finaliseSlide .titleWrap .titleT1 {
        margin: 1em 0 0 -3em;
    }
    .yourDetails .titleWrap .titleT1 {
        margin-left: -.9em;
        margin-top: 16px;
        padding: 0.5em 0.6em 0.1em 22px;
    }
    .searchBy {
        margin: 1.5em 0 0;
    }
    .searchTy .errorMess {
        margin: 0;
    }
    .userSelect {
        margin: auto;
        position: relative;
        right: 0;
        top: 2em;
        width: 70%;
    }
    .userSelect.cartOrderConf {
        top: 21em;
    }
    .pickTyre .subh {
        width: 90%;
        margin: 2em 0 0 0;
    }
    .pickTyre {
        padding: 3em 4% 7em;
    }
    .pickTyre .searchBy {
        margin: 2em 0 0 0;
    }
    .listTyres>li {
        width: 100%;
        min-height: 470px;
    }
    .imgFeatw li {
        background: none;
        margin: 0 0 2em 0;
    }
    .iconRt1 {
        background-position: right 0;
        background-size: 84% auto;
    }
    .value1,
    .value2 {
        top: 2.3em;
    }
    .rowT3 .subh {
        margin: 1em 0 0;
    }
    .imgFeatw {
        margin: 3em 0 0;
    }
    .orderRoL,
    .orderDes {
        width: 100%;
        margin: 0;
    }
    .orderRoR {
        margin: 0 5%;
        width: 90%;
        border: none;
    }
    .orderRoR::before {
        border: none;
    }
    .detDivide>li.leftSide,
    .detDivide>li.rightSide,
    .persDetails .detDivide>li.leftSide {
        width: 100%;
        border: none;
        padding: 0;
    }
    .persDetails {
        padding: 1em 0 1em 1%;
        width: 100%;
    }
    .appDetails,
    .persDetails {
        min-height: inherit;
    }
    .persDetails::before {
        border: none;
    }
    .rightTxt {
        font-size: 250%;
    }
    .leftTxt {
        font-size: 138%;
    }
    .orderRoL {
        padding: 3em 0 1em;
    }
    .searchBtn {
        padding: 0.7em 1em;
        font-size: 150%;
    }
    .innPagecommRow .titleWrap .accIcon {
        background-position: 0 4px;
        background-size: 62% auto;
    }
    .yourAcc {
        margin: 2em 5%;
        width: 90%;
    }
    .yourAcc>li {
        width: 100%;
        padding: 0;
        border: none;
        min-height: auto;
    }
    .yourAccinn>li {
        position: inherit;
    }
    .yourAcc {
        position: relative;
        padding: 0;
        margin: 0 5% 0;
    }
    .yourOrder .youOrderw>li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #727272;
    }
    .youOrderw .searchBtn {
        margin: 1.5em 0 1em 0em;
    }
    .yourOrder .youOrderw>li.firstImg {
        padding: 0 0 2em;
    }
    .odImgw {
        max-width: 250px;
        margin: auto;
    }
    .editBtnright {
        top: -1.2em;
    }
    .storemDash .persDetails .detDivide>li.leftSide,
    .storemDash .persDetails .detDivide>li.rightSide,
    .fullWidth.storemDash .persDetails .detDivide>li.leftSide,
    .fullWidth.storemDash .persDetails .detDivide>li.rightSide {
        width: 100%;
        padding: 0;
        min-height: auto;
    }
    .orderConOptions li {
        float: left;
        margin: 0 1em 0 0;
    }
    .popup {
        width: 60%;
    }
    .whmrfs {
        margin: 2em 0 0 0;
    }
    .innerData .lhs {
        display: none;
    }
    .abSelect {
        background-position: 94% center;
        display: block;
        margin: 0 0 1.5em;
    }
    .pickTyre {
        overflow: hidden;
    }
    .titleT1.poWithicon a .iconImage {
        right: -3.2em;
        top: -1.1em;
    }
    .searchIcon.bookAppoint {
        background-size: 100%;
        width: 78px;
    }
    .bookAppointment .titleWrap {
        margin: 0 0 0 -1.4em;
    }
    .addServices .titleWrap {
        margin: 0 0 0 5em;
        position: relative;
    }
    .searchIcon.addServ {
        background-size: 100% auto;
        left: -5em;
        position: absolute;
        top: 1em;
        width: 52px;
    }
    .wheelAlignment .floLeft {
        margin: 3em 0;
        width: 26%;
    }
    .wheelAlignment .floLeft {
        float: none;
        margin: 3em auto 1em;
        max-width: 300px;
        width: 100%;
    }
    .wheelAlignment .listStyle.floRight {
        margin: 0 0 0 5%;
        width: 95%;
    }
    .titleWrap .titleT1 {
        padding: 0.5em 0.6em 0.1em 22px;
    }
    .orderRowo.timerWn .titleWrap .titleT1 {
        padding: 0.5em 0.6em 0.1em 40px;
        margin-top: 16px;
    }
    .popup2 .titleWrap .titleT1 {
        padding: 1em 0.6em 0.5em 2em;
    }
    .tyreFeatw .tFeatures {
        width: 100%
    }
    .tyreFeatw {
        margin: 1em 0;
        width: 90%;
    }
    .addServices .btn {
        margin: auto;
    }
    .innBannerf {
        display: none;
    }
    .innerMobb {
        display: block;
    }
    .grid1,
    .grid2,
    .grid3,
    .grid4,
    .grid5,
    .wcList>li {
        width: 100%;
    }
    .grid2 {
        top: 0;
    }
    .newHead::after {
        display: none;
    }
    .newHead {
        font-size: 170%;
        padding: 0.5em 0.6em 0.2em 0.5em;
    }
    .wcList>li {
        min-height: inherit;
    }
    .aboutpContent {
        padding: 0 1em;
    }
    .stateGrid>li,
    .wcList>li {
        margin: 0 0 1.5em 0;
    }
    .gReadMore {
        margin: 0.5em auto 0;
    }
    .custExp {
        margin: 3em 0 0;
    }
    .stateGpop>li {
        width: 100%;
        padding: 0 0 1em 0;
    }
    .stateGpop>li:first-child {
        border: none;
    }
    .stateGpop>li:last-child {
        padding: 0 0 1em 0%
    }
    .pointOne,
    .pointTwo {
        margin: 2em 0 0;
    }
    .stateGpopw {
        padding: 4.3em 1em 1.5em 1em;
    }
    .listPoints {
        margin: 1.2em;
    }
    .listPoints .statePoint {
        margin: 1em 0 0;
    }
    .listPoints .statePoint li {
        margin: 0 0 0.6em 1em;
    }
    .howBs li {
        width: 100% !important;
    }
    .scrollTop {
        bottom: 2em;
        right: 2em;
    }
    .sliTitle {
        width: 65%;
        margin: auto;
        float: none;
        border: none;
    }
    .sliTitle::after {
        background: none;
    }
    .rightStyre {
        margin: 2em 0;
        padding: 0;
        width: 100%;
    }
    .rightTyleft {
        left: 0;
        margin: auto;
        position: relative;
        top: 0;
        width: auto;
    }
    .rightStyrec {
        margin: 2em 0;
    }
    .sec2Row2 .rightStyrec {
        margin: 0;
    }
    .rightTyrep {
        padding: 3em 1em 0;
    }
    .titleT1::after {
        background: none;
    }
    .titleT1 {
        padding: 0.45em 0.5em 0.1em 0.5em;
    }
    .pickTysec1 .sliTitle {
        width: 285px;
    }
    .sec2Row2 {
        margin: 1em 0 0;
    }
    .imgFeatw li {
        margin: 2em 5% 3em 5%;
        padding: 0;
        width: 90%;
    }
    .value1,
    .value2 {
        top: 3.5em;
    }
    .value1 {
        left: -6px;
    }
    .value2 {
        right: -0.6em;
    }
    .value3 {
        right: -0.5em;
        top: 4.5em;
    }
    .searchIcon.yourCart,
    .searchIcon.yourDetailsico {
        background-position: 0px -1px;
        background-size: 99%;
        width: 60px;
    }
    .singleRow .grid1,
    .singleRow .grid2,
    .singleRow .grid3 {
        width: 100%;
    }
    .grid1 .downBtn {
        display: none;
    }
    .tyregPcontent {
        padding: 0 1em;
    }
    .btnPdfw {
        display: block;
    }
    .btnPdfw .downBtn {
        position: relative;
        top: 0;
    }
    .searchTy {
        background-size: 160% 500px;
    }
    .tyreGselect {
        display: block;
        font-size: 160%;
    }
    .tgNav {
        display: none;
    }
    .orderRowo.timerWn {
        padding: 0 4% 0;
        margin: 0
    }
    .counter {
        left: 50%;
        right: auto;
        top: 15em;
        transform: translateX(-50%);
    }
    .yourDetailsico .titleWrap .titleT1 {
        margin: 1em 0 0 -3em !important;
    }
    .yourDetails .logDetails {
        margin: 1em 0 0;
    }
    .yourDetails.timerWn .logDetails {
        margin: 10em 0 0;
    }
    .listCarw .listTyres>li,
    .broaderTyre .listTyres>li {
        min-height: auto;
    }
    .timerWn .yourAcc {
        margin: 3em 5% 2em;
    }
    .storeDiw .persDetails .detDivide>li.leftSide {
        padding: 0 0 0 6.5em;
    }
    .pickTysec1 .qyTxt {
        right: 38px;
    }
    #tRunner.stateGpop>li {
        padding: 0 3% 1em 0;
    }
    .closegBtn {
        background-size: 100%;
        width: 40px;
    }
    .reshWrap {
        width: 100%;
    }
    .orderStatus {
        width: 100%;
    }
    .orderRowo p.msgTxt {
        padding: 2em 0 0;
        position: relative;
        float: left;
        bottom: initial;
    }
    .txtSec,
    .listCarw .txtSec {
        width: 100%;
    }
    /*note media 767*/
    .modelDes li .backTxt {
        float: none;
    }
    .otherLinks li:last-child {
        margin: 1em 0;
    }
    .storemDash .persDetails,
    .fullWidth.twoDetailsw.storemDash .persDetails {
        width: 100% !important;
    }
    .appoDetails {
        width: 100%;
        padding: 3em 8% 1em 8%;
    }
    .appoDetails .detDivide>li.rightSide {
        width: 100%;
        border-left: none;
        min-height: auto;
    }
    .roadBlock .popup3 {
        width: 90%;
    }
    .orderRowt {
        border-bottom: none;
    }
    .disable-scrolling {
        overflow: hidden;
    }
    .userSelect {
        margin: auto;
        position: relative;
        right: 0;
        top: 2em;
        width: 70%;
    }
    .roadBlock .popup2.popGst {
        padding: 5em 1em 5em 2em;
        background-size: cover;
        background-position: left;
    }
    .gHd3 {
        font-size: 22px;
    }
    .gHd4 {
        font-size: 14px;
    }
    .gfH {
        font-size: 11px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 670px) {
    .titleT1::after {
        display: none;
    }
    .orderRowo p.confirmation,
    .tryagain {
        padding-left: 5px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
    .reshWrap li.odNumw {
        margin: 2em 2%;
        width: 100%;
    }
    .agreeSec .errorMess {
        margin: 2em 0 0.5em 0;
        float: left;
        display: block;
        width: 100%;
    }
    .yourAcc>li {
        width: 100%;
    }
    .reshWrap li.reSchbtnw {
        float: left;
    }
    .reshWrap li.odNumw {
        margin: 2em 2%;
        width: 100%;
    }
    .roadBlock .popup2 {
        width: 80%;
    }
    .orderRowo .orderCarDetail {
        top: 0;
        width: 60%;
    }
    .bannTxt1 {
        font-size: 27px;
    }
    .innerMobb .slick-dots {
        display: block;
        position: absolute;
        right: 2em;
        bottom: 3em;
    }
    .innerMobb .slick-dots li button {
        background: #fff
    }
    .innerMobb .slick-dots li.slick-active button {
        background: #df0713;
    }
    .homeBannc,
    .bannerCopy .homeBannc {
        border: none;
    }
    .bannerCopy {
        color: #fff;
        position: relative;
        /* left: 24%; */
        /* top: 5em; */
        padding: 2em 0 2em 0.8em;
        background: #b9b9b9;
        float: left;
        width: 100%;
        /* margin: 1em 0; */
        left: 0;
        top: 0;
    }
    .agreeSec .customChecks [type="checkbox"]:not(:checked),
    .agreeSec .customChecks [type="checkbox"]:checked {
        right: 246px;
        visibility: hidden;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .menuWrap.open {
        height: 300px;
        min-height: initial;
    }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
    #edit-field-booking-date-value-min-wrapper,
    #edit-field-booking-date-value-max-wrapper,
    #edit-field-current-booking-date-time-value-min-wrapper,
    #edit-field-current-booking-date-time-value-max-wrapper {
        float: none;
        margin: 0;
        width: 100%;
    }
    .view-store-dashboard-check #views-exposed-form-store-dashboard-check-page-1 .views-exposed-form .views-exposed-widget {
        width: 100%;
    }
    .view-store-dashboard-check .views-exposed-form .views-exposed-widget {
        width: 100%;
    }
    .homeicon ul h3 {
        font-size: 10px
    }
    .homeicon ul li img {
        width: 25px;
        height: 25px
    }
    .homeicon ul li h3 {
        padding: 0 3px
    }
    .olaLink {
        left: 30px;
    }
    .popup {
        width: 95%;
        top: -37px;
    }
    .roadBlock .popup4 {
        width: 90%;
    }
    .oProductw1 {
        padding: 0 0 1.3em 0
    }
    .orderRowo {
        margin: 0 0 3em 0;
        padding: 0
    }
    .searchBy li {
        margin: 1em 0 0;
    }
    .edtbtn {
        margin: 0 1.2em;
    }
    .roadBlock .popup1 {
        width: 98%;
        right: 0
    }
    .pickTyre .searchBy li a span {
        font-size: 150%;
    }
    .locatorLi .cart1 .shpngcart {
        padding: 1em 0 .7em;
        font-size: 180%
    }
    /*note media 480*/
    .timerWn .titleWrap {
        padding: 2em 0 0 0;
    }
    .roadBlock .popup2 {
        width: 98%;
    }
    .popup2 .titleT1>span {
        font-size: 70%;
    }
    .popup2 .titleWrap .titleT1 {
        padding: 1em 0.6em 0.5em 2em;
    }
    .roadBlock .popup2 {
        padding: 2em
    }
    .qyTxt {
        right: 10px;
    }
    .ftmobright ul .rht li,
    .ftmobright ul .lft li {
        font-size: 1.5em;
        padding: 1.38em;
    }
    .popTitle {
        font-size: 150%;
    }
    .popup3 a.popbtn {
        width: 170px;
        display: block;
    }
    .roadBlock .popup3 {
        padding: 3em;
    }
    .searchTy .titleT1 {
        font-size: 137%;
    }
    .searchTy .titleWrap .titleT1 {
        padding: 1em 0.6em 0.5em 2em;
        margin: 1em 0 0 -4em;
        line-height: 1.5
    }
    .prcd {
        float: left;
        margin: 0 0 0 4em;
    }
    .desk {
        display: none
    }
    .mob {
        display: block
    }
    .searchBy li a span {
        font-size: 150%;
    }
    .searchBy {
        margin: 0
    }
    .detTxtall {
        font-size: 140%;
    }
    .orderRowt h3 {
        font-size: 1.1em;
    }
    .rightAques.buyTyret1 {
        width: 103px;
    }
    .tw .serviceList li {
        width: 100%
    }
    .pickTyre {
        padding: 2em 4% 2em;
    }
    .nav li a {
        padding: 1em 0 .7em;
    }
}

@media only screen and (min-width: 0px) and (max-width: 390px) {
    .content .bookAppointment .titleWrap .titleT1 {
        font-size: 150%;
        margin: 2em 0 0 -2em;
        padding: 0.8em 0.6em 0.4em 22px;
    }
    .bookAppointment.iconLeft {
        max-width: 65px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
    .ftyrssubdetail ul li.imgpad {
        background-size: 55px;
    }
    .tyTypet {
        font-size: 112%;
    }
    .menuList {
        min-height: 400px;
        overflow-y: auto
    }
    .popPara,
    .statePoint li {
        font-size: 130%;
    }
    .logo {
        background-size: 65%;
        height: 72px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    .menuWrap.open {
        /* overflow-y: auto; */
        right: 0;
        transition: all 0.5s ease 0s;
        width: 100%;
        /* height: calc(100% + 85px); */
        /* visibility: visible; */
    }
    #nav-toggle.active {
        position: fixed;
        top: 6em;
    }
    #nav-toggle {
        display: block;
        top: 1em;
    }
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
    .counter {
        top: 2em;
    }
    .oProductw1 {
        padding: 0 0 1em 0
    }
    .ftmobright ul .rht li,
    .ftmobright ul .lft li {
        font-size: 1.5em;
        padding: 1em
    }
    .dropIt1 {
        font-size: 80%;
    }
    .ftmobright ul .rht li,
    .ftmobright ul .lft li {
        font-size: 1.3em;
    }
    .finaliseSlide .btn {
        font-size: 135%;
    }
    .addServices .titleWrap {
        margin: 0 0 0 7em;
    }
    .searchBy>li a {
        min-width: initial;
    }
    .bannerbuy {
        padding: 0.4em 0.3em 0.5em 0em;
    }
    .mac-os.safari .titleWrap .titleT1 {
        padding: 5px 0.8em 0.4em 30px;
    }
    .page-cart-list.mac-os.safari .titleWrap .titleT1,
    .page-cart.mac-os.safari .titleWrap .titleT1 {
        padding: 0.25em 0.8em 0.4em 50px;
    }
    .titleWrap .titleT1 {
        margin: .8em 0 0 -2.4em;
    }
    .searchTy .titleWrap .titleT1 {
        margin: 1.5em 0 0 -4em;
    }
    .sliTitle:after {
        right: 45px;
        bottom: 8px;
    }
    .pickTysec1 .sliTitle:after {
        right: 30px;
        bottom: 25px;
    }
    .broaderTyre .sliTitle:after {
        right: 35px;
        bottom: 15px;
    }
    .rightTyrep .sliTitle:after {
        right: -15px;
        bottom: 0;
    }
    .mac-os.safari .locatorLi .cart1 .shpngcart {
        padding: .5em 0;
    }
    .page-cart.mac-os.safari .titleWrap .titleT1 {
        padding: 0.2em 0.8em 7.5px 50px;
        margin-top: 16.3px;
    }
}