@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
.container,
.homeBanner,
.stockist,
.stockist h2,
.stockist ul {
    position: relative
}

.stockist ul>li,
product ul>li {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
    overflow: hidden
}

.callbacks_nav,
.mask,
.rslides,
.stockist ul>li,
product ul>li {
    overflow: hidden
}

.childmenu>li,
.contentDiv>ul>li,
.ullist>li {
    list-style-position: inside
}

body {
    font-family: 'Droid Sans', sans-serif
}

#wrapper {
    height: 100%
}

.topStrip {
    background: #fff;
    float: left;
    width: 100%
}

ul.top-info {
    float: right;
    list-style: none;
    margin: 10px 0 0;
    padding: 0
}

ul.top-info li {
    font-size: .9em;
    font-weight: 400;
    margin-bottom: 7px
}

ul.top-info li i {
    width: 25px;
    height: 25px;
    border: 1px solid #981B17;
    text-align: center;
    line-height: 25px;
    background: #981B17;
    color: #fff
}

.header {
    width: 100%;
    background: #fff;
    float: left
}

#headerInner {
    width: 80%;
    margin: 0 auto;
    display: table;
    padding: .4em 0
}

.headerLeft {
    width: 40%;
    float: left
}

.headerRight {
    float: right
}

.headerLeft .logo {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #981B17;
    float: left
}

.headerLeft .logo>img {
    display: block;
    margin: 0 auto;
    padding: .7em 0 0
}

.headerLeft h2 {
    float: left;
    padding: 1.5em 0 0;
    margin-left: .6em;
    font-size: 1.3em;
    font-family: Oswald, sans-serif;
    font-weight: 700;
    color: #333
}

.containerInner>p,
.homecontent P {
    font-weight: 400;
    color: #555;
    font-size: 15px
}

#mainNavigation {
    width: 100%;
    background: #981B17;
    float: left
}

#menuInner {
    width: 80%;
    margin: 0 auto
}

.homeBanner {
    width: 100%;
    float: left
}

.homeBanner>img {
    display: block;
    width: 100%
}

.container {
    width: 100%;
    float: left;
    margin-bottom: 2%;
    background: #fff
}

.containerInner {
    width: 80%;
    margin: 0 auto
}

.containerInner>p {
    line-height: 2em
}

.homecontent {
    width: 100%;
    padding: 2em 0 0
}

.homecontent P {
    line-height: 1.5em;
    text-align: justify
}

.homecontent P strong {
    font-weight: 700
}

.homecontent>h1 {
    color: #3a539b;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    padding-bottom: .7em;
    text-transform: uppercase;
    font-family: Oswald, sans-serif
}

.product h2,
.stockist h2 {
    color: #E32F44;
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2em;
    z-index: 4;
    font-family: Oswald, sans-serif;
    text-align: center
}

.stockist {
    width: 100%;
    float: left;
    padding-bottom: 2em;
    margin: 50px 0 0;
    background: #2E2E2E
}

.stockist h2 {
    padding-top: .5EM
}

.stockist ul {
    margin: 0;
    padding: 0;
    z-index: 4
}

.stockist ul>li {
    float: left;
    width: 242px;
    margin: 2% 0 0 2%;
    height: 100px
}

.company,
.company img,
.product {
    background-size: cover;
    padding-bottom: 2em;
    background-repeat: no-repeat;
    margin: 50px 0 0;
    position: relative;
    float: left
}

