@media screen and (max-width: 1440px) {
#blog-banner-sec .blog-banner-text .elementor-element-populated {padding: 0 0 0 100px;}
#blog-banner-sec .blog-banner-img-1 {top: -90px; left: -30px;}
#blog-banner-sec .blog-banner-img-2 {top: -111px; left: 0px;}
}

@media only screen and (max-width: 1200px) {
#blog-banner-sec {padding: 200px 0px 90px 0px;}
#blog-banner-sec .blog-banner-text .elementor-element-populated {padding: 0px 0px 0px 100px;}
#blog-banner-sec .blog-banner-text h2 {font-size: 46px; line-height: 56px;}
#blog-banner-sec .blog-banner-text p {font-size: 22px; line-height: 32px;}
#blog-banner-sec .blog-banner-img-1 {left: 25px; top: -60px;}
#blog-banner-sec .blog-banner-img-2 {left: 45px; top: -99px;}
}

@media only screen and (max-width: 992px) {
#blog-banner-sec .blog-banner-text .elementor-element-populated {padding: 0px 0px 0px 65px;}
#blog-banner-sec .blog-banner-text h2 {font-size: 38px; line-height: 40px;}
#blog-banner-sec .blog-banner-text p {font-size: 18px; line-height: 24px;}
#blog-banner-sec .blog-banner-img-1 {left: -25px; top: -90px;}
#blog-banner-sec .blog-banner-img-2 {left: 0; top: -107px;}
}

@media only screen and (max-width: 768px) {
#blog-banner-sec {padding: 150px 0px 50px 0px;}
#blog-banner-sec .blog-banner-text .elementor-element-populated {padding: 0px 0px 0px 40px;}
#blog-banner-sec .blog-banner-text h2 {font-size: 32px; line-height: 38px;}
#blog-banner-sec .blog-banner-text p {font-size: 16px; line-height: 22px;}
#blog-banner-sec .blog-banner-img-1 {left: -15px; top: -65px;}
#blog-banner-sec .blog-banner-img-2 {left: 0; top: -84px;}
}

@media only screen and (max-width: 576px) {
#blog-banner-sec {padding: 150px 0px 277px 0px;}
#blog-banner-sec .blog-banner-text .elementor-element-populated {padding: 0;}
#blog-banner-sec .blog-banner-img-1 .elementor-image img {width: 85%;}
#blog-banner-sec .blog-banner-img-2 .elementor-image img {width: 85%;}
#blog-banner-sec .blog-banner-img-1 {left: 0; top: 0;}
#blog-banner-sec .blog-banner-img-2 {left: 15px; top: -1px;}
}

@media only screen and (max-width: 420px) {
#blog-banner-sec {padding: 150px 0px 215px 0px;}
#blog-banner-sec .blog-banner-img-1 .elementor-image img {width: 90%;}
#blog-banner-sec .blog-banner-img-2 .elementor-image img {width: 90%;}
#blog-banner-sec .blog-banner-img-1 {left: 0; top: 0;}
#blog-banner-sec .blog-banner-img-2 {left: 15px; top: 8px;}
}
@media only screen and (max-width: 360px) {
#blog-banner-sec {padding: 130px 0px 180px 0px;}
#blog-banner-sec .blog-banner-text h2 {font-size: 30px; line-height: 34px;}
}