/****************** Brouser Reset css **************************/

*{margin:0; padding:0; outline:0;}


/*--------supersized Supporting Css Start Here------------------*/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(img/progress.gif) no-repeat center center;}

#supersized {  display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:-999; height:100% !important; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%;  }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a{ color:#eee; font-weight:bold; }


/*--------supersized Supporting Css End Here------------------*/



/*--------Global css------------------*/


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


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

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


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

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

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




body{font-size:14px;font-family: 'OpenSans';}
a, a:hover{text-decoration:none;}
img, img:hover{border:0;}
.clear{clear:both;}
.clearf{clear:both;}
.main{width:1170px; margin:0 auto;}

/*--------Global css end here------------------*/

/**************************** banner section *****************************/
.animation-sec{width:100%; position:relative;}
.animation-sec .main{position:absolute; top:0; right:0; left:0; height:100%;}
.animation-sec .logo{margin-top:50px;}
.animation-sec header{width:100%; position:absolute; bottom:0; height:50px; background:#da251c;z-index:99;}
.animation-sec header nav{width:1170px; margin:0 auto;}
.animation-sec header nav ul li{list-style:none; float:left;font-family: 'Roboto-Light';}
.animation-sec header nav ul li a{color:#fff; font-size:18px; padding:13px 37px; display:block; border-bottom:2px solid transparent;}
.animation-sec header nav ul li:last-child a{padding:13px 40.5px;}
.animation-sec header nav ul li a:hover{background:#c91510; border-bottom:2px solid #393939;}
.animation-sec header nav ul li a.active{background:#c91510; border-bottom:2px solid #393939;}
.clkbnt{font-family: 'OpenSans-Light'; font-size:20px; text-transform:uppercase; background:#ffc219; padding:8px 24px; display:inline-block; color:#fff;transition:all ease-in-out 0.3s; position:absolute; bottom:20%; left: 81px;}
/*.clkbnt:hover{background:#fff; transition:all ease-in-out 0.3s; color:#fff;}*/


/*@-webkit-keyframes blink {
        0%   { background:red; }
        50%  { background:black;}
        100% { background:red; }
}
@-moz-keyframes blink {
        0%   { background:red; }
        50%  { background:black;}
        100% { background:red; }
}
@-ms-keyframes blink {
        0%   { background:red; }
        50%  { background:black;}
        100% { background:red; }
}
.clkbnt{
     -webkit-animation: blink 1s infinite;
     -moz-animation:    blink 1s infinite;
     -ms-animation:     blink 1s infinite;
}*/

.slidecaption { overflow:hidden; color:#fff; position:absolute; top:38.5%; left: 71px;}
.slidecaption h2{font-size:52px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:25px;}
.slidecaption h2 span{color:#da251c;}
.slidecaption p{ width:55%; font-size:16px; line-height:28px;font-family: 'Roboto-Light'; margin-bottom:25px; text-align:justify;}

.prevslide1, .nextslide1{ position:absolute; height:45px; width:45px; top:39%; margin-top:0; opacity:1 !important; transition:0.5s;}
.prevslide1{ left:0%; background:url(images/toparrow.png) no-repeat left top; } 
.nextslide1{ left:0%; background:url(images/botmarrow.png) no-repeat left top; margin-top:57px;}
.prevslide1:hover, .nextslide1:hover{ cursor:pointer; opacity:1; background-position:0px -45px; }

/**************************** banner section end *****************************/

/**************************** about section *****************************/
.about-sb{width:100%; background:url(images/about-bg.jpg) no-repeat 0 0; min-height:auto; background-size:cover; padding-bottom:100px;}
.about-sb .aside-left{width:570px; float:left; margin-top:98px; text-align: justify;}
.about-sb .aside-left h1{font-size:32px;font-family: 'OpenSans-Semibold'; line-height:32px; color:#8e908f; border-left:6px solid #ffca00; padding-left:21px; text-transform:uppercase; margin-bottom:30px;}
.about-sb .aside-left h1 span{font-size:38px; line-height:35px;}
.about-sb .aside-left h1 span+span{font-size:35px;}
.about-sb .aside-left p{font-size:14px; line-height:24px; margin-bottom:25px;}
.about-sb .aside-left p a{color:#da251c; font-size:17px;font-family: 'OpenSans-Semibold';}

.about-sb .aside-right{width:562px; float:right;margin-top:98px;}
.about-sb .aside-right img{max-width: 100%;}
.about-sb .aside-right .worlmap h2{font-family: 'OpenSans-Semibold'; text-align:center; font-size:18px; color:#424242; text-transform:uppercase; margin-top:30px;}
.about-sb .aside-right ul li{list-style:none; float:left; width:229px; background:url(images/abm-bg.png) no-repeat 0 0; font-family: 'OpenSans-Semibold';}
.about-sb .aside-right ul li+li{margin-left: 50px;}
.about-sb .aside-right ul li p{ font-size:18px; text-align:center; margin-top: 10px; color: #424242; text-transform: uppercase;}

/**************************** about section end *****************************/

/**************************** our product section *****************************/

.our-product{width: 100%; background: #fff;padding: 25px 0; margin-bottom:46px;}
.our-product h2{ background:url(images/our-prob.png) no-repeat center bottom; text-align: center; padding-bottom: 10px;font-family: 'OpenSans-Semibold'; font-size: 36px; text-transform: uppercase; color: #000;}
.our-product .bicycle-nav{border-bottom: 1px solid #dedede; margin-top: 42px; width:98.8%;}
.our-product .bicycle-nav ul li, .our-product .bicycle-nav ul p{list-style: none; float: left; font-size: 22px; margin-right: 15px; width: 203px; text-align: center;}
.our-product .bicycle-nav ul li a , .our-product .bicycle-nav ul p a{display: block; padding: 15px 0px; background: #2f3035; color: #fff;}
.our-product .bicycle-nav ul li a:hover, .our-product .bicycle-nav ul p a:hover{background: #da251c;}
.our-product .bicycle-nav ul li.active a{background: #da251c;}

.our-product .products{padding: 42px 0 66px; background:url(images/double-border.png) repeat-x left bottom ;}
.our-product .products ul li{list-style: none; float: left;; width: 25%; font-family: 'Roboto-Regular'; font-size: 16px; color: #202020;}
.our-product .products ul li a{text-align: center;}
.our-product .products ul li img{border:1px solid #e0e0e0; padding: 65px 15px; margin-bottom: 10px;}
.justify{text-align:justify;}
/**************************** our product section end *****************************/

/**************************** Location map *****************************/

.location-section{background:url(images/location-mapbg.jpg) no-repeat center top; height:325px; width:100%; background-size:cover; text-align:center;}
.location-section .main{position:relative;}
.location-section .chinampa{position:absolute; top:38px; right:17%;}
.location-section .indiampa{position:absolute; top:200px; left:34%}

/**************************** Location map end*****************************/

/**************************** footer section *****************************/
footer{background:url(images/footer-bg.jpg) no-repeat left top; height:286px; background-size:auto; padding:34px 0 21px; box-sizing:border-box; background-size:cover;}
footer .col1{width:30.3%; float:left; font-family: 'Roboto-Regular';}
footer .col1 ul{width:50%; float:left;}
footer .col1 ul+ul{float:right; width:30%}
footer .col1 ul li{list-style:none; font-size:14px; line-height:25px;}
footer .col1 ul li a{color:#fff}
footer .col1 ul li a:hover{color:#da251c;}
footer .col2{width:40.3%; float:left; text-align:center;font-family: 'Roboto-Light';}
footer .col2 p{font-size:12px; color:#fff; padding:21px 0 27px;}
footer .col2 .social a{background:url(images/icon-social.png) no-repeat left top; width: 32px; height:30px; display:inline-block; margin-right:5px;}
footer .col2 .social a.twitter{background-position:0 0;transition: all ease-in-out 0.3s;}
footer .col2 .social a.twitter:hover{background-position:0 -40px; transition: all ease-in-out 0.3s;}
footer .col2 .social a.google{background-position:-40px 0;transition: all ease-in-out 0.3s;}
footer .col2 .social a.google:hover{background-position:-40px -37px; transition: all ease-in-out 0.3s;}
footer .col2 .social a.fb{background-position:-83px 0;transition: all ease-in-out 0.3s;}
footer .col2 .social a.fb:hover{background-position:-83px -36px; transition: all ease-in-out 0.3s;}
footer .col2 .social a.youtube{background-position:-120px 0;transition: all ease-in-out 0.3s;}
footer .col2 .social a.youtube:hover{background-position:-120px -36px; transition: all ease-in-out 0.3s;}
footer .col2 .ddb{padding:56px 0 0;font-family: 'Roboto-Regular';}
footer .col2 .ddb a{color:#fff;transition: all ease-in-out 0.3s;}
footer .col2 .ddb a:hover{color:#da251c;transition: all ease-in-out 0.3s;}
footer .col3{width:29.3%; float:right;}
footer .col3 h3{color:#fff; font-size:16px; margin-bottom:15px;}
footer .col3 p{color:#fff; line-height:24px; font-size:14px;}
footer .col3 p a{color:#fff;}
footer .col3 p a:hover{color:#da251c; }
footer .col3 ul li{list-style:none; color:#fff; clear:both; margin-bottom:20px;}
footer .col3 ul li a{color:#fff; display: block;}
footer .col3 ul li a:hover{color:#da251c;}
footer .col3 ul li span{background:url(images/icon-locate.png) no-repeat left top; height: 48px; width:48px; display:block; float:left; margin-right:15px;}
footer .col3 ul li span.locate{background-position:0 0;}
footer .col3 ul li:hover span.locate{background-position:-50px 0;}
footer .col3 ul li span.email{background-position:0 -50px;}
footer .col3 ul li:hover span.email{background-position:-50px -50px;}
footer .col3 ul li span.call{background-position:0 -98px;}
footer .col3 ul li:hover span.call{background-position:-50px -98px;}
/**************************** footer section end *****************************/


/**************************** inner page header section *****************************/
.fixed { position: fixed; top:0; left:0; width: 100%; z-index:99;}
.topbg{background:url(images/innpage-topbg.jpg) no-repeat center top; background-size:cover; height:523px; position:relative;}
.header-inner{}
.header-inner .top-nav{padding:26px 0 25px;}
.header-inner .top-nav .inner-logo{float:left;}
.header-inner .top-nav .inner-social{float:right; margin-top:15px;}
.header-inner .top-nav .inner-social ul li{list-style:none; float:left}
.header-inner .top-nav .inner-social ul li a{background:url(images/top-social.png) no-repeat left top; width:32px; height:32px; display:block; margin-right:14px;}
.header-inner .top-nav .inner-social ul li:last-child a{margin-right:0;}
.header-inner .top-nav .inner-social ul li a.twitter{background-position:0 0;}
.header-inner .top-nav .inner-social ul li a.twitter:hover{background-position:0 -34px;}
.header-inner .top-nav .inner-social ul li a.google{background-position:-44px 0;}
.header-inner .top-nav .inner-social ul li a.google:hover{background-position:-44px -34px;}
.header-inner .top-nav .inner-social ul li a.fb{background-position:-88px 0;}
.header-inner .top-nav .inner-social ul li a.fb:hover{background-position:-88px -34px;}
.header-inner .top-nav .inner-social ul li a.youtube{background-position:-132px 0;}
.header-inner .top-nav .inner-social ul li a.youtube:hover{background-position:-132px -34px;}
header{width:100%; height:50px; background:#da251c;}
header nav{width:1170px; margin:0 auto;}
header nav ul li{list-style:none; float:left;font-family: 'Roboto-Light';}
header nav ul li a{color:#fff; font-size:18px; padding:13px 33px; display:block; border-bottom:2px solid transparent;}
header nav ul li:last-child a{padding:13px 40.5px;}
header nav ul li a:hover{background:#c91510; border-bottom:2px solid #393939;}
header nav ul li a.active{background:#c91510; border-bottom:2px solid #393939;}

/**************************** inner page header section end *****************************/

/**************************** product page css *****************************/

.inner-banner{width:100%; background:url(images/product-banner.jpg) no-repeat left top; height:220px;}
.inner-banner h2{color:#fff; font-family: 'OpenSans-Semibold';font-size:32px; padding-top:110px;}
.inner-banner1{width:100%; position:absolute; bottom:50px;}
.inner-banner1 h2{color:#fff; font-family: 'OpenSans-Semibold';font-size:32px; padding-top:110px;}
.breadcum {margin-top:20px;}
.breadcum li{list-style:none; float:left;color:#fff; padding-right:5px;}
.breadcum li+li{background:url(images/breadcrumb-arrow.png) no-repeat left center; padding:0 10px;}
.breadcum li a{color:#fff;}
.breadcum li a:hover{color:#da251c;}

.product-section{padding:50px 0 32px; background:url(images/about-bottombg.jpg) no-repeat left bottom; background-size:100%; width:100%;min-height:570px;}
.product-section .left-menu{width:269px; float:left; background:#da251c; padding:31px 0}
.product-section .left-menu h2{color:#fff; font-family: 'OpenSans-Semibold'; font-size:19px; padding:0 31px;}
.product-section .left-menu ul li{list-style:none; background:url(images/leftmenu-border.png) repeat-x left bottom; font-family: 'OpenSans-Semibold'; font-size:14px;}
.product-section .left-menu ul li a{color:#fff;  padding:10px 0 10px 31px; display: block; /*background:url(images/menu-arrow.png) no-repeat left center; padding-left:15px;*/}
.product-section .left-menu ul li a:hover{color:#000;/*background:url(images/menu-arrowh.png) no-repeat left center;*/}
.product-section .left-menu ul li a.active{color:#000;/*background:url(images/menu-arrowh.png) no-repeat left center;*/}
.product-section .left-menu ul li.heading{font-size: 19px;}
.product-section .left-menu ul li.heading a{ padding:15px 0 15px 31px;}
.product-section .left-menu ul li.heading:hover a{background-color: #c91510; color: #fff}
.product-section .left-menu ul li.heading a.active1{background-color: #c91510; color: #fff}

.product-section .left-menua{width:269px; float:left; background:#da251c; padding:31px 0}
.product-section .left-menua h2{color:#fff; font-family: 'OpenSans-Semibold'; font-size:19px; padding:0 31px;}
.product-section .left-menua ul li{list-style:none; background:url(images/leftmenu-border.png) repeat-x left bottom; font-family: 'OpenSans-Semibold'; font-size:14px;}
.product-section .left-menua ul li a{color:#fff;  padding:15px 0 15px 31px; display: block; /*background:url(images/menu-arrow.png) no-repeat left center; padding-left:15px;*/}
.product-section .left-menua ul li a:hover{color:#000;/*background:url(images/menu-arrowh.png) no-repeat left center;*/}
.product-section .left-menua ul li a.active{color:#000;/*background:url(images/menu-arrowh.png) no-repeat left center;*/}

.product-section .products-cat{/*width:844px;*/width:73%; float:right;text-align: justify;}
.product-section .products-cat p{font-size:15px; line-height:22px; margin-bottom:30px; text-align:justify;}
.product-section .products-cat p.bg{background:#ffecb2; padding:30px;}
.product-section .products-cat ul{letter-spacing:25px;}
.product-section .products-cat ul li{list-style:none; display:inline-block; width:31%; vertical-align:top; letter-spacing: normal; text-align:center; margin-bottom: 25px; opacity:1 !important;}
.product-section .products-cat ul li a img{max-width:100%;padding:25px 10px; border:1px solid #959595; box-sizing:border-box; background:#fff;}
.product-section .products-cat ul li:hover a img{ border:1px solid #da251c;}
.product-section .products-cat ul li a h3{color:#393939;font-family: 'Roboto-Bold'; font-size:16px; letter-spacing:normal; padding:10px 0 7px; text-align:left;}
.product-section .products-cat ul li a h4{color:#393939;font-family: 'Roboto-Bold'; font-size:16px; letter-spacing:normal; padding:10px 0 7px;}
 .product-section .products-cat ul li a p{color:#454545; font-size:14px; letter-spacing:normal;}
 
 /**************************** product page css end *****************************/
 
 /*-------- Tooltip Css Start Here------------------*/
#tooltip{font-size: 12px; text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.0; color: #fff; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .9 ) ), to( rgba( 0, 0, 0, .9 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, .9 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, .9 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, .9 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .9 ), rgba( 0, 0, 0, .9 ) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top: 0px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); position: absolute; z-index: 100; padding: 10px; }
#tooltip:after{width: 0; height: 0; border-left: 10px solid transparent;  border-right: 10px solid transparent; border-top-color: #333; border-top: 10px solid rgba( 0, 0, 0, .9 ); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }
#tooltip.top:after {border-top-color: transparent; border-bottom-color: #333; border-bottom: 10px solid rgba( 0, 0, 0, .6 ); top: -20px; bottom: auto; }
#tooltip.left:after {left: 10px; margin: 0;}
#tooltip.right:after {right: 10px; left: auto; margin: 0;}
/*-------- Tooltip Css End Here------------------*/


/*************** arvind *****************************/
#form{ padding:20px 0;  margin-top:30px;}
#form div{    margin-top:20px;}
#form input, textarea, button{ width:50%; border:1x solid #666; padding:10px 10px; border-radius: 5px; border: 1px solid #999; font-family: 'OpenSans-Light'!important;}
#form label{font-size: 14px;    color:#000;    display: inline-block;    width: 100px;    vertical-align: top;}
#form button{    background-color: #da251c;    color: #fff;    cursor:pointer;  width:100px;  border:1px solid #A44B48;}
 
#form button:hover {background: #a42821; color: #fff; border:1px solid #A44B48;}
	
	
	

h2{font-size:16px;}
 
.contact-left{float:left;width:45%;padding-bottom:0px;}
.font13{font-size:13px!important;}
.contact-right{width:54%;float:right;padding:0px 0px 0px 10px;}
.contact-right1{width:50%;float:right;padding:0px 0px 30px 10px;} 
.mail a{color:#da251c;padding-top:5px; display: block;}
.mail a:hover{color:#000;}
.mail1 a {color:#da251c!important;}
.mail1 a:hover{color:#000!important;}
.space{margin-top:10px;}
.space20{margin-top:25px;} 
.heading-space{margin-top:20px;} 
.carrer{font-size:18px!important;font-weight:700!important}
.carrer1{font-size:18px!important;font-weight:700!important;margin-top:50px;}
.product-left{float:left;width:65%;padding-bottom:0px;}
.product-right{width:28%;float:right;}
 /* Required */
.hidden{  opacity: 0;  display: none;}
.visible{  opacity: 1;  display: block;}
.catalogue p{margin-top: 15px;}
.catalogue p a{color: #000}

/*************** arvind *****************************/

/*-------- Project Grid Css End Here------------------*/


.table-format-car {width: 100%; text-align:left;}
.table-format-car td {border-bottom: 1px solid #ccc;  color: #454545;  font-size: 14px;  padding: 5px 5px 5px 0;}




 
 /**************************** responsive css *****************************/
 /*-------- Mobile Menu Start Here ------------------*/
.btnmenu{display:none;position: absolute;right:2%;z-index: 99;top: 25px;}
.mobileback {position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:1111111111111; display:none; background:#2a2a2a; opacity:0.5; -moz-box-shadow:0 0px 10px 0px #000; -webkit-box-shadow:0 0px 10px 0px #000; box-shadow:0 0px 10px 0px #000;}
#mobilemenu {position:absolute; top:0px; left:-275px; width:275px; min-height:100%; z-index:1111111111111; display:none;}
.mobilemenucontent {width:90%; margin:0px 0px 0px 0%; border:0px solid #c8bebd;	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom:30px;}
.mobilemenuclose {width:90%; margin:20px 0px 5px 8%; text-align:right; cursor:pointer;}
/*-------- Mobile Menu End Here ------------------*/

.product-section .products-cat .product-left{float:left;width:58%;padding-bottom:0px;}
.product-section .products-cat .product-right{width:35%;float:right;}
.product-section .products-cat .product-left1{width:38%!important;}
.product-section .products-cat .product-right1{width:52%!important;}
.slideshow img {padding:10px;  border:  1px solid #ccc; background-color: #eee; width:  300px; height: 200px; top:  0; left: 0;}




@media screen and (max-width: 1280px)
{
	.slidecaption { overflow:hidden; color:#fff; position:absolute; top:32.5%; left: 71px;}
}

 @media screen and (max-width: 1200px) {
.product-section .products-cat .product-left{float:left;width:44%;padding-bottom:0px;}
.product-section .products-cat .product-right{width:54%;float:right;}
.slideshow img {padding:10px;  border:  1px solid #ccc; background-color: #eee; width:  300px; height: 200px; top:  0; left: 0;}
.main{width: 100%; box-sizing:border-box; padding: 0 2%;}
.animation-sec header nav{width: 100%;  box-sizing:border-box; padding: 0 2%;}
.product-section .products-cat{width: 75%;}
.product-section .left-menu{width: 23%;}

.slidecaption { overflow:hidden; color:#fff; position:absolute; top:27.5%; left: 71px;}
 
	 
 }
 
  @media screen and (max-width: 1155px) {
    .product-section .products-cat ul li{width: 30%;}
    footer .col1{}
    footer .col2{}
    footer .col3{}
	
	.slidecaption h2{font-size:45px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	.slidecaption p { width: 78%;font-size: 16px;line-height: 20px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}
  }

  @media screen and (max-width: 1115px) {
   .our-product .products ul li img{padding: 65px 0px;}
   .slidecaption h2{font-size:48px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	.slidecaption p { width: 78%;font-size: 18px;line-height: 21px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}
  }

  @media screen and (max-width: 1005px) {
	 .btnmenu{display:block;}
	 .animation-sec .main{width:100%;}
	 .animation-sec header, .header-inner header{display:none;}
   footer{height: auto; background-size: 100% 100%}
   .product-section .left-menu{width: 100%; margin-bottom: 25px; float: none; background: url(images/mobilemenu.png) no-repeat center 10px #da251c; cursor: pointer; padding:22px 0;}
    .product-section .left-menu h2{margin-top: 30px;}
    .product-section .left-menu h2,  .product-section .left-menu ul{display: none; text-align: center;}
    .product-section .products-cat{width: 100%; float: none;}
    .product-section .products-cat ul li{width: 30.5%;}
	
    .product-section .left-menu ul li a, .product-section .left-menu ul li.heading a{padding-left: 0}
    .product-section .left-menu ul li.heading:first-child{margin-top: 25px;}
	.slidecaption p { width: 78%;font-size: 16px;line-height: 28px; font-family: 'Roboto-Light';margin-bottom: 20px;text-align: justify;}
  .clkbnt{font-family: 'OpenSans-Light'; font-size:20px!important; text-transform:uppercase; background:#ffc219; padding:8px 24px; display:inline-block; color:#fff;transition:all ease-in-out 0.3s; position:absolute; bottom:10%; left: 81px;}
  .about-sb .aside-right .worlmap h2{font-family: 'OpenSans-Semibold'; text-align:center; font-size:18px; color:#424242; text-transform:uppercase; margin-top:30px;margin:0px 5%;}
  .slidecaption h2{font-size:48px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	.slidecaption p { width: 78%;font-size: 18px;line-height: 21px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}

 }

@media screen and (max-width: 720px) {
  .product-section1{min-height:804px!important;}
  .product-section .products-cat ul li{width: 30%;}

  footer .col1{width: 100%; float: none; clear: both; margin-bottom: 30px;}
    footer .col2{width: 100%; float: none; clear: both;}
    footer .col3{width: 100%; float: none; clear: both;}

    footer .col3 ul li span{float: none; text-align: center; margin: 0 auto;}
    footer .col3 ul li{text-align: center;}
	.slidecaption p { width: 78%;font-size: 16px;line-height: 28px; font-family: 'Roboto-Light';margin-bottom: 20px;text-align: justify;}
  .clkbnt{font-family: 'OpenSans-Light'; font-size:20px!important; text-transform:uppercase; background:#ffc219; padding:8px 24px; display:inline-block; color:#fff;transition:all ease-in-out 0.3s; position:absolute; bottom:10%; left: 81px;}
  .about-sb .aside-right .worlmap h2{font-family: 'OpenSans-Semibold'; text-align:center; font-size:18px; color:#424242; text-transform:uppercase; margin-top:30px;margin:0px 5%;}
   .about-sb .aside-left{width:auto!important; text-align: justify!important;}
  .about-sb .aside-right{width:auto!important;}
	
.slidecaption h2{font-size:45px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	.slidecaption p { width: 78%;font-size: 16px;line-height: 21px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}
}

	@media screen and (max-width: 650px) {
	.product-section1{min-height:804px!important;}
	.product-section .products-cat ul li{width: 47%;}
	.product-section .products-cat .product-left {width:70%;padding-bottom:30px;}
	.product-section .products-cat .product-right img{width:30%;padding-bottom:30px;}
	.product-section .products-cat .product-left{width:90%!important;padding-bottom:30px!important;margin:0px 5%;}
	.product-section .products-cat .product-right{width:90%!important;padding-bottom:30px!important;margin:0px 5%;}
	.product-section .products-cat .product-right  .slideshow img {padding: 15px;   border:  1px solid #ccc!important; background-color: #eee!important; width:  90%;}
	.slidecaption p { width: 78%;font-size: 16px;line-height: 28px; font-family: 'Roboto-Light';margin-bottom: 20px;text-align: justify;}
	.clkbnt{font-family: 'OpenSans-Light'; font-size:20px!important; text-transform:uppercase; background:#ffc219; padding:8px 24px; display:inline-block; color:#fff;transition:all ease-in-out 0.3s; position:absolute; bottom:3%; left: 81px;}
	.about-sb .aside-right .worlmap h2{font-family: 'OpenSans-Semibold'; text-align:center; font-size:18px; color:#424242; text-transform:uppercase; margin-top:30px;margin:0px 5%;}
	.about-sb .aside-left{width:auto!important; text-align: justify!important;}
	.about-sb .aside-right{width:auto!important;}
		.main{width: 100%; box-sizing:border-box; padding: 0 2%;}
	.our-product h2{ background:url(images/our-prob.png) no-repeat center bottom; text-align: center; padding-bottom: 10px;font-family: 'OpenSans-Semibold'; font-size: 28px; text-transform: uppercase; color: #000;}
	.our-product .bicycle-nav{border-bottom: 1px solid #dedede; margin-top: 42px; width:98.8%;}
	.our-product .bicycle-nav ul li, .our-product .bicycle-nav ul p{list-style: none; float: left; font-size: 22px; margin-right: 7px; width: 150px; text-align: center;}
	.our-product .bicycle-nav ul li a , .our-product .bicycle-nav ul p a{display: block; padding: 10px 0px; background: #2f3035; color: #fff;}
	.our-product .bicycle-nav ul li a:hover, .our-product .bicycle-nav ul p a:hover{background: #da251c;}
	.our-product .bicycle-nav ul li.active a{background: #da251c;}
	footer .col1 ul li{list-style:none; font-size:14px; line-height:25px;text-align:center;}
	.slidecaption h2{font-size:38px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	.slidecaption p { width: 78%;font-size: 15px;line-height: 21px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}
	}
	
	@media screen and (max-width: 515px) {
    .our-product .products ul li{width:47% !important;}
	.prevslide1, .nextslide1{ position:absolute; height:45px; width:45px; top:21%; margin-top:0; opacity:1 !important; transition:0.5s;}
	.prevslide1{ left:0%; background:url(images/toparrow.png) no-repeat left top; } 
	.nextslide1{ left:0%; background:url(images/botmarrow.png) no-repeat left top; margin-top:57px;}
	.prevslide1:hover, .nextslide1:hover{ cursor:pointer; opacity:1; background-position:0px -45px; }
	.animation-sec .logo{margin-top:10px;}
	.slidecaption { overflow:hidden!important; color:#fff!important; position:absolute!important; top:19.5%!important; left:50px!important;}
	.slidecaption h2{font-size:38px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	.slidecaption p { width: 78%;font-size: 14px;line-height: 21px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}
	.product-section1{min-height:804px!important;}
	.product-section .products-cat ul li{width: 46%;}
	.product-section .products-cat .product-left{width:90%!important;padding-bottom:30px!important;margin:0px 5%;}
	.product-section .products-cat .product-right{width:90%!important;padding-bottom:30px!important;margin:0px 5%; float:right;}
	.product-section .products-cat .product-right  .slideshow img {padding: 15px;  border:  1px solid #ccc!important; background-color: #eee!important; width:  90%; height: auto; display:block;}
	.product-section .products-cat ul li a p{color:#454545; font-size:13px; letter-spacing:normal;}
	.slidecaption p { width: 78%;font-size: 16px;line-height: 22px; font-family: 'Roboto-Light';margin-bottom: 20px;text-align: justify;}
	.clkbnt{font-family: 'OpenSans-Light'; font-size:16px!important; text-transform:uppercase; background:#ffc219; padding:8px 24px; display:inline-block; color:#fff;transition:all ease-in-out 0.3s; position:absolute; bottom:5%; left: 81px;}
	.about-sb .aside-right .worlmap h2{font-family: 'OpenSans-Semibold'; text-align:center; font-size:18px; color:#424242; text-transform:uppercase; margin-top:30px;margin:0px 5%;}
	.about-sb .aside-left{width:auto!important; text-align: justify!important;}
	.about-sb .aside-right{width:auto!important;}
	.main{width: 100%; box-sizing:border-box; padding: 0 2%;}
	.our-product h2{ background:url(images/our-prob.png) no-repeat center bottom; text-align: center; padding-bottom: 10px;font-family: 'OpenSans-Semibold'; font-size: 28px; text-transform: uppercase; color: #000;}
	.our-product .bicycle-nav{border-bottom: 1px solid #dedede; margin-top: 42px; width:98.8%;}
	.our-product .bicycle-nav ul li, .our-product .bicycle-nav ul p{list-style: none; float: left; font-size: 16px; margin-left:20%; width: 203px; text-align: center;float:none!important;}
	.our-product .bicycle-nav ul li a , .our-product .bicycle-nav ul p a{display: block; padding: 10px 0px; background: #2f3035; color: #fff;}
	.our-product .bicycle-nav ul li a:hover, .our-product .bicycle-nav ul p a:hover{background: #da251c;}
	.our-product .bicycle-nav ul li.active a{background: #da251c;}
	footer .col1 ul li{list-style:none; font-size:14px; line-height:25px;text-align:center;}
	}
	
	@media screen and (max-width: 400px) {
    .our-product .products ul li{width:40% !important; margin-left:30px;}
	.prevslide1, .nextslide1{ position:absolute; height:45px; width:45px; top:21%; margin-top:0; opacity:1 !important; transition:0.5s;}
	.prevslide1{ left:0%; background:url(images/toparrow.png) no-repeat left top; } 
	.nextslide1{ left:0%; background:url(images/botmarrow.png) no-repeat left top; margin-top:57px;}
	.prevslide1:hover, .nextslide1:hover{ cursor:pointer; opacity:1; background-position:0px -45px; }
	.animation-sec .logo{margin-top:10px;}
	.slidecaption { overflow:hidden!important; color:#fff!important; position:absolute!important; top:15.5%!important; left:50px!important;}
	.slidecaption p { width: 78%;font-size: 14px;line-height: 21px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}
	.slidecaption h2{font-size:38px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	.slidecaption h2 span{color:#da251c;}
	.product-section1{min-height:804px!important;}
	.product-section .products-cat ul li{width: 45%;}
	.header-inner .top-nav .inner-logo{width: 70%}
	.header-inner .top-nav .inner-logo img{max-width: 100%;}
	.product-section .products-cat .product-left{width:90%!important;padding-bottom:30px!important; margin:0px 5%;float:none;}
	.product-section .products-cat .product-right{width:90%!important;padding-bottom:30px!important; margin:0px 5%;float:none;}
	.product-section .products-cat .product-right  .slideshow img {padding: 15px;   border:  1px solid #ccc!important; background-color: #eee!important; width:80%; height: auto; display:block; }
	.clkbnt{font-family: 'OpenSans-Light'; font-size:16px!important; text-transform:uppercase; background:#ffc219; padding:6px 22px; display:inline-block; color:#fff;transition:all ease-in-out 0.3s; position:absolute; bottom:3%; left: 81px;}
	.about-sb .aside-right .worlmap h2{font-family: 'OpenSans-Semibold'; text-align:center; font-size:18px; color:#424242; text-transform:uppercase; margin-top:30px;margin:0px 5%;}
	.about-sb .aside-left{width:auto!important; text-align: justify!important;}
	.about-sb .aside-right{width:100%!important;}
	.font13{font-size:11px!important;}
	
	.main{width: 100%; box-sizing:border-box; padding: 0 2%;}
	.our-product h2{ background:url(images/our-prob.png) no-repeat center bottom; text-align: center; padding-bottom: 10px;font-family: 'OpenSans-Semibold'; font-size: 28px; text-transform: uppercase; color: #000;}
	.our-product .bicycle-nav{border-bottom: 1px solid #dedede; margin-top: 42px; width:98.8%;}
	.our-product .bicycle-nav ul li, .our-product .bicycle-nav ul p{list-style: none; float: left; font-size: 16px; margin-left: 42px; width: 203px; text-align: center;float:none!important;}
	.our-product .bicycle-nav ul li a , .our-product .bicycle-nav ul p a{display: block; padding: 10px 0px; background: #2f3035; color: #fff;}
	.our-product .bicycle-nav ul li a:hover, .our-product .bicycle-nav ul p a:hover{background: #da251c;}
	.our-product .bicycle-nav ul li.active a{background: #da251c;}
	footer .col1 ul li{list-style:none; font-size:14px; line-height:25px;text-align:center;}
	 .product-section .products-cat ul li a p{color:#454545; font-size:12px!important; letter-spacing:normal;}
	
	}
	
	
	
	@media screen and (max-width: 360px) 
	
	{
		.our-product .products ul li{width:40% !important; margin-left:30px;}
		.product-section1{min-height:804px!important;}
	.product-section .products-cat ul li{width: 100%;}
		.product-section .products-cat .product-left{width:100%!important;padding-bottom:30px!important; margin:0px 5%;float:none;}
	.product-section .products-cat .product-right{width:100%!important;padding-bottom:30px!important; margin:0px 5%;float:none;}
	.product-section .products-cat .product-right  .slideshow img {padding: 15px;   border:  1px solid #ccc!important; background-color: #eee!important; width:90%; height: auto; display:block; }
	.product-section .products-cat ul li a h3{color:#393939;font-family: 'Roboto-Bold'; font-size:16px; letter-spacing:normal; padding:10px 40px; 7px; text-align:left;}
		.product-section .products-cat ul li a p{color:#454545; font-size:14px!important; letter-spacing:normal; margin:0px 12%;}
	}
	
	
	
	@media screen and (max-width: 320px) 
	
	{
		.slidecaption h2{font-size:30px; font-family: 'Roboto-Bold'; text-transform:uppercase; margin-bottom:10px;}
	    .slidecaption p { width: 90%;font-size: 14px;line-height: 19px; font-family: 'Roboto-Light';margin-bottom: 15px;text-align: justify;}
	}