@font-face 
{
font-family: 'opensans';
src: url('../fonts/opensans-regular-webfont.eot'); /* IE9 Compatibility Modes */
src: url('../fonts/opensans-regular-webfont.eot?') format('eot'),  /* IE6-IE8 */
url('../fonts/opensans-regular-webfont.woff') format('woff'), /* Modern Browsers */
url('../fonts/opensans-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/opensans-regular-webfont.svg#opensans-regular-webfont') format('svg'); /* Legacy iOS */
}

@font-face 
{
font-family: 'roboto';
src: url('../fonts/roboto-bold-webfont.eot'); /* IE9 Compatibility Modes */
src: url('../fonts/roboto-bold-webfont.eot?') format('eot'),  /* IE6-IE8 */
url('../fonts/roboto-bold-webfont.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg'); /* Legacy iOS */
}

::-moz-selection,::selection {
background:#cae7fd;
color:#4c4c4c;
text-shadow:none;
} 

body{
	padding: 0;
	margin: 0;
	background:#575757 url(../images/body-bkg.jpg) repeat-x;
  color: #272727;
  font-family: "opensans";
  font-size: 14px;
} 
a {
	color:#595959;
	text-decoration:none;
	transition:all .6s ease 0;
}



a:hover {
	color:#000;
	text-decoration:none;
}                                                                                                       

a:focus { 
    outline: none; 
}

img {
	max-width:100%;
}

ul li {
	 display:inline-block;
}



.aligncenter {
	display:block;
	margin:0 auto 3% auto;
}

.alignleft {
	float:left;
	margin:0 7% 0 0;
	padding:0;
	width: 32%;
}

.left {
  float:left;
  margin:0 0;
  padding:0;
}


.alignright {
	float:right;
	margin:0;
	padding:0;
}

.clr {
	clear:both;
	margin:2% 0;
}

.gap {
	float: left;
	width: 100%;
	margin:5% 0 0;
}

.gap2 {
  float: left;
  width: 100%;
  margin:10% 0 0;
}

.space {
	padding:25px 0 0 0;
	clear: both;
}

.bot-space {
  padding:12px 0 0 0;
  clear: both;
}

p {
	 font-size:14px;
	 line-height:22px;
	 font-weight:normal;
	 color:#272727;
	 text-align:left;
	 clear:both;
   padding: 0 0 10px 0;
   margin: 0;
}


/*--------------Header starts------------------*/   
 .main-white-bg{
   margin: 11px auto 0 auto;	
   width: 999px;
   background: #fff;
   clear: both;
 }
  .container{
     width: 98%;
     margin: 0 auto;
  }

 header {
	width:100%;
	float:left;
	margin: 25px 0 0 0;
}

.logo-section{
	margin: 0;
  width: 25% !important; 
}

.com-title-section{
  margin: 0;
  width: 45% !important;
  text-align: center;
}


.com-title-section img{
  margin: 10% 0 0 0;
  text-align: center;
}

.info-section{
  margin: 0;
  width: 30% !important;
}



 ul.icon-list{
 	padding: 0;
 	margin: 0 16% 0 0;
 	float: right;
 	clear: both;
 }

 ul.icon-list li{
 	margin: 0 12px 0 0;
 	display: block;
 	float: left;
 }

 ul.icon-list li:last-child{
 	margin: 0;
 }

  ul.icon-list li img:hover{
 	opacity: 0.5;
 }

.menu-holder { margin:0; padding:0; width: 100%;  float: left; }

.navbar {
    border: 0 none;
}

