@media screen and (max-width:767px) {
  article {
    margin-bottom: 10vw;
  }
  .right {
    text-align: center;
  }
/*Homepage Mobile CSS Starts Here*/
.top-strip{display: none;}  
.header-img {margin: 8.5vw 0 0 0;}
.header-img figcaption{font-size: 3.5vw; left: 5vw; line-height: 4.5vw; top: 20vw;}
.header-img button{border-radius: 6vw; padding: 1.5vw 4vw; margin:3vw 0 0 0; font-size:3vw;}

.menu-wrapper {
    width: 90%;
  }
  .logo-menu {
    width: 100%;
    display: block;
    padding: 0;
  }
  .logo-menu-left {
    width: 35%;
    display: block;
    position: absolute;
    left: 5vw;
    right: 0;
    top: 12vw;
  }
.logo-mobile{margin: 0 auto; left: 0 !important;}
  .logo-menu-right {
    width: 100%;
    display: block;
  }
  .logo-menu-right button {
    display: none;
  }
  aside {
    background: none;
  }
  aside.scroll {
    height: 22vw;
  }
  aside.scroll .logo-menu-left {
    width: 30%; margin: 0 auto;
    top: 10.5vw; padding: 0;
  }
  aside.scroll .logo-menu-right {
    width: 100%;
  }
  header {
    margin: 0 0 12vw 0;
  }
.main-wrapper {
    width: 95%;
  }
	

.welcome-left{width:100%; display: block; margin: 0 0 10vw 0;}
.welcome-left li{display: block; width: 100%; margin: 0 0 5vw 0; font-size: 3.2vw;}
.welcome-left li:last-child{margin: 0 0 5vw 0;}
.welcome-left figure{max-width: 11%; margin: 0 3vw 20vw 0;}
.welcome-left strong{margin: 0 0 1.5vw 0; font-size: 3.7vw;}
.welcome-left p{font-size: 4vw; line-height: 7vw;}
.welcome-right{width:100%; display: block;}
.phead01{font-size: 7vw; line-height: 8vw; margin: 0 0 5vw 0; text-align: center;}
.phead01 strong{font-size: 3.5vw; line-height: 4vw;}
.phead01 p{font-size: 3.5vw; margin: 3vw 0 0 0;}
.h-line{display: none;}
.welcome-right p{font-size: 4vw; line-height: 5.5vw;}
.welcome-right figure{width: 50%; max-width: 50%; float: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0;}
.welcome-right button{font-size: 3.5vw; width: 30%; margin-left: auto; margin-right: auto; margin-top: 5vw; padding: 3vw 8vw; border-radius: 7vw;}
	
.home-product-area {margin: 6vw 0 0 0;}
.home-product-block{width:100%; display: block; margin: 0 0 3vw 0;}
.home-product-block figure h2 {font-size: 7vw; line-height: 6vw; bottom: 6vw; padding: 0 4vw; margin: 0 0 6vw 0;}
.home-product-block figure h3 {font-size: 4vw; bottom: 4vw; padding: 0 4vw;}
.home-product-block figure h3 i{margin: 0 0 0 3vw;}
	
	
.why-left{width:100%; display: block; margin: 0 0 4vw 0;}
.why-left-box{display: block; width: 100%; margin: 0 0 4vw 0;}
.why-left ul{margin: 0 0 0 3vw; display: block;}
.why-left li {font-size: 3.5vw; margin: 0 0 3vw 2vw;}
.why-left figcaption{font-size: 4vw; padding: 2.5vw 0;}
.why-right{width:100%; display: block; margin: 12vw 0 0 0;}
	
.form-bg {padding: 0 6vw 6vw 6vw;}
.why-right form{margin: 4vw 0 0 0;}
.why-right h3{padding: 3vw; border-radius: 0 0 2.5vw 2.5vw; font-size: 5vw;}
.why-area form{margin: 4vw 0 0 0;}
.why-right input{margin: 0 0 2vw 0; padding: 3vw;}
.why-right textarea{margin: 0 0 2vw 0; padding: 3vw;}
.why-right button{padding: 3vw; font-size: 4vw;}

.testi-left{width: 100%; margin: 0 0 10vw 0; display: block;}
.testi-left li{margin:0 4% 3vw 0;}
.testi-right{width: 100%; display: block;}
.body-txt{font-size: 4vw; line-height: 7vw;}
.body-txt p{margin: 0 0 6vw 0;}
.c-img{width: 80%; float: none; display: block; margin-left: auto; margin-right: auto; margin-top: -14vw; margin-bottom: 3vw;}

	
footer{padding: 10vw 0 0 0;}
.f-left{float: none; display: inline-block; vertical-align: top; margin: 0 20vw 0 0;}
.f-right{float:none; display: inline-block; vertical-align: top;}

.foot-section li{display: block;}
.foot-section li i{font-size: 2vw; margin: 0 1vw 0 0;}
.foot-section li:nth-child(1){width: 80%; margin: 0 auto; font-size: 3.5vw; line-height: 7vw;}
.foot-section li:nth-child(2){width: 95%; margin-left: auto; margin-right: auto; margin-top: 8vw; margin-left: 8vw; font-size: 3.5vw; line-height: 5vw; text-align: left;}
.f-icon01{margin: 0 3vw 0 0; float: left; width: 10%;}
.f-icon02{margin: -1.5vw 3vw 0 0; float: left; width: 10%;}
.f-icon03{margin: -1.5vw 3vw 0 0; float: left; width: 10%;}
.bottom-map{height:30vw; border:solid 2px #fff; border-radius:1vw; margin: 7vw 0 3vw 0;}

.foot-section-02{padding: 6vw 0; margin: 10vw 0 0 0; text-align: center;}
.foot-left{width: 100%; display: block; font-size:3vw;}
.foot-right{width: 100%; display: block; text-align: center;}

/*Bottom social icons css*/
  a.social {
    height: 7vw;
    margin-right: 3vw;
    width: 7vw;
  }
  a.social:before, a.social:after {
    font-size: 3.5vw;
    height: 7vw;
    width: 7vw;
  }
  a.social:after {
    top: 2vw;
  }
  .rounded {
    margin: 4vw 0 0 0;
  }
  /*Bottom social icons css end*/
	
/*Inside CSS Starts*/
.header-img-inside{margin: 8vw 0 0 0;}
.header-img-inside figure img{height: 35vw;}
.header-img-inside h1{font-size: 5.5vw; line-height: 6vw; bottom: 6vw; padding: 0 1vw;}
.header-img-inside figcaption{display: none;}
	
.quality-bg-img{padding: 11vw 0;}
.quality-bg li{display: block; width:100%; margin: 0 0 5vw 0;}
.quality-bg li:last-child{margin: 0;}
.quality-bg figure{margin: 7vw 0;}

.contact-left{width:100%; display:block; margin:0;}
.contact-left h4{font-size:5vw; margin-bottom:3vw; color:#f37335;}
.contact-right{width:100%; display:block;}
.c-icons{font-size:5vw !important; margin:0 0 1vw 0;}
.c-icons02{font-size:5vw !important; margin:2vw 0 1vw 0;}

.form-area{ display:block; width:100%; font-size:0; margin:1.5vw 0 0 0;}
.form-left{display: block; width:100%; margin:0;}
.form-right{display: block;  width:100%; margin:0;}
.txt-name {margin: 0 0 1vw 0; padding:2.5vw; }
.txt-box{height:25vw; padding:2.5vw; margin:0 0 1vw 0;}
.submit{padding:2.5vw; width: 100%; font-size:3vw;}
	
.client-logos li{width:30%; margin:0 2% 4vw 0;}
.c-img-02{width: 80%; float: none; display: block; margin-left: auto; margin-right: auto; margin-top: -14vw; margin-bottom: 3vw;}
}