/* Landscape phones and down */

@media (max-width: 480px) 
{
.hooomecooon1 > ul {
  margin: 0 0 0 24px !important;
}
.hooomecooon1 i {
  position: absolute !important;
  right: 17px !important;
  top: 10px !important;
}
.careersmain2 {
  width: 100% !important;
  margin: 18px 0 0 0 !important;
}
.careersmain6 button {
  padding: 6px 78px !important;
}
.careersmain6 {
  left: 0 !important;
  position: absolute !important;
  right: -7px !important;
  top: 300px !important;
}
.careerscon1 > p {
  padding: 0 18px !important;
}
.carconthree3 {
  margin: 0 0 11px 0 !important;
}
.carconthree33 img {
  width: 100% !important;
}
.carconthree8 img {
  width: 100% !important;
}
.carconthree10 img {
  width: 100% !important;
}
.carconthree8 > p {
  width: 100% !important;
}
.carconthree10 > p {
  width: 100% !important;
}
.section-title {
  font-size: 25px !important;
}
.benefit-right {
  width: 100% !important;
}
.time-line {
  margin: 17px !important;
}
.benefit-wrap::after, .benefit-wrap::before {
  left: 8px !important;
  right: auto !important;
}
.benefit-wrap::before {
  bottom: 0 !important;
}
.benefit-right, .benefit-left {
 /* float: left !important;*/
  width: 100% !important;
}
.benefit-left .bene-img {
  right: 151px !important;
}
.benefit-left .bene-img::after {
  left: auto !important;
  right: 100% !important;
}
.benefit-left, .benefit-right {
  padding-left: 5px !important;
  padding-top: 85px !important;
}
.benefit-left {
  float: none !important;
  padding-right: 0 !important;
  position: relative !important;
  text-align: none !important;
}
.hhomeccon225 {
  display: inline !important;
}
}

@media (min-width: 320px) and (max-width: 568px)
{
.hooomecooon1 > ul {
  margin: 0 0 0 4px !important;
}
.hooomecooon1 i {
  position: absolute !important;
  right: 17px !important;
  top: 10px !important;
}
.benefit-right {
  width: 100% !important;
}
.time-line {
  margin: 17px !important;
}
.benefit-wrap::after, .benefit-wrap::before {
  left: 8px !important;
  right: auto !important;
}
.benefit-wrap::before {
  bottom: 0 !important;
}
.benefit-right, .benefit-left {
 /* float: left !important;*/
  width: 100% !important;
}
.benefit-left .bene-img {
  right: 151px !important;
}
.benefit-left .bene-img::after {
  left: auto !important;
  right: 100% !important;
}
.benefit-left, .benefit-right {
  padding-left: 5px !important;
  padding-top: 85px !important;
}
.benefit-left {
  float: none !important;
  padding-right: 0 !important;
  position: relative !important;
  text-align: none !important;
}
}

@media (min-width: 360px) and (max-width: 640px)
{
.hooomecooon1 > ul {
  margin: 0 0 0 24px !important;
}
.hooomecooon1 i {
  position: absolute !important;
  right: 17px !important;
  top: 10px !important;
}
.benefit-right {
  width: 100% !important;
}
.time-line {
  margin: 17px !important;
}
.benefit-wrap::after, .benefit-wrap::before {
  left: 8px !important;
  right: auto !important;
}
.benefit-wrap::before {
  bottom: 0 !important;
}
.benefit-right, .benefit-left {
 /* float: left !important;*/
  width: 100% !important;
}
.benefit-left .bene-img {
  right: 194px !important;
}
.benefit-left .bene-img::after {
  left: auto !important;
  right: 100% !important;
}
.benefit-left, .benefit-right {
  padding-left: 5px !important;
  padding-top: 85px !important;
}
.benefit-left {
  float: none !important;
  padding-right: 0 !important;
  position: relative !important;
  text-align: none !important;
}
}

