.phone {
    display: inline-block;
    width:33px;
}



@media(max-width:640px)
{
  /*******************Header1 start****************/
  #header,.menu768{display:none;}
  .b_menu{display:block;}
  #header1
  {
    display:block !important;
    width:100% !important;
    height:300px !important;
    background:#0a0a0a !important;
  }
  .b_logo
  {
    width:100% !important;
  }
  
  .b_logo_img{width:100% !important;height:100px !important;}
  .b_add 
  {
      width:100%;
    text-align:center !important;
    }
  
  .b_menu{margin-top:5px;}
  .b_menu .responsive-nav
  {
      width:100% !important;
      height:40px !important;
      padding-left:10% !important;
      line-height:40px !important;
      background:#00bbf2 !important;
      font-weight:600 !important;
      color:#fff !important;
      } 
  .b_menu option{padding:5px !important;padding-left:5% !important;}
  .b_menu option:hover{background:d8d8d8 !important;color:#000!important;}
  
  .banner{width:100% !important; background:#dcdcdc !important; float:left !important;padding:0px;}  
  
  .b_col1{width:290px !important;
          height:357px !important;
          /*background:url(../images/image1.jpg)!important;*/
          background-size:100% !important;
          margin:10px auto !important;
          position:relative !important;
          float:none;}
    .l_img{width:100% !important;
           height:98px !important;
           /*background:url(../images/l_img.png) !important;*/
           position:absolute !important;
           bottom:0px !important;
           }
    .l_img h3{ font-size:24px!important;
              margin-top:4px !important;
              margin-left:10px !important;
              text-align:left !important;
              }            
    
    .b_col1:hover .l_img {/*background:url(../images/l_img_hover.png*/) !important; }
    .img2
    {   
        /*background:url(../images/image2.jpg) !important;*/}
    
    .img3{/*background:url(../images/image3.jpg) !important;*/}        
           
  
  
 /*******************Header1*end***************/
  
  
/*******************Home Start*******************/  

.container {
}
body{width:91% !important;margin:auto!important;
}
.main {
    margin: 0 auto !important;
    text-align: left !important;
    width:100% !important;

}
.inner-indent {
    padding: 15px!important;
}

.sub-indent {
    padding: 0 0 15px 5px!important;
}


#page1 .col-13 {
    border:none!important;
    margin-right: 0px!important;
    width: 100%!important;
    text-align:justify!important;
    margin-top:15px !important;

}
.col-1 {
    width: 100% !important;
text-align:justify !important;
margin-top:15px !important;
}
.sub-indent1 {
    padding: 24px 0 35px 5px !important;
}
h2 {font-size: 1.8em!important;
    line-height: 1.24em!important;
    margin: 0 0 21px!important;
}
.h-marg {
    margin-bottom: 25px!important;
    position: relative!important;
    top: 11px!important;
}

.pad {
    padding-top: 10px!important;
}

 .box {
    width:100% !important; 
}

.box .indent {
    padding: 0px!important;
}
.box .col-1 {
    width:100%!important;
    margin-left:0px!important;
}
.box .col-pad {
    padding-right:0px!important;
}
.col-pad1 {
    padding-right:0px!important;
}

   h3 {
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
}

.center{display:block!important;
float:none!important;
margin:0 auto!important;
text-align:center!important;}
 
.box-inner {
    margin: 15px !important;
    padding: 10px !important;
    text-align: justify !important;
}
.box .col-2 {
    width:100%!important;
}

 .box .col-3 {
    width: 100%!important;
}
ul {
    text-align: left !important;
}

li {
    line-height: 1.5em !important;
    padding-left: 19px !important;
}
.footer-menu{width:100%!important;}
.footer-menu ul {
    padding-left:0px !important;
    text-align: center !important;
    width:95% !important;
    margin:auto !important;
}
.box .indent1 {
    padding: 15px !important;
    text-align: justify!important;
}
.footer-menu li {
    padding: 0 5px !important;
     line-height: 24px !important;
}
/*******************Home end*******************/  
/************service**************/
.mengallerynew{width:100% !important;height:auto !important;}

/**************service**********/
/**********************contact start****************/
.phone {
    display: inline-block !important;
    width:33px !important;
}

.input {
    width: 95% !important;
}

textarea {
    width: 95%;
    resize:none;
}
.alignright {
    margin-top: 5px;
    text-align: right;
}


/**********************contact end****************/
}