.navbar-nav {
    margin: 7.5px -15px !important;
}
.navbar-default {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-radius: 0 !important;
}
.nav .navbar-nav {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.navbar-default .navbar-nav > li {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 5px 0 0;
}
.navbar-default .navbar-nav > li > a {
    color: #272727 !important;
    float: left;
    font-family: "opensans";
    font-size: 16px;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    text-align: left;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #c09314 !important;
    color: #000 !important;
    float: left;
    padding: 0 15px;
    transition-duration: 0.8s;
}
.navbar-default .navbar-nav > li.active > a {
    background: #c09314;
    color: #000000 !important;
    float: left;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
    text-align: left;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #d0ad4f;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #c09314 !important;
}
/*--------------Header ends------------------*/  
/*----------------Banner Starts----------------*/
.banner-img-holder {
   position: relative; 
   width: 100%;
   margin: -22px 0 0 0;
   padding: 0;
   float: left;
   z-index: 999;

} 
/*----------------Banner Ends----------------*/ 

/*----------------Content Starts----------------*/
section {
	float:left;
	width:100%;
}

.flag {
   width: 33.3333%;
   margin: 25px 0 25px 0;
   display: block;
   float: left;
 }


 .flag img:hover {
    opacity: 0.5;
    
 }

  .slider-wrapper{ margin: 0 auto 30px auto;  width: 945px; clear: both;}

 article{
 	background:#fff url(../images/cont-bottom-bg.jpg) no-repeat;
 	width: 100%;
 	float: left;
  bottom: 0;
 	position: relative;
 	margin: -6px 0 0 0;
 	padding: 0; 
 }

 .bottom-main-holder{
    margin: 0;
    padding: 150px 0 65px 0;
    width: 100%;
 }

 .bottom-layout-holder{
   padding: 0;
   margin: 0 35px 0 0;
   float: left;
 }

 .bottom-layout-holder:last-child{
   margin: 0;
 }

 .info-icon-holder{
   padding: 0;
   margin: 0;
   float: left;
 }


  .cont-info-text{
   	font-size:15px;
  	line-height:18px;
  	font-family:'opensans';
  	color:#fff;
  	text-align: left;
  	font-weight: normal;
  	clear:both;
  	padding: 3px 0 5px 5px;
  	margin: 0;
 }

 .cont-info-text a{
    color:#fff;
 }

 .cont-info-text a:hover{
    color:#c09314;
 }

 
 .fa-map-marker.red{
    font-size:15px;
    color:#a03b2f;
 }

 .phone-white{
    font-size:14px;
    color:#fff;
 }

 .bot-heading{
 	font-size:26px;
	line-height:27px;
	font-family:'roboto';
	color: #c29214;
	font-weight: normal;
	clear:both;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
 }

 .bot-heading2{
  font-size:26px;
  line-height:27px;
  font-family:'roboto';
  color: #c29214;
  font-weight: normal;
  clear:both;
  margin: 0;
  padding: 35px 0 12px 0;
  text-align: left;
 }


  .cont-info-phone{
    font-size:20px;
    line-height:21px;
    font-family:'opensans';
    color:#fff;
    text-align: left;
    font-weight: normal;
    clear:both;
    padding: 0 0 0 5px;
    margin: 0;
 }

 /*----------------Content End----------------*/
/*---about us --------------------------*/
h4{
    clear: both;
    color: #c09314;
    font-family: "roboto";
    font-size: 40px;
    font-weight: normal;
    line-height: 38px;
    padding: 0;
    margin: 0;
    text-align: left;
}

.about-subtitle{
    clear: both;
    color: #c09314;
    font-family: "roboto";
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    padding: 30px 0 0 0;
    margin: 0;
    text-align: left;
}

.about-text {
    clear: both;
    color: #464646;
    font-family: "opensans";
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 0 0 0;
    text-align: left;
}

.about-text span {
    color: #000;
    font-weight: bold;
}

.about-text a {
    color: #2577af;
    text-decoration: underline;
}

.about-text a:hover {
    color: #c09314;
    text-decoration: none;
}

.about-childtitle{
    clear: both;
    color: #464646;
    font-family: "opensans";
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding: 15px 0 0 0;
    margin: 0;
    text-align: left;
}

 ul.about-icon-list{
  padding: 0;
  margin: 5px 0 0 15px;
  float: left;
  clear: both;
 }

 ul.about-icon-list li{
  margin: 0;
  padding:0 0 5px 0;
  display: block;
  float: left;
  clear: both;
  color: #464646;
  font-family: "opensans";
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
 }
.about-content-sec{padding: 0; margin: 0; width: 60%; float: left;}
.about-img-sec{padding: 0; margin: 0; width: 35%; float: right;}
/*---about us --------------------------*/
/*---Contact Us --------------------------*/
 .contact-sub-heading {
    color: #000000;
    font-family: "roboto";
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
    padding: 15px 0 0 0;
 }
  .contact-text{
    font-size:14px;
    line-height:18px;
    font-family:'opensans';
    color:#464646;
    text-align: left;
    font-weight: normal;
    clear:both;
    padding: 1% 0 1% 0;
    margin: 0;
 }

 .contact-us-top-border{
    border-top: 1px solid #CDCDCD;
    margin: 2% 0;
    float: left;
    width: 100%;
 }

 .contact-labal{
    font-size:18px !important; 
    text-align: right; 
    padding-left: 0;
    padding-right: 0;
 }

 .contact-submit{
    background: #C09314;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    color: #000;
    text-align: center;
    border: 0;
    border-radius: 6px;
    transition: background .1s linear, border-radius 1s ease-in 1s;
 }

 .contact-submit:hover{
    background: #E6AF17;
 }

 
/*---Contact Us --------------------------*/

/*-------------product--------------------*/

 ul.pro-list{
    margin: 0;
    padding: 0;
     
   }

.pro-list li {
        border: 1px solid #ccc;
        width: 100%;
        float: left;
   }

    .pro-list li a{
       margin-right: 0;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover .pro-list li a.active {
      border: 1px solid #E9E9E9 !important;
      background: #E9E9E9 !important;
      color: #000;
    }

     .product-sub-heading {
        color: #c09314;
        font-family: "roboto";
        font-size: 22px;
        font-weight: normal;
        line-height: 24px;
        text-align: left;
        margin: 0 0 15px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #CDCDCD; 
 }

    .product-box{
        background: #fff;
        float: left;
        padding: 10px;
        transition: 0.5s;
        margin: 0 30px 20px 0;
        width: auto;
        text-align: center;
        height: 160px;
        box-shadow: 1px 1px 2px 2px #c6c5c5;
        border-radius: 12px !important;
    }

    .product-box p{
        font-size:13px;
        line-height:16px;
        font-family:'opensans';
        color:#464646;
        text-align: center;
        font-weight: normal;
        padding: 1% 0 1% 0;  
    }

    .product-box:hover{
       box-shadow: 1px 1px 5px 5px #c6c5c5;
    }

   .product-box-2{
        background: #fff;
        float: left;
        padding: 15px;
        transition: 0.5s;
        margin: 0 0 20px 0;
        width: 100%;
        text-align: center;
        box-shadow: 1px 1px 2px 2px #c6c5c5;
        border-radius: 12px !important;
    }

    .product-txt{
        font-size:14px;
        line-height:18px;
        font-family:'opensans';
        color:#464646;
        text-align: left;
        font-weight: normal;
        padding: 0 0 10px 0; 
        margin: 0; 
        clear: both;
    }

    .product-txt span{
        color:#000;
        font-weight: bold;
    }

    .product-h{
        font-size:14px;
        line-height:18px;
        font-family:'opensans';
        color:#000;
        text-align: left;
        font-weight: bold;
        padding: 10px 0 0 0; 
        margin: 0; 
        clear: both;
    }

    .product-box-2:hover{
       box-shadow: 1px 1px 5px 5px #c6c5c5;
    }

    .prodpadding{
     float: left;
     margin: 7% 0 0 0;
     width: 100%;
   }

/*------product-------------------------*/

/*----------------footer----------------*/
footer {
	width:999px;
	margin:0 auto;
	background: #c09314;
	clear: both;
	min-height: 40px;
}


 ul.footer-nav{
 	list-style: none;
 	text-align: center;
 	margin: 15px 0 10px 0;
 }

  ul.footer-nav li{
 	display: inline;
 	clear: both;
 	margin: 0 15px;
 	text-align: center;
 }

  ul.footer-nav li a{
 	font:normal 15px "opensans",Helvetica,sans-serif;
	color:#fcfbf7;
 }

  ul.footer-nav li a:hover{
	color:#000;
 }
 
.footer-nav li a.active  { color:#000!important; }

.copyright{
 	font:normal 13px "opensans",Helvetica,sans-serif;
	color:#fcfbf7;
	line-height: 18px;
	clear: both;
	margin: 0 0 10px 0;
	text-align: center;
 }


 /*----------------footer End----------------*/
  @media screen and (min-width : 970px) and (max-width :1000px) {
    .main-white-bg{
	   width: 96%;
	 }

	 .banner-img-holder{
	 	margin: 0;
	 	z-index: 999999999999999;
	 	position: relative;
	 }

	 footer {
	   width: 96%;	
	 }

   ul.icon-list li{margin: 0 5px 0 0;}

   .slider-wrapper{width: 100% !important; margin: 0 auto 20px !important; min-height: auto !important;}
   .bottom-main-holder{padding: 87px 0 65px}
	 	
}
   
@media screen and (min-width : 768px) and (max-width : 969px) {
	.main-white-bg{
	   width: 96%;
	 }

	 .banner-img-holder{
	 	margin: -20px 0 0 0;
	 	z-index: 999 !important;
	 }

	 footer {
	   width: 96%;	
	 }

   .navbar-default .navbar-nav > li > a {
       padding: 0 10px;
   }


   article{
   	 margin: 0;
   }


   .right-cont-inner-sec h1{
   	  font-size: 22px;
   	  line-height: 25px;
   }

  
   .pro-list li {
    width: auto;
    }

    .product-sub-heading {
      margin: 15px 0;
   }


      .navbar-default .navbar-nav > li > a {
          color: #464646 !important;
          float: left;
          font-family: "opensans";
          font-size: 16px;
          font-weight: normal;
          line-height: 43px;
          margin: 0;
          padding: 0 10px;
          text-align: left;
      }
      .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
          background-color: #c09314 !important;
          color: #000 !important;
          float: left;
          padding: 0 10px;
          transition-duration: 0.8s;
      }
      .navbar-default .navbar-nav > li.active > a {
          background: #c09314;
          color: #000000 !important;
          float: left;
          font-weight: normal;
          line-height: 43px;
          margin: 0;
          padding: 0 10px;
          text-align: left;
      }

      .right-text-head {
        padding: 0 0 7px 10px;
        font-size: 15px;
       }

       .right-text-sect {
         padding: 0 0 0 10px;
       }

       .bottom-main-holder {
          padding: 74px 0 65px;
        }

        ul.icon-list li {
            display: block;
            float: left;
            margin: 0 3px 0 0;
        }

        .flag {
        margin: 15px 0 6px;
        }

        h1.home-subtitle {
        padding: 15px 0 0;
       }

       ul.icon-list li img{ width: 25px;}
       .slider-wrapper{width: 100% !important; margin: 10px auto 20px !important; min-height: auto !important;}
}
 
@media screen and (min-width : 640px) and (max-width: 767px) {

   .main-white-bg{
	   width: 96%;
	}

    .banner-img-holder{
	 	margin: -20px 0 0 0;
	 	z-index: 9999;
	 }

	 footer {
	   width: 96%;	
	 }

   article{
   	 margin: 2% 0 0 0;
     float: none;
   }

   .bottom-main-holder {
      margin: 0;
      padding: 7% 0 3% 0;
      width: 100%;
    }

    .bottom-layout-holder {
      float: left;
      margin: 0;
      padding: 0;
    }

    .bot-heading2 {
      padding: 10px 0 4px;
    }

   ul.icon-list li {
    margin: 0 11px 0 0;
   } 

  .logo-section {
    margin: 0;
   }

  .menu-holder{
  	 height: 80px;
  }

.navbar-default .navbar-nav > li {
    background: #d6c28d;
    float: left;
    width: 100%;
    z-index: 99999;
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(0, 0, 0, 0);
    float: left;
    margin: -9px 0 0;
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
    float: left;
    font-size: 16px;
    padding: 0;
    text-align: center;
    width: 100%;
}

.navbar-default .navbar-nav > li > a:hover {
    padding: 0 8px;
}
.navbar-default .navbar-nav > li.active > a {
    float: left;
    font-size: 16px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000000;
}
.navbar-collapse {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.1) inset;
}

	ul.icon-list {
	    float: left;
      margin: 0;
	}

	ul.footer-nav li {
      margin: 0 10px;
    }

    .contact-labal{
        padding-left: 15px ;
        padding-right: 15px;
    }

    .pro-list li {
      width: auto;
    }

    .product-sub-heading {
      margin: 15px 0;
   }

   .prodpadding{
     display: none;
   }

   .flag {
    margin: 15px 0 6px;
    }

    h1.home-subtitle {
        padding: 15px 0 0;
    }

   .bot-space {
      clear: both;
      padding: 0;
   }

   .cont-info-text {
    padding: 5px 0 5px 5px;
    text-align: left;
   }

   .bottom-layout-holder{ margin: 0 10px 0 0;}
   .slider-wrapper{width: 100% !important; margin: 10px auto 5px !important; min-height: auto !important;}

}


@media screen and (min-width : 480px) and (max-width: 639px) {

	.main-white-bg{
	   width: 96%;
	 }

	 .banner-img-holder{
	 	margin: -20px 0 0 0;
	 	z-index: 9999;
	 }

	 footer {
	   width: 96%;	
	 }

   .subheading {
    margin: 5% 0;
    padding: 0;
    text-align: center;
   }

   .prod-text {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 0 2%;
    text-align: center;
   }


   article{
     margin: 2% 0 0 0;
     float: none;
     background-image: none;
     background-color: #3e3a31;
   }

   .bottom-main-holder {
      margin: 0;
      padding: 5% 0 3% 0;
      width: 100%;
    }

    .bottom-layout-holder {
      float: left;
      margin: 0;
      padding: 0;
    }

    .bot-heading2 {
      padding: 10px 0 4px;
    }

    .cont-info-text {
      padding: 3px 0 11px 5px;
   }


   ul.icon-list li {
    margin: 0 11px 0 0;
   } 

  .logo-section{
    width: 50%;
    margin: 0;
   }

    .info-section{
    	width: 50%;

    }

  .menu-holder{
  	 height: 80px;
  }

.navbar-default .navbar-nav > li {
    background: #d6c28d;
    float: left;
    width: 100%;
    z-index: 99999;
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(0, 0, 0, 0);
    float: left;
    margin: -9px 0 0;
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
    float: left;
    font-size: 16px;
    padding: 0 8px;
    text-align: center;
    width: 100%;
}
.navbar-default .navbar-nav > li > a:hover {
    padding: 0 8px;
}
.navbar-default .navbar-nav > li.active > a {
    float: left;
    font-size: 16px;
    padding: 0 8px;
    text-align: center;
    width: 100%;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000000;
}
.navbar-collapse {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.1) inset;
}

	ul.icon-list {
	    float: left;
      margin: 0;
	}

	ul.footer-nav li {
      margin: 0 10px;
  }

  .contact-sub-heading {
    font-size: 17px;
    line-height: 20px;
  }

  .contact-text {
    font-size: 14px;
    line-height: 17px;
   }

  .contact-labal{
       padding-left: 15px ;
       padding-right: 15px;
   }

   .pro-list li {
    width: auto;
    }

    .product-sub-heading {
      margin: 15px 0;
   }

   .prodpadding{
     display: none;
   }

   .flag {
    margin: 15px 0 6px;
    }

    h1.home-subtitle {
        padding: 15px 0 0;
    }


   .bot-space {
      clear: both;
      padding: 0;
   }

   .bottom-layout-holder{ margin: 0 10px 0 0;}
   .slider-wrapper{width: 100% !important; margin: 5px auto 0px !important; min-height: auto !important;}
   .about-img-sec{width: 100%;  }
   .about-img-sec img{width: 100%; margin: 10px 0 0 0;}
   .about-content-sec{width: 100%; }
   
}


