@media only screen and (min-width : 320px) and (max-width : 479px) {
      /*----common*/
    .padding-lr-100{padding:0px 0px;}

       .header {background-color: #fff;border-bottom: 1px solid #e9e9e9;height:100px;position:fixed;z-index:99 } 
      .logo{line-height:0px;}
      .logo img{width: 159px;}

      .menu{display:table;height:100px;}
      .menu-link-box{vertical-align:middle;position:relative;}
      .menu-link{padding:10px 30px;color:#fff;text-transform:capitalize;font-size:16px;letter-spacing:0.8px;font-weight:100;display:block;}
      .menu-link:hover{border-bottom:1px solid #292828;}
      .sub-menu{right:-1px;display:block;top:70px;border-top:0px;display:none;top:130%;opacity:0;transition:0.35s ease-in-out;background-color:#232430;z-index:99999;}
      .menu-link-box:hover .sub-menu{display:block;transition:0.35s ease-in-out;opacity:1;top:100%;display:block;}
      .sub-menu-link-box{vertical-align:middle;position:relative;}
      .sub-menu-link{padding:10px 30px;color:#fff;text-transform:capitalize;font-size:15px;letter-spacing:0.8px;font-weight:100;display:block;text-align:left;}
      .sub-menu-link:hover{background-color:#31323d;border-bottom:1px solid  #292828;}
      
      .animation-off {transform: translateX(320px) !important;transition: all .25s linear;
    -ms-transform: translateX(320px) !important;
    -ms-transition: all .25s linear;
    -o-transform: translateX(320px) !important;
    -o-transition: all .25s linear;
    -moz-transform: translateX(320px) !important;
    -moz-transition: all .25s linear;
    -webkit-transform: translateX(320px) !important;
    -webkit-transition: all .25s linear;
}
      .mob-menu {
    position: fixed;
    right: 0;
    top: 0;
    background-color: #31323d;
    z-index: 9999;
    width: 320px;
    height: 100%;
    -webkit-transform: translateX(320px);
    -o-transform: translateX(320px);
    -ms-transform: translateX(320px);
    -moz-transform: translateX(320px);
    transition: .25s linear all;
    -moz-transition: .25s linear all;
    -o-transition: .25s linear all;
    -webkit-transition: .25s linear all;
    -ms-transition: .25s linear all;
}
      .quote-title{margin-top: 38%;color: rgb(255, 255, 255);font-size: 28px;font-weight: 700;text-transform: capitalize;text-align:center;letter-spacing: 1px;   }
      

      
       .image-box{overflow:hidden;position:relative;}
      .image-box img:hover{transition:all 0.6s ease-in-out;transform:scale(1.1);}
      .image-overlay{position:absolute;z-index:9;height:100%;width:100%;background-color:rgba(255, 0, 0, 0.19);opacity:0;transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;}
      .image-box:hover .image-overlay {opacity:1;transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;}
      .drop-box{margin-top:0%;transition:all 0.4s linear;opacity:0;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;}
      .image-box:hover .drop-box {opacity:1;transition:all 0.4s linear;margin-top:45%;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;}



      .testimonial {border-radius: 5px;box-shadow: 0 1px 0 #ddd;position: relative;}
      .testimonial-footer img{height:60px;width:60px;}
      .text-hover{direction:ltr;transition:all 0.4s linear;}
      .text-hover:hover{letter-spacing:0.8px;direction:ltr;transition:all 0.4s linear;}
  
      .pricing-box{border:1px solid #333;}

      .price:before{content: "";height: 70px;width: 3px;background-color: rgb(0, 153, 204);left: -3px;position: absolute;}
      .price:after{content: "";height: 70px;width: 3px;background-color: rgb(0, 153, 204);right: -3px;position: absolute;}

      .plan-listing{position:relative;border-bottom:1px solid #ececec;font-weight:100;}
      .plan-listing:last-child{border-bottom:0px;}
      /*.plan-listing:after{content: "";position: absolute;width: 70px;height: 2px;background-color: rgb(0, 153, 204);bottom: 6px;text-align: center;margin: 0px auto;left: 0px;right: 0px }*/
      .select-plan{display:block;transition-duration:2s;transition-timing-function:linear;letter-spacing:0.9px!important;}
      
      .select-plan i{border-radius: 41px;padding: 0px;color:#fff;border: 3px solid #fff;margin-left: 7px;}
      .select-plan:hover i{animation-name:border;animation-direction:normal;animation-duration:4s;animation-iteration-count:1;animation-timing-function:linear;}
      
      @keyframes border{
          0%{border:3px solid  rgb(88, 182, 246);}
          25%{border-top:3px solid  #fff;}
          50%{border-right:3px solid  #fff;}
          75%{border-bottom:3px solid  #fff;}
          100%{border-left:3px solid  #fff;}
      }

      .our-values{font-size:14px;font-weight:100;letter-spacing:0.8px;line-height:30px;margin-top:5px;}
      .team-box{position:relative;overflow:hidden;}
      .team-detail{position:absolute;bottom:-80%;left:0px;right:0px;height:100%;background-color:rgba(54, 160, 249, 0.6);transition:all 0.4s ease-in-out;opacity:0;}
      
      .team-name-box1{position:absolute;height:100%;top:0;background-color:rgba(255, 255, 255, 0.40);left:0px;right:0px;opacity:1;}
      .team-box:hover .team-detail{bottom:-30%;transition:all 0.4s ease-in-out;opacity:1;}
      .team-box:hover .team-name-box1{bottom:0%;background-color:#333;transition:all 0.4s ease-in-out;opacity:0;}

      .social-link i{color: #fff;display: inline-block;text-align: center;font-size: 20px;padding:10px 10px}
      .social-link i:hover{background-color:#fff;color:rgb(88, 182, 246);}

        .form-textbox{border:none;font-weight:100;margin-bottom:15px;font-size:13px;font-style:oblique;background-color:#f2f2f2;padding:9px;box-sizing:border-box;}
    
    .form-textbox.message{resize:none;}
    .address p{margin-bottom:10px;}
    .address i{width:35px;color:#777;}
    .address-info{border-right:1px solid #C9C9C9;}
    .address-info:last-child{border-right:0px;}

    /*.form-textbox select{background-color:transparent; -webkit-appearance: none;background: transparent url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat right;
      -moz-appearance: none; }*/

    .map{ -webkit-filter: grayscale(100%);filter: grayscale(100%);}


      .footer-link{color:#fff;line-height: 25px;font-weight: 100;letter-spacing: 0.7px;font-size:14px;}
      .footer-link i:hover{color: rgb(0, 153, 204);line-height: 25px;font-weight: 100;letter-spacing: 0.7px;font-size:14px;}


  
      .banner-content{text-align:center;color: rgb(255, 255, 255);font-weight: 100;font-size: 17px;letter-spacing: 0.5px;text-rendering: optimizelegibility;line-height:30px;margin-top:30px;}
      .well-services{margin-bottom:20px;}
      .well-services i{color: #E67E22;}
      
      .about-icon i{border: 1px solid rgb(155, 148, 148);text-align: center;border-radius: 66px;}
      
      .industry{text-align: center;color: #928f8f;font-weight: 500;font-size: 15px;text-transform:capitalize;cursor:pointer;overflow:hidden;transform:scale(1);transition:all 0.2s ease-in-out;letter-spacing:0.8px;}
      .industry-small-box{height: 145px;line-height: 30px;background-color:rgb(248, 248, 248);}
      .industry-large-box{height: 300px;line-height: 70px;background-color:rgb(248, 248, 248);}
      .industry i{display:block;line-height:70px;}
       [class*=industry]:hover {color:#fff;transition:all 0.2s ease-in-out;    }
      .industry:hover .industry-small-box{background-color:transparent;}
      .industry:hover:nth-child(2n+1){background-color:#3498DB;}
      .industry:hover:nth-child(2n+2){background-color:#F1C40F;}
      .industry:hover:nth-child(3n+3){background-color:#E67E22;}
      .industry:hover:nth-child(5n+5){background-color:#9B59B6;}
      .industry i:hover{transform:scale(1.1);transition:all 0.2s ease-in-out;}
      
      .toggle-overlay i{bottom: 30px;right: 30px;position: absolute;background-color: rgb(255, 255, 255);padding: 11px;border-radius: 39px;}


      .target-box{border:1px solid #f8f8f8;padding:10px 5px;text-align:center;background-color:#f8f8f8;width: 112px;height: 120px;}
      .target-box:hover{background-color:#f5f5f5;box-shadow:0px 0px 2px #f8f8f8;}

    
    .slider-image{height: 150px;width: 150px;border: 1px solid rgb(231, 231, 231);padding: 15px;border-radius: 161px;background-color: rgb(236, 236, 236);}
    
    .product_box{display:block; float:left;  width:240px;}
    .product-image{height:130px;}
    .data-row:nth-child(odd){background-color:rgb(248, 248, 248);transition:all 0.3s ease-in-out;}
    .data-row:nth-child(even){background-color:#fff!important;transition:all 0.3s ease-in-out;}
    
    
    .data-row:hover{background-color:#333!important;color:#fff!important;transition:all 0.3s ease-in-out;}
    .data-title{letter-spacing:0.8px;font-weight:500;}
    .enquire i{font-size:30px;color:#3498DB;padding:20px;display:block;font-size:70px;}
    
     
    .team .team-image{position:relative;padding:17px 0px;}
    .team .team-img{height:145px;}
    
      .person-name{position: absolute;bottom: 0px;right: 0px;z-index: 9;color: #fff;background-color: #E67E22;left: 0px;border-left: 15px solid transparent;border-bottom: 4px solid #fff;border-right: 15px solid transparent;}

     #directors{display:block!important;}
     #advisors{display:block!important;}
     #executive_team{display:block!important;}

    .lowest-footer{background-color:#1D1D21;}

      /*.search-icon{padding:25px 5px;display:block;border-left:1px solid #e9e9e9;color:#333;position:relative;text-align:center;}
      .search-icon i{cursor:pointer;text-align:center;}
      .search-icon:last-child{border-right:1px solid #e9e9e9;}
      .search-box{position:absolute;right:-1px;display:block;top:70px;border:1px solid #e9e9e9;border-top:0px;width:256px;visibility:hidden;top:130%;opacity:0;transition:0.35s ease-in-out;background-color:#fff;}
      .search-textbox{border:none;height:26px;width:180px;padding:10px;}
      .search-box i{background-color: rgb(51, 51, 51);color: rgb(255, 255, 255);padding: 9px;line-height: 47px;cursor:pointer;}

      .search-icon.search-set:hover .search-box{display:block;transition:0.35s ease-in-out;opacity:1;visibility:visible;top:100%;}

      .shopping-cart{position:absolute;right:-1px;display:block;border:1px solid #e9e9e9;border-top:0px;width:256px;visibility:hidden;top:130%;opacity:0;transition:0.35s ease-in-out;background-color:#fff;}
      .shopping-detail{line-height:25px;font-size:13px;font-weight:800;color:#939393;text-align:left;}
      .shopping-cart i{line-height:25px;color:#333;border-radius:30px;}
      .search-icon.shopping:hover .shopping-cart{display:block;transition:0.35s ease-in-out,;opacity:1;visibility:visible;top:100%;}*/

      /*.side-bar-header{height: 44px;padding: 12px;color: #fff;font-weight: 700;}
      .side-bar-content-box{border:1px solid #f8f8f8;border-top:0px;background-color:#fff;}
      .side-bar-title{font-size:15px;font-weight:500;letter-spacing:0.8px;color:#777;}
      .side-bar-content{line-height: 19px;letter-spacing: 0.8px;font-size: 13px;font-weight: 100;color:#777;}
      .row-box{border-bottom:1px solid #f5f1f1;cursor:pointer;}*/
      

      .sort select{width: 240px;float: right;border: none;border: 1px solid #bfbfbf;padding: 10px;background-color: #fff;}
      
      .product tr{border-bottom:1px solid #E9E9E9;padding:5px 0px}
      .product tr:last-child{border-bottom:none;}
      .product tr:nth-child(even){background-color:#f8f8f8;}
      .product td{box-sizing:border-box;}

      .footer-rights{text-align:center;}
      .footer-designed{text-align:center;}
}