/*--------------------- Copyright (c) 2021 -----------------------
[Master Stylesheet]
Template Name: Dog Sitting Html Template
Version: 1.0.0
Author: Kamleshyadav
Website:
Purchase:
 -------------------------------------------------------------------
[Table of contents]
1. Body
2. Common Css
3. Header css / er_header_wrapper
4. Banner css/ er_banner_wrapper
5. Sponcer css/ er_sponser_slider
6. About / er_about_detail
7. Service Section / er_service_wrapper
8. Mission Section / er_list
9. Testimonial/ er_testimonial_slide
10. Team Section / er_team_box
11. Blog Section / er_blog_wrapper
12. Newsletter / er_newsletter_wrapper
13. Footer / er_footer_wrapper
14. Copyright / er_copyright_wrapper
15. Breadcrum / er_breadcrum_wrapper
16. Service page / er_service_page
17. Gallery page/ er_gallery_box
18. Contact page / er_info_box
19. Blog page / er_search_widget
20. Shop Page / er_product_box
21. Shop Single page / er_shopsingle_wrapper
22. Responsive Css
-------------------------------------------------------------------*/
:root{
    --bg-color:#fff5db;
    --text-color:#585858;
    --main-color:#d32300;
    --main-color:#f9411a;
    --main-color:#ed6436;
    --heading-color:#181818;
    --white-color:#ffffff;
    --transition:all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}
