/* Global Styles */
/* Coded By SK */

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

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



@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-medium-webfont.eot');
    src: url('../fonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-medium-webfont.woff2') format('woff2'),
         url('../fonts/oswald-medium-webfont.woff') format('woff'),
         url('../fonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-regular_1-webfont.eot');
    src: url('../fonts/oswald-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular_1-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular_1-webfont.woff') format('woff'),
         url('../fonts/oswald-regular_1-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




html,
body                        { height: 100%; padding: 0; font-family: 'oxygen',Helvetica,Arial,sans-serif;  }
body                        { overflow-x: hidden;}

h1,h2,h3,h4,h5,h6           { margin: 0 0 10px; font-family: 'oxygen',Helvetica,Arial,sans-serif; color: #383838; font-weight: 500; text-transform: uppercase; }
p                           { margin: 0 0 25px; font-size: 16px; line-height: 22px; color: #000;}
a, i, button                { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff;}
a:hover, a:focus            { text-decoration: none; color: #d20022;}
ul, li                      { list-style: none; padding: 0}
b                           { font-weight: 700; }
textarea:focus, 
input:focus                 { outline: 0;}
.img                        { overflow: hidden; }
.img img                    { max-width: 100%; height: auto; }



header                      { padding: 0 0 10px 0;  background: rgba(0,0,0,.5); position: absolute; right: 0; left: 0; top: 0; z-index: 99999; }

.brand-logo                 { float: left; }
.brand-logo img             { max-width: 100%; display: inline-block;}
.quick-contact              { float: left; width: 100%; }
.quick-contact-box          { float: left; font-family: 'oxygen'; font-size: 14px; margin: 5px 0 0 0;  padding: 5px 0 ; }
.quick-contact-box:last-child { border: 0; padding-right: 0 }
.quick-contact-box i        { float: left; width: 40px; height: 40px; background: url(../images/sprite.png) ; }
.quick-contact-box i.icon-timing { background-position: 0px 0px; }
.quick-contact-box i.icon-location { background-position: -39px 0px; }
.quick-contact-box i.icon-mail { background-position: -77px 0px; }
.quick-contact-box .content { margin: 0 0 0 45px; }
.quick-contact-box .content a { font-size: 12px; }
.quick-contact-box .content p { font-size: 12px; line-height: 18px; margin: 0; color: #fff; }

.quick-contact-box.timing   { width: 65%; }
.quick-contact-box.location { width: 20%; }
.quick-contact-box.mail     { width: 15%; text-align: right; max-width: 215px; }

.quick-contact              { border-bottom: 1px solid #fff; margin: 0 0 10px }


header .container,           
.navbar .container,          
.banner-section .container { padding: 0 }


ul.main-carausel li         { position: relative;}
ul.main-carausel li .caption{ position: absolute;  display: inline-block; bottom: 60px; left: 0; color: #fcb10f; right: 0; }
ul.main-carausel li .caption .caption-in { background: rgba(0,0,0,.45); padding: 15px; float: left; }
ul.main-carausel li .caption h2 { font-size: 30px; line-height: 40px; letter-spacing: 0.025em; display: inline-block; color: #fff; text-transform: uppercase;}
ul.main-carausel li .caption h2 span { font-size: 36px; color: #fab915; display: block; font-weight: 700; }
ul.main-carausel li .caption ul { display: inline-block; width: 100% }
ul.main-carausel li .caption ul li { float: left; margin: 0 35px 0 0 }
ul.main-carausel li img     { max-width: 100% }



.carousel .bx-controls      { position: absolute; width: 100%}
.carousel .bx-wrapper       { margin: 0}
.carousel .bx-wrapper .bx-pager { bottom: 20px; text-align: right; right: 0; }
.carousel .bx-wrapper .bx-pager.bx-default-pager a  { border-radius: 0; background: #fff; height: 14px; width: 14px;}
.carousel .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.carousel .bx-wrapper .bx-pager.bx-default-pager a.active, 
.carousel .bx-wrapper .bx-pager.bx-default-pager a:focus      { background: #fbbe18; }
.carousel .bx-wrapper .bx-controls-direction a  { }


.navbar-nav                 { margin: 0; float: right; padding: 20px 0; position: relative;  }
.navbar                     { min-height: 20px; float: right;  margin: 0; background: transparent; border: 0; position: relative; z-index: 99999;}
.navbar-nav>li              { padding: 0; border-right: 1px solid #fff;}
.navbar-nav>li:last-child   { border-right: 0;  }
.navbar-nav>li:last-child a { border:0; padding-right: 0; }
.navbar-nav>li>a            { color: #fff; font-weight: 700; padding: 0px 30px; font-size: 13px; line-height: 16px; text-align: center; text-transform: uppercase; letter-spacing: 0.1em }
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li.active>a     { color: #85c226; background: transparent;}
.navbar-collapse            { padding: 0; float: right;}
.nav .open>a, 
.nav .open>a:hover, 
.nav .open>a:focus          { color: #ffff; background: transparent;}
.nav-bottom .nav            { padding: 10px 0}

.dropdown-menu              { background: #3CA375}
.dropdown-menu>li>a         { color: #fff}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus   { background: #328861; color: #fff}
.navbar-nav>li ul.dropdown-menu2 li   { display: inline-block; width: 100% !important;}

.dropdown-submenu           { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu>a:after   { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left { float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px;  -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}

.banner-section             { margin: 0 0 0 0 !important  ; position: relative; }



.home-content               { margin: 70px auto 100px;}
.home-content h1            { font-size: 32px; color: #383838; line-height: 46px; font-weight: 700; margin: 20px 0 20px; text-transform: uppercase; }
.home-content h1 span       { display: block; font-size: 48px; }
.home-content p             { font-size: 18px; color: #686868; line-height: 30px; letter-spacing: 0.025em }
.home-content a.read-more   { padding: 15px 30px; overflow: hidden; display: inline-block; color: #fff; position: relative; background: #ed1b24; font-size: 16px; text-transform: uppercase; }
.home-content a.read-more:after { content: ""; margin: 0 0 0 10px; position: relative; top: 2px; display: inline-block; width: 17px; height: 17px; background: url(../images/sprite.png) -117px 0px; }
.home-content a.read-more:before { position: absolute; content: ""; left: 0; right: 0; bottom: -5px; height: 5px; background: rgba(0,0,0,.5); 
                                   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.home-content a.read-more:hover:before { bottom: 0; }

.welcome-img                { position: relative; }

.welcome-content            { margin: 0 0 10px; }
.welcome-content,
.skills-bar-wraper          { display: inline-block; width: 100% }
.welcome-content p          { margin: 0 0 20px }

.skills-bar-wraper          { margin: 0px 0 0 0; }

.brands-row                 { background: #e2e1e1; display: inline-block; width: 100% }
.brands-row .title          { float: left; background: #4f4f4f; z-index: 99;text-align: left; line-height: 30px; padding: 25px 30px; color: #fff; width: 170px; position: relative; height: 120px; font-size: 30px; font-weight: 700; }
.brands-row .title span     { font-size: 26px; }
.brands-row .title:after    { content: ""; position: absolute; width: 0px;  height: 0px; left: 100%; top: 0;
                              border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 40px solid #4f4f4f; 
                            }
.brands-row .brands-wrap    { margin: 0 0 0 225px; }
.brands-row .brands-wrap ul { margin: 0; float: left; width: 100% }
.brands-row .brands-wrap ul li { float: left; width: 25%; padding: 16px 0 15px }
.brands-row .brands-wrap ul li img { max-width: 100%; }

.company-profile            { display: inline-block; width: 100%; background: url(../images/profile-bg.jpg) center center; background-size: cover; background-attachment: fixed; min-height: 300px;  }
.company-profile h3         { color: #fff; font-size: 40px; line-height: 48px; margin: 0 0 15px  }
.company-profile h3 span    { font-weight: 700; display: block; }
.company-profile p          { color: #fff; font-size: 36px; letter-spacing: 0.025em; line-height: 43px;  }
.company-profile .caption   { margin: 55px 0; padding: 20px 30px; border-left: 2px solid #fff; display: inline-block; }


.home-gallery               { padding: 70px 0 100px; text-align: center; position: relative; z-index: 5555; }
.home-gallery h3            { font-size: 36px; font-weight: 700; color: #4f4f4f; text-transform: uppercase; margin: 0 0 80px }
.home-gallery ul li         { float: left; width: 20%; position: relative; z-index: 1  }
.home-gallery ul li:hover   { z-index: 2 }
.home-gallery ul li img     { max-width: 100%; transition: transform .2s; margin: 0 auto; cursor: pointer;}
.home-gallery ul li img:hover { transform: scale(1.3);}

.bx-controls.bx-has-pager   { display: none; }


/* Footer Styles */
footer                      { margin: 0; float: left; width: 100%; position: relative; z-index: 33; background: #4f4f4f; color: #fff}
footer .title               { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #fff; margin: 80px 0 35px; line-height: 16px; display: inline-block; width: 100%}
footer p                    { color: #fff; margin: 0 0 10px 0}
footer ul.top-menu,
footer ul.social                   { display: inline-block; margin: 0}
footer ul.social li                { margin: 0 15px 0 0; width: auto; }
footer ul.social li,
footer ul.social li a              { display: inline-block; height: 18px}
footer ul.social li a i            { display: inline-block; width: 35px; height: 35px; background: url(../images/sprite.png); margin: 0 2px; position: relative; top: 3px}

footer ul.social li a i.facebook        { background-position: 0px -61px; }
footer ul.social li a i.facebook:hover,
footer ul.social li a i.facebook:focus  { background-position: 0px -96px; }
footer ul.social li a i.twitter         { background-position: -35px -61px; }
footer ul.social li a i.twitter:hover,
footer ul.social li a i.twitter:focus   { background-position: -35px -96px; }
footer ul.social li a i.google-plus         { background-position: -70px -61px; }
footer ul.social li a i.google-plus:hover,
footer ul.social li a i.google-plus:focus   { background-position: -70px -96px; }
footer ul.social li a i.linkedin         { background-position: -105px -61px; }
footer ul.social li a i.linkedin:hover,
footer ul.social li a i.linkedin:focus   { background-position: -105px -96px; }

.col-md-2.quick-link        { width: 24%; padding-left: 50px;}
.col-md-2.quick-lnks        { width: 17%; }
.col-md-2.footer-contact    { width: 25%; }
.col-md-2.footer-contact p  { position: relative; padding: 5px 0 5px 35px; }
.col-md-2.footer-contact p i{ float: left; width: 20px; height: 25px; background: url(../images/sprite.png); position: absolute; left: 15px; top: 50%; margin: -12px;  }
.col-md-2.footer-contact p i.location { background-position: 0px -131px  }
.col-md-2.footer-contact p i.phone { background-position: -20px -131px  }
.col-md-2.footer-contact p i.mail { background-position: -40px -131px  }
.col-md-2.footer-contact p i.web { background-position: -60px -131px  }


.top-footer                 { padding: 50px 0 30px; color: #070707 }
.top-footer p               { color: #fff; }
.top-footer .about p        { margin: 10px 0 20px; line-height: 26px; font-size: 16px; }
.top-footer .about .social-title   { font-size: 20px;  font-family: 'oswald';  color: #fff; letter-spacing: 0.05em; margin: 0 0 15px  }
.top-footer ul              { margin: 0;  }
.top-footer ul li           { float: left; width: 100%; padding: 0 0 13px 0; }
.top-footer ul li a         { color: #fff;  display: inline-block; }
.top-footer ul li a:hover,
.top-footer ul li a:focus   { color: #84c126; }


.quick-link ul li           {  }

.footer-bottom              { padding: 30px 0; background: #232323; }
.footer-bottom a            { color: #fff }
.footer-bottom p            { color: #fff; font-size: 15px; margin: 5px 0 0 0; }
.copyright                  { float: left; }
.designed                   { float: right; margin: 13px 0; }
.designed a                 { color: #fff; }
.designed a:hover           { color: #d20022; }


.skillbar {
    position:relative;
    display:block;
    margin-bottom:15px;
    width:100%;
    background:#4f4f4f;
    height:15px;
    -webkit-transition:0.4s linear;
    -moz-transition:0.4s linear;
    -ms-transition:0.4s linear;
    -o-transition:0.4s linear;
    transition:0.4s linear;
    -webkit-transition-property:width, background-color;
    -moz-transition-property:width, background-color;
    -ms-transition-property:width, background-color;
    -o-transition-property:width, background-color;
    transition-property:width, background-color;
}

.skillbar-row .title { display: inline-block; font-family: 'oswald'; font-weight: 500; width: 100%; color: #686867; font-size: 18px; margin: 0 0 0; text-align: left; padding: 20px 0 0;  }
.skillbar-row .title span { float: right; position: relative; background: #83c122; color: #fff; padding: 9px 20px 4px; border-radius: 45px; position: relative; top: -15px }
.skillbar-row .title span:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: #83c122 transparent;
    border-width: 9px 6px 0;
    bottom: -9px;
    left: 50%;
    margin-left: -6px;
}




.skillbar-title {
    position:absolute;
    top:0;
    left:0;
    width:110px;
    font-weight:bold;
    font-size:13px;
    color:#ffffff;
    background:#f30101;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.skillbar-title span {
    display:block;
    background:rgba(0, 0, 0, 0.1);
    padding:0 20px;
    height:15px;
    line-height:35px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.skillbar-bar {
    height:15px;
    width:0px;
    background:#83c122;
}

.skill-bar-percent {
    position:absolute;
    right:10px;
    top:0;
    font-size:11px;
    height:15px;
    line-height:15px;
    color:#ffffff;
    color:rgba(0, 0, 0, 0.4);
}




.sub-banner .container      { padding: 0 15px; position: relative; }
.sub-banner .container img  { max-width: 100% }
.sub-banner .banner-title   { position: absolute; bottom: 25px; left: 15px; text-transform: uppercase; }
.sub-banner .banner-title .title { font-size: 24px; font-weight: 500; color: #fff;  } 
.sub-banner .banner-title ul li { display: inline-block; }
.sub-banner .banner-title ul li a,
.sub-banner .banner-title ul li span { font-size: 16px; color: #fff  }
.sub-banner .banner-title ul li a:hover { color: #d20022 }
.sub-banner .banner-title ul li a:after { content: ">"; display: inline-block; margin: 0 25px; }












.subpage                    { margin-top: 10px}
.subpage .sub-content::after{ display: none;}
.content-area               { padding: 5% 15px; }
.content-area .page-title   { display: inline-block; width: 100%; text-transform: uppercase; margin: 60px 0  20px }
.content-area .page-title h1{ color: #fbbe18; width: auto; display: inline-block; position: relative; font-size: 30px; padding: 10px 0; font-weight: 500; border-bottom: 1px solid #fbbe18; }
.content-area .page-title h1:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #fbbe18; }
.content-area p             { color: #686868; font-size: 16px; letter-spacing: 0.025em; margin: 0 0 25px; line-height: 30px; }
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6            { display: inline-block; width: auto; border-bottom: 1px solid #383838; font-weight: 700; padding: 10px 0 }

.content-area h1            { font-size: 36px; margin: 20px 0 20px }
.content-area h2            { font-size: 32px; margin: 20px 0 20px }
.content-area h3            { font-size: 28px; margin: 20px 0 10px }
.content-area h4            { font-size: 24px; margin: 20px 0 10px }
.content-area h5            { font-size: 22px; margin: 20px 0 10px }
.content-area h6            { font-size: 20px; margin: 20px 0 10px }

.content-area img           { float: left;  margin: 5px 25px 15px 0; max-width: 100% }
.content-area table         { width: 100%; border-right: 1px solid #444; border-bottom: 1px solid #444; margin-bottom: 10px;}
.content-area table td      { border-left: 1px solid #444; border-top: 1px solid #444; padding: 5px 10px; background: #111;}
.content-area table td p    { margin: 0; font-size: 14px;}
.content-area table tr:first-child td { background: #111; border-right: 1px solid #444; }
.content-area table tr:first-child td p { color: #fff; font-weight: 600; font-size: 15px; text-align: center; }
.content-area table tr td   { background: #333}
.content-area ul            { padding-left: 22px; margin-top: 10px;}
.content-area ul li         { line-height: 22px;}


.content-area ol            { padding-left: 22px; margin-top: 10px;}
.content-area ol li         { list-style: decimal; line-height: 22px; }
.content-area ul li a,
.content-area ol li a       { color: #fff}
.content-area ul li a:hover,
.content-area ol li a:focus { color: #d20022; }     


.repair-center              { background: #fbbe18; display: inline-block; width: 100%; padding: 1px; margin: 50px 0  }
.repair-center .title       { float: left; height: 145px; padding: 30px; color: #000; font-size: 45px; width: 380px; line-height: 45px; font-weight: 700; text-transform: uppercase;  }
.repair-center ul           { margin: 0 0 0 380px; background: #070707; display: block; height: 145px; padding: 27px 0; position: relative;  }
.repair-center ul:before    { content: ""; position: absolute; left: -95px; top: 0; width: 0;
height: 0;
border-style: solid;
border-width: 0 95px 145px 0;
border-color: transparent #070707 transparent transparent;  }
.repair-center ul li        { float: left; list-style: none; padding: 0 12px;   }
.repair-center ul li a      { float: left; }
.repair-center ul li img    { margin: 0 }


.mission-row            { float: left; width: 100%; background: #fbbe18; text-align: center; }
.mission-row h2         { color: #070707; font-size: 30px; text-transform: uppercase; font-weight: 700 }
.mission-row p          { color: #070707; margin: 0 0 15px;  }
.mission-row .left,
.mission-row .right     { width: 50%; float: left; }
.mission-row .right     { padding: 25px; }
.mission-row .img img   { margin: 0; max-width: none; }
.mission-row.mission .left   {  float: right; }


.content-area ul li.point {  }
.content-area ul li.point:before  { content: ""; display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 0; position: relative; top: 7px;  background:url(../images/icn.png) no-repeat center left; background-size: 100% 100%;  }










/*Contact Page Style*/
.contact-details            { border: 10px #cee0ea solid; background: #e0f2fb; min-height: 250px; display: inline-block; width: 100%; padding: 20px }
.contact-address            { float: left; margin-top: 12px}
.contact-details .title     { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; display: inline-block; width: 100%}
.contact-details .title.main{ border-bottom: 1px solid #c9d9e1; padding: 0 0 5px 0}
.contact-form .form-control { border-radius: 0; padding: 15px 12px; height: auto; margin-bottom: 20px; background: #ffffff; font-size: 16px; letter-spacing: 0.1em; color: #383838; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.0); box-shadow: inset 0 1px 1px rgba(0,0,0,0.0);                            }
.contact-form textarea.form-control       { height: 180px; resize: none;}
.form-control::-webkit-input-placeholder   { color: #666;}
.form-control::-moz-placeholder            { color: #666;}
.form-control:-ms-input-placeholder        { color: #666;}
.form-control:-moz-placeholder             { color: #666;}

.btn-submit                           { border-radius: 0; background: #1e1e1e; padding: 8px 40px; color: #fff; float: left; text-transform: uppercase; font-size: 16px; letter-spacing: 0.1em; }
.btn-submit:hover,
.btn-submit:focus                     { background: #85c226; color: #000}

.contact-box-wrap           { margin: -25px 0 0 0 }
.contact-box                { background: #151515; padding: 25px 15px 25px 130px; height: 173px; margin: 0 0 30px; width: 100%; display: table; vertical-align: middle; position: relative;}
.contact-box p              { margin: 0; }
.contact-box i              { float: left; width: 80px; height: 70px; background: url(../images/sprite.png); position: absolute; top: 50%; left: 20px; margin: -35px 0 0; }
.contact-box i.i-location   { background-position: -138px -60px; }
.contact-box i.i-phone      { background-position: -218px -60px; }
.contact-box i.i-email      { background-position: -298px -60px; }
.contact-box .content       { margin: 0 0 0 0; display: table-cell; vertical-align: middle; }
.contact-box .content .title{ font-size: 16px; color: #fff; text-transform: uppercase; display: inline-block; width: 100%; }
.contact-box .content a     { display: block; }




#return-to-top { position: fixed; bottom: 75px; overflow: hidden; text-indent: -999px; right: 35px; opacity: .7; background: url(../images/sprite.png) -298px 0 #d20022; width: 35px; height: 35px; display: 35px; text-decoration: none; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999;}
#return-to-top:hover { opacity: 1;}

ul.gallery-list             { margin: 0 -10px 30px; display: block; padding: 0 }
ul.gallery-list li          { padding: 0 10px 20px; float: left; width: 25%; list-style: none; }
ul.gallery-list li img      { width: 100%; margin: 0; }

ul.clients-list             { margin: 0 -10px 30px; display: block; padding: 0 }
ul.clients-list li          { padding: 0 10px 20px; float: left; width: 25%; list-style: none; }
ul.clients-list li img      { width: 100%; margin: 0; border:1px solid #ccc; }

.branch-box                 { margin: 30px 0 0 0 }
.branch-box .map-box iframe { width: 100%; margin: 0; float: left; height: 400px; }
.branch-box .contact-box    { margin: 0; background: #84c226; padding: 25px 15px 25px 100px; height: 120px; }
.branch-box .contact-box i  { left: 10px; }
.branch-box .contact-box a  { display: inline-block; width: auto; }

.branch-box2                 { margin: 30px 0 0 0 }
.branch-box2 .map-box iframe { width: 100%; margin: 0; float: left; height: 400px; }
.branch-box2 .contact-box    { margin: 0; background: #151515; padding: 25px 15px 25px 100px; height: 120px; }
.branch-box2 .contact-box i  { left: 10px; }
.branch-box2 .contact-box a  { display: inline-block; width: auto; }

.sub-ban-caption            { position: absolute; right: -1px; top: 58px; width: 197px;  }
.sub-ban-caption img        { max-width: 100%; }

.head-office 				{ text-align: center;  }
.head-office .branch-box i				{ display: inline-block; margin: 0 0 0 -40px; float: none; left: 50%; top: 20px; }
.head-office .branch-box .contact-box { padding: 30px 15px 25px 15px; }
.head-office .branch-box p  { color: #fff; }

.truck-contact p span       { display: block; }
.truck-contact p i          { display: inline-block; width: 20px; border-radius: 100%; height: 20px; position: relative; top: 2px; margin: 0 5px 0 0; background: url(../images/sprite.png) no-repeat; background-color: #000; }
.truck-contact p i.phone    { background-position: 0px -133px  }
.truck-contact p i.mobile   { background-position: 0px -155px  }

.col-md-3.side-menu         { width: 30%; top: 0; position: absolute; left: 0; bottom: 0 }
.col-md-9.product-right     { width: 70%;  float: right; padding: 35px 15px 0 35px }

.product-page               { padding: 0; position: relative; min-height: 590px;  }
.side-menu-wrap             { background: #fff; display: inline-block; width: 100%; min-height: 100%;
                              -webkit-box-shadow: 0 0 31px rgba(2,2,2,.41); -moz-box-shadow: 0 0 31px rgba(2,2,2,.41); box-shadow: 0 0 31px rgba(2,2,2,.41); 
                            }
.side-menu-wrap .title      { background: #36a903; color: #fff; padding: 15px 35px; font-size: 24px; text-transform: uppercase; margin: 45px 0 0 }
.side-menu-wrap ul          { padding: 0; }
.side-menu-wrap ul li       { border-bottom: 1px solid #ddd;  width: 100%; text-align: left;}
.side-menu-wrap ul li a     { padding: 15px 35px; color: #6c6c6a; font-weight: normal; text-align: left; letter-spacing: 0; font-size: 18px; text-transform: uppercase; display: inline-block; width: 100%; }
.side-menu-wrap ul li a:hover,
.side-menu-wrap ul li a:focus { color: #36a903 }

.inner-banner .title        { position: absolute; bottom: 20%; text-align: center; width: 100%;  }
.inner-banner .title h1     { color: #fff; }
.breadcrumb                 { background: transparent }

.gallery-list.products li a { padding: 5px; border: 1px solid #d6d5d5; display: inline-block; width: 100%;  }
.gallery-list.products li a img { float: none; max-width: 100% !important;  }

.contact-img                { margin: 30px 0 0 0 }
.contact-img .img img       { width: 100%; max-width: 100% !important; margin: 0; }

@media(max-width:1299px) {
    ul.main-carausel li .caption h2 { font-size: 26px; }
    ul.main-carausel li .caption h2 span { font-size: 30px; }
}

/* Responsive Styles */
@media(max-width:1199px) {
    header                      { position: relative; background: #333}

    .quick-contact              { width: 100%; text-align: center;  }
    .quick-contact-box          { display: inline-block; float: none; text-align: left; }
    .home-content               { margin: 50px auto 100px;} 

    ul.main-carausel li .caption ul li { margin: 0 13px 0 0; }
    ul.main-carausel li .caption ul li img { width: 90% }
    .home-content h1 span       { font-size: 36px;}
    .home-content h1            { font-size: 28px;}
    .quick-link					{ margin: 0 0 0 5%; }
    .truck-contact-wrap 		{ width: 45%; }
    .quick-link 				{ margin: 0 0 0 3%; width: 15%} 

    .quick-contact-box.timing   { width: 60%; }
    .quick-contact-box.location { width: 20%; }
    .quick-contact-box.mail     { width: 19%; text-align: right;  }
    .navbar-nav>li>a            { padding: 0px 20px;}
    .company-profile h3         { margin: 0 }
    .company-profile p          { color: #fff; font-size: 30px; letter-spacing: 0.025em; line-height: 43px; }
    .col-md-4.about             { width: 31%;}
    .col-md-3.side-menu         { width: 30%;}
    .col-md-9.product-right     { width: 70%; }
    .contact-img                { margin: 90px 0 0 0;}
}

@media(max-width:991px) {
    .navbar-toggle              { border: 1px solid #666}
    .navbar-toggle .icon-bar    { background: #666}
    .quick-contact-box .content { margin: 0 0 0 50px;}
    .quick-contact-box          { padding: 5px 5px;}
    .navbar-toggle              { border: 0; background: #b1fd3c; border-radius: 0; margin: 21px 0 0 0;}
    .banner-section             { margin: 0 !important;}
    .navbar                     { min-height: 0;  width: 100%;  text-align: center; }
    header                      { padding: 10px 0;}
    .navbar-nav                 { width: 100%;}
    .navbar-collapse            { margin: 0 !important;  border: 0 !important; text-align: center;}
    .navbar-nav:before          { border: 0  }
    .navbar-nav>li              { display: inline-block; border: 0 }
    .navbar-nav>li>a            { padding: 0px 25px !important; }
    .navbar-toggle .icon-bar    { background: #070707;}
    .yellow-block-section .yellow-block .img { display: inline-block; max-width: 100px; }
    .yellow-block-section .yellow-block h3 { font-size: 20px;}
    ul.main-carausel li .caption h3.title { font-size: 20px;}
    ul.main-carausel li .caption .title { font-size: 36px;}
    ul.main-carausel li .caption ul li img { width: 70%;}
    .home-content               { text-align: center; }
    .welcome-content            { margin: 0 0 15px; }
    .skills-bar-wraper          { margin: 25px 0 35px 0;}
    .footer-quick-contact-box:nth-child(3) { padding: 20px 20px 5px 25px; }
    .footer-quick-contact-box:nth-child(2) { padding: 20px 20px 20px 35px;}
    .footer-quick-contact-box:nth-child(2):after, 
    .footer-quick-contact-box:nth-child(2):before { border-width: 50px 0 50px 20px;}
    .top-footer .quick-link ul  { margin: 10px 0 0 0;}
    .quick-link                 { text-align: left; }
    footer ul.social            { display: inline-block; width: auto; margin: 0 auto; border-bottom: 1px solid #00000026;  padding: 0 0 30px; }
    .top-footer .about p        { margin: 15px 0 15px;}
    .quick-link ul li           { padding: 0 0 15px 0;}
    footer ul.social li         { margin: 0 5px;}
    .mission-row .left,
    .mission-row .right         { width: 100%; float: left; }
    .mission-row .left img      { width: 100% }
    .content-area img           { max-width: 35% }
    .contact-box-wrap           { margin: 35px 0 0 0;}
    ul.gallery-list li          { width: 33.3333%; }
    ul.gallery-list li img      { max-width: 100% }
    ul.clients-list li          { width: 33.3333%; }
    ul.clients-list li img      { max-width: 100%;}
    .quick-link 				{ margin: 0; width: 40%; }
    .truck-contact-wrap 		{ width: 60%; }
    .sub-ban-caption            { top: 0 }
    .quick-contact-box.timing   { width: 44%; }
    .quick-contact-box.location { width: 29%; }
    .quick-contact-box.mail     { width: 26%; text-align: right;  }
    .brand-logo                 { width: 100% }
    .navbar-nav                 { float: none; display: inline-block; margin: 0 auto }
    ul.main-carausel li .caption h2 { font-size: 22px; }
    ul.main-carausel li .caption h2 span { font-size: 26px; }
    .welcome-img img            { max-width: 200px; }
    .brands-row .title          { height: 90px; width: 150px; padding: 13px 30px; }
    .brands-row .title span     { font-size: 20px;}
    .brands-row .title { font-size: 26px; }
    .brands-row .title:after {
    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    border-left: 40px solid #4f4f4f;
    }
    .col-md-4.about { width: 100%; text-align: center;}
    .col-md-2.quick-link { padding: 0 15px; width: 33.3333% }
    .col-md-2.quick-lnks { padding: 0 15px; width: 33.3333% }
    .col-md-2.footer-contact { padding: 0 15px; width: 33.3333% }
    .footer-bottom  { text-align: center; }
    .footer-bottom p { width: 100%; }
    .content-area h1            { font-size: 32px; margin: 20px 0 20px }
    .content-area h2            { font-size: 28px; margin: 20px 0 20px }
    .content-area h3            { font-size: 24px; margin: 20px 0 10px }
    .content-area h4            { font-size: 22px; margin: 20px 0 10px }
    .content-area h5            { font-size: 20px; margin: 20px 0 10px }
    .content-area h6            { font-size: 18px; margin: 20px 0 10px }

    .side-menu-wrap             { -webkit-box-shadow: 0 0 31px rgba(2,2,2,0); -moz-box-shadow: 0 0 31px rgba(2,2,2,0); box-shadow: 0 0 31px rgba(2,2,2,0) }
    .side-menu-wrap .title      { display: none; }        
    .col-md-3.side-menu         { width: 100%; position: relative; }
    .col-md-9.product-right     { width: 100%; }
    .side-menu-wrap ul li a     { padding: 15px 25px !important; background: #eee; color: #333; margin: 0 0 2px  }
    .side-menu-wrap ul li       { border: 0; }
    .contact-img                { margin: 40px 0 0 0;}
}

@media(max-width:767px) {
    .navbar-nav>li              { width: 100%; }
    .navbar-nav>li>a            { padding: 10px 24px;}
    .navbar-nav                 { padding: 0; }
    .quick-contact              { display: none; }
    .brand-logo                 { border: 0 }
    .yellow-block-section .yellow-block { padding: 25px 10px 0; height: 170px; }
    .yellow-block-section .yellow-block .img { display: inline-block; max-width: 70px; height: 70px; }
    .yellow-block-section .yellow-block h3 { font-size: 18px;}
    header .container, 
    .navbar .container,
    .banner-section .container  { padding: 0 15px; }
    ul.main-carausel li .caption{ display: none; }
    .footer-quick-contact-box   { width: 100%; text-align: center; text-align: center; padding: 10px !important; }
    .footer-quick-contact-box:nth-child(2):after, 
    .footer-quick-contact-box:nth-child(2):before { display: none; }
    .contact-box-in             { display: inline-block !important; width: auto;  }
    .footer-quick-contact-box i { float: none; display: inline-block; margin: 0 auto }
    .footer-quick-contact-box .content { margin: 0; display: inline-block; width: 100%; }
    .contact-box-in             { margin: 0; text-align: center !important; }
    .footer-quick-contact-box.contact-phone p { margin: 0; }
    .copyright,
    .designed                   { width: 100%; }      
    .footer-quick-contact       { margin: 20px 0 0 0; }
    .home-content               { margin: 50px auto 50px;}
    .sub-banner .banner-title ul li a, 
    .sub-banner .banner-title ul li span { font-size: 13px;}
    .sub-banner .banner-title   { bottom: 0px;}
    .sub-banner .banner-title ul li a:after { margin: 0 10px;}
    .repair-center ul li img    { max-width: 80%; float: none; }
    .navbar-collapse            { margin: 0 -15px !important}
    .quick-link 				{ margin: 0; width: 100%; text-align: center; }
    .truck-contact-wrap 		{ width: 100%; }
    .truck-contact              { height: auto; }
    .sub-ban-caption            { position: relative; margin: 0 auto }
    .sub-ban-caption            { width: 150px; }
    .sub-ban-caption img        { width: 150px;}
    .navbar-collapse            { width: 100%; margin: 0 !important }
    .navbar-nav>li>a {
    padding: 8px 25px !important;
    background: #262626;
    margin: 5px 0 0 0;
    }
    .brands-row .brands-wrap {
        margin: 0 0 0 0;     padding: 0 20px
    }

    .brands-row .title {
        height: 50px;
        width: auto; position: relative; top: -25px;  font-size: 20px !important}
        .brands-row .title span { font-size: 20px; }
    .brands-row .title:after {
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #4f4f4f;
    }
    .col-md-2.quick-link,
    .col-md-2.quick-lnks,
    .col-md-2.footer-contact { padding: 0 15px; width:100%; text-align: center; }
    .col-md-2.footer-contact p { padding: 30px 0 0; }
    .col-md-2.footer-contact p i { top: 0; left: 50%; margin: 0 0 0 -12px; }
}

@media(max-width:660px) {
    .home-gallery ul li { width: 33.333% }    
}

@media(max-width:560px) {
    .navbar-nav>li              { display: inline-block; }
}

@media(max-width:520px) {
    .yellow-block-section .yellow-block .img { max-width: 50px; height: 50px; }
    .yellow-block-section .yellow-block h3 { font-size: 16px;}
    .quick-link,
    .truck-contact-wrap { width: 100%; text-align: center; }
    .truck-contact { float: none; display: inline-block; margin: 20px auto 0; }
    .content-area img           { width: 100%; max-width: 100% }
    .sub-banner .banner-title .title { font-size: 18px;}
    .brand-logo img { width: 210px; height: auto; }
    .navbar-toggle { margin: 10px 0 0 0; }
    .brand-logo { padding: 0 0 6px;}
    .brands-row .brands-wrap ul li { width: 50%; }
}


@media(max-width:460px) {
    ul.gallery-list li          { width: 50%; }
    ul.clients-list li          { width: 50%; }
}

@media(max-width:420px) {
	.truck-contact 				{ padding: 132px 0 0; background-position: center top; text-align: center; height: auto; }
}

.point { color:#fff; line-height:24px; padding:10px 0 10px 0; font-size:16px; }