@media (min-width: 412px) and (max-width: 732px)
{
.hooomecooon1 > ul {
  margin: 0 0 0 49px !important;
}
.hooomecooon1 i {
  position: absolute !important;
  right: 17px !important;
  top: 10px !important;
}
.benefit-right {
  width: 100% !important;
}
.time-line {
  margin: 17px !important;
}
.benefit-wrap::after, .benefit-wrap::before {
  left: 8px !important;
  right: auto !important;
}
.benefit-wrap::before {
  bottom: 0 !important;
}
.benefit-right, .benefit-left {
 /* float: left !important;*/
  width: 100% !important;
}
.benefit-left .bene-img {
  right: 246px !important;
}
.benefit-left .bene-img::after {
  left: auto !important;
  right: 100% !important;
}
.benefit-left, .benefit-right {
  padding-left: 5px !important;
  padding-top: 85px !important;
}
.benefit-left {
  float: none !important;
  padding-right: 0 !important;
  position: relative !important;
  text-align: none !important;
}
}



/* Landscape phone to portrait tablet */

@media (min-width: 481px) and (max-width: 767px)
{

}

 
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) 
{
.hooomecooon1 > ul {
  margin: 0 0 0 221px !important;
}
.hooomecooon1 i {
  position: absolute !important;
  right: 17px !important;
  top: 10px !important;
}
.contcon3 li {
  padding: 0 0 0 26px !important;
}
.careersmain1 img {
  margin: auto !important;
}
.careersmain2 {
  margin: 24px 0 0 107px !important;
}
.careersmain6 {
  left: 0 !important;
  position: absolute !important;
  right: 15px !important;
  top: 322px !important;
}
.careersmain6 button {
  padding: 10px 176px !important;
}
.carconthree8 img {
  width: 100% !important;
}
.carconthree10 img {
  width: 100% !important;
}
.carconthree8 > p {
  width: 100% !important;
}
.carconthree10 > p {
  width: 100% !important;
}
.hhomeccon225 {
  display: inline !important;
}
.homebanncon1 {
  display: inline-flex !important;
  margin: 0 0 0 -51px !important;
}
}

@media (min-width: 980px) and (max-width: 1199px)
{
.hooomecooon1 > ul {
  margin: 0 0 0 223px !important;
}
.hooomecooon1 i {
  position: absolute !important;
  right: 17px !important;
  top: 10px !important;
}
.contcon3 li {
  padding: 0 0 0 26px !important;
}
.careersmain1 img {
  margin: auto !important;
}
.careersmain2 {
  margin: 24px 0 0 107px !important;
}
.careersmain6 {
  left: 0 !important;
  position: absolute !important;
  right: 15px !important;
  top: 322px !important;
}
.careersmain6 button {
  padding: 10px 176px !important;
}
.carconthree8 img {
  width: 100% !important;
}
.carconthree10 img {
  width: 100% !important;
}
.carconthree8 > p {
  width: 100% !important;
}
.carconthree10 > p {
  width: 100% !important;
}
.hhomeccon225 {
  display: inline !important;
}
.homebanncon1 {
  display: inline-flex !important;
  margin: 0 0 0 -77px !important;
}
}
 
/* Large desktop */

/*@media (min-width: 1024px) and (max-width: 1366px)
{
 .hooomecooon1 > ul {
  margin: 0 0 0 333px !important;
}
} 
*/

/* media query 2 */
/* phone 1 (xs) */
@media (min-width: 360px) and (max-width: 640px){
.dropdown h2 {
	margin: 11px 22px -36px 20px !important;
}
.dropdown h2 {
	margin: 10px 45px 0 0;
}
  #web {
	margin: 0 0 16px 0 !important;
}
  #graphic {
	margin: 0 0 16px 0 !important;
}
  #internet {
	margin: 0 !important;
}
  .mobileapp h3 {
	position: absolute !important;
	top: -200px !important;
	left: 215px !important;
	padding: 0 14px 0 0 !important;
}
  .mobileapp p {
	position: absolute !important;
	top: -121px !important;
	padding: 0 45px 0 27px !important;
	left: 192px !important;
}
  .create h5 {
	margin: -22px 29px 40px 30px !important;
}
  .imageadjust1 img {
	margin: 32px 0 0 45px !important;
	width: 278px !important;
	height: 203px !important;
}
  
}

/* phone 2 (xs) */
@media (min-width: 412px) and (max-width: 732px){
  
}

/* tab 1 (sm) */
@media (min-width: 768px) and (max-width: 979px){
  
}

/* tab 2 (xs) */
@media (min-width: 980px) and (max-width: 1199px){
  
}