@media screen and (min-width : 360px) and (max-width: 479px) {
  .main-white-bg{
     width: 96%;
   }

   .banner-img-holder{
    margin: -20px 0 0 0;
    z-index: 9999;
   }

   footer {
     width: 96%;  
   }

   
   .subheading {
    margin: 5% 0;
    padding: 0;
    text-align: center;
    font-size: 20px;
   }

   .prod-text {
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 0 3%;
    text-align: center;
   }


  article{
     margin: 2% 0 0 0;
     float: none;
     background-image: none;
     background-color: #3e3a31;
   }

   .bottom-main-holder {
      margin: 0;
      padding: 5% 0 3% 0;
      width: 100%;
    }

    .bottom-layout-holder {
      float: left;
      margin: 0;
      padding: 0;
    }

    .bot-heading2 {
      padding: 10px 0 4px;
    }

    .cont-info-text {
      padding: 3px 0 11px 5px;
   }


   .layout{
      width: 100%;
   }

   .bot-heading {
    font-size: 22px;
    line-height: 24px;
    padding: 3% 0 1%;
    text-align: left;
   }

   ul.icon-list li {
    margin: 0 11px 0 0;
   } 

  .logo-section{
    width: 40%;
    margin: 0;
   }

    .info-section{
      width: 60%;
    }

  .menu-holder{
     height: 80px;
  }

.navbar-default .navbar-nav > li {
    background: #d6c28d;
    float: left;
    width: 100%;
    z-index: 99999;
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(0, 0, 0, 0);
    float: left;
    margin: -9px 0 0;
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
    float: left;
    font-size: 16px;
    padding: 0 8px;
    text-align: center;
    width: 100%;
}
.navbar-default .navbar-nav > li > a:hover {
    padding: 0 8px;
}
.navbar-default .navbar-nav > li.active > a {
    float: left;
    font-size: 16px;
    padding: 0 8px;
    text-align: center;
    width: 100%;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000000;
}
.navbar-collapse {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.1) inset;
}

  ul.icon-list {
      float: left;
      margin: 0;
  }

  ul.footer-nav li {
      margin: 0 10px;
   }

  .contact-labal{
      padding-left: 15px ;
      padding-right: 15px;
   }

   .pro-list li {
    width: auto;
    }

    .product-sub-heading {
      margin: 15px 0;
   }

   .prodpadding{
     display: none;
   }

   .product-box {
      margin: 0 25px 20px 0;
      padding: 10px;
      width: 41%;
      height: 146px; 
      text-align: center; 
    }

    .flag {
    margin: 15px 0 6px;
    width: 100%;
    text-align: center;
    }

    h1.home-subtitle {
        padding: 15px 0 0;
    }

    .bot-space {
      clear: both;
      padding: 0;
   }

   .bottom-layout-holder{ margin: 0 10px 0 0;}
   .slider-wrapper{width: 100% !important; margin: 5px auto 3px !important; min-height: auto !important;}
   .about-img-sec{width: 100%;  }
   .about-img-sec img{width: 100%; margin: 10px 0 0 0;}
   .about-content-sec{width: 100%; }
}


