@media screen and (max-width: 1024px) and (min-width: 320px) {
 .container{
  width:100% !important;
  padding:0 2%;
 }

}

@media screen and (max-width: 1024px) and (min-width: 320px) {
 .home-1{
  background-size: 400px;
  height: 100vh;
 }
 .about-rgt{
  width: 100%;
 }
 .about-rgt p{
  text-align: center;
 }
 .menu-inner{
  width: 100%;
 }
 .menu-inner ul li{
  float: none;
  display: inline-block;
  text-align: center;
 }
 body{
  background-image:none;
 }
 .tab-full{
  width: 100% !important;
 }
 .contact-in1{
  width: 100%;
 }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
 .resp-vtabs ul.resp-tabs-list{
  display: none;
 }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
 .welcome-text h2{
  font-size: 36px;
 }
 .welcome-text h1{
  font-size: 42px;
 }
 .home-1 {
    background-size: 400px;
 }
 .res_menu{
  display: block; 
  float: right;
  background-color: #15a7e0;
  margin-top: 25px;
 }

 .res_menu{
  margin-top: 30px;
 }
 .res_menu a{
  font-size: 14px;
 }
 .res_menu a i{
  padding: 8px;
 }
 
 .menu-res .welcome-logo{
  float: left;
  width: 150px;
  padding: 10px;
 }
 .menu-inner ul li{
  display: block;
  margin-bottom: 10px;
 }
 .menu-inner ul li a{
  padding: 20px 0;
 }
 .menu-inner{
  display: none;
 }

 .mob-logo{
  float: left;
  display: block;
 }
 .menu-res .welcome-logo{
 display: none;
}
.mob-title{
 display: block;
 text-align: center;
 color: #fff;
}
 .pro-img{
  float: none;
  margin: 0 auto;
 }
 .pro-con{
  width: 100%;
 }
 .contact-in{
  width: 100%;
  display: inline-block;
  float: none;
  height: inherit;
 }
 .map{
  width: 60%;
  display: block;
  float: none;
  margin: 0 auto;
 }
 
}
@media screen and (max-width: 667px) and (min-width: 320px) {
 .welcome-logo{
  width: 175px;
  padding: 10px;
 }
 .welcome, .welcome-one{
  padding: 10px 0;
 }
 .welcome-text h2{
  font-size: 32px;
 }
 .welcome-text h1{
  font-size: 36px;
 }
 .home-1{
  background-size: 340px;
  
 }
}
@media screen and (max-width: 568px) and (min-width: 320px) {
 .home-1{
  background-size: 280px;
  
 }
 .pro-img{
  width: 100%;
 }
 .pro-det li{
  width: 100%;
  float: none;
  display: inline-block;
 }
 .map{
  margin: 20px auto;
  width: 100%;
 }
 .forms{
  width: 100%;
 }
}

@media screen and (max-width: 480px) and (min-width: 320px) {
 .welcome-text{
  width: 80%;
 }
 .home-1 {
    background-size: 440px;
    height: 100vh;
}
 .form-actions li{
  width: 100%;
  padding: 0;
 }
 
}

@media screen and (max-width: 414px) and (min-width: 320px) {
 .home-1 {
    background-size: 400px;
   
}
}
@media screen and (max-width: 375px) and (min-width: 320px) {
 .home-1 {
    background-size: 300px;
   
}
 .welcome-logo{
  width: 135px;
 }
}

@media screen and (max-width: 320px) and (min-width: 320px) {
 .welcome-text{
  width: 100%;
 }
 .welcome-text h2 {
    font-size: 21px;
}
 .welcome-text h1 {
    font-size: 28px;
}
 .sim-button{
  margin-top:0px !important;
 }
 .home-1 {
    background-size: 250px;
}
}