/* =========================
	PUBLIC DESKTOP CSS
========================= */

/* #Community
    ------------------------------------------------*/
@media screen and (max-width: 1890px) {
  #com-sec-4::before {
    width: 28.94vw;
    height: 25.92vw;
    background-size: cover;
  }
  #com-sec-4::after {
    width: 29.65vw;
    height: 27.85vw;
    background-size: cover;
    top: 7.085vw;
  }
}
@media screen and (max-width: 1600px) {
  #com-sec-4::before {
    width: 25.44vw;
    height: 22.82vw;
  }
  #com-sec-4::after {
    width: 27.5vw;
    height: 26.85vw;
    top: 7.188vw;
  }
  #com-sec-4 li::before {
    width: 1.625vw;
    height: 1.685vw;
    left: -0.3vw;
  }
  #com-sec-4 .elementor-element.elementor-element-7a81763 {
    max-width: 58.5vw;
    margin: auto;
  }
  #com-sec-4 .elementor-element.elementor-element-7a81763 > .elementor-widget-container {
    min-height: 35vw;
    background-size: contain;
  }
  #com-sec-5 > .elementor-container {
    margin-left: 9.375vw;
  }
  #com-sec-6 {
    padding: 130px 0 85px;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1024px) {
  #com-sec-4 {
    padding-top: 7.5vw;
  }
  #com-sec-4 h2, #com-sec-5 h2 {
    font-size: 2.75vw;
    line-height: 3.2vw;
  }
  #com-sec-4 .elementor-element.elementor-element-7a81763 .elementor-icon-list-text, #com-sec-5 .elementor-element.elementor-element-1fa04cb .elementor-icon-list-item {
    font-size: 1.75vw;
    line-height: 2.1vw;
  }
  #com-sec-4 .elementor-element.elementor-element-7a81763 > .elementor-widget-container {
    padding: 3.16vw 5.05vw 2vw;
  }
  #com-sec-4 .elementor-element.elementor-element-737eba8 > .elementor-widget-container {
    padding: 0 0 10px;
  }
  #com-sec-5 {
    padding: 4.38vw 0 12.5vw;
  }
}
@media screen and (max-width: 1280px) {
  #com-sec-4::before {
    width: 25vw;
    height: 22.3vw;
  }
  #com-sec-4::after {
    width: 26.5vw;
    height: 25.85vw;
    top: 8.75vw;
  }
  #com-sec-4 li::before {
    left: -0.2vw;
  }
}
@media screen and (max-width: 1023px) {
  #com-sec-4::before {
    width: 28.2vw;
    height: 23vw;
  }
  #com-sec-4::after {
    width: 28.9vw;
    height: 30vw;
    top: 6vw;
  }
  #com-sec-4 {
    border-bottom: 5px solid #000;
  }
  #com-sec-4 li::before {
    width: 14px;
    height: 14.5px;
    left: 0;
  }
  #com-sec-4 li {
    padding-left: 20px;
  }
  #com-sec-4 .elementor-element.elementor-element-7a81763 {
    max-width: 500px;
  }
  #com-sec-4 .elementor-element.elementor-element-7a81763 > .elementor-widget-container {
    min-height: 33.5vw;
  }
  #com-sec-5 > .elementor-container {
    margin-left: 8.789vw;
  }
}
@media screen and (max-width: 992px) {
  #com-sec-4::before, #com-sec-4::after {
    display: none;
  }
  #com-sec-5 > .elementor-container {
    margin-left: 4.5vw;
  }
}
@media screen and (max-width: 960px) {
  #com-sec-5 > .elementor-container {
    margin-left: 2vw;
  }
}
@media screen and (max-width: 900px) {
  #com-sec-5 > .elementor-container {
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  #com-sec-5 {
    padding: 35px 0 70px;
  }
}
@media screen and (max-width: 767px) {
  #com-sec-4 li::before {
    top: 5px;
    left: 4px;
  }
  #com-sec-4 li {
    padding-left: 23px;
  }
  #com-testimonial .elementor-column-wrap.elementor-element-populated {
    min-height: auto;
  }
}
@media screen and (max-width: 676px) {
  #com-sec-6 {
    padding: 100px 0 30px;
  }
  #com-testimonial .elementor-element.elementor-inner-column {
    width: 100%;
  }
  #com-testimonial .elementor-inner-column > .elementor-element-populated {
    padding: 10px;
  }
  #com-sec-5 {
    padding: 2.959vw 0 17.751vw;
  }
}
@media screen and (max-width: 480px) {
  #com-sec-4 .elementor-element.elementor-element-7a81763 {
    max-width: 95%;
  }
  #com-sec-4 .elementor-element.elementor-element-7a81763 > .elementor-widget-container {
    background-color: #fff;
    background-image: none;
    background-size: cover;
    padding: 15px 10px;
    margin: 5px 0 15px;
    border: 3px solid;
  }
}


/* =========================
	PUBLIC DESKTOP CSS END
========================= */
/* =========================
	PUBLIC RESPONSIVE CSS
========================= */

/* TABLET LANDSCAPE */
@media (max-width: 1199px) {



}

/* TABLET PORTRAIT */
@media (max-width: 991px) {



}

/* MOBILE LANDSCAPE */
@media (max-width: 767px) {



}

/* MOBILE PORTRAIT */
@media (max-width: 479px) {



}

/* RETINA FIXES */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 	   only screen and (-o-min-device-pixel-ratio: 3/2),
 	   only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {



}
/* =========================
	PUBLIC RESPONSIVE CSS END
========================= */