/*******************************************************************************************************************************************/
@media only screen and (min-width:641px)and (max-width:768px)
{    
    
    /*******************Header1 start****************/
  #header{display:none;}
  #header1
  {
    display:block !important;
    width:100%;
    height:300px;
    background:#0a0a0a;
  }
  .b_logo
  {
    width:100%;
  }
  
  .b_logo_img{width:280px;height:100px;float:left;margin-bottom:4px;}
  
  
  .banner{width:97.3%; background:#dcdcdc; float:left;padding:10px;}  
  
  .b_col1{width:240px;
          height:294px;
          float:left;
          /*background:url(../images/image1.jpg);*/
          background-size:100% !important;
          margin:10px 4px;
          position:relative;
          }
    .l_img{width:100%;
           height:80px;
           /*background:url(../images/l_img.png);*/
          background-size:100% !important;
          
           position:absolute;
           bottom:0px;
           }
    .l_img h3{ font-size:20px!important;
              margin-top:5px;
              margin-left:10px;
              text-align:left;
              }            
    
    .b_col1:hover .l_img {/*background:url(../images/l_img_hover.png);*/}
    .img2
    {   
        /*background:url(../images/image2.jpg);}*/
    
    .img3{/*background:url(../images/image3.jpg);*/}        
           
  
  
 /*******************Header1*end***************/
 /************Menu********/
.b_menu{display:none;}
.menu768
{
display:block;
 float:left;
 width:99.9%;
 height:40px;
 background:#00adef;
 border-top-right-radius:5px;
 border-top-left-radius:5px;
}
.menu768>ul{display:block;
             width:100%;
            height:100%;}
.menu768>ul>li
{display:inline-table;
 background:none;
 padding:0px;
 margin:0px;
 float:left;
 }
 .menu768>ul>li> a{display:block;
               height:40px;
               line-height:40px;
               color:#fff;
               font-weight:600;
               padding:0px 23.6px;
               text-decoration:none;
             border-top-right-radius:5px;
             border-top-left-radius:5px;
             font-size: 13px;
             
               }
               
     .sub_menu{display:none;
               position:absolute;
               z-index:1000;
               width:255px;
               background:#dcdcdc;
               }
      .menu768>ul>li:hover .sub_menu{display:block;}
      .sub_menu>li
      {   display:block;
          background:none;
          text-align:left;
          padding-left:10px !important;
          height:25px;
          width:96%;
          border-bottom:1px solid #dfdfdf;
          }
      .sub_menu>li>a
      {
        display:block;
        color:#19181e;
        text-decoration:none;
      }
      .sub_menu>li:hover a
      {color:#ee7033;
          }                       
               
               

.menu768>ul>li:hover> a,.menu768>ul>li> .active  
{background:#dcdcdc;
 }
 .menu768>ul>li:hover> a,.menu768>ul> li> .active{color:#000000;}


 /************Menu********/
 
    /*******************Home Start*******************/  
    body
    {
        width:100%;margin:auto;
    }
    .main {
    margin: 0 auto;
    text-align: left;
    width:100% !important;
    }
    .inner-indent {
    padding: 15px!important;
    }
    .sub-indent {
    padding: 0 5px 15px 5px!important;
    }   
    
    #page1 .col-13 {
        border-right: 1px dotted #282828;
        float: left;
        margin-right: 12px;
        text-align:justify;
        width:59%;
        padding-top:10px;
    }
    .container1> .col-1{padding-top:10px;}
    
        #page1 .col-1 {
            width:35.5%;
        }
    h2 {
    font-size: 1.9em;
    }
    .h-marg {
    margin-bottom: 25px!important;
    position: relative!important;
    top: 11px!important;
    }
    
    #page1 .box {
        width: 100%;
    }
    
    .box .indent {
        padding: 20px 10px 26px;
    }
    
    #page1 .box .col-1 {
        width:31%;
        text-align:justify;
    }
    .box .col-pad {
    padding-right: 10px;
    }
    h3 {
    color: #fff;
    font-size: 1.4em;
    line-height: 1.2em;
    padding-bottom: 24px;
     }
    #img1,#img2,#img3,#img4{width:100% !important;}
    
    #page1 .box .col-2 {
    width:33%;
    text-align:justify;
    }
    .b1{margin-top:19px;}
    #page1 .box .col-3 {
        width:33%;
    }
    /*******************Home  END*******************/  
/**************services*start************/
.mengallerynew{width:100% !important;}

#page2 .col-1 {
    text-align: justify;
     margin-top: 15px;
    width: 47%;
}
.col-pad {
    padding-right: 20px;
}
#page2 .box {
    width:100%;
}

#page2 .box .col-1 {
    width: 100%;
}

/**************services end********************/
/**************qualityassurance* start*****************/

#page3 .col-1 {
    width: 28%;
     margin-top: 15px;
}

#page3 .box {
    width:67%;
    text-align:justify;
}
/**************qualityassurance* end*****************/
/**********************contact start****************/
.phone {
    display: inline-block;
    width:33px;
}


#page3 .box .col-1 {
    margin-left:0px;
    margin-top:30px;
   width:100%;
}
.input {
    width: 95%;
}

textarea {
    width: 95%;
    resize:none;
}
#img4
/**********************contact end****************/
}