@media screen and (min-width : 320px) and (max-width: 359px) {

  .main-white-bg{
     width: 96%;
   }

   .banner-img-holder{
    margin: -20px 0 0 0;
    z-index: 9999;
   }

   footer {
     width: 96%;  
   }

   
   .subheading {
    margin: 5% 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
   }

   .prod-text {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0 3%;
    text-align: center;
   }

   article{
     margin: 2% 0 0 0;
     float: none;
     background-image: none;
     background-color: #3e3a31;
   }

   .bottom-main-holder {
      margin: 0;
      padding: 5% 0 3% 0;
      width: 100%;
    }

    .bottom-layout-holder {
      float: left;
      margin: 0;
      padding: 0;
    }

    .bot-heading2 {
      padding: 10px 0 4px;
    }

    .cont-info-text {
      padding: 3px 0 11px 5px;
   }

   .layout{
      width: 100%;
   }

   .bot-heading {
    font-size: 22px;
    line-height: 24px;
    padding: 3% 0 1%;
    text-align: left;
   }

   ul.icon-list  {
      margin: 0 15% 3% 0;
   } 

   ul.icon-list li {
    margin: 0 20px 0 0;
    text-align: center;
   } 

  .logo-section{
    width: 50%;
    margin: 0;
   }

    .info-section{
      width: 50%;
    }

  .menu-holder{
     height: 80px;
  }

.navbar-default .navbar-nav > li {
    background: #d6c28d;
    float: left;
    width: 100%;
    z-index: 99999;
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(0, 0, 0, 0);
    float: left;
    margin: -9px 0 0;
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
    float: left;
    font-size: 16px;
    padding: 0 8px;
    text-align: center;
    width: 100%;
}
.navbar-default .navbar-nav > li > a:hover {
    padding: 0 8px;
}
.navbar-default .navbar-nav > li.active > a {
    float: left;
    font-size: 16px;
    padding: 0 8px;
    text-align: center;
    width: 100%;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000000;
}
.navbar-collapse {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.1) inset;
}

  ul.footer-nav li {
      margin: 0 10px;
  }

  .contact-labal{
      padding-left: 15px ;
      padding-right: 15px;
   }

   .pro-list li {
    width: auto;
    }

    .product-sub-heading {
      margin: 15px 0;
   }

   .prodpadding{
     display: none;
   }

   .product-box {
      margin: 0 30px 20px 0;
      padding: 10px;
      width: 100%;
      text-align: center; 
    }

    .flag {
    margin: 15px 0 6px;
    width: 100%;
    text-align: center;
    }

    h1.home-subtitle {
        padding: 15px 0 0;
        font-size: 18px;
        line-height: 20px;
   }

   .bot-space {
    clear: both;
    padding: 0;
   }

   .about-subtitle{ font-size: 18px;}
   .slider-wrapper{width: 100% !important; margin: 5px auto 3px !important; min-height: auto !important;}
   .about-img-sec{width: 100%;  }
   .about-img-sec img{width: auto; margin: 10px 0 0 0;}
   .about-content-sec{width: 100%; }
   .about-text{font-size: 13px;}
}