.common_poltical--wrapper { background: url('../../images/home-sec4-bg.jpg') no-repeat 0 0; background-size: cover; width: 100%; display: block; position: relative; padding: 50px 0px; } .common_poltical--wrapper.dotted_map_after::after { bottom: -20rem; left: 2rem; } .common_poltical--wrapper p { color: var(--white); } .common_poltical--wrapper .common_political_info--wrapper { margin-bottom: 30px; } .common_political_img--wrapper::after { content: ''; position: absolute; background: url('../../images/dotted-graphics.png')no-repeat 0 0; background-size: 100%; max-width: 185px; width: 130px; height: 110px; z-index: 0; right: 0rem; bottom: -2rem; } @media ( min-width: 576px ) { .common_poltical--wrapper{ padding-bottom: 100px; } .common_political_img--wrapper::after { right: -1rem; bottom: -3rem; width: 150px; height: 135px; } } @media ( min-width: 768px ) { .common_political_img--wrapper::after { right: -2rem; bottom: -3rem; width: 185px; height: 165px; } .common_poltical--wrapper .common_political_container { margin-top: -11rem; } .common_political_col_second, .common_political_img--wrapper { max-width: 543px; } .common_poltical--wrapper.dotted_map_after::after { bottom: -20rem; left: 2rem; } } @media ( min-width: 992px ) { .common_poltical--wrapper { height: 775px; padding: 0px; position: relative; } .common_poltical--wrapper .common_political_info--wrapper { margin-bottom: 0px; } .common_poltical--wrapper .common_political_container { margin-top: 0rem; position: absolute; width: 100%; left: 0rem; right: 0rem; top: -16rem; } .political_authors--wrapper .author_title { padding-top: 48px; } .common_political_img--wrapper { position: relative; } .common_political_img--wrapper img { text-align: right; } .common_political_img--wrapper::after { right: -1rem; } } @media ( min-width: 1040px ) { .common_political_img--wrapper::after { right: -3rem; } } @media ( min-width: 1200px ) { .common_poltical--wrapper { height: 821px; } .common_poltical--wrapper .common_political_info--wrapper { padding-right: 3rem; } .common_poltical--wrapper .common_political_img--wrapper { margin-left: -0.8rem; } .common_poltical--wrapper.dotted_map_after::after { bottom: -25rem; left: 5rem; } } @media ( min-width: 1780px ) { .common_poltical--wrapper .common_political_info--wrapper { padding-right: 8rem; } .common_poltical--wrapper .common_political_img--wrapper { margin-left: -0.9rem; } .common_poltical--wrapper.dotted_map_after::after { width: 680px; left: 13rem; } }