form, input, select { border:none; margin:0; padding:0;}
a { text-decoration:none; }
ul { margin:0px; display:block; padding:0px; }
ol { margin:0px; display:block; padding:0px; }
li { margin:0px; display:block; padding:0px; }
h1 { margin:0px;}
h2 { margin:0px;}
h3 { margin:0px; }
h4 { margin:0px;}
h5 { margin:0px;}
h6 { margin:0px;}



.hr1
{
    width:95%;
    height:1px;
    float:left;
    margin-left:20px;
   background:#ccc;
}

.no-js {display:block}
img { border:none; -ms-interpolation-mode: bicubic; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.clear { clear:both;}
body { background:#FFF;  margin:0 auto;}
iframe { width:100%; }

@media (min-width: 10em){
#main { margin:0 auto; width:10em;  overflow:hidden; font-family:Verdana, Geneva, sans-serif;}

/* header start */

#header { width:10em;  }
.link_area { padding:0px 0 0px 0; background:#fff; width:10em; border-bottom:solid 1px #999999; overflow:hidden;}
#soclicon { width:5em; margin:0 0 0 4em;}
#soclicon li { float:left; margin:0 0 0 3px;}
#soclicon li img { width:80%;}
.logo_menu { width:9em; margin:0 auto;   }
.logo { width:8em; float:left;overflow:hidden; }
.logo1 { width:250px; float:left; margin-bottom:20px; }
.logo img { width:100%;}
#menu{ width:9em; float:right;}
#menu ul{list-style-type:none; margin:.2em 0 0 0em;}
#menu ul li{float: left; position:relative; padding:2px .2em 2px .2em; float:left; font-size:8px; margin:1px 0 0 1px; list-style:none; }
#menu ul li a{color:#333333;}
#menu ul li:hover{background:#219fd0; border-radius:.5em; -moz-border-radius:.5em;  -webkit-border-radius:.5em; -o-border-radius:.5em;  }
#menu ul li.active {background:#219fd0; border-radius:.5em; -moz-border-radius:.5em;  -webkit-border-radius:.5em; -o-border-radius:.5em;}


#banner iframe { height:70px;}
#banner img { width:100%; height:100%}
#banner { position:relative;}
.important_content {  position:absolute; top:0; padding:0px;}
.important_content p { width:100%; text-align:justify; font-size:8px; color:#FFFFFF; display:none;}
.contect {  position:absolute; top:0; padding:5px;}
.contect hr { display:none;}
.contect p { width:100%; text-align:justify; font-size:9px; color:#FFFFFF; display:none;}
.contect h4 { font-size:9px;}
/* header ends */

/* content area starts */

#content_area_inner_page { width:100%; margin:5px auto; padding:5px;}
#content_area_inner_page h3 { font-size:10px; color:#333333;}
#content_area_inner_page h5 { font-size:13px; color:#313131;}
#content_area_inner_page h6 { font-size:13px; color:#666666;font-family:arial;}
#content_area_inner_page p { font-size:10px; text-align:justify; color:#666666; width:98%;}
.name_of_topic  { float:left; width:80%; margin:.8em 0 0 0;  font-size:9px; color:#666666;}
.inbetween { float:left; margin:.8em 0 0 0;}
.select_part { float:left; width:80%; margin:.8em 0 0 1em; }
.select_part input { width:100%; background:#effaff; border:1px solid #289ccb;  height:1.7em;  font-size:11px; color:#666666; padding:0 0 0 .3em; border-radius:5px;}
.select_part textarea { width:100%; background:#effaff; border:1px solid #289ccb;  height:5em;  padding:0 0 0 .3em; border-radius:5px;}
.take_tour { width:3.7em; float:right;}
products { float:left; width:100%; padding:5px; margin:5px 0 10px 5px; border-radius:10px; border:1px solid #8b8b8b;}
.products h4 { margin:0 0 5px 5px;  color:#333333; font-size:10px;}
.products p { font-size:13px; text-align:justify;  color:#666666; margin:10px 0 0 0px; }
.products img { border-radius:10px; margin:0px 10px 0px 0px; width:99%}
.clients {  float:left; margin:8px; }
.clients img { width:100%; }
.contact_map {width:90%; border:3px solid #666; margin:10px 0 0 0;}
.contact_map iframe {width:100%; height:150px;}
/* content area ends */

/* footer area start */

footer {width:100%; overflow:hidden;}
.footer_menu_sociallinks { width:100%; background:#289dcc; overflow:hidden; }
.footer_menu { width:500px; margin:0 0 0 0px; overflow:hidden;}
.footer_menu ul{list-style-type:none;}
.footer_menu ul li{float: left; font-size:9px; margin:0 0 0 2px; padding:5px 4px; border-left:1px solid #CCC; list-style:none; }
.footer_menu ul li a {color:#e0e0e0;}
.footer_social_links #soclicon { margin:0px 0px 0 0; float:right; }
.footer_contect_detail_inquiry { width:100%; overflow:hidden; background:#444; padding:10px 0; }
.footer_contect_detail { width:100%; margin:0 0 0 5px; float:left;}
.footer_contect_detail_inquiry h4 { color:#FFFFFF; font-size:10px;}
.footer_contect_detail p { font-size:9px; color:#999;}
.footer_enquiry { float:right; width:98%; margin:0 0px 0 5px;}
.enquiry_tabs .btn1 { background:#289dcc; width:60px; padding:7px ; cursor:pointer; font-size:10px; text-align:center; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.enquiry_tabs { float:left; width:95%;}
.footer_enquiry input { width:90%; margin:5px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:3px}
.footer_enquiry textarea { width:90%; margin:5px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:3px}
.Submit_btn { background:#289dcc; padding:4px 10px; font-size:10px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.designed_by { width:100%; background:#222; padding:5px;}
.designed_by p { margin:0 auto; color:#e8e8e8; font-size:7px; width:280px}
.product_left{width:9%; float:left;}
.product_right_content{width:9%; margin-top:50px; float:left;}
.banner_stock{width:100px; float:left; padding:50px 10px;}
.text_stock{width:300px; float:left; line-height:25px ;}
.back_button{width:5%; height:100%; float:right; margin:0px 5px;}
.follow_us{width:20%; float:left; }
.follow_us_icons{float:left; width:25%; margin-left:20px; padding-left:25px; }

.products:hover
    {
        background-color: #FFE4CA;
    }
    
     .pro_wrap
 {
     width:100%;
     float:left;
     height:auto;
     margin:10px 0;
     padding-bottom:30px;
     border-bottom:1px solid #ccc;
 }
 
 ::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333; 
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #333;  
}

:-ms-input-placeholder {  
   color: #333;
}
/* footer area ends */

}

 @media (min-width: 20em){
#main { margin:0 auto; width:20em;  overflow:hidden; font-family:Verdana, Geneva, sans-serif;}

/* header start */

#header { width:20em;  }
.link_area { padding:0px 0 0px 0; background:#fff; width:20em; border-bottom:solid 1px #999999; overflow:hidden;}
#soclicon { width:5em; margin:0 0 0 15em;}
#soclicon li { float:left; margin:0 0 0 3px;  }
#soclicon li img { width:80%;}
.logo_menu { width:22em; margin:0 auto;   }
.logo { width:10em; float:left;overflow:hidden;  }
.logo img { width:100%;}
#menu{ width:15em; float:right;}
#menu ul{list-style-type:none; margin:.2em 0 0 .2em;}
#menu ul li{float: left; position:relative;background:#219fd0; border-radius:.5em; -moz-border-radius:.5em;  -webkit-border-radius:.5em; -o-border-radius:.5em;  padding:2px .5em 2px .5em; float:left; font-size:6px; margin:0 0 0 1px; list-style:none; }
#menu ul li a{color:#333333;}
#menu ul li:hover{background:#3bc8ff; border-radius:.5em; -moz-border-radius:.5em;  -webkit-border-radius:.5em; -o-border-radius:.5em;  }
#menu ul li.active {background:#3bc8ff; border-radius:.5em; -moz-border-radius:.5em;  -webkit-border-radius:.5em; -o-border-radius:.5em;}


#banner img { height:150px;}
#banner img { width:100%; height:80px;}
#banner { position:relative;}
.important_content {  position:absolute; top:0; padding:0px;}
.important_content p { width:48%; text-align:justify; font-size:7px; color:#FFFFFF; display:block; margin:0;}
.contect {  position:absolute; top:0; padding:5px;}
.contect hr { display:none;}
.contect p { width:100%; text-align:justify; font-size:8px; color:#FFFFFF; display:block; margin:0;}
.contect h4 { font-size:7px;}
/* header ends */

/* content area starts */

#content_area_inner_page { width:100%; margin:5px auto; padding:5px;}
#content_area_inner_page h3 { font-size:10px; color:#333333;}
#content_area_inner_page h5 { font-size:13px; color:#313131;}
#content_area_inner_page h6 { font-size:13px; color:#666666;font-family:arial;}
#content_area_inner_page p { font-size:10px; text-align:justify; color:#666666; width:98%;}
.name_of_topic  { float:left; width:35%; margin:.8em 0 0 0;  font-size:11px; color:#666666;}
.inbetween { float:left; margin:.8em 0 0 0;}
.select_part { float:left; width:50%; margin:.8em 0 0 1em; }
.select_part input { width:100%; background:#effaff; border:1px solid #289ccb;  height:1.7em;  font-size:11px; color:#666666; padding:0 0 0 .3em; border-radius:5px;}
.select_part textarea { width:100%; background:#effaff; border:1px solid #289ccb;  height:5em;  padding:0 0 0 .3em; border-radius:5px;}
.take_tour { width:5.7em; float:right;}
.products { float:left; width:80%; /*background:#f3f3f3;*/ padding:5px; margin:10px 0 10px 15px; border-radius:10px; border:1px solid #8b8b8b;}
.products h4 { margin:0 0 5px 5px;  color:#333333; font-size:10px;}
.products p { font-size:13px; text-align:justify;  color:#666666; margin:10px 0 0 0px; }
.products img { border-radius:10px; margin:0px 10px 0px 0px; width:99%}
.clients {  float:left; margin:8px; }
.clients img { width:100%; }
.contact_map {width:95%; border:3px solid #666; margin:10px 0 0 0;}
.contact_map iframe {width:100%; height:200px;}
.contact_map {width:95%; float:left; border:3px solid #666; margin:10px 0 20px 0;}
.contact_map iframe {width:100%; height:200px;}
.feedback
{
    width:35%;
    height:auto;
    float:left;
    margin-left:20px;   
}
.textbox
{
     color: #263555;
    border: 1px solid #d4d0d0;
    padding: 4px 10px 6px;
    width: 190px;
    float:right;
    background-color: #fcfafa;
   
    height: 28px;
    
    font: 13px/18px Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}
.table th
{
   font: 11px/18px Arial, Helvetica, sans-serif; 
   
   width:100px;
}
.textarea
{
  color: #263555;
    height: 83px;
    
    overflow: auto;
    background-color: #fcfafa;
    border: 1px solid #d4d0d0;
    padding: 15px 10px 6px;
    width: 100%;
    position: relative;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    float: left;
    font: 13px/18px Arial, Helvetica, sans-serif;
    margin: 0;  
}


.web_portfolio
{
    width:38%;
 
    float:left;
   padding:10px;
    margin:5px;
     box-shadow:2px 1px 5px #ccc;
    background: #f3f3f3;
}
.web_portfolio:hover
    {
        background-color: #FFCC99;
    }

.web_portfolio ul li
{
    width:100%;
       
    border:1px solid black;
}
.img_box
{
    width:100%;
    height:80px;
       background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
         background-position: center center;
}
    .port_wrap
    {
        width:100%;
        height:280px;       
        overflow-y:scroll;
    }
     .url_text
    {
        width: 100%;
        height: 20px;
        line-height: 25px;
        text-align: center;
        font-size: 9px;
        font-family: Verdana,Geneva,sans-serif;
        color: #003399;
    }
    
    .client_heading
{ 
    width:99%;
    height:30px;
    float:left;
    line-height:30px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background:#444;
    border:1px solid #145DA2;
    background-image: url('../images/client/bg_blue.png'); }

.client_heading h2
{
   text-align:center; color:#fff; font-family: Verdana,Geneva,sans-serif;
   font-size:14px;
}

/* content area ends */

/* footer area start */

footer {width:100%; overflow:hidden;}
.footer_menu_sociallinks { width:100%; background:#289dcc; overflow:hidden; }
.footer_menu { width:500px; margin:0 0 0 0px; overflow:hidden;}
.footer_menu ul{list-style-type:none;}
.footer_menu ul li{float: left; font-size:9px; margin:0 0 0 2px; padding:5px 4px; border-left:1px solid #CCC;  list-style:none;}
.footer_menu ul li a {color:#e0e0e0;}
.footer_social_links #soclicon { margin:0px 0px 0 0; float:right; }
.footer_contect_detail_inquiry { width:100%; overflow:hidden; background:#444; padding:10px 0; }
.footer_contect_detail { width:300px; margin:0 0 0 5px; float:left;}
.footer_contect_detail_inquiry h4 { color:#FFFFFF; font-size:13px;}
.footer_contect_detail p { font-size:11px; color:#999;}
.footer_enquiry { float:right; width:300px; margin:0 10px 0 0;}
.enquiry_tabs .btn1 { background:#289dcc; width:60px; padding:7px; cursor:pointer; text-align:center; font-size:10px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.enquiry_tabs { float:left; width:49%;}
.footer_enquiry input { width:90%; margin:5px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:3px}
.footer_enquiry textarea { width:90%; margin:5px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:3px}
.Submit_btn { background:#289dcc; padding:4px 10px; font-size:10px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.designed_by { width:100%; background:#222; padding:5px;}
.designed_by p { margin:0 auto; color:#e8e8e8; font-size:9px; width:280px}
.product_left{width:80%; float:right;}
.product_right_content{width:9%; margin-top:50px; float:left;}
.text_right_content{width:90%; float:right; border:1px solid #ccc; box-shadow: 0px 0px 25px #ccc inset; padding:10px;}
.banner_stock{display:none;}
.text_stock{width:100%; float:left; line-height:14px ;}
.back_button{width:5%; height:100%; float:right;}
.follow_us{width:30%; float:right; }
.follow_us_icons{float:left; width:20%; margin-left:20px; padding-left:25px; }
.product_left{width:86%; margin-bottom:10px; float:right; border:1px solid #ccc; height:140px;  box-shadow: 0px 0px 25px #ccc inset; padding:15px;}

/* footer area ends */
.pro_image{width:100%; height:150px; float:left; margin-bottom:10px;background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
        background-position: center center;  }
.products:hover
    {
        background-color: #FFE4CA;
    }
    


  .pro_logo
    {
          
          
    }
    
       .pro_link
    {
          width:70%;
          background: #289dcc;
          color: #fff;
font-family: Verdana,Geneva,sans-serif;
font-size: 10px;
text-decoration: none;
cursor: pointer;
text-align: center;
height: auto;
padding: 5px 0px;
          float:left;
          border-radius:5px;
          
    }
    
     .pro_wrap
 {
     width:100%;
     float:left;
     height:auto;
     margin:10px 0;
     padding-bottom:30px;
     border-bottom:1px solid #ccc;
 }
 
 ::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333; 
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #333;  
}

:-ms-input-placeholder {  
   color: #333;
}

.table1 td
{

    text-align:center;
    width:30%;
}
.line_clear{clear:both; float:left;  width:100%; height:10px;}

}
 @media (min-width: 30.6em) {
#main { margin:0 auto; width:30.6em;  overflow:hidden; font-family:Verdana, Geneva, sans-serif;}

/* header start */

#header { width:30.6em; }
.link_area { padding:2px 0 1px 0; background:#fff; width:30.6em; border-bottom:solid 1px #999999; overflow:hidden;}
#soclicon { width:7em; margin:0 0 0 24em;}
#soclicon li { float:left; margin:0 0 0 7px; }
#soclicon li img { width:100%;}
.logo_menu { width:32em; margin:0 auto;   }
.logo { width:8em; float:left;overflow:hidden; }
.logo img { width:100%;}
#menu{ width:23em; float:right;}
#menu ul{list-style-type:none; margin:.9em 0 0 .7em;}
#menu ul li{float: left; position:relative; background:#219fd0; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em; padding:2px .2em 3px .2em; float:left; font-size:10px; margin:0 0 0 2px; list-style:none;}
#menu ul li a{color:#333333;}
#menu ul li:hover{background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;  }
#menu ul li.active {background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;}


#banner iframe { height:200px;}
#banner img { width:100%; height:100%}
#banner { position:relative;}
.important_content {  position:absolute; top:0; padding:0px;}
.important_content p { width:48%; text-align:justify; font-size:8px; color:#FFFFFF;}
.contect {  position:absolute; top:0; padding:5px;}
.contect hr { display:none;}
.contect p { width:100%; text-align:justify; font-size:8px; color:#FFFFFF;}
.contect h4 { font-size:8px;}
/* header ends */

/* content area starts */

#content_area_inner_page { width:100%; margin:10px auto; padding:5px;}
#content_area_inner_page h3 { font-size:12px; color:#333333;}
#content_area_inner_page h5 { font-size:13px; color:#313131;}
#content_area_inner_page h6 { font-size:13px; color:#666666;font-family:arial;}
#content_area_inner_page p { font-size:9px; text-align:justify; color:#666666; width:98%;}
.name_of_topic  { float:left; width:20%; margin:.8em 0 0 0;  font-size:13px; color:#666666;}
.inbetween { float:left; margin:.8em 0 0 0;}
.select_part { float:left; width:50%; margin:.8em 0 0 1em; }
.select_part input { width:100%; background:#effaff; border:1px solid #289ccb;  height:1.7em;  font-size:13px; color:#666666; padding:0 0 0 .3em; border-radius:5px;}
.select_part textarea { width:100%; background:#effaff; border:1px solid #289ccb;  height:5em;  padding:0 0 0 .3em; border-radius:5px;}
.take_tour { width:5.7em; float:right;}
.products { float:left; width:41%;/* background:#f3f3f3;*/ padding:10px; margin:10px 0 10px 150px; border-radius:10px; border:1px solid #8b8b8b;}
.products h4 { margin:0 0 5px 5px;  color:#333333;}
.products p { font-size:13px; text-align:justify;  color:#666666; margin:10px 0 0 0px; }
.products img { border-radius:10px; margin:0px 10px 0px 0px; width:99%}
.clients {  float:left; margin:8px; }
.clients img { width:100%; }
.contact_map {width:98%; border:3px solid #666; margin:10px 0 0 0;}
.contact_map iframe {width:100%; height:200px;}
.contact_map {width:95%; float:left; border:3px solid #666; margin:10px 0 20px 0;}
.contact_map iframe {width:100%; height:250px;}
.feedback
{
    width:35%;
    height:auto;
    float:left;
    margin-left:20px;   
}
.textbox
{
     color: #263555;
    border: 1px solid #d4d0d0;
    padding: 4px 10px 6px;
    width: 190px;
    float:right;
    background-color: #fcfafa;
    
    height: 28px;
    
    font: 13px/18px Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}
.table th
{
   font: 13px/18px Arial, Helvetica, sans-serif; 
   
   width:100px;
}
.textarea
{
  color: #263555;
    height: 83px;
    
    overflow: auto;
    background-color: #fcfafa;
    border: 1px solid #d4d0d0;
    padding: 15px 10px 6px;
    width: 100%;
    position: relative;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    float: left;
    font: 13px/18px Arial, Helvetica, sans-serif;
    margin: 0;  
}


.text_right_content{width:68%; float:right; border:1px solid #ccc; box-shadow: 0px 0px 25px #ccc inset; padding:10px;}
.product_left{width:20%; float:left; border:1px solid #ccc; height:140px;  box-shadow: 0px 0px 25px #ccc inset; padding:15px;}

.web_portfolio
{
    width:26%;
 
    float:left;
   padding:10px;
    margin:5px;
     box-shadow:2px 1px 5px #ccc;
    background: #f3f3f3;
}
.web_portfolio:hover
    {
        background-color: #FFCC99;
    }

.web_portfolio ul li
{
    width:100%;
       
    border:1px solid black;
}
.img_box
{
    width:100%;
    height:100px;
       background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
         background-position: center center;
}
    .port_wrap
    {
        width:100%;
        height:320px;       
        overflow-y:scroll;
    }
     .url_text
    {
        width: 100%;
        height: 20px;
        line-height: 25px;
        text-align: center;
        font-size: 10px;
        font-family: Verdana,Geneva,sans-serif;
        color: #003399;
    }
    
    .client_heading
{ 
    width:99%;
    height:35px;
    float:left;
    line-height:35px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background:#444;
    border:1px solid #145DA2;
    background-image: url('../images/client/bg_blue.png'); }

.client_heading h2
{
   text-align:center; color:#fff; font-family: Verdana,Geneva,sans-serif;
   font-size:16px;
}


/* content area ends */

/* footer area start */

footer {width:100%; overflow:hidden;}
.footer_menu_sociallinks { width:100%; background:#289dcc; overflow:hidden; }
.footer_menu { width:500px; margin:0 0 0 0px; overflow:hidden;}
.footer_menu ul{list-style-type:none;}
.footer_menu ul li{float: left; font-size:9px; margin:0 0 0 2px; padding:5px 8px; border-left:1px solid #CCC;list-style:none; }
.footer_menu ul li a {color:#e0e0e0;}
.footer_social_links #soclicon { margin:-20px 10px 0 0; float:right; }
.footer_contect_detail_inquiry { width:100%; overflow:hidden; background:#444; padding:10px 0; }
.footer_contect_detail { width:150px; margin:0 0 0 5px; float:left;}
.footer_contect_detail_inquiry h4 { color:#FFFFFF; font-size:10px;}
.footer_contect_detail p { font-size:9px; color:#999;}
.footer_enquiry { float:right; width:320px; margin:0 10px 0 0;}
.enquiry_tabs .btn1 { background:#289dcc; width:60px; padding:7px; text-align:center; cursor:pointer; font-size:11px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.enquiry_tabs { float:left; width:49%;}
.footer_enquiry input { width:90%; margin:5px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:3px}
.footer_enquiry textarea { width:90%; margin:5px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:3px}
.Submit_btn { background:#289dcc; padding:4px 15px; font-size:10px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.designed_by { width:100%; background:#222; padding:5px;}
.designed_by p { margin:0 auto; color:#e8e8e8; font-size:9px; width:280px}


.banner_stock{width:250px; float:left; padding:50px 10px;}
.text_stock{width:200px; float:left; line-height:14px ;}
.back_button{width:5%; height:100%; float:right; margin-top:300px;}
.follow_us{width:27%; float:right;margin-left:30px;}
.follow_us_icons{float:left; width:20%; margin-right:30px; padding-left:35px; }
/* footer area ends */
.products:hover
    {
        background-color: #FFE4CA;
    }
.pro_image{width:100%; height:150px; float:left; margin-bottom:10px; background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
        background-position: center center;  }


  .pro_logo
    {
          width:20%;
          height:30px;
          float:left;
          
    }
    
       .pro_link
    {
          width:60%;
          background: #289dcc;
          color: #fff;
font-family: Verdana,Geneva,sans-serif;
font-size: 11px;
text-decoration: none;
cursor: pointer;
text-align: center;
height: auto;
padding: 5px 0px;
          float:left;
          border-radius:5px;
          
    }
    
     .pro_wrap
 {
     width:100%;
     float:left;
     height:auto;
     margin:10px 0;
     padding-bottom:30px;
     border-bottom:1px solid #ccc;
 }

::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333; 
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #333;  
}

:-ms-input-placeholder {  
   color: #333;
}
.line_clear{clear:both; float:left;  width:100%; height:20px;}

}
 @media (min-width: 40.6em) {
#main { margin:0 auto; width:40.6em; overflow:hidden; font-family:Verdana, Geneva, sans-serif;}

/* header start */

#header { width:40.6em; }
.link_area { padding:2px 0 1px 0; background:#fff; width:40.6em; border-bottom:solid 1px #999999; overflow:hidden;}
#soclicon { width:6em;  margin:0 0 0 33em;}
#soclicon li { float:left; margin:0 0 0 8px; }
#soclicon li img { width:100%;}
.logo_menu { width:40em; margin:0 auto;   }
.logo { width:12em; float:left;overflow:hidden; }
.logo img { width:100%;}
#menu{ width:28em; float:right;}
#menu ul{list-style-type:none; margin:.9em 0 0 1.3em;}
#menu ul li{float: left; position:relative; background:#219fd0; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em; padding:2px .3em 3px .3em; float:left; font-size:12px; margin:0 0 0 2px; list-style:none;}
#menu ul li a{color:#333333;}
#menu ul li:hover{background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;  }
#menu ul li.active {background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;}


#banner iframe { height:280px;}

#banner img { width:100%; height:100%;}
#banner { position:relative;}
.important_content {  position:absolute; top:0; padding:5px;}
.important_content p { width:48%; text-align:justify; font-size:9px; color:#FFFFFF;}
.contect {  position:absolute; top:0; padding:5px;}
.contect hr { display:block;}
.contect p { width:100%; text-align:justify; font-size:9px; color:#FFFFFF;}
.contect h4 { font-size:9px;}
/* header ends */

/* content area starts */

#content_area_inner_page { width:100%; margin:10px auto; padding:5px;}
#content_area_inner_page h3 { font-size:14px; color:#333333;}
#content_area_inner_page h5 { font-size:13px; color:#313131;}
#content_area_inner_page h6 { font-size:13px; color:#666666;font-family:arial;}
#content_area_inner_page p { font-size:11px; text-align:justify; color:#666666; width:98%;}
.name_of_topic  { float:left; width:20%; margin:.8em 0 0 0;  font-size:13px; color:#666666;}
.inbetween { float:left; margin:.8em 0 0 0;}
.select_part { float:left; width:50%; margin:.8em 0 0 1em; }
.select_part input { width:100%; background:#effaff; border:1px solid #289ccb;  height:1.7em;  font-size:13px; color:#666666; padding:0 0 0 .3em; border-radius:5px;}
.select_part textarea { width:100%; background:#effaff; border:1px solid #289ccb;  height:5em;  padding:0 0 0 .3em; border-radius:5px;}
.take_tour { width:5.7em; float:right;}
.products { float:left; width:40%;  padding:10px; margin:10px 0 10px 150px; border-radius:10px; border:1px solid #8b8b8b;}
.products h4 { margin:0 0 5px 5px;  color:#333333;}
.products p { font-size:13px; text-align:justify;  color:#666666; margin:10px 0 0 0px; }
.products img { border-radius:10px; margin:0px 10px 0px 0px; width:99%}
.clients {  float:left; margin:8px; }
.clients img { width:100%; }
.contact_map {width:53%; float:left; border:3px solid #666; margin:10px 0 20px 0;}
.contact_map iframe {width:100%; height:250px;}
.feedback
{
    width:35%;
    height:auto;
    float:left;
    margin-left:20px;   
}
.textbox
{
     color: #263555;
    border: 1px solid #d4d0d0;
    padding: 4px 10px 6px;
    width: 200px;
    float:right;
    background-color: #fcfafa;
   
    height: 28px;
    
    font: 13px/18px Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}
.table th
{
   font: 13px/18px Arial, Helvetica, sans-serif; 
   
   width:100px;
}
.textarea
{
  color: #263555;
    height: 83px;
    
    overflow: auto;
    background-color: #fcfafa;
    border: 1px solid #d4d0d0;
    padding: 15px 10px 6px;
    width: 100%;
    position: relative;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    float: left;
    font: 13px/18px Arial, Helvetica, sans-serif;
    margin: 0;  
}

.web_portfolio
{
    width:26%;
 
    float:left;
   padding:10px;
    margin:10px;
     box-shadow:2px 1px 5px #ccc;
    background: #f3f3f3;
}
.web_portfolio:hover
    {
        background-color: #FFCC99;
    }

.web_portfolio ul li
{
    width:100%;
       
    border:1px solid black;
}
.img_box
{
    width:100%;
    height:130px;
       background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
         background-position: center center;
}
    .port_wrap
    {
        width:100%;
        height:400px;       
        overflow-y:scroll;
    }
     .url_text
    {
        width: 100%;
        height: 20px;
        line-height: 25px;
        text-align: center;
        font-size: 13px;
        font-family: Verdana,Geneva,sans-serif;
        color: #003399;
    }
    
    .client_heading
{ 
    width:99%;
    height:35px;
    float:left;
    line-height:35px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background:#444;
    border:1px solid #145DA2;
    background-image: url('../images/client/bg_blue.png'); }

.client_heading h2
{
   text-align:center; color:#fff; font-family: Verdana,Geneva,sans-serif;
   font-size:16px;
}


/* content area ends */

/* footer area start */

footer {width:100%; overflow:hidden;}
.footer_menu_sociallinks { width:100%; background:#289dcc; overflow:hidden; }
.footer_menu { width:500px; margin:0 0 0 10px; overflow:hidden;}
.footer_menu ul{list-style-type:none;}
.footer_menu ul li{float: left; font-size:10px; margin:0 0 0 2px; padding:7px 12px; border-left:1px solid #CCC; list-style:none; }
.footer_menu ul li a {color:#e0e0e0;}
.footer_social_links #soclicon { margin:-20px 20px 0 0; float:right; }
.footer_contect_detail_inquiry { width:100%; overflow:hidden; background:#444; padding:10px 0; }
.footer_contect_detail { width:200px; margin:0 0 0 5px; float:left;}
.footer_contect_detail_inquiry h4 { color:#FFFFFF; font-size:12px;}
.footer_contect_detail p { font-size:10px; color:#999;}
.footer_enquiry { float:right; width:430px; margin:0 10px 0 0;}
.enquiry_tabs { float:left; width:49%;}
.enquiry_tabs .btn1 { background:#289dcc; width:70px; padding:7px; text-align:center; cursor:pointer; font-size:12px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.footer_enquiry input { width:95%; margin:10px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:5px}
.footer_enquiry textarea { width:95%; margin:10px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:5px}
.Submit_btn { background:#289dcc; padding:7px 20px; font-size:12px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.designed_by { width:100%; background:#222; padding:5px;}
.designed_by p { margin:0 auto; color:#e8e8e8; font-size:11px; width:280px}

.product_right_content{width:10%; margin-top:50px; float:left;}
.text_right_content{width:70%; float:right; border:1px solid #ccc; box-shadow: 0px 0px 25px #ccc inset; padding:10px;}
.product_left{width:20%; float:left; border:1px solid #ccc; height:140px;  box-shadow: 0px 0px 25px #ccc inset; padding:15px;}

.banner_stock{width:300px; float:left;}
.text_stock{width:250px; float:left; line-height:16px ;margin-left:50px;}
.back_button{width:5%; height:100%; float:right; margin-top:340px;}
.follow_us{width:17%; float:left; margin-left:50px;}
.follow_us_icons{ width:35%; margin-right:15px; padding-left:40px; }
 
.pro_image{width:100%; height:150px; float:left; margin-bottom:10px; background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
        background-position: center center; }
/* footer area ends */
.products:hover
    {
        background-color: #FFE4CA;
    }
    

 
  .pro_logo
    {
          width:20%;
          height:30px;
          float:left;
          
    }
    
       .pro_link
    {
          width:50%;
          background: #289dcc;
          color: #fff;
font-family: Verdana,Geneva,sans-serif;
font-size: 11px;
text-decoration: none;
cursor: pointer;
text-align: center;
height: auto;
padding: 5px 0px;
          float:left;
          border-radius:5px;
          
    }
    
     .pro_wrap
 {
     width:100%;
     float:left;
     height:auto;
     margin:10px 0;
     padding-bottom:30px;
     border-bottom:1px solid #ccc;
 }
 
 ::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333; 
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #333;  
}

:-ms-input-placeholder {  
   color: #333;
}

 }

 @media  (min-width: 60em) {
#main { margin:0 auto; width:60em; overflow:hidden; font-family:Verdana, Geneva, sans-serif;}

/* header start */

#header { width:60em;  }
.link_area { padding:2px 0 1px 0; background:#fff; width:60em; border-bottom:solid 1px #999999; overflow:hidden;}
#soclicon { width:7em;  margin:0 0 0 45em;}
#soclicon li { float:left; margin:0 0 0 10px; }
#soclicon li img { width:100%;}
.logo_menu { width:58em; margin:0 auto;   }
.logo { width:17em; float:left;overflow:hidden; }
.logo img { width:100%;}
#menu{ width:40em; float:right;}
#menu ul{list-style-type:none; margin:.9em 0 0 6.3em;}
#menu ul li{float: left; position:relative;background:#219fd0; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em; padding:2px .8em 3px .8em; float:left; font-size:13px; margin:0 0 0 2px; list-style:none; }
#menu ul li a{color:#333333;}
#menu ul li:hover{background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;  }
#menu ul li.active {background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;}


#banner iframe { height:380px;}
#banner img { width:100%;}
#banner { position:relative;}
.important_content {  position:absolute; top:0; padding:10px;}
.important_content p { width:45%; text-align:justify; font-size:11px; color:#FFFFFF;}
/* header ends */

/* content area starts */

#content_area_inner_page { width:100%; margin:10px auto; padding:5px;}
#content_area_inner_page h3 { font-size:14px; color:#333333;}
#content_area_inner_page h5 { font-size:13px; color:#313131;}
#content_area_inner_page h6 { font-size:13px; color:#666666;font-family:arial;}
#content_area_inner_page p { font-size:13px; text-align:justify; color:#666666; width:98%;}
.name_of_topic  { float:left; width:20%; margin:.8em 0 0 0;  font-size:13px; color:#666666;}
.inbetween { float:left; margin:.8em 0 0 0;}
.select_part { float:left; width:50%; margin:.8em 0 0 1em; }
.select_part input { width:100%; background:#effaff; border:1px solid #289ccb;  height:1.7em;  font-size:13px; color:#666666; padding:0 0 0 .3em; border-radius:5px;}
.select_part textarea { width:100%; background:#effaff; border:1px solid #289ccb;  height:5em;  padding:0 0 0 .3em; border-radius:5px;}
.take_tour { width:5.7em; float:right;}
.products { float:left; width:28%;  padding:10px; margin:10px 0 10px 150px; border-radius:10px; }
.products:hover{background:#f3f3f3; }
.products h4 { margin:0 0 5px 5px;  color:#333333;}
.products p { font-size:13px; text-align:justify;  color:#666666; margin:10px 0 0 0px; }
.products img { border-radius:10px; margin:0px 10px 0px 0px; width:99%}

.clients {  float:left; margin:8px; }
.clients img { width:100%; }
.contact_map {width:55%; float:left; border:3px solid #666; margin:10px 0 20px 0;}
.contact_map iframe {width:100%; height:300px;}
.feedback
{
    width:35%;
    height:auto;
    float:left;
    margin-left:50px;
   
}
.textbox
{
     color: #263555;
    border: 1px solid #d4d0d0;
    padding: 4px 10px 6px;
    width: 250px;
    float:right;
    background-color: #fcfafa;
    
    height: 28px;
    
    font: 13px/18px Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}
.table th
{
   font: 13px/18px Arial, Helvetica, sans-serif; 
   
   width:100px;
}
.textarea
{
  color: #263555;
    height: 83px;    
    overflow: auto;
    background-color: #fcfafa;
    border: 1px solid #d4d0d0;
    padding: 15px 10px 6px;
    width: 100%;
    position: relative;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    float: left;
    font: 13px/18px Arial, Helvetica, sans-serif;
    margin: 0;  
}


/* content area ends */

/* footer area start */

footer {width:100%; overflow:hidden;}
.footer_menu_sociallinks { width:100%; background:#289dcc; overflow:hidden; }
.footer_menu { width:600px; margin:0 0 0 10px; overflow:hidden;}
.footer_menu ul{list-style-type:none;}
.footer_menu ul li{float: left; font-size:12px; margin:0 0 0 2px; padding:7px 15px; border-left:1px solid #CCC;list-style:none; }
.footer_menu ul li a {color:#e0e0e0;}
.footer_social_links #soclicon { margin:-20px 20px 0 0; float:right; }
.footer_contect_detail_inquiry { width:100%; overflow:hidden; background:#444; padding:10px 0; }
.footer_contect_detail { width:250px; margin:0 0 0 20px; float:left;}
.footer_contect_detail_inquiry h4 { color:#FFFFFF; font-size:15px;}
.footer_contect_detail p { font-size:12px; color:#999;}
.footer_enquiry { float:right; width:650px; margin:0 10px 0 0;}
.enquiry_tabs { float:left; width:49%;}
.enquiry_tabs .btn1 { background:#289dcc; width:100px; padding:7px 25px; cursor:pointer; font-size:12px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.footer_enquiry input { width:95%; margin:10px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:5px}
.footer_enquiry textarea { width:95%; margin:10px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:5px}
.Submit_btn { background:#289dcc; padding:7px 10px; font-size:11px; color:#FFFFFF; margin:5px 0 0 0px; float:right; border-radius:5px}
.designed_by { width:100%; background:#222; padding:5px;}
.designed_by p { margin:0 auto; color:#e8e8e8; font-size:11px; width:280px}
/*.product_left{width:12%; float:left;}*/
.product_left{width:22%; float:left; border:1px solid #ccc; height:160px;  box-shadow: 0px 0px 25px #ccc inset; padding:15px;}
.product_right_content{width:11%; margin-top:50px; float:left;}

.web_portfolio
{
    width:27%;
 
    float:left;
   padding:10px;
    margin:15px;
     box-shadow:2px 1px 5px #ccc;
    background: #f3f3f3;
}
.web_portfolio:hover
    {
        background-color: #FFCC99;
    }

.web_portfolio ul li
{
    width:100%;
       
    border:1px solid black;
}
.img_box
{
    width:100%;
    height:170px;
       background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
         background-position: center center;
}
    .port_wrap
    {
        width:100%;
        height:500px;
       
        overflow-y:scroll;
    }
     .url_text
    {
        width: 100%;
        height: 20px;
        line-height: 25px;
        text-align: center;
        font-size: 13px;
        font-family: Verdana,Geneva,sans-serif;
        color: #003399;
    }
    
    .client_heading
{ 
    width:99%;
    height:40px;
    float:left;
    line-height:40px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background:#444;
    border:1px solid #145DA2;
    background-image: url('../images/client/bg_blue.png'); }

.client_heading h2
{
   text-align:center; color:#fff; font-family: Verdana,Geneva,sans-serif;
   font-size:18px;
}

.text_right_content{width:70%; float:right; border:1px solid #ccc; box-shadow: 0px 0px 25px #ccc inset; padding:10px;}
.banner_stock{width:440px; float:left; padding:50px 10px; margin-left:150px;}
.text_stock{width:280px; float:left; line-height:25px ;margin-left:50px;}
.back_button{width:7%; height:100%; float:right;  margin-right:20px; margin-top:275px;}
.follow_us{width:25%;}
.follow_us_icons{float:left; width:40%;}
.pro_image{width:100%; height:150px; float:left; margin-bottom:10px; background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
        background-position: center center; }
/* footer area ends */
.products:hover
    {
        background-color: #FFE4CA;
    }
    
   
    
    .pro_logo
    {
          width:20%;
          height:50px;
          float:left;
          
    }
    
       .pro_link
    {
          width:40%;
          background: #289dcc;
          color: #fff;
font-family: Verdana,Geneva,sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
text-align: center;
height: auto;
padding: 9px 10px;
          float:left;
          border-radius:5px;
          
    }
    
     .pro_wrap
 {
     width:100%;
     float:left;
     height:auto;
     margin:10px 0;
     padding-bottom:30px;
     border-bottom:1px solid #ccc;
 }
 

 
 ::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333; 
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #333;  
}

:-ms-input-placeholder {  
   color: #333;
}



 }

 @media  (min-width: 83.9em){
	#main { margin:0 auto; width:83.9em;  overflow:hidden; font-family:Verdana, Geneva, sans-serif;}

/* header start */

#header { width:83.9em;  }
.link_area { padding:4px 0 2px 0; background:#fff; width:84.3em; border-bottom:solid 1px #999999; overflow:hidden;}
#soclicon { width:8em;  margin:0 0 0 65em;}
#soclicon li { float:left; margin:0 0 0 15px; }
#soclicon li img { width:100%;}
.logo_menu { width:68.7em; margin:0 auto; height:auto;   }
.logo { width:17em; float:left;overflow:hidden;  }
.logo img { width:100%;}
#menu{ width:50em; float:right;}
#menu ul{list-style-type:none; margin:1.2em 0 0 9.3em;}
#menu ul li{float: left;background:#219fd0; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;  position:relative; padding:2px 1.1em 3px 1.1em; float:left; font-size:14px; margin:0 0 0 2px; list-style:none;}
#menu ul li a{color:#333333;}
#menu ul li:hover{background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;  }
#menu ul li.active {background:#3bc8ff; border-radius:1.2em; -moz-border-radius:1.2em;  -webkit-border-radius:1.2em; -o-border-radius:1.2em;}


#banner iframe { height:412px;}
#banner img { width:100%; height:100%;}
#banner { position:relative;}
.important_content {  position:absolute; top:0; padding:20px;}
.important_content p { width:45%; text-align:justify; font-size:13px; color:#FFFFFF;}
.contect p { width:100%; text-align:justify; font-size:12px; color:#FFFFFF;}
.contect h4 { font-size:12px;}
/* header ends */

/* content area starts */

#content_area_inner_page { width:80%; margin:10px auto; padding:5px;}
#content_area_inner_page h3 { font-size:14px; color:#333333;}
#content_area_inner_page h5 { font-size:13px; color:#313131;}
#content_area_inner_page h6 { font-size:13px; color:#666666;font-family:arial;}
#content_area_inner_page p { font-size:13px; text-align:justify; color:#666666; width:98%;}
#content_area_inner_page ul { margin:0 0 0 50px;  width:70%; }
#content_area_inner_page ul li { font-size:13px; color:#666666; }
.name_of_topic  { float:left; width:10%; margin:.8em 0 0 0;  font-size:13px; color:#666666;}
.inbetween { float:left; margin:.8em 0 0 0;}
.select_part { float:left; width:20%; margin:.8em 0 0 1em; }
.select_part input { width:100%; background:#effaff; border:1px solid #289ccb;  height:1.7em;  font-size:13px; color:#666666; padding:0 0 0 .3em; border-radius:5px;}
.select_part textarea { width:100%; background:#effaff; border:1px solid #289ccb;  height:5em;  padding:0 0 0 .3em; border-radius:5px;}
.take_tour { width:5.7em; float:right;}
.products { float:left; width:26%; text-align:center;  padding:10px; margin:10px 0 10px 40px; border-radius:10px;  }
.feedback
{
    width:35%;
    height:auto;
    float:left;
    margin-left:50px;
   
}
.textbox
{
     color: #263555;
    border: 1px solid #d4d0d0;
    padding: 4px 10px 6px;
    width: 250px;
    float:right;
    background-color: #fcfafa;
   
    height: 28px;
    
    font: 13px/18px Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
}
.table th
{
   font: 13px/18px Arial, Helvetica, sans-serif; 
   
   width:100px;
}
.textarea
{
  color: #263555;
    height: 83px;
 
    overflow: auto;
    background-color: #fcfafa;
    border: 1px solid #d4d0d0;
    padding: 15px 10px 6px;
    width: 100%;
    position: relative;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    float: left;
    font: 13px/18px Arial, Helvetica, sans-serif;
    margin: 0;  
}
.contact_form
{
    width:100%;
    height:auto;
    float:left;
   padding:10px;
}
.table
{
    height:350px;
}
.products:hover
    {
        background-color: #FFE4CA;
    }
.client_heading
{ 
    width:100%;
    height:50px;
    float:left;
    line-height:50px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background:#444;
    border:1px solid #145DA2;
    background-image: url('../images/client/bg_blue.png'); }

.client_heading h2
{
   text-align:center; color:#fff; font-family: Verdana,Geneva,sans-serif;
   font-size:20px;
}
.padding
{
    padding-left:20px;
}

.products h4 { margin:0 0 5px 5px;  color:#333333; font-size:12px;}
.pro_image{width:100%; height:150px; float:left; margin-bottom:10px;background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
        background-position: center center;  }
.products p { font-size:13px; text-align:justify;  color:#666666; margin:10px 0 0 0px; }
.products img { border-radius:10px; margin:0px 10px 0px 0px; width:99%}
.clients {  float:left; width:100%; margin:0px 0px 20px 0; 
            border-bottom-right-radius:10px;
            border-bottom-left-radius:10px; border:1px solid #ccc; }
.web_portfolio
{
    width:27%;
 
    float:left;
   padding:10px;
    margin:20px;
     box-shadow:2px 1px 5px #ccc;
    background: #f3f3f3;
}
.web_portfolio:hover
    {
        background-color: #FFCC99;
    }

.web_portfolio ul li
{
    width:100%;
       
    border:1px solid black;
}
.img_box
    {
       
        width: 100%;
        height: 170px;
        background-image: url('../img/loader.gif');
        background-repeat: no-repeat;
         background-position: center center;
    }

::-webkit-input-placeholder {
   color: #333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333; 
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #333;  
}

:-ms-input-placeholder {  
   color: #333;
}

.url_text
    {
        width: 100%;
        height: 20px;
        line-height: 25px;
        text-align: center;
        font-size: 13px;
        font-family: Verdana,Geneva,sans-serif;
        color: #003399;
    }
    .pro_des
    {
        width:100%;
        height:100px;
        float:left;
       
    }
    .pro_logo
    {
          width:20%;
          height:50px;
          float:left;
          
    }
      .pro_link
    {
          width:30%;
          background: #289dcc;
          color: #fff;
font-family: Verdana,Geneva,sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
text-align: center;
height: auto;
padding: 9px 15px;
          float:left;
          border-radius:5px;
          
    }
    .port_wrap
    {
        width:100%;
        height:500px;
       
        overflow-y:scroll;
    }
    
 .pro_wrap
 {
     width:100%;
     float:left;
     height:auto;
     margin:10px 0;
     padding-bottom:30px;
     border-bottom:1px solid #ccc;
 }   
.clients img { width:100%; }
.contact_map {width:55%; float:left; border:3px solid #666; margin:10px 0 20px 0;}
.contact_map iframe {width:100%; height:340px;}


/* content area ends */

/* footer area start */

footer {width:100%; overflow:hidden;}
.footer_menu_sociallinks { width:100%; background:#289dcc; overflow:hidden; }
.footer_menu { width:650px; margin:0 0 0 120px; overflow:hidden;}
.footer_menu ul{list-style-type:none;}
.footer_menu ul li{float: left; font-size:14px; margin:0 0 0 2px; padding:7px 15px; border-left:1px solid #CCC;list-style:none; }
.footer_menu ul li a {color:#e0e0e0;}
.footer_social_links #soclicon { margin:-20px 110px 0 0; float:right; }
.footer_contect_detail_inquiry { width:100%; overflow:hidden; background:#444; padding:10px 0; }
.footer_contect_detail { width:250px; margin:0 0 0 150px; float:left;}
.footer_contect_detail_inquiry h4 { color:#FFFFFF; font-size:16px;}
.footer_contect_detail p { font-size:12px; color:#999;}
.footer_enquiry { float:right; width:700px; margin:0 150px 0 0;}
.enquiry_tabs { float:left; width:49%;}
.enquiry_tabs .btn1 { background:#289dcc; width:100px; padding:7px 25px; cursor:pointer; font-size:12px; color:#FFFFFF; margin:5px 0 0 10px; float:right; border-radius:5px}
.footer_enquiry input { width:300px; margin:10px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#000; padding:5px}
.footer_enquiry textarea { width:340px; margin:10px 0 0 0; border-radius:5px; background:#bbb; border:1px solid #333; color:#4b4b4b; padding:5px}
.Submit_btn { background:#289dcc; padding:7px 25px; font-size:12px; color:#FFFFFF; margin:5px 0 0 10px; float:left; border-radius:5px}
.Submit_btn1 { background:#c00; padding:7px 25px; font-size:12px; color:#FFFFFF; margin:5px 0 0 10px; float:left; border-radius:5px}
.designed_by { width:100%; background:#222; padding:5px;}
.designed_by p { margin:0 auto; color:#e8e8e8; font-size:11px; width:280px}
.product_left{width:24%; float:left; border:1px solid #ccc; height:160px;  box-shadow: 0px 0px 25px #ccc inset; padding:15px;}
.product_right_content{width:12%; margin-top:50px; float:left;}
.text_right_content{width:68%; float:right; border:1px solid #ccc; box-shadow: 0px 0px 25px #ccc inset; padding:10px;}

.banner_stock{width:480px; float:right; padding:50px 10px;}
.text_stock{width:300px; float:left; line-height:25px ;}
.back_button{width:10%; height:105px; float:right;}
.follow_us{width:20%; float:right;}
follow_us_icons{ float:left; width:100%; margin-right:5px;}

.table1 td
{

    text-align:center;
    width:30%;
}

.line_clear{clear:both; float:left;  width:100%; height:30px;}

/* footer area ends */
	 }