@media only screen and ( min-width:1151px) and ( max-width:1400px ){


.bannerright{background-size: cover;}


}

@media only screen and ( min-width:961px) and ( max-width:1150px ){


h1{font-size:75px;}

h2{font-size: 45px;}

h3{font-size: 32px;}

p{font-size: 18px;}

.bannerleft{padding:40px 0px 60px;}

.bannerright h1{bottom: -35px;}

.videobx iframe{height: 450px;}

.videomain, .serviceinner, .zoominner, .experience-inner{padding: 0}

.service-right{padding-left: 10px;}

.represnttext {
  padding: 70px 20px;
}

.represntimg{background-position: right top}

.companiesleft{padding: 0px 10px;}

.companies-section{padding-left: 0; padding-right: 0}

.leftexperiece1{padding-left: 35px;}

.leftexperiece2{padding-right: 35px;}

.experincescndrow {
  margin-top: -18px;
}

.experiencetext{height: 100%;}

.footdata p {
  font-size: 14px;
  padding: 0px 10px;
}

.footdata h5 { 
  padding: 0px 15px 0px 15px;
  font-size: 18px;
}

.logofoot {
  width: 34px;
}

.footdata a { padding: 9px 25px; font-size: 16px;  white-space: nowrap;
}

.bannerleft a, .videotext a, .service-right a, .anothertalk a{ padding: 9px 25px; font-size: 16px;  }

.growth-inner{padding: 0px}

.bannerright{background-size: cover;}


}

@media only screen and ( min-width:768px) and ( max-width:960px ){

h1{font-size:70px;}

h2{font-size: 42px;}

h3{font-size: 28px;}

p{font-size: 16px;}

.bannerleft{padding:40px 0px 60px;}

.bannerright h1{bottom: -35px;}

.videobx iframe{height: 350px;}

.videomain, .serviceinner, .zoominner, .experience-inner{padding: 0}

.service-right{padding-left: 10px;}

.represnttext {
  padding: 40px 20px;
}

.represntimg{background-position: right top}

.companiesleft{padding: 0px 10px;}

.companies-section{padding-left: 0; padding-right: 0}

.leftexperiece1{padding-left: 25px;}

.leftexperiece2{padding-right: 25px;}

.experincescndrow {
  margin-top: -18px;
}

.experiencetext{height: 100%;}

.footdata p {
  font-size: 12px;
  padding: 0px 10px;
}

.footdata h5 { 
  padding: 0px 0px 0px 15px;
  font-size: 15px;
}

.logofoot {
  width: 34px;
}

.footdata a { padding: 9px 25px; font-size: 14px;  white-space: nowrap;
}

.bannerleft a, .videotext a, .service-right a, .anothertalk a{ padding: 9px 25px; font-size: 14px;  }

.humanizedcontent img{float: none; margin-top: 40px; margin-bottom: 0px;}


.growth-inner{padding: 0px}

.mapsection{padding: 60px;}

.inspirevideo{height: 80%}

.bannerright h1 span{padding-left: 100px}

.bannerright{background-size: cover;}


}

@media only screen and ( min-width:561px) and ( max-width:767px ){


h1{font-size: 80px;}

h2{font-size: 50px;}

h3{font-size: 35px;}

p{font-size: 20px;}


.bannerleft{padding:30px 30px 40px;}

.bannerright {height: 350px;}

.bannerright h1{left: 0; padding-left: 20px; bottom: -30px; }

.bannerright h1 span{padding-left: 80px;}

 .videobx iframe{height:250px;}

 .videosection{padding: 60px 0px;}

.videotext {margin: 20px 0px 0;}

.presentright p{margin-top: 30px;}

.service-bxes{margin-top: 40px;}

.service-right{padding-left: 0px; padding-top: 30px;}

.anothertalk {
  margin-top: 50px;
  padding: 0px 30px;
}

.represntimg{height: 200px}

.represnttext {
  padding: 30px;
}

.companies-section .col-md-6:nth-child(2){margin-top: 60px;}

.companiesleft{padding: 0px;}

.zoomgreatsection{padding: 40px 0px;}

.experience-inner .service-heading {margin-top:30px;}

.experienceimg img.zoomoneimg{width: 100%}

.experienceimg img.zoomoneimg2 {
  width: 100%;
  margin-left: 0;
}

.leftexperiece1 {
  padding-left: 0;
  height: auto;
  margin-top: 20px;
}

.experincescndrow {
  margin-top: 40px;
}

.leftexperiece2 {
  padding-right: 0; margin-top: 20px;
  height: auto;
}

.leftfoot, .footdata{display: block; text-align: center;}

footer{padding-top: 20px;}

.footdata a{float: none; margin-top: 15px;}

.footdata h5{padding: 15px 0px;}

.humanized-sect{padding: 50px 0px;}

.humanizedcontent img{width: 100%; padding-right: 0}

.humanizedback a{margin-top: 0px}

.trendsimg{height: auto;}

.mapsection{padding: 30px 0px;}

.footdata p{padding: 0}

.bannerright{background-size: cover;}


}

@media only screen and ( min-width:320px) and ( max-width:560px ){

h1{font-size: 60px;}

h2{font-size: 40px;}

h3{font-size: 30px;}

p{font-size: 17px;}

.bannerright{background-size: cover;}

.bannerleft{padding:30px 15px 40px;}

.bannerright {height: 350px;}

.bannerright h1{left: 0; padding-left: 20px; bottom: -19px; line-height: 60px;}

.bannerright h1 span{padding-left: 80px;}

 .videobx iframe{height:250px;}

 .videosection{padding: 40px 0px;}

.videotext {margin: 20px 0px 0;}

.presentright p{margin-top: 30px;}

.service-bxes{margin-top: 40px;}

.service-right{padding-left: 0px; padding-top: 30px;}

.anothertalk {
  margin-top: 50px;
  padding: 0px 0px;
}

.humanized-sect{padding: 30px 0px;}

.humanizedcontent img{width: 100%; padding-right: 0}

.represntimg{height: 200px}

.represnttext {
  padding: 30px;
}

.companies-section .col-md-6:nth-child(2){margin-top: 60px;}

.companiesleft{padding: 0px;}

.zoomgreatsection{padding: 40px 0px;}

.experience-inner .service-heading {margin-top:0px;}

.experienceimg img.zoomoneimg{width: 100%}

.experienceimg img.zoomoneimg2 {
  width: 100%;
  margin-left: 0;
}

.leftexperiece1 {
  padding-left: 0;
  height: auto;
  margin-top: 20px;
}

.experincescndrow {
  margin-top: 40px;
}

.leftexperiece2 {
  padding-right: 0; margin-top: 20px;
  height: auto;
}

.leftfoot, .footdata{display: block; text-align: center;}

footer{padding-top: 20px; padding-right: 0px; padding-left: 0px; padding-top:40px; padding-bottom: 40px;}

.footdata a{float: none; margin-top: 15px;}

.footdata h5{padding: 15px 0px;}

.humanizedback a{margin-top: 0px;padding: 1px 8px;}

.footdata a { padding: 9px 25px; font-size: 15px; 
}

.bannerleft a, .videotext a, .service-right a, .anothertalk a{ padding: 9px 25px; font-size: 15px;  }

.humanizedback a{font-size: 15px; }

.humanizedback{padding-top: 15px;}

.trendsimg{height: auto;}

.mapsection{padding: 30px 0px;}

.container{padding: 0px 25px;}

.logoimg{padding-left: 15px;}

.inspirevideo{padding: 0px;}

.footdata p{font-size: 15px; padding: 0}

}