@charset "utf-8";

/*==Home Page==*/

a:hover {
    text-decoration: none;
}

body,
 :root {
    font-family: Rajdhani;
    overflow-x: hidden;
}

.sina-nav.navbar-fixed.navbar-freez,
.sina-nav {
    box-shadow: 0px 5px 10px -7px #000;
}

.sina-nav.navbar-fixed.navbar-freez {
    top: 20px;
}

.sina-nav.navbar-fixed.navbar-freez .sina-brand img {
    width: 200px;
    transition: 1s;
}

.sina-nav.navbar-fixed {
    position: fixed;
    top: 30px;
}

.sina-nav {
    border: 0;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.8);
}

.sina-nav .sina-brand {
    position: absolute;
    top: -30px;
}

.sina-nav .sina-brand span {
    color: #fff;
    display: block;
    font-family: Rajdhani;
    font-weight: 700;
    font-size: 16px;
}

.sina-nav .sina-brand img {
    padding: 0;
}

.sina-nav.navbar-fixed.navbar-freez .sina-brand span {
    font-size: 12px;
    color: #183867;
}

.sina-nav ul li a {
    font-size: 15px !important;
    font-family: Rajdhani;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.sina-nav ul li a:hover {
    color: #f38634 !important;
}

.sina-nav .extension-nav>ul>li>a {
    padding: 31px 12px;
    display: none;
}

.sina-nav .sina-menu>li>a {
    line-height: 42px;
    font-weight: 600;
    font-family: Rajdhani;
    padding: 20px 12px;
}

.sina-nav .sina-menu>li>a {
    color: #fff;
}

.sina-nav .sina-menu>li.active>a,
.sina-nav .sina-menu>li>a:hover,
.sina-nav .sina-menu>li>a:focus {
    color: #fff;
}

.sina-nav .sina-menu>li.active>a {
    color: #f38634;
}

.sina-nav .text-danger,
a.text-danger:focus,
a.text-danger:hover {
    color: #fff !important;
}

.bicycle-tyres {
    background: url(../images/banner1.jpg) no-repeat;
    padding: 200px 0px;
    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;
}

.bicycle-tyres h1 {
    color: #fff;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 5rem;
}

.bicycle-tyres p {
    color: #fff;
    font-family: PT Sans;
    padding-bottom: 20px;
    font-size: 18px;
}

.bicycle-tyres .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.home-box {
    padding: 200px 0;
}

.colored-tyres {
    background: url(../images/coloured-tyre.jpg) no-repeat;
    padding: 200px 0px;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    text-align: right;
}

.colored-tyres h2 {
    color: #000;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 72px;
}

.colored-tyres .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.folding-tyres {
    background: url(../images/banner3.jpg) no-repeat;
    padding: 200px 0px;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.folding-tyres h3 {
    color: #000;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 72px;
}

.folding-tyres .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.convayer-belt {
    background: url(../images/convayer-belt.jpg) no-repeat;
    padding: 200px 0px;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.convayer-belt h4 {
    color: #fff;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 72px;
}

.convayer-belt .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.reflectiing-tyres {
    background: url(../images/reflecting-tyre.jpg) no-repeat;
    padding: 200px 0px;
    background-position: 50% 50%;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    text-align: right;
}

.reflectiing-tyres h3 {
    color: #fff;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 72px;
}

.reflectiing-tyres .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.auto-tyres {
    background: url(../images/autotyre.jpg) no-repeat;
    padding: 200px 0px;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.auto-tyres h3 {
    color: #fff;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 72px;
}

.auto-tyres .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.about-us-home {
    background: url(../images/banner6.jpg) no-repeat;
    padding: 150px 0px;
    background-position: 50% 50%;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}

.about-us-home h5 {
    color: #fff;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 72px;
}

.about-us-home p {
    color: #fff;
    font-size: 18px;
    font-family: PT Sans;
}

.about-us-home .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.quality-policy-home {
    background: url(../images/banner5.jpg) no-repeat;
    padding: 150px 0px;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.quality-policy-home h2 {
    color: #000;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 72px;
}

.quality-policy-home p {
    color: #000;
    font-size: 18px;
    font-family: PT Sans;
    padding-bottom: 20px;
}

.quality-policy-home .btn {
    background: #f38634;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 12px 35px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Rajdhani;
    font-weight: 600;
}

.footer {
    padding: 60px 0px;
    background: #183867;
}

.footer h4 {
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    padding-bottom: 20px;
}

.footer h5 {
    font-family: Rajdhani;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer p {
    color: #fff;
    font-size: 16px;
    font-family: Rajdhani;
    font-weight: 600;
    margin-bottom: 15px;
}

.footer ul {
    padding-left: 5px;
    list-style: none;
}

a {
    text-decoration: none;
}

.footer li a {
    font-size: 16px;
    font-family: Rajdhani;
    text-transform: capitalize;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
    color: #fff!important;
}

.footer .icon-bar a {
    color: #000;
}

.footer .icon-bar .fab {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    border: 1px solid #ddd;
}

.footer li .text-white:hover {
    color: #fff !important;
}

.footer table tr td {
    vertical-align: top;
    padding-right: 5px;
}

.footer table tr td .svg-inline--fa {
    color: #fff !important;
}

.footer .icon-bar a {
    margin-right: 3px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
}

.footer .icon-bar .svg-inline--fa {
    border: 1px solid #000 !important;
    height: 35px;
    width: 35px;
    padding: 10px;
    filter: invert(1);
}

.copyright {
    background: #000;
    color: #fff;
    padding: 15px 0;
}

.copyright p {
    margin: 0;
    text-align: center;
    font-family: Rajdhani;
    font-weight: 600;
    font-size: 14px;
}

.nav-tabs button {
    font-family: Rajdhani;
    font-weight: 600;
    font-size: 14px;
    width: 150px;
}


/*==Contact Us==*/

.svbreadcrumb {
    overflow: hidden;
    width: auto;
    padding: 0px;
    margin: 20px 0 -30px 0px;
    text-align: left;
}

.svbreadcrumb li {
    display: inline-block;
    list-style: none;
    background: transparent;
    border-width: 0px;
    text-transform: uppercase;
    background-color: #ddd;
    background-image: linear-gradient(to right, #f5f5f5, #ddd);
}

.svbreadcrumb a {
    padding: .5em 1em .5em 1.5em;
    display: inline-block;
    text-decoration: none;
    color: #444;
    font-size: 11px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #ddd;
    background-image: linear-gradient(to right, #f5f5f5, #ddd);
}

.svbreadcrumb a:hover {
    color: #444;
    font-size: 11px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #ddd;
    background-image: linear-gradient(to right, #f5f5f5, #ddd);
}

.svbreadcrumb a::after,
.svbreadcrumb a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -10px;
}

.svbreadcrumb a::after {
    z-index: 2;
    border-left-color: #ddd;
}

.svbreadcrumb a::before {
    right: -1.1em;
    z-index: 1;
}

.inner-contact-content {
    padding: 50px 0px;
    border-bottom: 1px solid #eee;
}

.inner-contact-content h2 {
    font-family: youth-and-beauty;
    font-size: 30px;
    font-weight: 600;
}

.form {
    margin-top: 30px;
}

.form .btn-primary {
    background: #359BED;
    border: none;
    border-radius: 0;
    padding: 8px 25px;
    text-transform: uppercase;
}

.banner-inner {
    background: #f6f6f6;
    padding: 100px 0;
    border-bottom: 5px solid #FFB700;
}

.banner-inner h1 {
    font-family: Roboto Condensed;
}

.contact-banner {
    background: url(../images/contact-inner.jpg) no-repeat;
    padding: 220px 0;
    background-position: 50% 50%;
    background-size: cover;
    background-position: bottom;
}

.contact-banner h1 {
    font-family: Rajdhani;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}

.content-inner {
    padding: 50px 0;
}

.content-inner h2 {
    font-family: Rajdhani;
    padding-bottom: 30px;
    font-weight: 600;
}

.content-inner h3 {
    font-family: Rajdhani;
    padding-bottom: 10px;
    font-size: 18px;
    margin-top: 0;
    font-weight: 600;
}

.content-inner input,
.content-inner select {
    height: 42px;
    font-family: Rajdhani;
    font-weight: 600;
    color: #737881;
}

.content-inner textarea {
    font-family: Rajdhani;
    font-weight: 600;
}

::placeholder {
    color: #888;
}

.content-inner button {
    background: #183867;
    color: #fff;
    border: 0;
    padding: 8px 28px;
    font-weight: 600;
    font-family: Rajdhani;
    border-radius: 0;
}

.content-inner button:hover {
    color: #fff;
}

.content-inner address {
    font-family: Rajdhani;
    font-size: 14px;
}

.content-inner address h3 {
    color: #183867;
}

.content-inner address p {
    color: #000;
}

.content-inner address a {
    color: #000;
}

.contact-person {
    padding: 50px 0;
}

.contact-person .person {
    box-shadow: 1px 0px 39px -21px #aaa;
    background: rgba(110, 162, 65);
    font-family: Rajdhani;
    min-height: 170px;
    padding: 20px;
    text-align: center;
}

.contact-person .person h3 {
    padding-top: 25px;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
}

.contact-person .person p {
    font-family: Roboto Condensed;
    color: #fff;
    font-size: 18px;
}


/*==About Us==*/

.about-inner {
    padding: 50px 0;
}

.about-inner .row .col-md-6 {
    padding-right: 0;
    margin-right: 0;
}

.about-inner h2 {
    font-family: Roboto Condensed;
    padding-bottom: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

.about-inner h4 {
    text-align: left;
    font-size: 30px;
    padding: 5px 0;
    color: #183867;
    font-family: Rajdhani;
    font-weight: 600;
    text-transform: capitalize;
}

.about-inner h5 {
    margin: 20px 0;
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
}

.about-inner h6 {
    font-family: Rajdhani;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 15px;
    padding: 20px 0;
    color: #183867;
}

.about-inner1 {
    background-color: #000;
    color: #fff;
    padding: 20px 0;
}

.about-inner p {
    margin: 0;
    font-family: Rajdhani;
    text-align: justify;
    font-weight: 600;
    color: #555;
    font-size: 18px;
    line-height: 40px;
}

.about-inner2 {
    background: url(../images/content1.jpg) no-repeat;
    padding: 180px 0px;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
}

.about-inner2 p {
    color: #fff;
    font-size: 18px;
    font-family: Rajdhani;
    font-weight: 600;
    line-height: 40px;
}

.about-inner1 .content2 {
    padding-top: 32px;
    text-align: center;
}

.about-banner {
    background: url(../images/about-banner.jpg) no-repeat;
    padding: 220px 0;
    background-position: 50% 100%;
    background-size: cover;
}

.about-banner h1 {
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
}

.about-inner3 {
    padding: 30px 0;
}

.about-inner3 p {
    line-height: 36px;
    font-family: raleway;
    text-align: center;
}


/*==Quality Policy==*/

.quality-inner {
    padding: 50px 0;
    background: #f5f5f5;
}

.quality-inner p {
    font-family: Rajdhani;
    font-size: 18px;
    line-height: 36px;
    font-weight: 600;
    text-align: justify;
}

.quality-inner h4 {
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
}

.quality-inner h2 {
    font-size: 49px;
    text-transform: uppercase;
    font-family: Rajdhani;
}

.quality-inner1 {
    padding: 16px 0 0px 0;
}

.quality-inner1 .vision {
    min-height: 100%;
    background-color: #eee;
    padding: 26px;
}

.quality-inner1 .col-md-3 {
    padding-left: 0;
    padding-right: 0;
}

.quality-inner1 .vision h3 {
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 700;
    font-family: Rajdhani;
}

.quality-inner1 .vision p {
    font-size: 14px;
    font-family: PT Sans;
    line-height: 26px;
    text-align: justify;
    font-weight: 600;
}

.quality-inner1 .mision {
    min-height: 100%;
    background-color: #f38634;
    padding: 26px;
}

.quality-inner1 .mision h3 {
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #fff;
    font-family: Rajdhani;
}

.quality-inner1 .mision p {
    font-size: 14px;
    color: #fff;
    font-family: PT Sans;
    line-height: 26px;
    text-align: justify;
}

.quality-inner1 .brand p {
    font-size: 14px;
    color: #fff;
    font-family: PT Sans;
    line-height: 26px;
    text-align: justify;
}

.quality-inner2 {
    padding: 50px 0 30px 0;
}

.quality-inner2 .img-thumbnail {
    background: #f38634;
    border-radius: 0;
    margin-bottom: 5px;
    width: 100%;
}

.quality-inner2 h3 {
    font-size: 30px;
    font-family: Rajdhani;
    font-weight: 700;
    color: #000;
    padding-bottom: 20px;
}

.quality-inner2 p {
    font-size: 16px;
    font-family: Rajdhani;
    line-height: 40px;
    font-weight: 600;
    text-align: justify;
}

.quality-inner2 .qualty {
    position: relative;
}

.quality-inner2 .qualty p {
    text-align: center;
    padding: 10px 5px;
    right: 0px;
    bottom: 20px;
    margin: auto;
    background: rgba(255, 255, 255, .8);
    color: #000;
    font-family: Rajdhani;
    margin: 0;
    letter-spacing: inherit;
    line-height: inherit;
    width: 100%;
    display: inline-block;
}


/*==Our braches==*/

.branch-banner {
    background: url(../images/branches.jpg) no-repeat;
    padding: 220px 0;
    background-position: 100% 70%;
    background-size: cover;
    background-position: bottom;
}

.branch-banner h1 {
    font-family: Rajdhani;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}

.branch-inner {
    padding: 30px 0;
}

.branch-inner h2 {
    font-family: Roboto Condensed;
    padding-bottom: 30px;
}

.branch-inner h3 {
    font-family: Rajdhani;
    font-size: 18px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.branch-inner p {
    font-family: Rajdhani;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 1px;
    text-align: justify;
}

.branch-inner .person {
    background: #fff;
    box-shadow: 0px 0px 24px -17px;
    font-family: Rajdhani;
    min-height: 280px !important;
    padding: 20px;
    margin-bottom: 30px;
}

.branch-inner .person table tr td {
    vertical-align: text-top;
    padding: 3px 5px;
}

.branch-inner .person h3 {
    padding: 10px 0;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 24px;
}

.branch-inner .person h4 {
    color: DB261A;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 16px;
}

.branch-inner .person p {
    font-family: Rajdhani;
    color: #555;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
}

.sidebar {
    padding-left: 0;
    list-style: none;
}

.sidebar li {
    border-left: 2px solid #000;
    padding: 8px 15px;
    background: #f38634;
    margin-bottom: 3px;
}

.sidebar li a {
    color: #fff;
    font-family: Rajdhani;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/*==infra-banner==*/

.infra-banner {
    background: url(../images/manufacture.jpg) no-repeat;
    padding: 220px 0;
    background-position: 75% 50%;
}

.infra-banner h1 {
    font-family: Rajdhani;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}

.infrastructure-inner {
    padding: 50px 0;
}

.infrastructure-inner .box {
    background: #f38634;
    padding: 45px;
}

.infrastructure-inner .box h2 {
    color: #fff;
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.infrastructure-inner .box p {
    color: #fff;
    font-family: Rajdhani;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 10px;
}

.infrastructure-inner a p {
    color: #000;
    text-transform: uppercase;
    font-family: Rajdhani;
    padding: 10px 15px;
    background: #f5f5f5;
    margin: 0;
}

.infrastructure-inner a img {
    width: 100%;
    border: 1px solid #eee;
    padding: 2px;
}

figure {
    overflow: hidden;
}

.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.infra-tube {
    background: url(../images/manufacture.jpg) no-repeat;
    padding: 220px 0;
    background-position: 75% 50%;
}

.infra-banner h1 {
    font-family: Rajdhani;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}

.tube-inner {
    text-align: center;
    padding: 40px 0 0px 0;
}

.tube-inner h2 {
    color: #f38634;
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.tube-inner p {
    color: #000;
    font-family: Rajdhani;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 26px;
}


/*==feedback==*/

.feedback-banner {
    background: url(../images/feedback.jpg) no-repeat;
    padding: 220px 0;
    background-position: center;
}

.feedback-banner h1 {
    font-family: Rajdhani;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}


/*==Global Presence==*/

.global-banner {
    background: url(../images/global.jpg) no-repeat;
    padding: 220px 0;
    background-position: center;
    background-size: cover;
}

.global-presence h2 {
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}

.map-global {
    background: url(../images/map-countries.jpg) no-repeat;
    height: 350px;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50%;
}

.global-presence {
    padding: 50px 0;
}

.global-presence span {
    font-family: Rajdhani;
    font-size: 14px;
    margin: 3px;
    font-weight: 600;
    padding: 5px 0px;
    display: block;
    text-transform: capitalize;
}

.global-presence .nav-tabs {
    border: 1px solid #eee;
}

.global-presence .nav-tabs .nav-link.active {
    border: 0;
    background-color: #183867;
    border-radius: 0;
    color: #fff;
}

.global-presence .nav-tabs .nav-link {
    color: #000;
}

.global-presence h3 {
    font-size: 20px;
    font-weight: 700;
    font-family: Rajdhani;
}

.global-presence .tab-content {
    border: 1px solid #eee;
    border-top: 0;
}

.global-presence p {
    font-family: Rajdhani;
    font-weight: 600;
    font-size: 14px;
    color: #888;
}

.major-clients h3 {
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}

.major-clients .box {
    box-shadow: 0px 20px 75px 0px rgba(37, 51, 57, 0.1);
    padding: 20px;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}


/*==packing***/

.packaging-banner {
    background: url(../images/packagiing-inner.jpg) no-repeat;
    padding: 220px 0;
    background-position: 50% 100%;
    background-size: cover;
}

.packaging-banner h1 {
    font-family: Rajdhani;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}

.packing {
    padding: 40px 0;
}

.packing .box {
    background: #f38634;
    padding: 45px;
}

.packing .box h2 {
    color: #fff;
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.packing .box p {
    color: #fff;
    font-family: Rajdhani;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 10px;
    text-align: justify;
    line-height: 30px;
}

.packing-inner {
    padding: 40px 0;
    background: #eee;
}

.packing-inner h3 {
    color: #000;
    font-family: Rajdhani;
    font-size: 24px;
    padding-bottom: 15px;
}


/*==quality==*/

.quality-banner {
    background: url(../images/quality-policy.jpg) no-repeat;
    padding: 220px 0;
    background-position: 50% 100%;
    background-size: cover;
}

.quality-banner h1 {
    font-family: Rajdhani;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
}

.vision {
    padding: 40px 0;
    background: #f5f5f5;
}

.vision h3 {
    padding-bottom: 15px;
    font-family: Rajdhani;
    font-size: 30px;
    font-weight: 600;
}

.vision p {
    line-height: 30px;
    font-family: Rajdhani;
    font-weight: 600;
}

.vision-growing {
    padding: 180px 0;
    background: url(../images/vision.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family: Rajdhani;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

.vision-growing h2 {
    font-size: 36px;
    padding-bottom: 15px;
    font-family: Rajdhani;
    color: #f38634;
    font-weight: 600;
}

.vision-riding {
    padding: 40px 0;
    font-family: Rajdhani;
}

.vision-riding h3 {
    padding-bottom: 15px;
}

.vision-growing p,
.vision-riding p {
    line-height: 30px;
}


/*==infastructure==*/

.tyreplant img {
    border: 1px solid #f1f1f1;
    padding: 5px;
    margin-bottom: 20px;
}


/*==bycle tyre==*/

.bicycle-content {
    padding: 40px 0 0 0;
}

.bicycle-content .box {
    background: #000;
    padding: 45px;
}

.bicycle-content .box h2 {
    color: #FF9E2B;
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.bicycle-content .box p {
    color: #fff;
    font-family: Rajdhani;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 30px;
}

.bicycle-tube {
    padding: 0px 0 0 0;
}

.bicycle-tube .box {
    background: #000;
    padding: 0px 0;
}

.bicycle-tube .box h2 {
    color: #FF9E2B;
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: uppercase;
    padding-top: 30px;
}

.bicycle-tube .box p {
    color: #fff;
    font-family: Rajdhani;
    text-align: justify;
    letter-spacing: 1px;
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 20px;
}

.sizelist-inner {
    padding: 50px 0;
    position: relative;
}

.sizelist-inner h5 {
    padding-bottom: 12px;
    font-family: Rajdhani;
    color: #212529;
    font-size: 16px;
}

.sizelist-inner h4 {
    padding-bottom: 40px;
    font-family: Rajdhani;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #f38634;
}

.sizelist-inner .panel-title {
    font-family: Rajdhani;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

.sizelist-inner .panel-heading {
    background: #0e0c0c;
    padding: 12px 15px;
    margin-bottom: 4px;
}

.sizelist-inner .panel-heading a {
    color: #fff;
    display: block;
}

.sizelist-inner .panel-body ul {
    list-style: none;
    padding-left: 0px;
    margin: 0;
}

.sizelist-inner .panel-body ul li {
    padding: 12px 15px;
    background: #f9f9f9;
    margin-bottom: 4px;
}

.sizelist-inner .panel-body ul li a {
    color: #000;
    font-family: Rajdhani;
    font-size: 13px;
    text-transform: uppercase;
}

.sizelist-inner h3 {
    font-family: Rajdhani;
    color: #000;
    font-weight: 600;
}

.sizelist-inner .bicycle {
    padding-top: 20px;
}

.sizelist-inner .bicycle-tyre {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    border-right: 1px solid #eee;
    position: relative;
}

.sizelist-inner .bicycle-tyre .bicycle-tyre1 {
    box-shadow: 0 0 34px -16px #555;
}

.sizelist-inner .bicycle-tyre p {
    text-align: center;
    padding: 25px 0;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: Rajdhani;
    color: #183867;
}

.bycle-tyre .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}

.sizelist-inner .bicycle-tyre .bicycle-tyre1 {
    height: 216px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.tube-valves p {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: capitalize;
    color: #f38634;
}

.sizelist-inner .bicycle-tube .bicycle-tube1 {
    overflow: hidden;
    text-align: center;
    padding: 40px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    overflow: hidden;
}

.sizelist-inner .bicycle-tyre1 img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.sizelist-inner .bicycle-tyre img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.sizelist-inner table tr th,
.sizelist-inner table tr td {
    padding: 2px 5px;
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: capitalize;
}

.sizelist-inner table tr th {
    background: #183867;
    color: #fff;
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: capitalize;
}

.sizelist-inner .bicycle-tyre h4 {
    padding-top: 39px;
    font-size: 17px;
    text-align: center;
}

.sizelist-inner .bicycle-tube h4 {
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 20px;
    text-align: center;
    color: #f38634;
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: uppercase;
}

.sizelist-inner .bicycle-tube p {
    font-size: 14px;
    text-align: center;
}

.sizelist-inner .text1 {
    padding-bottom: 12px;
    padding-top: 12px;
}

.sizelist-inner .tube {
    text-align: center;
    border: 1px solid #eee;
    min-height: 252px;
    padding: 32px 15px;
}

.sizelist-inner .tube1 p {
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    margin-bottom: 20px;
    color: #f38634;
    font-family: PT Sans;
}

.sizelist-inner .tube1 h5 {
    font-size: 18px;
    padding: 0px;
}

.bicycle-tyre p {
    margin-bottom: 0;
}

.table-bordered td,
.table-bordered th {
    width: 1%;
}

.sizelist-inner .previous {
    background-color: #000;
    color: #fff;
    margin-top: 10px;
    font-family: Rajdhani;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 5px;
    width: 120px;
    border-radius: 3px;
}

.sizelist-inner .next {
    background-color: #183867;
    color: white;
    margin-top: 10px;
    font-family: Rajdhani;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 20px;
}

.sizelist-inner table thead tr th {
    background: #183867;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.sizelist-inner table {
    font-size: 16px;
    width: 100%;
    font-weight: 100;
    background: #d6d6d6;
}

.sizelist-inner table tr th,
.sizelist-inner table tr td {
    padding: 8px;
}

.sizelist-inner table tr th {
    font-family: Rajdhani;
}

.sizelist-inner table .svg-inline--fa {
    color: #f38634;
}

.sizelist-inner .rubber h5 {
    padding-top: 10px;
    text-align: center;
    font-family: Rajdhani;
    font-size: 18px;
}

.table-responsive {
    display: inline-table;
}

.sizelist-inner .bicycle-tyre table {
    display: none;
    background: #d6d6d6;
    width: 100%;
    height: 124px;
}

.sizelist-inner .bicycle-tyre:hover table {
    display: block;
    position: absolute;
    top: 92px;
    left: 0;
}

.sizelist-inner .bicycle-tyre table tr td {
    color: #183867;
}

.sizelist-inner h2 {
    padding-bottom: 40px;
    font-family: Rajdhani;
    font-weight: 700;
    font-size: 42px;
    text-align: center;
    color: #000;
    margin-bottom: 40px;
}


/*==auto-tyre===*/

.sizelist-inner .bicycle-tyre {
    border-right: 0 !important;
}

.autotyre {
    padding: 50px 0;
}

.autotyre h3 {
    font-family: Rajdhani;
    color: #000;
    font-weight: 600;
    font-size: 36px;
}

.autotyre table {
    font-family: Rajdhani;
}

.autotyre table tr th {
    background: #000;
    color: #fff;
}

.autotyre table tr td {
    font-weight: 600;
    letter-spacing: normal;
}

.sizelist-inner .bicycle-tube {
    box-shadow: 0px 0px 45px 0px rgba(37, 51, 57, 0.1);
}


/*==certification-inner*/

.certification-banner {
    background: url(../images/certification.jpg) no-repeat;
    padding: 220px 0;
    background-position: center bottom;
    background-size: cover;
}

.certification-inner {
    padding: 50px 0;
}

.certification-inner h2 {
    font-family: Rajdhani;
    font-size: 42px;
    font-weight: 700;
    text-transform: capitalize;
    color: #f38634;
}

.certification-inner h2 span {
    color: #000;
}

.laboratory {
    padding: 40px 0;
}

.laboratory p {
    text-align: center;
    font-family: Rajdhani;
    font-size: 18px;
    color: #f38634;
    margin: 10px 0;
    text-transform: uppercase;
}


/*==rubber==*/

.rubber-banner {
    background: url(../images/nutural-rubber.jpg) no-repeat;
    padding: 220px 0;
    background-position: bottom;
    background-size: cover;
}

.rubber-banner h1 {
    font-family: Rajdhani;
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
}

.rubber-inner {
    padding: 40px 0px 20px 0px;
}


/**/

.branch-inner h1 {
    font-family: Rajdhani;
    font-size: 30px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.rubber-inner h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}

.rubber-inner1 {
    background: url(../images/rubber1.jpg) no-repeat;
    padding: 100px 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
}

.rubber-inner1 .rubber1 {
    background-color: #f38634;
    min-height: 320px;
}

.rubber-inner1 .rubber1 h3 {
    text-transform: uppercase;
    font-size: 51px;
    font-family: Rajdhani;
    color: #fff;
    padding: 26px 0px 2px 19px;
    font-weight: 700;
}

.rubber-inner1 .rubber2 {
    background-color: rgba(0, 0, 0, .8);
    min-height: 320px;
    padding: 50px;
}

.rubber-inner1 .rubber2 h4 {
    color: #fff;
    font-family: Rajdhani;
}

.rubber-inner1 .rubber2 p {
    color: #fff;
    font-size: 16px;
    text-align: justify;
}

.rubber-inner1 .col-md-8 {
    padding-left: 0;
    padding-right: 0;
}

.rubber-inner1 .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}

.bg-danger {
    padding: 40px;
    min-height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-family: Rajdhani;
    line-height: 36px;
}

.bg-dark {
    padding: 40px;
    min-height: 280px;
    color: #fff;
    font-family: Rajdhani;
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
}

.rubber-inner2 {
    padding: 50px 0;
}

.rubber-inner2 h4 {
    text-transform: uppercase;
    font-weight: 600;
}

.rubber-inner2 p {
    line-height: 30px;
    text-align: justify;
}

.rawsheet {
    padding: 30px 0;
    font-family: Rajdhani;
}

.rawsheet p {
    line-height: 30px;
    font-size: 14px;
    text-align: justify;
}

.rawsheet1 {
    padding: 0px 0;
    font-family: Rajdhani;
    background: #f1f1f1;
}

.rawsheet1 h4 {
    font-family: Rajdhani;
    padding: 25px 0 5px 0;
}

.rawsheet1 p {
    line-height: 30px;
    font-size: 14px;
    text-align: justify;
}

.rawsheet2 {
    padding: 50px 0;
    font-family: Rajdhani;
}

.rawsheet2 p {
    line-height: 30px;
    font-size: 14px;
    text-align: justify;
}

.breadcrumb-section {
    background: #183867;
    padding: 8px 0;
    margin-top: -1px;
}

.breadcrumb-section h1 {
    color: #fff;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 700;
    font-family: Rajdhani;
    margin: 0;
}

.breadcrumb-section ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 6px 0;
}

.breadcrumb-section ul li {
    float: left;
    font-family: Rajdhani;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.breadcrumb-section ul li a {
    padding: 8px 25px;
    background: #fff;
    border-left: 6px solid #000;
    color: #000;
    border-top-left-radius: 42px;
    border-bottom-right-radius: 42px;
}

.breadcrumb-section ul li span {
    padding: 8px 25px;
    background: #fff;
    border-left: 6px solid #000;
    color: #000;
    border-top-left-radius: 42px;
    border-bottom-right-radius: 42px;
}

.breadcrumb-section .breadcrumb {
    text-align: right;
}


/*antipunchutr*/

.construction-banner {
    background: url(../images/quality-policy.jpg) no-repeat;
    padding: 220px 0;
    background-position: 50% 100%;
    background-size: cover;
}

.construction-inner {
    padding: 50px 0;
    font-family: Rajdhani;
    background: #f5f5f5;
}

.construction-inner .box-tyre {
    padding: 10px 0;
    display: flex;
}

.construction-inner h2 {
    color: #000;
    font-family: Rajdhani;
    font-size: 36px;
    font-weight: 700;
}

.construction-inner .box-tyre h4 {
    color: #183867;
    font-size: 26px;
    font-weight: 600;
    width: 20%;
}

.construction-inner .box-tyre p {
    padding-bottom: 15px;
    width: 80%;
    font-weight: 600;
}

.construction-inner h5 {
    color: #183867;
    font-size: 26px;
    font-weight: 600;
}

.construction-inner .leftSide {
    width: 20%;
    position: relative;
    margin-right: 25px;
}

.construction-inner .leftSide img {
    position: relative;
    z-index: 2;
}

.construction-inner .rightSide {
    width: 70%;
}

.construction-inner .rightSide p {
    width: 100%;
}

.dura-compound {
    background: url(../images/antipuncture.jpg) no-repeat;
    padding: 220px 0;
    background-position: 50% 100%;
    background-size: cover;
    padding: 50px 0;
    font-family: Rajdhani;
    background-attachment: fixed;
    color: #fff;
}

.dura-compound h4 {
    color: #183867;
    font-size: 26px;
    font-weight: 600;
}

.dura-compound p {
    font-weight: 600;
}

.special {
    padding: 50px 0;
}

.socks p {
    font-family: Rajdhani;
    font-weight: 600;
}

.socks p span {
    background: #000;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    width: 50%;
}

.socks h4 {
    padding-bottom: 20px;
}

.socks .hvr {
    text-align: center;
}


/* agriculture tyres */

.agriculture-inner {
    padding: 30px 0;
    position: relative;
}

.agriculture-inner .inner-detail {
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 30px;
}

.agriculture-inner .tractor-tyre {
    position: sticky;
    top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.agriculture-inner h2 {
    font-family: Rajdhani;
    font-size: 36px;
    font-weight: 700;
    color: #183867;
    margin-bottom: 20px;
}

.agriculture-inner table tr th,
.agriculture-inner table tr td {
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: capitalize;
}

.agriculture-inner table tr td {
    color: #183867;
    background: #d6d6d6;
}

.agriculture-inner table tr th {
    background: #183867;
    color: #fff;
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: capitalize;
}

.agriculture-inner .next {
    background-color: #183867;
    color: white;
    margin-top: 10px;
    font-family: Rajdhani;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 20px;
}

#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    background: #fff;
    color: #000;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100px;
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .3);
}

.care-safety {
    padding: 50px 0;
}


/* .care-safety h2 {
    font-family: Rajdhani;
    font-size: 36px;
    font-weight: 700;
    color: #f38634;
    margin-bottom: 20px;
} */

.care-safety p {
    font-family: Rajdhani;
    text-align: justify;
    font-weight: 600;
    color: #555;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 20px;
}

.care-safety strong {
    font-family: Rajdhani;
    font-weight: 600;
    color: #f38634;
    font-size: 22px;
    line-height: 40px;
}

.care-safety span {
    font-family: Rajdhani;
    font-weight: 600;
    color: #555;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 6px;
}

.care-safety h2 {
    font-family: Rajdhani;
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.care-safety ul {
    margin-left: 15px;
    margin-bottom: 20px;
}

.care-safety ul li {
    font-family: Rajdhani;
    font-weight: 600;
    color: #555;
    font-size: 16px;
    line-height: 30px;
}

.modal .modal-header h5 {
    font-family: Rajdhani;
    font-size: 25px;
    margin-top: 10px;
    font-weight: 600;
}

.modal button {
    font-size: 35px;
    color: #555;
}

.modal .bicycle-tyre table {
    background: #d6d6d6;
    width: 100%;
    height: 123px;
    text-align: center;
    display: block;
}

.modal .bicycle-tyre table tr th,
.modal .bicycle-tyre table tr td {
    padding: 18px 5px;
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: capitalize;
}

.modal .bicycle-tyre table tr th {
    background: #183867;
    color: #fff;
    font-weight: 600;
    font-family: Rajdhani;
    text-transform: capitalize;
}

.antipunture {
    position: relative;
}

.antipunture h4 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

.antipunture .puncture-list h5 {
    font-size: 26px;
    font-weight: 600;
}

.antipunture .puncture-list ul li {
    font-size: 16px;
    font-weight: 600;
}

.quality-assurance {
    position: relative;
}

.quality-assurance h5 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
}

.quality-assurance p,
.quality-assurance ul li {
    font-size: 16px;
    font-weight: 600;
}


/*conveyor-belt*/

.conveyor-belt h2 {
    font-weight: 700;
    font-size: 48px;
    color: #183867;
}

.conveyor-belt p {
    font-size: 16px;
    font-weight: 600;
}

.conveyor-belt h3 {
    font-size: 30px;
    font-weight: 700;
    padding: 20px 0;
}

.conveyor-belt p strong {
    font-size: 20px;
    color: #555;
}

.conveyor-belt table {
    width: 100%;
    border: 1px solid #ccc;
}

.conveyor-belt table tr th {
    padding: 10px 25px;
    border-right: 1px solid #ccc;
    font-size: 18px;
    color: #fff;
    background: #183867;
}

.conveyor-belt table tr td {
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 600;
}

.conveyor-belt .box {
    min-height: 250px;
    padding: 20px;
    margin-bottom: 15px;
}

.conveyor-belt .box h3 {
    font-size: 24px;
}

.conveyor-belt ul li {
    font-size: 20px;
    color: #555;
    font-weight: 700;
}

.conveyor-belt .table-responsive {
    width: 100%;
}

@media (max-width:1024px) {
    .sina-nav.navbar-fixed {
        position: relative;
        top: 0;
        min-height: 90px;
    }
    .sina-nav .sina-brand {
        right: 0;
    }
    .sina-nav .sina-nav-header {
        height: auto;
    }
    .sina-nav .navbar-toggle {
        margin: 26px 0 0 0;
        color: #fff;
    }
    .sina-nav.mobile-sidebar .navbar-collapse {
        background: #222;
    }
    .sina-nav .sina-menu {
        margin-top: 20px !important;
    }
    .sina-nav .sina-menu .dropdown-menu li a {
        color: #fff !important;
    }
    .sina-nav .sina-menu li a:hover,
    .sina-nav .sina-menu li a:focus,
    .sina-nav .sina-menu li.active>a,
    .sina-nav .sina-menu li .mega-menu-col-title:hover,
    .sina-nav .sina-menu li .mega-menu.dropdown-menu .mega-menu-col .active>a,
    .sina-nav .sina-menu li .dropdown-menu li.active>a,
    .sina-nav .sina-menu li .dropdown-menu li a:hover,
    .sina-nav .sina-menu li .dropdown-menu li a:focus,
    .sina-nav .sina-menu li .mega-menu .mega-menu-col ul li a:hover,
    .sina-nav .sina-menu li .mega-menu .mega-menu-col ul li a:focus {
        background: none;
    }
    .sina-nav .sina-nav-header.social-on .sina-brand {
        margin: 0;
    }
    .sina-nav.mobile-sidebar .sina-menu {
        padding: 0;
    }
    .sina-nav .sina-menu>li>a {
        padding: 10px 12px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bicycle-content .box,
    .infrastructure-inner .box {
        min-height: 100%;
        padding: 20px;
    }
    .sina-nav .sina-menu>li>a {
        padding: 20px 9px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .sina-nav {
        min-height: 90px;
    }
    .bicycle-content .box {
        padding: 7px 2px 0px 12px;
    }
    .bicycle-content .box p {
        margin-bottom: 0;
    }
    .branch-inner p {
        text-align: left;
    }
    .branch-inner .person {
        min-height: 100% !important;
    }
    .bicycle-content .img-fluid {
        height: 100%;
    }
    .table-responsive {
        display: block;
    }
    .text-end {
        text-align: center !important;
    }
    .conveyor-belt img {
        display: block;
        margin: auto;
    }
    .conveyor-belt h3 {
        padding: 10px 0;
        font-size: 26px;
    }
    .conveyor-belt p strong {
        font-size: 16px;
    }
    .conveyor-belt .box {
        padding: 5px;
        min-height: 181px;
    }
    .conveyor-belt h2 {
        font-size: 36px;
    }
    .conveyor-belt .box h3 {
        font-size: 20px;
    }
    .conveyor-belt .d-sm-flex img {
        margin: 0;
    }
}

@media (max-width:767px) {
    .sina-nav .sina-nav-header.social-on {
        height: auto;
    }
    .sina-nav .sina-brand {
        display: inline;
    }
    .about-inner .row .col-md-6 {
        padding: 0 20px;
    }
    .certification-inner-dwn .box {
        margin: 14px;
        padding: 30px 15px;
    }
    .certification-inner-dwn img {
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }
    .bicycle-content .box,
    .infrastructure-inner .box {
        padding: 30px 15px;
        margin: 14px;
    }
    .table-responsive {
        display: block;
    }
    .bicycle-tube .box h2 {
        padding-top: 0;
    }
    .auto-tyre {
        padding: 100px 0;
    }
    .sina-nav .sina-brand {
        top: 0;
        position: relative;
    }
    .sina-nav .sina-brand span {
        font-size: 14px;
    }
    .sina-nav .sina-brand img {
        width: 150px;
    }
    .home-box {
        padding: 50px 0;
    }
    .bicycle-tyres,
    .colored-tyres,
    .folding-tyres,
    .anti-puncture-tyres,
    .reflectiing-tyres,
    .auto-tyres,
    .about-us-home,
    .quality-policy-home {
        padding: 80px 0;
    }
    .home-box h1,
    .home-box h2,
    .home-box h3,
    .home-box h4,
    .home-box h5,
    .home-box h6 {
        font-size: 48px;
    }
    .home-box .btn {
        padding: 5px 35px;
    }
    .about-us-home p,
    .quality-policy-home p {
        font-size: 14px;
    }
    .construction-inner .box-tyre {
        display: block;
    }
    .construction-inner .box-tyre h4,
    .construction-inner .box-tyre p,
    .construction-inner .rightSide {
        width: 100%;
    }
    .rubber-banner,
    .about-banner,
    .quality-banner,
    .global-banner,
    .branch-banner,
    .contact-banner {
        padding: 150px 0;
    }
}

@media (max-width:575px) {
    .carousel-inner .align-items-center {
        text-align: center;
    }
    .carousel-inner .puncture-list {
        text-align: start;
    }
}

@media (max-width:450px) {
    .bicycle-tyres {
        background-position: 65% 60%;
    }
    .anti-puncture-tyres {
        background-position: 76% 54%;
    }
    .reflectiing-tyres {
        background-position: 21% 50%;
    }
    .auto-tyres {
        background-position: 74% 50%;
    }
    .about-us-home {
        background-position: 65% 50%;
    }
    .quality-policy-home {
        background-position: 19% 50%;
    }
    .quality-policy-home h2 {
        color: #fff;
    }
    .quality-policy-home p {
        color: #fff;
    }
    .quality-policy-home .home-box {
        background: rgba(0, 0, 0, .8);
        padding: 20px;
    }
    .carousel-inner .align-items-center .ms-5 {
        text-align: start;
    }
    .rubber-banner,
    .about-banner,
    .quality-banner,
    .global-banner,
    .branch-banner,
    .contact-banner,
    .certification-banner {
        padding: 100px 0;
    }
    .conveyor-belt .box {
        padding: 8px;
        min-height: auto;
    }
    .conveyor-belt h2 {
        font-size: 36px;
        text-align: center;
    }
    .conveyor-belt h3 {
        font-size: 26px;
    }
    .conveyor-belt .box h3 {
        font-size: 20px;
        padding: 15px 0;
    }
    .conveyor-belt .d-sm-flex img {
        margin: auto;
        display: block;
    }
    .colored-tyres {
        background-position: 11% 53% !important;
        background-attachment: fixed !important;
    }
    .folding-tyres {
        background-position: 93% 50% !important;
    }
    /* .reflectiing-tyres {
        background-position: 57% 78% !important;
    } */
}

@media screen and (min-width:1280px) {
    .container {
        max-width: 90%;
    }
    .conveyor-belt .table-responsive {
        display: block;
    }
}