*{margin:0; padding:0;}
body{background: ;}
.jumbotron{margin-top: 120px;}
.bg-img{background-image: url(../images/sidebar-img.gif) ;background-size: cover;background-repeat: no-repeat;}




/*///////////////cssf for navigation////////////////////////////*/

ul.main-menu li:hover >ul.dropdown-menu{display:block;}
      .dropdown-submenu >.dropdown-menu{top:0px; left:100%;}

      .dropdown-submenu > a:after{
      border-color:transparent transparent transparent #333;
      border-style:solid;
      border-width:5px 0px 5px 5px;
      content:""; float:right;
      height:0;
      margin-right:-10px;
      margin-top:5px;
      width:0;

      }
      .navbar{ background: linear-gradient(to top, #33ccff 0%, #0066ff 100%); }
      .navbar a:hover{background:red; border-radius:5px;color:white; padding-left:  30px;}
     #navmenu a{color:white; }
      #navmenu{padding-right: 120px;}
      #navmenu li{padding-right: 50px;}
      
     .dropdown-submenu ul{background:gray;}      .dropdown
ul{background:gray;} /*///////////////end cssf for
navigation////////////////////////////*/


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<--- css for index page --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<--- css for index page --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.slider{border: 5px solid #f4e495;}
.p-name{color:#000; background: #fce2ba;  border-top-right-radius: 25px; border-bottom-left-radius: 25px; box-shadow: 5px 5px #888888;margin: 5px 10px 20px 0px;

  margin-top:15px;

}
.tab-cont{background: #ABCFBE; padding-bottom: 50px;}
.tab-pane{padding-bottom: 10px;}
.carousel-caption{padding-bottom: 150px; color:blue;}
.carousel img{width:100%; height: 100%;}
.logo-head{margin-top: 70px; }
.logo-sec{background:#faf292; text-align: center; color:#fff; margin-top: 50px; }
.footroo{background: #1683f1; padding-bottom: 20px;}
.footroo a{color:#fff;}
.pro-list{list-style: none;}
.pro-list a:hover{color:red;}
.product-1{padding:5px; }
.pro-main{padding: 5px; padding-right: 10px;}
.copyright-sec{background: linear-gradient(to top, #33ccff 0%, #0066ff 100%); color:#fff; padding-top: 10px;}
.copyright-sec a{color:#000;}
.pro-bottom{padding-left: 15px;}
.product-2{ }
.c-box{border: ;}
.p-head{margin-top: 10px;}
.address-cont{background-image: url(../images/001.jpg);  no-repeat;   padding: 30px;  background-attachment: fixed; }
.find-us{margin-bottom: 20px; color: #e63900;}
.f-us{color:black;}
.qoute-box{padding-top:30px; padding-bottom: 30px;  background: #ABCFBE;}
.wel-text{color:#009dff;}
.qoute-text{background: #3399ff; padding: 20px; color:#fff; padding-left: 30px; padding-right: 30px; }
.get-qoute{margin-top: 30px;}
.qoute-text:hover{background: red; color:#fff; text-decoration: none;}
.social-icon{list-style: none; margin-top: 30px; }
.social-icon li{ display: inline; padding-right: 10px;}
.nav-sec{background: linear-gradient(to top, #33ccff 0%, #0066ff 100%);}
.slider-sec{background: skyblue;}
.left-side-bar{background: #f2f2f2; padding-top: 30px; padding-bottom: 30px; }
.g-name{}
 
.mail-box{padding-top: 30px; padding-bottom: 28px;}
.add-box{padding-top: 30px; padding-bottom: 22px;}
.phone-box{padding-top: 30px; padding-bottom: 43px;}
.g-mail a {color:#000;}
.web a{color:#000;}
.web a:hover{text-decoration: none; color :red;}
.g-mail a:hover{text-decoration: none; color :red;}
.menu{color:#fff;}
.navi{color:#02fff0;}
.cat{color:#02fff0;}
.Follow{color:#02fff0;}
.h-quick{margin-top: 10px;}
.cat-menu a:hover{color:#dfec0d;}
.navoo a:hover{color:#dfec0d;}
.social-icon a:hover{color:#dfec0d; }
.header{padding-top: 8px;}
.header-main{background: rgba(171, 207, 190, 0.5);}
.h-main{background: rgba(171, 207, 190, 0.5);}

.tab-content p{font-family: 'Exo', sans-serif; color: #000; font-size: 18px;}
.tab-content h3{font-family: 'Russo One', sans-serif; color: darkblue;}
.nav-tabs a{color: darkblue!important; font-family: 'Exo', sans-serif;}
.left-side-bar{font-family: 'Exo', sans-serif;}
.left-side-bar h4{font-family: 'Russo One', sans-serif; color: #0254a7;}
.qoute-box{font-family: 'Exo', sans-serif;}
.qoute-box h3{font-family: 'Russo One', sans-serif; color: #064688;}
.address-cont{font-family: 'Exo', sans-serif;}
.copyright-sec{font-family: 'Exo', sans-serif;}
.footroo{font-family: 'Exo', sans-serif;}
.navbar{font-family: 'Exo', sans-serif;}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<--- end css for index page --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<--- end css for index page --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Quality-sec*/

.ab-us{background: #f2f2f2; padding: 40px 0px;}
.Quality-sec{background: rgba(179, 242, 237,0.3); padding: 30px 0px;}
.w-us{color:brown;}
.icon-w{color:#a51212;}
.icon-q{color:#a51212;}
.o-qua{color:brown;}
.ab-head{color:brown;}
.wel-text{color:red; font-size: 18px;}
.wel-head{color:#f23030;}
.pro-box{ margin-bottom: 10px;}
.pro-box{background:;}
.products-page{padding-top: 30px; padding-bottom: 50px; background: #b1e2fb;}
.pro-img{padding: 30px;}
.pro-img img{width: 250px;}
.enq-page{background:skyblue;  background-image: url(../images/c00122.jpg); background-repeat: no-repeat; width: 100%;  
  background-attachment: fixed; 
 background-size: cover;}


 .c-name{color:#fff;}
 .img-inq{padding-top: 110px;}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<---  css for left sidebar index page --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/*css nav left sidebar*/

.tree-menu{background:#d3eaff; border-radius:5px;}
.tree-menu-enq{background:;  margin-top: 30px;}

.tree-menu-enq ul{background: #fcf8f8; padding: 5px;}
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#000;
    font-weight:600;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:none;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#000;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#000;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

/* endcss nav left sidebar*/
.header a{color: darkblue;}


.btm-menu li{list-style: none; display: inline; padding-left: 20px; padding-right: 20px;}
.btm-menu{text-align: center; }
.home{list-style: none;}

.btm-menu a{color: #e0ed14;}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<--- media query --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<---  media query  --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


/*<< Extra small devices (portrait phones, less than 576px) >> */
@media (max-width: 575.98px) { 

  .i-frame{height: 1100px;}
   .img-inq{padding-top: 40px;}
  .product-2{margin-bottom: 15px; padding: 5px;}
  .product-1{margin-bottom: 15px; margin-top: 25px;}
  .logo-head{padding-bottom: 20px; margin-top: 0px; font-size: 25px;}
  .logo-heading{margin-top: -40px;}
  .logo-sec{margin-top: 130px;}

.phone-box{padding-top: 20px; padding-bottom: 15px;}
.bottom-nav{text-align: center;}




}

@media (max-width: 767.98px) { 

  .header-main{background: none;}
  .nav-sec{background: none;}
  .slider-sec{background: none;}
  .txt-abus{text-align: justify!important;}
  .icon-q{text-align: center!important;}
  .header p{margin-bottom: 5px;}


  .tab-content p{text-align: justify!important; }
  
  .navoo{text-align: justify;}

  .cat-menu{text-align: justify;}
  .icon-social{text-align: justify;}

.home{list-style: none; text-align: justify;}
 .btm-menu li{display: block!important; text-align: justify;}
 .header-main{position: relative;}
 .header{padding-top: 0px;}
.logo-sec{margin-top:0px;}

 }



/*<<  Small devices (landscape phones, less than 768px) >> */
@media (max-width: 767.98px) { 


      .g-mail-box{ padding-bottom:0px; padding-top: 20px;}
      .add-box{padding-top: 20px; padding-bottom: 50px;}
      .logo-head{padding-top: -250px;}
      .logo-heading{margin-top: -40px;}

     


 }



/*<<  Medium devices (tablets, less than 992px) >> */
@media (max-width: 991.98px) { 

.add-box{padding-top: 20px; padding-bottom: 0px;}
.g-mail-box{ padding-bottom:125px;}
.mobile-detail{ padding-bottom:125px;}
 .logo-head{margin-top: 50px; }

 .btm-menu li{list-style: none; display: inline; padding-left: 2px; padding-right: 2px;}
.btm-menu{text-align: center; }

 }



/*<< Large devices (desktops, less than 1200px) >> */
@media (max-width: 1199.98px) { 

  .add-box{ padding-bottom: 0px;}

 }

}




/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<--- end  media query --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<--- end  media query  --->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */