@media (min-width: 1200px) {
  [class*='col-'].pull-lg-left {
    float: left;
  }

  [class*='col-'].pull-sm-right {
    float: right;
  }

  .services-text {
    position: relative;
    padding: 40px 10%;
  }

  #paint-service .services-text {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (min-width: 1200px) and (max-height: 799px) {
  #logo_shrink_div {
    --scale: 0.45;
  }
}

@media (max-width: 1199px) {
  .paroller {
    background-size: 1600px;
    background-attachment: initial;
  }

  .services-text {
    padding: 10% 5%;
  }

  #avi_icon_sign,
  #avi_equals_sign {
    margin-right: 30px;
  }

  #centered_content {
    height: 65vh;
  }

  #avilder-svg {
    height: auto;
    width: 70vw;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot,
  #avi_painting_coatings_dot {
    --scale: 80;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 357px;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    --trasnlateY1: 0;
    --trasnlateY2: 0;
    --trasnlateY3: -8px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 860px;
    --trasnlateY3: 860px;
  }

  #logo_shrink_div {
    --scale: 0.55;
  }

  div.avi_service {
    --height: 570px;
    padding-top: 95px;
    padding-bottom: 95px;
  }

  #footer .container {
    padding: 20px;
  }

  #estimating {
    text-align: center;
  }

  #estimating hr {
    margin: 0 auto 40px;
  }

  #laptop_row {
    position: relative;
    height: auto;
  }

  #avi_laptop.img-responsive {
    max-width: 90%;
  }

  #laptop_target {
    bottom: 40px;
    right: 12vw;
  }

  #safety .container {
    padding-top: 50px;
  }

  #safety.triangle:before,
  #safety.triangle:after {
    top: -12px;
  }
}

@media (max-width: 961px) {
  #logo_shrink_div {
    --scale: 0.46;
  }

  #community-carousel {
    padding: 0;
  }

  #contact span.linebreak {
    display: block;
    margin-top: 20px;
  }

  #footer .text-right {
    text-align: left;
    padding-top: 0.7rem;
  }

  #footer .container {
    padding: 20px 30px;
  }

  div.avi_service {
    --height: 510px;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  #laptop_target {
    right: 5vw;
  }

  #safety .container {
    padding-top: 55px;
  }

  #safety.triangle:before,
  #safety.triangle:after {
    top: -35px;
  }

  #safety_cside {
    margin-top: 15px;
  }

  #safety,
  #safety * {
    text-align: center !important;
  }

  #safety hr {
    margin: 0 auto 40px !important;
  }

  #safety {
    background-image: url(../images/safety_bg_v.jpg) !important;
    background-size: 1000px;
  }
}

/* Landscape Large Tablet */
@media screen and (min-width: 835px) and (max-height: 835px) {
  #centered_content {
    height: 75vh;
  }

  #avilder-svg {
    height: 65vh;
    width: auto;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 281px;
  }

  #avi_wall_paper_dot {
    --trasnlateX: -254px;
  }

  #avi_floor_system_dot {
    --trasnlateX: 233px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 575px;
    --trasnlateY3: 670px;
  }

  #intro_logo-top {
    --margin: 35px;
  }

  #intro_logo-bottom {
    --margin: 25px;
  }

  #mid_left,
  #mid_right {
    --margin: 25px;
  }

  #avi_safety_s {
    height: 338px;
    width: 230px;
    margin-top: 50px;
  }
}

/* Portrait Large Tablet */
@media screen and (max-width: 835px) and (min-height: 900px) {
  #ani_p1 {
    font-size: 3em;
  }

  #intro_logo-top {
    --margin: 55px;
  }

  #intro_logo-bottom {
    --margin: 45px;
  }

  #mid_left,
  #mid_right {
    --margin: 15px;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 291px;
  }

  #avi_wall_paper_dot {
    --trasnlateX: -243px;
  }

  #avi_floor_system_dot {
    --trasnlateX: 225px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 630px;
    --trasnlateY3: 720px;
  }

  .brand-heading {
    font-size: 28px;
  }

  #avi_ecopaint {
    position: absolute;
    top: 80px;
    padding: 0;
    transform: translate(-50%, 0);
  }

  #avilder-brand {
    width: 126px;
    height: 35px;
    margin-top: 0;
  }

  .nav > li {
    padding: 0px 10px;
  }
}

@media (min-width: 768px) {
  .bg-image:before {
    display: block;
  }

  [class*='col-'].pull-lg-right {
    float: right;
  }
}

@media (max-width: 767px) {
  .bg-image {
    height: 100vw !important;
  }

  .navbar-brand {
    height: 35px;
    padding: 0 15px;
  }

  #avilder-brand {
    width: 126px;
    height: 35px;
    margin-top: 0;
  }

  .top-nav-collapse {
    padding: 0 !important;
  }

  .navbar.top-nav-collapse #avilder-brand {
    display: none;
  }

  #avi_ecopaint {
    position: relative;
    top: unset;
    padding: 40px 0 0;
    width: 300px;
    transform: none;
  }

  #eco_friendly .eco-text h4 {
    padding-top: 40px;
  }

  #eco_friendly .eco-text {
    text-align: center;
  }

  #eco_friendly h4 + hr {
    margin: 0 auto 40px;
  }

  #eco_friendly .eco-text blockquote {
    border-left: none;
    padding-left: 20px;
  }

  #eco_friendly .nopadright {
    padding-left: 0;
  }

  #eco_friendly .nopadleft {
    padding-right: 0;
  }

  #eco_friendly .avi_usgbc {
    height: 200px;
    width: 200px;
    margin: 10px 0 20px;
  }

  .container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .carousel-inner .item h5 {
    font-size: 24px;
    line-height: 32px;
    padding: 10px 0;
  }

  .carousel-inner .item h6 {
    font-size: 14px;
    padding-bottom: 20px;
    line-height: 1.3;
  }

  #community p {
    padding: 0 30px;
  }

  #community-carousel .item .community-meta {
    display: block;
  }

  #community-carousel .item .community-meta img {
    margin: 20px auto;
  }

  #community-carousel .item .community-meta img:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .bg-image:before {
    content: '\f0da';
    left: -5px;
    right: auto;
  }

  .bg-image.left-tip:before,
  .bg-image.pull-sm-right:before {
    content: '\f0d9';
    right: -5px;
    left: auto;
  }

  .navbar-custom .nav li a {
    font-size: 11px;
  }

  .nav > li {
    padding-right: 0;
  }

  #avi_sign_container {
    margin-left: -330px;
  }

  #eco_friendly .avi_usgbc {
    position: absolute;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
  }

  #eco_friendly .eco-text blockquote {
    font-size: 19px;
    padding-left: 20px;
    margin-left: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar.top-nav-collapse #avilder-brand {
    width: 100px;
    height: 38px;
  }

  .navbar-custom .nav li a {
    font-size: 9px;
  }
}

@media only screen and (min-width: 836px) and (max-width: 1199px) {
  #avi_ecopaint {
    position: absolute;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
  }
}

/* Landscape Medium Tablet */
@media screen and (min-width: 835px) and (max-height: 805px) {
  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 259px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 545px;
    --trasnlateY3: 640px;
  }

  .brand-heading {
    font-size: 28px;
  }

  div.avi_service {
    --height: 510px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

/* Landscape Nexus 7 Tablet */
@media screen and (min-width: 959px) and (max-width: 961px) and (min-height: 599px) and (max-height: 601px) {
  #ani_p1 {
    font-size: 3em;
  }

  #logo_shrink_div {
    --scale: 0.43;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 202px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 435px;
    --trasnlateY3: 530px;
  }

  #intro_logo-bottom {
    --margin: 0;
  }

  div.avi_service {
    --height: 450px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* @media screen and (max-width: 900px) and (max-height: 610px) {
  #funnel-container {
    background: #0073ff;
  }
} */

@media screen and (max-width: 610px) and (min-height: 610px) {
  .rendered #logo_shrink_div {
    margin-left: 14px;
  }
}

@media screen and (max-width: 610px) {
  #ani_p1 {
    font-size: 1.8em;
  }

  #centered_content {
    height: 60vh;
  }

  #avilder-svg {
    width: 80vw;
    --feather: 5px;
  }

  #painting_icon,
  #wall_icon,
  #floor_icon {
    height: 120px;
    width: 108px;
  }

  #intro_Logo-wrapper .avi_service div {
    font-size: 3em;
  }

  #intro_logo-top {
    min-height: 2em;
    --margin: 40px;
  }

  #intro_logo-bottom {
    --margin: 25px;
  }

  #mid_left,
  #mid_right {
    --margin: 10px;
  }

  div.avi_service {
    --width: 320px;
    --height: 435px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  #logo_shrink_div {
    --scale: 0.45;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 164px;
  }

  #avi_wall_paper_dot {
    left: 37px;
    --trasnlateX: -182px;
  }

  #avi_floor_system_dot {
    right: 37px;
    --trasnlateX: 167px;
  }

  #avi_painting_coatings_dot {
    top: 40px;
    --trasnlateY2: 380px;
    --trasnlateY3: 430px;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot,
  #avi_painting_coatings_dot {
    --scale: 50;
  }

  #avi_sign_container {
    top: 250px;
    margin-left: -254px;
  }

  #avi_icon_sign,
  #avi_equals_sign,
  #avi_happy_client_sign {
    width: 150px;
    height: 345px;
  }

  .brand-heading {
    font-size: 22px;
    top: 80px;
  }

  #safety .container {
    padding-top: 5px;
  }

  #safety.triangle:before,
  #safety.triangle:after {
    top: -65px;
  }

  #safety {
    background-size: 650px;
  }
}

/* Portrait Medium Tablet */
@media screen and (min-width: 610px) and (max-width: 770px) and (min-height: 835px) {
  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 268px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 585px;
    --trasnlateY3: 675px;
  }
}

/* Portrait Nexus 7 Tablet */
@media screen and (min-width: 599px) and (max-width: 601px) and (min-height: 959px) and (max-height: 961px) {
  #ani_p1 {
    font-size: 2.5em;
  }

  #logo_shrink_div {
    --scale: 0.55;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot,
  #avi_painting_coatings_dot {
    --scale: 65;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 238px;
  }

  #avi_wall_paper_dot {
    --trasnlateX: -182px;
  }

  #avi_floor_system_dot {
    --trasnlateX: 168px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 475px;
    --trasnlateY3: 570px;
  }
}

@media screen and (max-width: 420px) and (max-height: 900px) {
  #avi_sign_container {
    top: 180px;
    left: 50%;
    margin-left: -63px;
  }

  #avi_sign_container,
  #avi_icon_sign,
  #avi_equals_sign,
  #avi_happy_client_sign {
    position: absolute;
    width: 125px;
    height: 288px;
  }

  #avi_icon_sign,
  #avi_equals_sign,
  #avi_happy_client_sign {
    margin: 0;
  }

  #avi_icon_sign {
    left: -100px;
  }

  #avi_equals_sign {
    top: 55px;
    left: 0;
  }

  #avi_happy_client_sign {
    top: 110px;
    left: 100px;
  }

  div.avi_service {
    --height: 355px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  #chevron {
    bottom: 10vh;
  }

  #safety .container {
    padding-top: 0;
  }

  #safety.triangle:before,
  #safety.triangle:after {
    top: -80px;
  }

  #safety {
    background-image: url(../images/safety_bg_v450.jpg) !important;
    background-size: 450px;
  }
}

@media screen and (max-width: 376px) {
  #ani_p1 {
    font-size: 1.5em;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 148px;
  }

  #avi_painting_coatings_dot {
    --trasnlateY2: 355px;
    --trasnlateY3: 395px;
  }

  #safety.triangle:before,
  #safety.triangle:after {
    top: -85px;
  }
}

@media screen and (min-width: 321px) and (max-width: 330px) and (max-height: 568px) {
  #avi_sign_container {
    top: 160px;
  }

  .brand-heading {
    font-size: 17px;
    /* top: 75px; */
  }

  .intro-text {
    height: 235px;
  }
}

@media screen and (min-width: 321px) and (max-height: 568px) {
  #ani_p1 {
    font-size: 2em;
  }

  #centered_content {
    height: 75vh;
  }

  #avilder-svg {
    height: 60vh;
    width: auto;
    --feather: 5px;
  }

  #painting_icon,
  #wall_icon,
  #floor_icon {
    height: 120px;
    width: 108px;
  }

  #intro_Logo-wrapper .avi_service div {
    font-size: 3em;
  }

  div.avi_service {
    --width: 320px;
    --height: 270px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #intro_logo-top {
    min-height: 2em;
    --margin: 20px;
  }

  #intro_logo-bottom {
    --margin: 15px;
  }

  #mid_left,
  #mid_right {
    --margin: 30px;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 127px;
  }

  #avi_wall_paper_dot {
    left: 27px;
    --trasnlateX: -190px;
  }

  #avi_floor_system_dot {
    right: 27px;
    --trasnlateX: 177px;
  }

  #avi_painting_coatings_dot {
    top: 30px;
    --trasnlateY2: 330px;
    --trasnlateY3: 350px;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot,
  #avi_painting_coatings_dot {
    --scale: 50;
  }

  /* .intro-text {
    height: 170px;
  } */

  /* #avi_sign_container {
    top: 170px;
    margin-left: -254px;
  }

  #avi_icon_sign,
  #avi_equals_sign,
  #avi_happy_client_sign {
    width: 150px;
    height: 345px;
  } */

  /* .brand-heading {
    font-size: 24px;
    top: 85px;
  } */
}

@media screen and (max-width: 321px) {
  #ani_p1 {
    font-size: 1.3em;
  }

  #logo_shrink_div {
    margin-left: 14px;
    --scale: 0.4;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 129px;
  }

  #avi_painting_coatings_dot {
    top: 30px;
    --trasnlateY2: 350px;
    --trasnlateY3: 370px;
  }

  .intro-text {
    height: 235px;
  }

  #avi_sign_container {
    top: 145px;
  }

  #avi_icon_sign {
    left: -85px;
  }

  #avi_equals_sign {
    top: 65px;
  }

  #avi_happy_client_sign {
    top: 130px;
    left: 85px;
  }

  .brand-heading {
    top: 75px;
  }

  #eco_friendly .button-wrapper a.btn {
    font-size: 12px;
    padding: 10px;
  }

  div.avi_service {
    --height: 305px;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  #safety.triangle:before,
  #safety.triangle:after {
    top: -90px;
  }

  #avi_safety_s {
    height: 382px;
    width: 260px;
  }

  .button-wrapper a.btn {
    padding: 10px;
  }
}

@media screen and (max-height: 376px) and (max-width: 820px) {
  #ani_p1 {
    font-size: 1.3em;
  }

  #logo_shrink_div {
    --scale: 0.4;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot {
    top: 99px;
  }

  #avi_wall_paper_dot {
    left: 23px;
    --trasnlateX: -188px;
  }

  #avi_floor_system_dot {
    right: 23px;
    --trasnlateX: 173px;
  }

  #avi_painting_coatings_dot {
    margin-left: 0;
    --trasnlateY2: 325px;
    --trasnlateY3: 345px;
  }

  #avi_wall_paper_dot,
  #avi_floor_system_dot,
  #avi_painting_coatings_dot {
    --scale: 42;
  }

  .intro-text {
    height: 115px;
  }

  #avi_sign_container {
    top: 155px;
    margin-left: -218px;
  }

  #avi_icon_sign,
  #avi_equals_sign,
  #avi_happy_client_sign {
    width: 125px;
    height: 288px;
  }

  .brand-heading {
    font-size: 18px;
    top: 75px;
  }

  #chevron {
    font-size: 2em;
  }
}

@media screen and (max-height: 321px) and (max-width: 600px) {
  #logo_shrink_div {
    --scale: 0.33;
  }
}

@media screen and (min-width: 375px) and (max-width: 383px) and (max-height: 575px) {
  #chevron,
  #logo_shrink_div {
    margin-left: 14px;
  }
}

@media screen and (max-width: 610px) and (min-height: 550px) and (max-height: 900px) {
  #ani_p1 .avi_pre {
    display: block;
    text-align: center;
    opacity: 0;
  }

  #intro_logo-top {
    height: 80px;
  }

  .animate #ani_p1 .first_msg span.avi_pre {
    animation: make-visible 1000ms ease-in-out 4s forwards,
      make-invisible 1000ms ease-in-out 6s forwards;
  }
}