.stockist ul>li:hover {
    background-color: rgba(255, 231, 179, .3);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.company {
    width: 100%
}

.company img {
    width: 80%
}

.product {
    width: 100%
}

.product h2 {
    padding-top: .5EM;
    position: relative;
    border-bottom: 1px solid #555
}

.product ul {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4
}

product ul>li {
    float: left;
    width: 242px;
    margin: 2% 0 0 2%;
    height: 100px
}

.mask,
.product ul>li:hover {
    background-color: rgba(255, 231, 179, .3);
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.mask {
    width: 300px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0
}

.stockist ul>li>img {
    display: block;
    position: relative;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.opacity {
    float: left;
    height: 100%;
    position: absolute;
    width: 100%
}

.cmnpgHeading {
    width: 100%;
    background: #2e2e2e;
    float: left;
    position: relative
}

.cmnInner {
    margin: 0 auto;
    width: 80%
}

.cmnopacity,
.footer,
.line {
    width: 100%;
    float: left
}

.pageTitle {
    font-weight: 300;
    margin: 0 auto!important;
    padding: .4em 0;
    position: relative
}

.clrfix {
    clear: both
}

.line {
    border-bottom: 1px solid #333;
    margin-top: 1%
}

.pageTitle>h3 {
    color: #fff;
    font-size: 1.8em;
    font-weight: 700;
    font-family: Oswald, sans-serif;
    line-height: 3em;
    text-transform: uppercase!important
}

.cmnopacity {
    background: rgba(0, 0, 0, .1);
    height: 100%;
    position: absolute
}

.btmmslider,
.footer,
.imgLeftdiv,
.imgLeftdiv>img,
.rslides {
    position: relative
}

.footer {
    border-top: 4px solid #981B17;
    background: #2e2e2e;
    padding: 2em 0 1em;
    font-family: Oswald, sans-serif
}

.finner {
    margin: 0 auto;
    width: 80%
}

.ftproducts {
    float: left;
    margin-right: 3em;
    width: 24%
}

.btmmslider {
    width: 100%!important;
    float: left
}

.btmmslider>h1 {
    color: #3A539B!important;
    font-size: 1.9em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 3em
}

.ftcontact>ul>li>span,
.ftproducts>ul>li>a {
    text-transform: capitalize!important;
    font-size: .8em;
    text-decoration: none
}

.middleinner {
    width: 85%;
    margin: 0 auto
}

.ftcontact {
    width: 24%;
    float: left
}

.ftcontact>ul {
    margin: 0;
    padding: 0
}

.ftcontact>ul>li {
    list-style: none inside;
    margin: .6em 0 0 1em
}

.ftcontact>ul>li>i {
    float: left;
    line-height: 20px;
    color: #981B17
}

.ftcontact>ul>li>span {
    color: #a6a6a6;
    line-height: 1.8em;
    padding: 0 0 0 2.5em;
    display: block
}

.ftproducts>ul {
    margin: 0;
    padding: 0
}

.ftproducts>ul>li {
    margin: 1em 0 0
}

.ftproducts>ul>li>a {
    color: #a6a6a6
}

.ftquicklinks {
    width: 16%;
    float: left;
    margin-right: 2em
}

.copyright,
.foot-head {
    width: 100%
}

.ftquicklinks>ul {
    margin: 0;
    padding: 0
}

.ftquicklinks>ul>li {
    margin: 1em 0 0;
    list-style: none
}

.ftquicklinks>ul>li>a {
    font-size: .8em;
    color: #a6a6a6;
    text-decoration: none;
    text-transform: uppercase!important
}

.copyright {
    border-top: 1px solid #202022;
    float: left;
    margin-top: 20px
}

.copyright>span {
    color: #a6a6a6;
    margin-top: 1em;
    display: block;
    font-size: 12px;
    line-height: 2em;
    text-align: center
}

.copyright>span>a {
    color: #a6a6a6;
    text-decoration: none
}

.foot-head>h4 {
    font-size: 1.1em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0;
    letter-spacing: 1px
}

.ftfollowus {
    float: right;
    width: 15%
}

.ftfollowus>ul {
    margin: 0;
    padding: 0
}

.ftfollowus>ul>li:first-child {
    margin: 1em 0 0
}

.ftfollowus>ul>li {
    float: left;
    list-style: none;
    margin: 1em 0 0 1em
}

.ftfollowus>ul>li>i {
    border: 2px solid #981B17;
    color: #fff;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    background: #981B17
}

.contactUs {
    width: 62%;
    padding: 1em;
    background: #eee;
    float: left
}

.contactUs h1 {
    color: #000;
    float: left;
    font-family: Oswald, sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    margin-left: .6em;
    width: 100%
}

.contactUs>ul>li {
    float: left;
    margin: 3% 0 0 .6em;
    width: 100%;
    font-size: .9em;
    line-height: 1.8em;
    color: #333
}

.contactUs>ul>li>span {
    padding-right: 2px;
    width: 50%;
    float: left
}

.contactUs>ul>li>i {
    padding-right: 10px;
    float: left;
    line-height: 1.7em
}

.prtDetailsdiv>h2,
.prtLeftmenu>h2 {
    line-height: 2em;
    text-transform: uppercase;
    font-family: Oswald, sans-serif
}

.prtLeftmenu {
    width: 22%;
    padding: 1em;
    background: #EDEDED;
    float: left;
    margin: 1% 0 0
}

.prtLeftmenu>h2 {
    border-bottom: 1px solid #555;
    color: #333;
    font-size: 1.1em
}

.prtLeftmenu>ul>li {
    float: left;
    width: 100%;
    margin: 4% 0 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: .2em
}

.prtLeftmenu p>strong {
    font-weight: 700;
    font-size: .9em;
    margin: 4% 0 0;
    display: block
}

.prtLeftmenu>ul>li>a {
    color: #555;
    font-size: .8em;
    text-decoration: none
}

.prtLeftmenu>ul>li>a:hover {
    color: #000
}

.prtDetailsdiv {
    background: #EDEDED;
    margin: 1% 0 0 1%;
    padding: .5em;
    width: 100%
}

.prtDetailsdiv>h2 {
    border-bottom: 1px solid #555;
    color: #333;
    font-size: 1.1em
}

.catalogue>a,
.viewLrg>a {
    color: #fff;
    font-size: .8em;
    line-height: 2em;
    text-indent: 10px;
    text-decoration: none
}

.imgLeftdiv {
    width: 24%;
    float: left;
    margin: 1% 0 0;
    background: #eee
}

.imgLeftdiv>img {
    display: block;
    width: 100%
}

.btmDeatils {
    width: 100%;
    float: left
}

.catalogue {
    float: left;
    background: #333;
    width: 100%
}

.viewLrg {
    background: #008a32;
    float: left;
    width: 100%
}

.catalogue>a {
    text-transform: capitalize
}

.viewLrg>a {
    text-transform: uppercase!important
}

.contentDiv {
    float: left;
    margin: 1% 0 0 2.3%;
    width: 72%
}

.EnquiryDiv,
.contentDiv>ul>li {
    width: 100%;
    float: left
}

.contentDiv>h3 {
    color: #000;
    font-weight: 700;
    line-height: 1.7em;
    font-size: 1em
}

.contentDiv>p {
    font-size: 15px;
    line-height: 1.4em;
    text-align: justify;
    color: #555
}

.contentDiv>p>strong {
    font-weight: 700;
    color: #333;
    text-align: left
}

.contentDiv>ul>li:first-child {
    margin: 1% 0 0 2%
}

.contentDiv>ul>h3 {
    color: #000;
    font-weight: 700;
    font-size: 1em
}

.contentDiv>ul>li {
    font-size: 15px;
    color: #555;
    margin: 2% 0 0 2%;
    text-align: justify;
    background: url(../images/bullet.png) 0 5px no-repeat;
    display: block;
    padding: 0 0 2px 15px;
    line-height: 1em
}

.contentDiv>ul>li>strong {
    color: #333;
    font-weight: 700
}

.enquiryDetails {
    padding: 1em;
    width: 62%;
    background: #eee;
    float: left;
    font-family: Oswald, sans-serif
}

.enquiryDetails>form {
    width: 100%
}

.enquiryDetails>form>ul>li:first-child {
    margin: 0
}

.enquiryDetails>form>ul>li {
    float: left;
    margin: 3% 0 0;
    width: 100%
}

.enquiryDetails>form>ul>li>label {
    float: left;
    font-size: 14px;
    padding: 3px 0 10px;
    width: 90%
}

.enquiryDetails>form>ul>li>input[type=text],
.enquiryDetails>form>ul>li>textarea {
    border: 1px solid #ccc;
    font-family: Oswald, sans-serif;
    padding: 9px;
    width: 95%
}

.enquiryDetails>form>ul>li>textarea {
    font-size: 14px;
    font-weight: 400;
    height: 100px
}

.enquiryDetails>form>ul>li>input[type=submit],
.enquiryDetails>form>ul>li>input[type=reset] {
    border: 2px solid #981B17;
    color: #981B17;
    cursor: pointer;
    font-family: Oswald, sans-serif;
    outline: 0;
    padding: .4em 1em;
    background: 0 0;
    float: left
}

.enquiryDetails>form>ul>li>input[type=reset] {
    margin-left: 1em
}

.map {
    background: #eee;
    float: left;
    margin: 0 0 0 2%;
    padding: 1em;
    width: 37%
}

.map iframe {
    width: 100%
}

.anothermenuList {
    margin: 0
}

.anothermenuList>ul>li {
    width: 100%;
    float: left;
    margin: 3% 0 0
}

.anothermenuList>ul>li:first-child {
    margin: 3% 0 0
}

.anothermenuList>ul>li>a {
    color: #555;
    font-size: .89em;
    text-decoration: none
}

.anothermenuList>ul>li>span {
    float: left;
    font-size: .9em;
    margin: 2% 0 0;
    line-height: 1.4em;
    color: #555;
    font-weight: 700
}

.childmenu>li:first-child {
    margin-top: 1%
}

.childmenu>li {
    float: left;
    display: inline-block;
    width: 100%;
    margin-left: 4%;
    margin-top: 2%
}

.childmenu>li>a {
    color: #555;
    font-size: .8em;
    text-decoration: none
}

.childmenu>li>a:hover {
    color: #000
}

.rslides {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.rslides li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.rslides li:first-child {
    display: block;
    float: left;
    position: relative
}

.rslides img {
    border: 0;
    display: block;
    float: left;
    height: auto;
    width: 100%
}

.callbacks_nav {
    background: url(../images/themes.png) left top no-repeat;
    height: 36px;
    left: 0;
    margin-top: -45px;
    opacity: .7;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    top: 50%;
    width: 36px;
    z-index: 3
}

.callbacks_nav.next {
    background-position: right top;
    left: auto;
    right: 0
}

.callbacks_tabs a::after {
    background: #eee;
    border-radius: 50%;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0;
    height: 12px;
    visibility: visible;
    width: 12px
}

#loading,
.cmn_head h1,
.pop_enquiry {
    font-family: Oswald, sans-serif
}

.callbacks_here a::after {
    background: #F9302E
}

.callbacks_tabs a {
    visibility: hidden
}

.callbacks_tabs li {
    display: inline-block
}

ul.callbacks_tabs.callbacks1_tabs {
    bottom: 14px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999
}

.priceList>li {
    background: #eee;
    float: left;
    margin: 2% 0 0 1%;
    padding: .9em;
    width: 21%
}

.priceList>li>img {
    display: block;
    width: 100%
}

.priceList>li>span {
    font-size: .9em;
    display: block;
    line-height: 2em
}

.priceList>li>a {
    text-decoration: none;
    color: #333
}

.pop_enquiry {
    width: 500px;
    height: auto
}

.pop_enquiry P {
    font-weight: 400;
    font-size: 13px;
    padding: 10px
}

.cmn_head {
    height: auto;
    background: #981B17;
    padding: 15px
}

.cmn_head h1 {
    margin: 0;
    font-size: 20px
}

#loading {
    float: left;
    padding: 11px;
    display: none
}

.lvDiv {
    width: 100%;
    margin: 1% 0 0
}

.lvDiv>img {
    display: block;
    width: 100%
}

.lvDiv>p {
    color: #555;
    line-height: 1.5em;
    font-size: 15px
}

.lvCategory>ul>li>span>a,
.thumbCategory>ul>li>span>a,
.ullist>li {
    font-size: .9em
}

.ullist {
    margin-bottom: 20px!important;
    float: left
}

.ullist>li {
    color: #555;
    float: left;
    width: 100%;
    list-style-type: disc;
    margin: 1.2% 0 0;
    background: url(../images/bullet.png) 0 5px no-repeat;
    display: block;
    padding: 0 0 2px 15px;
    line-height: 1.3em
}

.lvCategory>ul>li>span>a,
.readmore a,
.sendEnquiry a,
.thumbCategory>ul>li>span>a {
    color: #333;
    text-decoration: none
}

.lvCategory {
    width: 100%;
    float: left
}

.lvCategory>ul {
    margin: 0;
    padding: 0
}

.lvCategory>ul>li:first-child {
    margin: 1% 0 0
}

.lvCategory>ul>li {
    float: left;
    width: 23%;
    border: 1px solid #981B17;
    margin: 1% 0 0 1%;
    padding: .3em
}

.lvCategory>ul>li>a>img {
    display: block;
    width: 100%
}

.lvCategory>ul>li>span {
    line-height: 2em;
    background: #981B17;
    text-indent: 10px;
    width: 100%;
    display: block
}

.thumbCategory {
    width: 100%;
    float: left
}

.thumbCategory>ul {
    margin: 0;
    padding: 0
}

.thumbCategory>ul>li:first-child {
    margin: 1% 0 0
}

.thumbCategory>ul>li {
    float: left;
    width: 31%;
    border: 1px solid #981B17;
    margin: 1% 0 0 1%;
    padding: .3em
}

.thumbCategory>ul>li>a>img {
    display: block;
    width: 100%
}

.thumbCategory>ul>li>span {
    line-height: 1.8em;
    background: #981B17;
    text-indent: 2px;
    width: 100%;
    display: block
}

.productSlider {
    position: relative
}

.sendEnquiry {
    padding: .6em;
    border: 2px solid #981B17;
    display: inline-block;
    margin: 0 auto;
    background: #981B17
}

.readmore {
    border: 2px solid #333;
    display: table;
    margin: 10px auto;
    padding: 8px
}

.productimg {
    background-color: #e2e2e2;
    float: left;
    margin: 0 0 0 6px;
    padding: .3em;
    width: 26%
}

.productimg>img {
    display: block;
    width: 100%
}

.productContainerLeft {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 69%
}

@media only screen and (min-width:1200px) {
    .map {
        width: 30%;
        margin: 0 0 0 10px
    }
}

@media only screen and (min-width:980px) and (max-width:1199px) {
    .ftquicklinks {
        width: 20%;
        float: left
    }
    .ftproducts {
        width: 22%;
        float: left
    }
    .ftcontact {
        width: 28%;
        margin-bottom: 2em
    }
    .ftfollowus {
        width: 20%;
        margin: 0;
        float: right
    }
    .map {
        width: 35%
    }
    .EnquiryDiv {
        width: 100%!important
    }
}

@media only screen and (min-width:980px) and (max-width:1200px) {
    .ftquicklinks {
        width: 20%;
        float: left
    }
    .ftproducts {
        width: 22%;
        float: left
    }
    .ftcontact {
        width: 28%;
        margin-bottom: 2em
    }
    .ftfollowus {
        width: 20%;
        margin: 0;
        float: right
    }
    .prtLeftmenu {
        width: 20%;
        padding: .7em
    }
    .EnquiryDiv,
    .contactUs,
    .enquiryDetails,
    .map {
        width: 100%
    }
    .map {
        margin: 2% 0 0
    }
    .navbar .nav>li {
        float: left;
        margin-left: 20px!important
    }
    .catalogue>a {
        color: #fff;
        font-size: .7em
    }
    .view {
        margin: 4px!important;
        width: 242px
    }
    .lvCategory>ul>li,
    .lvCategory>ul>li:first-child,
    .thumbCategory>ul>li:first-child {
        margin: 8px 0 0 8px
    }
    .lvCategory>ul>li {
        width: 30%
    }
    .thumbCategory>ul>li {
        width: 45%;
        margin: 8px 0 0 8px
    }
}

@media only screen and (min-width:800px) and (max-width:980px) {
    .ftcontact,
    .ftproducts,
    .ftquicklinks {
        margin-bottom: 20px;
        width: 100%
    }
    .ftproducts>ul,
    .imgLeftdiv,
    .logo,
    .prtDetailsdiv,
    ul.top-info {
        float: left
    }
    .ftfollowus {
        width: 100%;
        margin: 0
    }
    .prtLeftmenu {
        width: 100%;
        padding: .7em
    }
    .prtDetailsdiv {
        width: 98%;
        margin: 2% 0 0;
        padding: 1em
    }
    .EnquiryDiv,
    .contactUs,
    .contentDiv,
    .enquiryDetails,
    .imgLeftdiv,
    .map,
    .stockist ul>li {
        width: 100%
    }
    .contentDiv {
        margin: 0
    }
    .contentDiv>p {
        padding: 1em
    }
    .map {
        margin: 10px 0 0
    }
    .stockist ul>li {
        margin: 3% 0 0 4%!important
    }
    .stockist ul>li>img {
        display: block;
        margin: 0 auto
    }
    .headerLeft,
    .headerRight {
        float: left;
        width: 100%
    }
    .logo {
        background: #981B17;
        border-radius: 100%;
        height: 50px!important;
        width: 50px!important
    }
    .logo>img {
        width: 80%;
        height: 80%
    }
    .headerLeft .logo>img {
        padding: .4em 0 0
    }
    .headerLeft h2 {
        font-size: 1em;
        padding-top: 1em!important
    }
    .prtLeftmenu>ul>li {
        margin: 2% 0 0
    }
    .lvCategory>ul>li,
    .lvCategory>ul>li:first-child,
    .thumbCategory>ul>li:first-child {
        margin: 8px 0 0 8px
    }
    .view {
        width: 100%
    }
    .view img {
        width: 80%
    }
    .contentDiv>ul {
        padding: 0 1em
    }
    .lvCategory>ul>li {
        width: 47%
    }
    .thumbCategory>ul>li {
        width: 45%;
        margin: 8px 0 0 8px
    }
    .priceList>li {
        width: 40%
    }
    .resp-tab-content {
        border: none
    }
}

@media only screen and (max-width:768px) {
    .ftcontact,
    .ftproducts,
    .ftquicklinks {
        margin-bottom: 20px;
        width: 100%
    }
    .ftproducts>ul,
    .imgLeftdiv,
    .logo,
    .prtDetailsdiv,
    ul.top-info {
        float: left
    }
    .ftfollowus {
        width: 100%;
        margin: 0
    }
    .prtLeftmenu {
        width: 100%;
        padding: .7em
    }
    .prtDetailsdiv {
        width: 98%;
        margin: 2% 0 0;
        padding: 1em
    }
    .EnquiryDiv,
    .contactUs,
    .contentDiv,
    .enquiryDetails,
    .imgLeftdiv,
    .map,
    .stockist ul>li {
        width: 100%
    }
    .contentDiv {
        margin: 0
    }
    .contentDiv>p {
        padding: 1em
    }
    .map {
        margin: 10px 0 0
    }
    .stockist ul>li {
        margin: 3% 0 0 4%!important
    }
    .stockist ul>li>img {
        display: block;
        margin: 0 auto
    }
    .headerLeft,
    .headerRight {
        float: left;
        width: 100%
    }
    .logo {
        background: #981B17;
        border-radius: 100%;
        height: 50px!important;
        width: 50px!important
    }
    .logo>img {
        width: 80%;
        height: 80%
    }
    .headerLeft .logo>img {
        padding: .4em 0 0
    }
    .headerLeft h2 {
        font-size: 1em;
        padding-top: 1em!important
    }
    .prtLeftmenu>ul>li {
        margin: 2% 0 0
    }
    .lvCategory>ul>li,
    .lvCategory>ul>li:first-child {
        margin: 8px 0 0 8px
    }
    .view,
    .view img {
        width: 100%
    }
    .contentDiv>ul {
        padding: 0 1em
    }
    .lvCategory>ul>li {
        width: 45%
    }
    .thumbCategory>ul>li {
        width: 98%;
        margin: 8px 0 0
    }
    .priceList>li {
        width: 95%
    }
    .resp-tab-content {
        border: none
    }
    .productimg {
        width: 100%;
        margin: 0
    }
    .productContainerLeft {
        width: 92%
    }
}

@media only screen and (max-width:480px) {
    .ftcontact,
    .ftproducts,
    .ftquicklinks {
        margin-bottom: 20px;
        width: 100%
    }
    .ftproducts>ul,
    .imgLeftdiv,
    .logo,
    .prtDetailsdiv,
    ul.top-info {
        float: left
    }
    .ftfollowus {
        width: 100%;
        margin: 0
    }
    .prtLeftmenu {
        width: 100%;
        padding: .7em
    }
    .prtDetailsdiv {
        width: 96%;
        margin: 2% 0 0
    }
    .EnquiryDiv,
    .contactUs,
    .contentDiv,
    .enquiryDetails,
    .imgLeftdiv,
    .stockist ul>li {
        width: 100%
    }
    .contentDiv {
        margin: 0
    }
    .stockist ul>li,
    .stockist ul>li:first-child {
        margin: 3% 0 0!important
    }
    .map {
        display: none
    }
    .pageTitle>h3 {
        font-size: 1.2em
    }
    .stockist ul>li>img {
        display: block;
        margin: 0 auto
    }
    .homecontent>h1,
    .stockist h2 {
        font-size: 1.1em
    }
    .headerLeft,
    .headerRight {
        float: left;
        width: 100%
    }
    .contactUs {
        padding: 0
    }
    .EnquiryDiv {
        padding: 0!important
    }
    .logo {
        background: #981B17;
        border-radius: 100%;
        height: 50px!important;
        width: 50px!important
    }
    .logo>img {
        width: 80%;
        height: 80%
    }
    .headerLeft .logo>img {
        padding: .4em 0 0
    }
    .headerLeft h2 {
        font-size: 1em;
        font-weight: 700
    }
    .view,
    .view img {
        width: 100%
    }
    .contactUs {
        padding-top: 20px;
        padding-bottom: 10px
    }
    .contactUs>ul>li {
        margin-left: 20px
    }
    .contentDiv {
        padding: .5em
    }
    .lvCategory>ul>li:first-child {
        margin: 8px 0 0
    }
    .lvCategory>ul>li {
        width: 97%;
        margin: 8px 0 0
    }
    .thumbCategory>ul>li {
        width: 100%;
        margin: 8px 0 0
    }
    .priceList>li {
        width: 91%
    }
    .resp-tab-content {
        border: none
    }
    .productimg {
        width: 100%;
        margin: 0
    }
    .productContainerLeft {
        width: 92%
    }
}
#pop-up{ padding: 10px 16px;
                font-size: 18px;
                line-height: 1.33;
                border-radius: 6px;
                position: fixed;
                top: 300px;
                right: 0px;
                z-index: 999999;
                background: #ec3c01;
                border: 2px solid #eceae9;
                -webkit-box-shadow: 0 0 10px #fff;
                box-shadow: 0 0 10px #fff;
          }
          .sub-btn{
                background: #ec3c01;
                width: 100px;
                color: #fff;
                font-size: 18px;
          }
        .sub-btn:hover{
                background: #333;
                width: 100px;
                color: #fff;
                font-size: 18px;
          }     #pop-up{ padding: 10px 16px;
                font-size: 18px;
                line-height: 1.33;
                border-radius: 6px;
                position: fixed;
                top: 300px;
                right: 0px;
                z-index: 999999;
                background: #ec3c01;
                border: 2px solid #eceae9;
                -webkit-box-shadow: 0 0 10px #fff;
                box-shadow: 0 0 10px #fff;
          }
        #call-btn{ 
                padding: 10px 16px;
                font-size: 18px;
                line-height: 1.33;
                border-radius: 6px 10px!important;
                position: fixed;
                top: 150px;
                right: 0px;
                z-index: 999999;
                background: #76030a;
                border: 2px solid #eceae9;
                -webkit-box-shadow: 0 0 10px #fff;
                box-shadow: 0 0 10px #fff;
          }
            #call-btn:hover{
                background: #000;
                color:#fff;
            }
         .modal .form-control{
              -moz-box-shadow: 0 0 2px #999;
                -webkit-box-shadow: 0 0 2px #999;
                box-shadow: 0 0 2px #999;
             margin: 8px 0px;
          }
  
        #btn-fix{
             position: fixed;
                top: 235px;
                right: 0px;
                z-index: 999;   
            }
			       #btn-fix img{
				   width:40px;}
				   
				   .whatsup {
    position: fixed;
   left: 10px;
    width: 50px;
    bottom: 50px;
    z-index: 99;
}
#callme {
    position: fixed;
    right: 15px;
    bottom: 100px;
    width: 70px;
    height: 70px;
    cursor: pointer;

    z-index: 99990;
}
#callme #callmeMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgb(207,8,8);
    width: 70px;
    height: 70px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
#callme #callmeMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://ss.zadarma.com/callbackWidget/images/mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}
@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}