*,:after,:before{
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    outline: none;
}
body{
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    background-color: var(--white-color);
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    color: var(--heading-color);
    font-family: "Fredoka", serif;
}
a,a:hover,a:focus{
    color: inherit;
    text-decoration: none;
}
/* common css */
.bg_color{
    background: var(--bg-color);
}
.er_padderTop10{
    padding-top: 10px;
}
.er_padderTop20{
    padding-top: 20px;
}
.er_padderTop30{
    padding-top: 30px;
}
.er_padderTop40{
    padding-top: 40px;
}
.er_padderTop50{
    padding-top: 50px;
}
.er_padderTop60{
    padding-top: 60px;
}
.er_padderTop70{
    padding-top: 70px;
}
.er_padderTop80{
    padding-top: 80px;
}
.er_padderTop90{
    padding-top: 90px;
}
.er_padderTop100{
    padding-top: 100px;
}
.er_padderBottom5{
    padding-bottom: 5px;
}
.er_padderBottom10{
    padding-bottom: 10px;
}
.er_padderBottom20{
    padding-bottom: 20px;
}
.er_padderBottom30{
    padding-bottom: 30px;
}
.er_padderBottom40{
    padding-bottom: 40px;
}
.er_padderBottom50{
    padding-bottom: 50px;
}
.er_padderBottom60{
    padding-bottom: 60px;
}
.er_padderBottom70{
    padding-bottom: 70px;
}
.er_padderBottom80{
    padding-bottom: 80px;
}
.er_padderBottom90{
    padding-bottom: 90px;
}
.er_padderBottom100{
    padding-bottom: 100px;
}
.er_margin0{
    margin: 0px;
}
.er_verticle_center{
    display: flex;
    align-items: center;

}
.er_heading_wrapper h1{
    font-size: 28px;
    font-weight: 600;
}
.er_heading_wrapper.heading_shape h1 {
    display: inline-block;
    margin-top: 0;
    position: relative;
    padding: 0 55px;
    color: var(--main-color);

}
.er_heading_wrapper.heading_shape h1:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, rgb(237 100 54 / 43%) 0%, transparent 100%);
    width: 37px;
    height: 10px;
    margin: auto;
}
.er_heading_wrapper.heading_shape h1:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgb(237 100 54 / 43%) 0%, transparent 100%);
    width: 37px;
    height: 10px;
    margin: auto;
}
.form-control {
    height: 60px;
    border: none;
    box-shadow: none;
    background-color: #f5f5f5;
    color: var(--text-color);
    padding: 0 30px;
    box-shadow: none !important;
}
textarea.form-control{
    height: 100px;
    resize: none;
}
.er_loader_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* btn css */
.er_btn {
    display: inline-flex;
    align-items: center;
    padding: 0 24px;
    background-color: var(--main-color);
    color: #ffffff !important;
    height: 50px;
    position: relative;
    border-radius: 6px;
    text-transform: capitalize;
    overflow: hidden;
    z-index: 1;
    outline: none;
    border: none;
}
.er_btn:hover:after {
    transform: translate(-50%,-50%) scale(1);
    opacity: 0;
}
.er_btn:after {
    position: absolute;
    content: '';
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    border-radius: 100%;
    z-index: -1;
}
.er_btn svg{
    margin-left:10px;
    fill:#ffffff;
}
.er_btn span{
    display: inline-flex;
}
/* link css */
.er_link {
    font-weight: 500;
    text-transform: capitalize;
    color: var(--main-color);
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

.er_link>span {
    width: 18px;
    height: 18px;
    background-color: var(--main-color);
    color:var(--white-color);
    display:inline-flex;
    justify-content:center;
    border-radius:100%;
    line-height: 19px;
    margin-left: 10px;
}
/* header css start */
.er_header_wrapper {
    background-color: #fff;
    border-radius: 6px;
}
.er_header_wrapper .er_info_list {
    padding: 0;
    list-style: none;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.er_top_header_wrapper {
    padding: 15px 65px;
    border-bottom: 1px solid rgba(83, 68, 98, 0.10);
}

.er_header_wrapper .er_info_list li {
    display: inline-flex;
    align-items: center;
    margin-right: 48px;
    font-size:14px
}

.er_header_wrapper .er_info_list li .er_detail {
    display: flex;
    flex-direction: column;
    word-break: break-all;
}
.er_header_wrapper .er_info_list li .er_detail>span{
    font-size: 14px;
    color: var(--main-color);
    font-weight: 500;
}
.er_detail a {
    color: var(--text-color);
}
.er_header_wrapper .er_info_list li .er_icon {
    margin-right: 15px;
}
.er_menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.er_toggle{
    display: none;
}
.er_menu li {
    display: inline-flex;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    margin-right: 50px;
    color: var(--text-color);
    cursor: pointer;
    font-weight: 500;
}
.er_menu li a img{
    display: none;
}
.er_menu li:hover{
    color: var(--main-color);
}
.er_menu li .sub-menu {
    position: absolute;
    top: 100%;
    padding-top: 0px;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.er_menu li:hover .sub-menu{
    padding-top: 25px;
    opacity: 1;
    visibility: visible;
}
.er_menu li .sub-menu>ul{
    width: 200px;
    background-color: #ffffff;
    padding: 5px 0;
    border-radius: 10px;
}
.er_menu li .sub-menu>ul>li>a {
    display: flex;
    padding: 10px 20px;
}
.er_menu li .sub-menu>ul>li {
    margin: 0;
    display: flex;
}
.er_card_wrapper .er_cart_box {
    position: absolute;
    top: 100%;
    background-color: #ffffff;
    width: 300px;
    right: -20px;
    border-radius: 10px;
    padding: 20px;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
}
.er_card_wrapper.er_cart_open .er_cart_box{
    opacity: 1;
    visibility: visible;
    transform: translateY(22px);
}
.er_card_wrapper .er_cart_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.er_card_wrapper .er_cart_box ul li {
    display: flex;
    padding-bottom: 20px;
}

.er_card_wrapper .er_cart_box ul li .er_cart_img {
    width: 70px;
    height: 70px;
    background-color: var(--text-color);
    overflow: hidden;
    margin-right: 15px;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
}
.er_card_wrapper .er_cart_box ul li .er_cart_img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.er_card_wrapper .er_cart_box ul li .er_cart_info {
    width: calc(100% - 100px);
}

.er_card_wrapper .er_cart_box ul li .er_cart_info p {
    font-size: 14px;
    color: var(--main-color);
}

.er_card_wrapper .er_cart_box ul li .er_cart_info a {
    color: var(--heading-color);
    font-weight: 600;
}

.er_cart_total {
    border-bottom: 1px solid #f6f6f7;
    border-top: 1px solid #f6f6f7;
    padding: 10px 0;
}

.er_cart_total p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    text-transform: capitalize;
    color: var(--heading-color);
    font-weight: 600;
}

.er_cart_btn {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.er_cart_btn .er_btn {
    height: 40px;
    padding: 0 20px;
    border: none;
}

.er_menu_wrapper {
    padding: 17px 65px;
    display: flex;
    justify-content: space-between;
}
.er_search_wrapper {
    border-right: 1px solid #edecef;
    padding-right: 20px;
    margin-right: 20px;

}
.er_search_wrapper>span{
    cursor: pointer;
}

.er_search_popup {
    position: fixed;
    left: 0;
    top: 100%;
    bottom: 0;
    right: 0;
    background-color: rgb(0 187 230 / 65%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}
.er_popup_open .er_search_popup{
    top: 0;
    opacity: 1;
    visibility: visible;
}

.er_menu_wrapper .er_right {
    display: flex;
}

.er_card_wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.er_card_wrapper span {
    padding: 0 20px 0 10px;
}
.er_search {
    position: relative;
    max-width: 500px;
    width: 100%;
}
.er_search .er_btn {
    position: absolute;
    right: 5px;
    top: 5px;
}
.er_close_popup {
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 20px;
}
/* header css end */
/* banner css start */
.er_vector_list{
    padding: 0;
    list-style: none;
}
.er_vector_list > li {
    position: absolute;
}
.er_vector_banner > li:nth-child(01) {
    top: 0;
    right: 0%;
    width: 100px;
}
.er_vector_banner > li:nth-child(02) {
    bottom: 0;
    left: 20%;
        width: 120px;

}
.er_vector_banner > li:nth-child(03) {
    position: absolute;
    right: -60px;
    bottom: 0;
    width: 100px;
    animation-duration: 10s;
}
.er_vector_banner > li:nth-child(04) {
    position: absolute;
    top: 0;
    left: 15%;
    width: 170px;
    animation: 3s ani_top infinite alternate;
}
.er_bg_video_wrap {
    position: absolute;
    top: 0;
    right: 0;
}

.er_bg_video_wrap video {
    width: 100%;
    height: auto;
}
.er_banner_wrapper .container-fluid, header  .container-fluid {
    padding: 0 7%;
}
.er_banner_img_wrap{
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 0;
}
.er_banner_img {
    animation: 20s ani_right infinite alternate;
}
.er_banner_img  > img{
    max-width: 620px;
}
.er_banner_img_wrap:before {
    content: "";
    position: absolute;
    bottom: 0;
    /* left: 0; */
    right: 0;
    width: 560px;
    height: 560px;
    background: var(--main-color);
    border-radius: 50%;
    margin: auto;
    z-index: -1;
    animation: icon_animation 10s linear infinite alternate forwards;
}
.er_banner_wrapper{
    background: #fff5db;
    padding: 100px 0 100px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.er_banner_wrapper:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/banner/bg_vector.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
    opacity: 0.03;
}
.er_banner_detail {
    color: #ffffff;
}
.er_banner_detail>span {
    font-size: 20px;
    position: relative;
    font-style: italic;
    color:var(--main-color);
}
.er_banner_detail h1 {
    font-size: 90px;
    font-weight: 600;
    color:var(--heading-color);
    margin: 15px 0 25px;
    line-height: 1.4;
}
.er_banner_detail p {
    margin: 0px 0 30px;
    color:var(--text-color);
}
.er_scroll_btn {
    width: 100px;
    align-items: center;
    height: 100px;
    display: inline-flex;
    background-color: var(--white-color);
    border-radius: 100%;
    justify-content:center;
    flex-direction:column;
    border:5px solid var(--main-color);
    color:var(--main-color);
    position:absolute;
    left:50%;
    bottom: 30px;
    cursor: pointer;
    transform: translateX(-50%);
}
.er_scroll_btn svg{
    fill:var(--main-color);
    margin-bottom:5px;
}
/* banner css end */
/* spnsor slider start*/
.er_sponser_wrapper {
position: relative;
padding:90px 0 50px;
z-index: 0;
}
.er_sponser_wrapper:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/banner/bg_vector.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.02;
}
.er_sponser_slider .er_logoo_img img{
    margin: 0 auto;
    filter: grayscale(1);
}
.er_sponser_slider .er_logoo_img img:hover{
    filter: grayscale(0);
}
.er_logoo_img a {
    outline: 0 !important;
}
/* spnsor slider end*/
/* about start*/
.er_about_wrapper {
    padding: 80px 0 60px;
}
.er_about_detail>span{
    color: var(--main-color);
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing:2.60px;
    padding-left: 60px;
    position:relative;
}
.er_about_detail>span:before{
    position: absolute;
    content: '';
    background: linear-gradient(270deg, rgb(237 100 54 / 43%) 0%, transparent 100%);
    width: 37px;
    height: 10px;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.er_about_detail h1 {
    margin-top: 5px;
    font-size: 52px;

}
.er_about_service{
    border-radius: 10px;
    background-color:var(--white-color);
    box-shadow: 0px 0px 40px 0px rgba(105, 59, 132, 0.1);
    padding:40px 30px;
    margin-bottom: 30px;
    transform: var(--transition);
    -webkit-transform: var(--transition);
    -moz-transform: var(--transition);
    -ms-transform: var(--transition);
    -o-transform: var(--transition);
}
.er_about_service:hover{
    background-color: #f4fdff;
    transform: translateY(-20px);
}
.er_subheading {
    font-size: 20px;
    font-weight: 600;
}
.er_about_service  .er_icon {
    background-color: #cfcfcf;
    width: 80px;
    height: 80px;
    display: inline-flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}
.er_about_service p{
    margin:0;
}
.er_ecosystem .er_icon {
    background-color: #f0eefd;
}
.er_about_service.er_ser1 .er_icon svg path{
    fill: #6c5aed;
}
.er_recycling .er_icon {
    background-color: #e6f3ff;
}

.er_about_service.er_ser2 .er_icon svg path {
    fill: #068efe;
}
.er_save_forests .er_icon {
    background-color: #edfbf1;
}

.er_about_service.er_ser3 .er_icon svg path {
    fill: #53d575;
}
/* about end*/
/* step */
.er_step_wrapper {
    padding: 100px 0 70px;
    background-image: url('../images/bg_step.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center top;
    position: relative;
    z-index: 0;
}
.er_step_wrapper:after {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 0%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
/* step */
/* service start */
.er_service_wrapper {
    padding: 95px 0 60px;
}
.er_service .er_subheading{
    margin-bottom: 15px;
    font-weight: 500;
}
.er_service .er_link {
    color: var(--heading-color);
}
.er_service .er_link>span {
    background-color:var(--heading-color);
}
.er_service {
    min-height: 290px;
    background: #dae7c8;
    margin-bottom: 30px;
    padding: 40px 20px;
    text-align: center;
    border-radius: 10px;
}
.er_service > span {
    background: #789f47;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    z-index: 0;
}
.er_service > span:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    border: 1px solid #789f47;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: -1;
    transition: all 0.3s;
}
.er_service:hover > span:after{
    top: 0;
    left: 0;
}
.er_service:hover > span svg{
    animation: icon_bubble 1s ease-in-out infinite alternate forwards;
}
.er_service.servieB2 {
    background: #ffe6d1;
}
.er_service.servieB2 > span{
    background:#d19765;
}
.er_service.servieB2 > span:after{
    border-color:#d19765;
}

.er_service.servieB3 {
    background: #ffdcfa;
}
.er_service.servieB3 > span{
    background:#ed4cd8;
}
.er_service.servieB3 > span:after{
    border-color:#ed4cd8;
}

.er_service.servieB4 {
    background: #E7DFFF;
}
.er_service.servieB4 > span{
    background:#6D4DD4;
}
.er_service.servieB4 > span:after{
    border-color:#6D4DD4;
}

.er_service.servieB5 {
    background: #cae3ff;
}
.er_service.servieB5 > span{
    background:#57a6ff;
}
.er_service.servieB5 > span:after{
    border-color:#57a6ff;
}

.er_service.servieB6 {
    background: #ffe5d7;
}
.er_service.servieB6 > span{
    background:#ff9359;
}
.er_service.servieB6 > span:after{
    border-color:#ff9359;
}

.er_service span svg {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.er_service:hover span svg {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
/* service end */
/* mission css start */
.er_mission_img{
    display: flex;
    justify-content: flex-end;
}
.er_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.er_list li span {padding-right: 10px;}

.er_list li {
    margin-bottom: 15px;
}
.er_mission_box {
    border-radius: 10px;
    background-color:var(--white-color);
    box-shadow: 0px 0px 40px 0px rgba(105, 59, 132, 0.1);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_mission_box:hover {
    background-color: #f4fdff;
}
.er_mission_box .er_icon{
    width:60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #ddfbec;
}
.er_mission_box .er_detail {
    width: calc(100% - 70px);
    font-size: 14px;
}
.er_mission_box.er_support .er_icon{
    background-color: #f8ecfe;
}
.er_mission_box .er_detail span {
    font-weight: 600;
}
/* mission css end */
/* testimonial css start */
.er_testimonial_wrapper{
    position: relative;
    padding: 90px 0;
}
.er_vector_testimonial > li:nth-child(01) {
    top: 6%;
    left: 4%;
    width: 180px;
}
.er_vector_testimonial > li:nth-child(02) {
    bottom: 0;
    right: 3%;
    width: 170px;

}

.er_testimonial_slide {
    border-radius: 10px;
    background-color: var(--white-color);
    box-shadow:0 50px 30px -50px rgb(70 176 195 / 20%);
    padding:40px 20px;
    margin: 0 15px;
    position: relative;
    z-index: 1;
    outline: none;
}
.er_testimonial_slide:after,.er_testimonial_slide:before{
    position: absolute;
    content: '';
    left: 40px;
    background: url('../images/svg/quote.svg') no-repeat center;
    top: 40px;
    width: 65px;
    height: 56px;
    z-index: -1;
}
.er_testimonial_slide:after{
    transform: scale(-1);
    left: auto;
    right: 40px;
    top: auto;
    bottom: 40px;
}
.er_testimonial_slide_wrapper{
    position: relative;
    z-index: 1;
}

.er_testimonial_slide_wrapper:after {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 50px 30px -50px rgb(70 176 195 / 20%);
    position: absolute;
    left:30px;
    right: 30px;
    bottom: -20px;
    content: '';
    height: 100%;
    z-index: -1;
  }

.er_testimonial_slide >span>img{
    border-radius:100%;
    margin:0 auto;
    border:4px solid var(--main-color)
}
.er_testimonial_slide >span.er_test_img{
    margin-bottom:15px;
    display:inline-flex;
}
.slick-list.draggable {
    padding: 40px 15px 60px;
}
.er_testimonial_slide .er_name {
    font-size: 16px;
    position: relative;
    padding: 22px 0 0 0;
    margin: 17px 0 5px;
}

.er_testimonial_slide .er_name:before {
    position: absolute;
    content: '';
    width:66px;
    height:2px;
    background-color:var(--main-color);
    left:50%;
    transform:translateX(-50%);
    top: 0;
}

.er_testimonial_slide .er_designation {
    color: var(--main-color);
}
.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    display: inline-flex;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: #c6d8d8;
    border-radius: 100%;
}

.slick-dots li button {
    display: none;
}

.slick-dots li.slick-active {
    background-color:var(--main-color)
}
/* testimonial css end */
/* team css start */
.er_team_wrapper {
    padding: 90px 0;
}


.er_team_box {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 40px -20px rgba(105, 59, 132, 0.1);
   padding: 40px;
   transition: var(--transition);
   -webkit-transition: var(--transition);
   -moz-transition: var(--transition);
   -ms-transition: var(--transition);
   -o-transition: var(--transition);
  }
  .er_team_box:hover {
    background-color: #f4fdff;
}
  .er_team_box
 .er_team_img {
    display: inline-flex;
    border-radius: 100%;
    overflow: hidden;
}

.er_team_box p {
    font-size: 14px;
    color: var(--main-color);
}

.er_team_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.er_team_box ul li {
    display: inline-flex;
    margin: 0 4px;
}

.er_team_box ul li a {
    width: 50px;
    height: 50px;
    background-color: #ddd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_team_box ul li a svg {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_team_box ul li.er_profile a {
    background-color: #f0eefd;
}
.er_team_box ul li.er_profile:hover a {
    background-color: #6c5aed;
}

.er_team_box ul li.er_profile a svg {
    fill: #6c5aed;
}
.er_team_box ul li.er_message a {
    background-color: #e6f3ff;
}
.er_team_box ul li.er_message:hover a {
    background-color: #068efe;
}

.er_team_box ul li.er_message a svg {
    fill: #068efe;
}
.er_team_box ul li.er_call a {
    background-color: #edfbf1;
}
.er_team_box ul li.er_call:hover a {
    background-color: #5dd87d;
}

.er_team_box ul li.er_call a svg {
    fill: #5dd87d;
}
.er_team_box ul li:hover a svg{
    fill:#ffffff
}
/* team css end */
/* blog css start */
.er_blog_wrapper {
    padding: 90px 0 70px;
}
.er_blog_box{
    margin-bottom: 30px;
}
.er_blog_img {
    position: relative;
    margin-bottom: 45px;
}

.er_blog_img .er_btn {
    position: absolute;
    left: 20px;
    bottom: -25px;
    padding: 0 15px;
}

.er_blog_img .er_btn img {
    margin-right: 10px;
}

.er_blog_box .er_subheading {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5px;
}

.er_blog_img>div {
    border-radius: 6px;
    overflow: hidden;
}
.er_blog_img>div img{
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
}
.er_blog_box:hover .er_blog_img>div img{
    transform: scale(1.1);
}
/* blog css end */
/* newsletter css start */
.er_newsletter_wrapper {
    position: relative;
    padding: 80px 0;
}
.er_newsletter_wrapper .form-control {
    padding: 0 20px;
}
/* newsletter css end */
/* footer css start */
.er_footer_wrapper{
    background-image: url('../images/footer_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center top;
    /*padding-top: 180px;
    margin-top: -80px; */
}
.er_footer_wrapper {
    /* background: #fff5db; */
    padding: 80px 0 50px;
}
.widget-title {
    font-size: 18px;
    /* color: #fff; */
    font-weight: 600;
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 14px;
}

.widget-title:after,.widget-title:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 1px;
    background-color: var(--main-color);
    bottom: 4px;
    left: 0;
}
.widget-title:after{
    bottom:0;
    width:64px
}
.widget{
    margin: 0 0 30px;
}
.widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul li{
    color: var(--heading-color);
    line-height: 32px;
    padding-left: 20px;
    position: relative;
}
.widget ul li:hover{
    color: var(--main-color);
}
.widget ul li:hover a{
    text-decoration: underline;
}
.widget ul li:before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background-color: var(--heading-color);
    border-radius: 100%;
    left: 0;
    top: 12px;
}
.widget ul li:hover:before{
    background-color: var(--main-color);
}
.er_about_widget h5 {
    color: var(--heading-color);
    font-weight: 500;
    margin-bottom: 17px;
}
.er_about_widget p {
color: var(--heading-color);
}

.er_about_widget .er_btn {height: 60px;border-radius: 0 60px 60px;}

.er_about_widget .er_btn svg {
    margin: 0 10px 0 0;
}
/* footer css end */
/* copyright css start */
.er_copyright_wrapper{
    background-color: var(--main-color);
    padding: 12px 0;
}
.er_copyright_wrapper p {
    color: #ffffff;
    font-size: 14px;
}
/* copyright css end */
/* breadcrum start */
.er_breadcrum_wrapper{
    background-image: url('../images/bc_bg.jpg');
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 210px 0 50px;
    position: relative;
    z-index: 0;
}
.er_breadcrum_wrapper:after{
    /* position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    opacity: 0.5;
    z-index: -1; */
}

.er_breadcrum_wrapper  h1 {
    margin: 0px 0 15px;
    font-size: 28px;
}
.er_breadcrum_wrapper .breadcrumb {
    display: inline-flex;
    background-color: var(--white-color);
    border-radius: 40px;
    font-size: 14px;
    line-height: 18px;
    padding: 11px 30px;
    margin: 0px;
    color: var(--heading-color);
}
.breadcrumb>li+li:before {
    content: '/\00a0/\00a0';
    color: var(--heading-color);
}

/* breadcrum end */
/* service page start */
.er_service_page .er_service_wrapper,.er_blog_page .er_blog_wrapper{
    background-color: #ffffff;
}
/* service page end */
/* portfolio page start */
.er_gallery_box {
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.er_gallery_box:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: var(--main-color);
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.er_gallery_box:hover:after {
    opacity: 0.6;
    transform: scale(1);
}
/* portfolio page end */
/* Contact page start */
.er_info_box {
    border-radius: 10px;
    background-color: var(--white-color);
    box-shadow: 0px 0px 40px 0px rgb(105 59 132 / 10%);
    padding: 40px 30px;
    margin-bottom: 30px;
    text-align:center;
}
.er_info_box .er_icon{
    background-color:var(--main-color);
    width:70px;
    height:70px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:100%
}
.er_contact_form label{
    color: var(--heading-color);
}
/* Contact page end */
/* Blog page start */
.er_search_widget {
    position: relative;
    margin-top: 10px;
}
.er_search_widget .form-control{
    padding: 0 80px 0 30px;
}

.er_search_widget a {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--main-color);
    bottom: 5px;
    width:50px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center
}

.er_search_widget a svg path {
    fill: #ffffff;
}
.er_blog_sidebar .widget-title{
    color: var(--heading-color);
}
.er_recentposts li a {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.widget .er_recentposts li {
    padding: 0;
}

.widget .er_recentposts li:before {
    display: none;
}

.er_recentposts li a .er_detail {
    width: calc(100% - 90px);
}

.er_recentposts li a .er_img {
    margin-right: 15px;
}

.er_recentposts li a .er_detail h5 {
    margin: 0;
}

.er_recentposts li a .er_detail span {
    color: var(--main-color);
    font-size: 14px;
}
.er_tag_wrapper .er_btn {
    margin: 0 1px 5px 0;
}
.er_customer_box.er_bloquote {
    background-color: var(--main-color);
    padding: 0 45px 42px;
    position: relative;
    margin-top: 45px;
    padding: 50px;
    margin-bottom: 20px;
    border-radius: 20px;
    color: var(--white-color);
}
.er_customer_box.er_bloquote h3 span {
    font-size: 14px;
}
.er_blog_single .er_blog_img>div img {
    width: 100%;
}
.er_bloquote h3 {
    color: #fff;
}
.er_comment_form .widget-title,.er_comment_section .widget-title{
    color: var(--heading-color);
    font-size: 24px;
}
.er_comment_form textarea.form-control {
    height: 210px;
    padding: 15px 30px;
}
.er_about_admin {
    display: flex;
    align-items: center;
    background-color: var(--main-color);
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    flex-wrap: wrap;
}
.er_about_admin .er_aboutImage {
    width: 120px;
    border-radius: 100%;
    overflow: hidden;
}
.er_about_admin .er_aboutDetail h3 {
    color: #fff;
}
.er_comment_section ul{
    margin: 0px;
    padding:0px;
    list-style: none;
}
.er_comment_section ul li{
    display: flex;
    flex-wrap: wrap;
}
.er_comment_section > ul > li{
    border-bottom: 1px solid #e7e7e7;
    padding: 40px 0;
}
.er_comment_section > ul > li:last-child{
    border-bottom: none;
}
.er_comment_section > ul > li > ul > li {border-top: 1px solid #e7e7e7;padding: 40px 0 0;}

.er_comment_section > ul > li > ul > li:first-child {
    border: none;
    padding: 0 0 40px;
}
.er_comment_section > ul > li > ul > li{
    margin-left: 30px;
}
.er_comment_section >ul>li .er_comnt_img{
    width: 110px;
}
.er_comment_section >ul>li .er_comnt_img img{
    border-radius: 100%;
}
.er_comment_section >ul>li .er_comnt_detail{
    position: relative;
}
.er_comment_section >ul>li .er_comnt_detail .er_btn{
    padding: 0 15px;
}
.er_comment_section >ul>li .er_comnt_detail .er_btn img{
    margin-right: 10px;
}
.er_comment_section >ul>li .er_comnt_detail>span {
    display: flex;
    padding: 5px 0 10px;
}

.er_comment_section >ul>li .er_comnt_detail>span img {
    margin-right: 10px;
}
/* Blog page end */
/* shop page start */
.er_product_box{
    margin-bottom: 30px;
}
.er_product_img {
    border-radius: 10px;
    overflow: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    border: 1px solid #e7e7e7;
}
.er_product_box:hover .er_product_img img{
    transform: scale(1.1);
}
.er_product_box .er_price {
    font-weight: 600;
    color: var(--main-color);
}

.er_product_box .er_price del {
    margin-right: 15px;
    color: var(--text-color);
    font-weight: 400;
}
/* shop page end */
/* shop single page start */
.er_shopsingle_wrapper,.er_cartsingle_wrapper,.er_checkout_wrapper{
    background-image: url('../images/bg4.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.er_shopsingle_nav .er_prod_img {
    margin: 0 0 30px;
    width:169px !important;
    cursor: pointer;
}
.er_shopsingle_nav .er_prod_img img {
    height: 140px;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
}
.er_shopsingle_for .er_prod_img img {
    width:100%;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
}
.er_shopsingle_for .slick-list.draggable {
    padding: 0;
}
.er_shopsingle_slider .er_shopsingle_nav {
    width: 200px ;
    padding-right: 30px;
}
.er_product_description .er_subheading {
    font-weight: 600;
    font-size: 24px;
}

.er_shopsingle_slider .er_shopsingle_for {
    width: calc(100% - 200px);
}
.er_product_description>p {
    font-size: 15px;
    padding-bottom: 13px;
}

.er_shopsingle_slider {
    display: flex;
}

.er_shopsingle_slider .er_shopsingle_nav .slick-track {
    display: flex;
    flex-direction: column;
}
.ad_wishlist,.ad_compare {
    width: 45px;
    height: 45px;
    border: 1px solid #e7e7e7;
    border-radius: 100%;
    margin: 0 0 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.er_share_box ul {
    margin: 0;
    padding: 0;
}
.er_price {
    font-size: 21px;
    margin: 5px 0 15px;
    color: var(--dark-color1);
    font-weight: 500;
}
.er_price del {
    color: #797979;
    margin-left: 10px;
}
.prod_quantity {
    display: flex;
    align-items: center;
    color: var(--dark-color1);
}
.prod_quantity input {
    margin: 0;
    padding: 0 60px;
    text-align: center;
    width: 56px;
    border: none;
    padding: 0;
    height: 43px;
}
.quantity {
    position: relative;
    margin: 0 30px;
    border: 1px solid #e7e7e7;
    width: 99px;
    border-radius: 15px;
    overflow: hidden;
}
.quantity .qty_button {
    position: absolute;
    background-color: transparent;
    border:none;
    right: 0;
    height: 22px;
    width: 40px;
    top:0;
    border-left: 1px solid #e7e7e7;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.quantity .quantity_minus{
    bottom: 0;
    top: auto;
    border-top: 1px solid #e7e7e7;
}
.prod_detail .buy_btn.er_btn span {
    margin-right: 6px;
}
.er_shopsingle_nav .slick-list.draggable {
    padding: 0 !important;
}
textarea.form-control {
    height: 120px;
    resize: none;
    padding-top: 15px;
    border-radius: 20px;
}
.er_cartsingle_wrapper .prod_thumb {
    position: absolute;
}
.er_price .er_btn {
    background: #f7b709;
    height: 30px;
    min-width: 108px;
    font-size: 19px;
    border-radius: 6px;
    margin-left: 22px;
}

.rating_star span {
    color: var(--dark-color1);
    margin:0 30px;
}

.product_rating {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(118 118 118 / 30%);
    padding-bottom: 26px;
    margin-bottom: 23px;
}

.prod_detail {
    display: flex;
    border-top: 1px solid rgb(118 118 118 / 30%);
    padding: 30px 0 0;
    border-bottom: 1px solid rgb(118 118 118 / 30%);
    flex-wrap: wrap;
}
.er_cartsingle_wrapper .prod_thumb img {
    width: 50px;
}

.er_cartsingle_wrapper .product_details {
    padding: 0 0 0 70px;
}
.er_cartsingle_wrapper td,.er_cartsingle_wrapper th {
    padding: 20px !important;
    border-top:1px solid rgb(255 255 255 / 10%) !important;
}

.er_cartsingle_wrapper table {
    border: 1px solid rgb(255 255 255 / 10%);
}
.cupon_code_wrap {
    display: flex;
}
.cupon_code_wrap .form-control {
    width: 35%;
    margin-right: 25px;
}

.step .receipt_btn{
    margin: 0 25px;
}
.stock_details span{
    color: #1cb71c;
}
.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
    background-color: var(--main-color) !important;
}
.er_widget_title {
    color: var(--dark-color1);
    font-weight:600;
    font-size:20px;
    margin-bottom:20px;
}
.er_widget ul{
    margin:0;
    padding:0;
    list-style:none;
}
.er_widget ul li{
    line-height: 20px;
    padding: 15px 0;
    border-top: 1px solid #e7e7e7;
    text-transform: capitalize;
}
.er_widget ul li a{
    transition: none;
}
.er_widget ul li.er_product:hover span+span{
    color: var(--main-color);
}
.er_widget ul li:hover{
    color: var(--main-color);
}
.er_widget ul li:first-child {
    padding-top: 0px;
    border-top: none;
}
.er_widget ul li:last-child {
    padding-bottom: 0px;
}
.er_share_widget.er_share_box ul li a {
    width: 39px;
    height: 39px;
}
.er_share_widget.er_share_box ul li{
    border: none;
    padding: 0px;
}
.er_share_widget.er_share_box ul li a svg{
    fill:#797979;
    transition: none;
}
.er_product>a {
    display: flex;
    align-items: center;
}
.er_share_widget.er_share_box ul li:hover a svg{
    fill: var(--main-color);
}
.er_product .er_productimg {
    padding: 10px;
    background-color: #f6f8fc;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
}

.er_product .er_product_detail {
    padding: 0 0 0 19px;
    display: flex;
    flex-direction: column;
}

.er_product .er_product_detail>img {
    width: 80px;
    margin-bottom: 10px;
}

.er_product .er_product_detail>.er_title {
    color: var(--heading-color);
    font-weight: 600;
    margin-bottom: 6px;
}
.er_product .er_product_detail>span {
    color: var(--heading-color);
}
.er_product .er_product_detail>span>del{
    color:#797979;
    margin-left:7px;
}
.er_share_box ul {
    margin: 0;
    padding: 0;
}
.er_share_box ul li a:hover{
    border-color: var(--main-color);
}
.er_share_box ul li a {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e7e7;
    border-radius: 100%;
}
.er_share_box ul li {
    display: inline-flex;
    margin-right: 18px;
}
.er_share_box ul li svg{
    transition: none;
    fill: var(--text-color);
}
.er_share_box ul li:hover svg{
    fill: var(--main-color);
}
.er_tab_wrapper .nav-tabs>li>a {
    background-color: transparent !important;
    border: none !important;
    font-size: 20px;
    padding: 16px 35px;
    position: relative;
}
.er_tab_wrapper .nav-tabs>li>a::before{
    position: absolute;
    content: '';
    height: 1px;
    width:0;
    background-color: var(--main-color);
    bottom: 0;
    left: 0;
}
.er_tab_wrapper .nav-tabs>li>a:hover,.er_tab_wrapper .nav-tabs>li.active > a{
    color: var(--main-color);
}
.er_tab_wrapper .nav-tabs>li>a:hover:before,.er_tab_wrapper .nav-tabs>li.active>a:before{
    width: 100%;
}
.er_tab_wrapper .nav-tabs {
    border-color: rgb(121 121 121 / 20%);
}
.er_shopsingle_wrapper  .er_tab_wrapper {
    background-color: #f5fcfe;
    padding: 10px 40px;
    border-radius: 20px;
}
/* shop single page end */


/* responsive */
@media (min-width: 1200px){
    .container{
        width:1200px
    }
}
@media (min-width: 992px){
    header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10;
        padding-top: 30px;
    }
    .er_banner_wrapper{
        padding: 233px 0 67px;
    }
    .er_comment_section >ul>li .er_comnt_detail{
        width: calc(100% - 110px);
        position: relative;
    }
    .er_comment_section > ul > li > ul > li{
        margin-left: 100px;
    }
    .er_comment_section >ul>li .er_comnt_detail .er_btn{
        position: absolute;
        right: 35px;
        top: 0;
    }
}
@media (min-width: 576px){
    .er_about_admin .er_aboutDetail {
        width: calc(100% - 140px);
    }
    .er_about_admin .er_aboutImage {
        margin-right: 20px;
    }
}
@media (min-width: 421px){
    .er_newsletter_wrapper .er_btn {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .er_newsletter_wrapper .form-control {
        padding: 0 230px 0 30px;
    }
}
@media (max-width:1799px){
    .er_banner_wrapper .container-fluid, header .container-fluid {
        padding: 0 5%;
    }

}
@media (max-width:1599px){
    .er_banner_wrapper .container-fluid, header .container-fluid {
        padding: 0 4%;
    }
    .er_banner_detail h1 {
        font-size: 80px;
    }
    .er_banner_img > img {
        max-width: 450px;
    }
    .er_banner_img_wrap:before {
        width: 500px;
        height: 500px;
    }
}
@media (max-width:1399px){
    .er_banner_wrapper .container-fluid, header .container-fluid {
        padding: 0 3%;
    }
    .er_banner_detail h1 {
        font-size: 70px;
    }
    .er_banner_detail p {
        font-size: 14px;
    }
    .er_banner_img_wrap {
        justify-content: center;
    }
    .er_vector_banner > li:nth-child(04) {
        left: 0;
        width: 100px;
    }
    .er_vector_banner > li:nth-child(02) {
        left: 0;
        width: 80px;
    }
    .er_vector_banner > li:nth-child(01) {
        width: 80px;
    }
    .er_vector_banner > li:nth-child(03) {
        right: -20px;
        width: 80px;
    }



}
@media (max-width:1199px){
    .er_banner_img > img {
        max-width: 360px;
    }
    .er_banner_img_wrap:before {
        width: 380px;
        height: 380px;
    }

    .er_banner_detail h1{
        font-size: 32px;
    }
    br{
        display: none;
    }
    .er_banner_detail>span {
        font-size: 18px;
    }
    .er_top_header_wrapper{
        padding: 15px;
    }
    .er_menu_wrapper{
        padding: 17px 15px;
    }
    .er_menu li{
        margin-right: 30px;
    }
    .er_header_wrapper .er_info_list li{
        margin-right: 10px;
    }
    .er_service {
        min-height: 317px;
    }
    .er_mission_img {
        display: flex;
        justify-content: center;
    }
    .er_mission_img > img{
        max-width: 250px;
    }
}
@media (max-width:991px){
    .er_btn {
        height: inherit;
        padding: 10px 14px;
        font-size: 14px;
    }
    .er_scroll_btn{
        bottom: 60px;
    }
    .er_menu li {
        margin-right: 18px;
    }
    .er_verticle_center {
        display: block;
    }
    .er_banner_detail {
        padding-top: 50px;
    }
    .er_banner_wrapper .er_verticle_center {
        flex-direction: column-reverse;
        display: flex;
    }
    .er_logo {
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .er_breadcrum_wrapper {
        padding: 60px 0 110px;
    }
    .er_comment_form {
        margin-bottom: 50px;
    }
    .er_about_detail h1 {
        font-size: 42px;
    }
    .er_vector_testimonial > li:nth-child(01) {
        width: 90px;
    }
    .er_blog_wrapper{
        padding-bottom: 0px;
    }
    .er_shopsingle_wrapper .er_tab_wrapper{
        display: grid;
    }
    .er_product_description {
        padding: 50px 0;
    }
    .er_about_detail{
        padding-top: 20px;
    }
     header .container-fluid {
        padding: 0 0%;
    }
}
@media (max-width:768px){
    .er_banner_wrapper, .er_about_wrapper, .er_step_wrapper, .er_testimonial_wrapper, .er_sponser_wrapper, .er_team_wrapper, .er_blog_wrapper, .er_footer_wrapper  {
        padding: 50px 0 50px;
    }
    .er_top_header_wrapper .col-lg-9.col-md-9.text-right {
        text-align: center;
    }
    .er_banner_detail h1 {
        margin: 10px 0 10px;
    }
    .er_header_wrapper .er_info_list {
        margin-bottom: 30px;
    }
    .er_menu_wrapper{
        justify-content: center;
    }
    .er_toggle{
        display: block;
        cursor: pointer;
        margin-right: 10px;
    }
    .er_menu {
        position: fixed;
        left: -200px;
        top: 0;
        bottom: 0;
        width: 200px;
        z-index: 1;
        background-color: var(--main-color);
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }
    .menu_open .er_menu{
        left: 0;
    }

    .er_menu li {
        color: #ffffff;
        display: block;
        padding: 12px 15px;
    }
    .er_menu >li>a >img{
        display: block;
        position: absolute;
        right: 0;
        top: 22px;
    }
    .er_menu li:hover {
        color: var(--heading-color);
    }

    .er_menu li .sub-menu {
        position: relative;
        padding-top: 0px !important;
        display: none;
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
    }

    .er_menu li .sub-menu ul {
        background-color: transparent;
    }

    .er_menu li .sub-menu ul li {
        padding: 0;
    }
    .er_menu .submenu_open .sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        padding: 0;
    }
    .er_about_wrapper,.er_service{
        text-align: center;
    }
    .er_about_img img{
        margin: 0 auto;
    }
    .er_blog_img >div>img,.er_product_img img,.er_gallery_box img{
        width: 100%;
    }
    .er_about_detail h1{
        font-size: 32px;
    }

}
@media (max-width:575px){
    .er_banner_detail h1 {
        font-size: 24px;
    }
    .er_banner_img_wrap:before {
        width: 100%;
        height: 100%;
    }
    .er_banner_img > img {
        max-width: 70%;
        margin: auto;
    }
    .er_about_detail h1 {
        font-size: 22px;
    }


}
@media (max-width:420px){
    .er_newsletter_wrapper .er_btn {
        margin-top: 10px;
    }
    .er_vector_banner > li:nth-child(01), .er_vector_banner > li:nth-child(02), .er_vector_banner > li:nth-child(03),.er_vector_banner > li:nth-child(04) {
        width: 50px;
    }
}
@media (max-width:380px){
}