@media only screen and (max-device-width: 1400px) {

     .main-header .satisfaction,
     .main-header .active_users {
         right: -20px;
     }

     .main-header-background-image {
         width: 50%;
     }

     .main-header .home-app-view-phone {
         width: 66%;
     }

     .vender_page .main-header .home-app-view-phone {
         width: 57%;
     }
 }

 @media only screen and (max-device-width: 1200px) {
     .main-header .transaction {
         top: 175px;
         left: -73px;
     }

     .main-header .satisfaction,
     .main-header .active_users {
         right: -50px;
     }

     .hero-foundation-headwer-side-phone {
         height: 310px;
         width: 19%;
     }

 }

 @media only screen and (max-device-width: 991px) {
     .navbar-ui-wrapper {
         position: fixed;
         top: 0;
         left: -100%;
         width: 80%;
         height: 100vh;
         background-color: white;
         transition: transform 0.4s ease-in-out;
         z-index: 1000;
         overflow: auto;
         border-radius: 0px 22px 22px 0px;
         padding: 14px 6px 20px 20px;
     }

     .navbar-ui-wrapper.active {
         transform: translateX(100%);
     }

     .navbar-motersDesign .navbar-toggler {
         background: var(--primary-color);
         height: 38px;
         width: 38px;
         border: none;
         border-radius: 100%;
         color: var(--white-color);
         font-size: 24px;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .navbar-ui .close-toggle {
         background: var(--primary-color);
         height: 38px;
         width: 38px;
         border: none;
         border-radius: 100%;
         color: var(--white-color);
         font-size: 24px;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .navbar-motersDesign .navbar-ui li .nav-items {
         display: flex;
         padding: 8px 12px;
         border-radius: 6px;
         margin-bottom: 2px;
         justify-content: space-between;
     }

     .navbar-motersDesign .navbar-ui li .nav-items:hover,
     .navbar-motersDesign .navbar-ui li.active .nav-items {
         background: #F0FBFD;
     }

     .navbar-motersDesign .brand-logo {
         width: 125px;
     }

     .searches-box-header .border-right {
         border: none;
     }

     .dropdown-nav-common .dropdown-menu {
         position: relative !important;
         top: 0 !important;
         transform: unset !important;
         margin-top: 12px !important;
     }

     .main-header .product-List {
         position: relative;
     }

     .main-header .count-absolute-flex {
         border: 1px solid #E7EBF0;
         background-color: #fff;
         border-radius: 12px;
     }

     .main-header .active_users,
     .main-header .satisfaction,
     .main-header .transaction {
         position: unset;
         margin: unset;
     }

     .main-header-background-image {
         bottom: 0;
         top: 8%;
         left: 49%;
         opacity: 0.2;
     }

     .discover-learn .discvers-read-more-card .discvers-card .image img {
         max-height: 140px;
         min-height: 140px;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     #map iframe {
         height: 250px;
     }

     .whatis-tuker .whatis-tuker-backimg {
         width: 44%;
         max-height: 267px;
     }

     .whatis-tuker .whatis-tuker-img {
         width: 40%;
         max-height: 255px;
         margin-left: -37%;
         margin-top: -5%;
     }

     .how-wender-work .how-work-navigation-slide .nevigation-image img {
         height: 241px;
         width: 200px;
     }

     .hero-foundation_page .how-wender-work .how-work-navigation-slide .nevigation-image img {
         height: 200px;
     }

     .how-wender-work .how-work-navigation-slide .border-1-DC.mt-m60 {
         margin-top: -30px;
     }

     .tukarbazar_page .about-tuker {}

     .tukarbazar_page .about-tuker img {
         width: 60%;
         height: auto;
     }

 }

 @media only screen and (max-device-width: 770px) {
     .main-header-background-image {
         top: 6px;
         left: 28%;
         width: 69%;
     }

     .footer-left-logo .footer-logo {
         width: 180px;
     }

     .main-header .home-app-view-phone {
         width: 61%;
     }

     .bgiconsheaders {
         height: 82px;
         width: 82px;
     }

     .bgiconsheaders .brand-icon {
         height: 50px;
         width: 50px;
     }

     .appsIconselect .meet-tukarImg {
         width: 76px;
     }

     .how-wender-work .how-work-navigation-slide .description.left::after,
     .how-wender-work .how-work-navigation-slide .description.right::after {
         width: 36px;
         height: 36px;
     }

     .how-wender-work .how-work-navigation-slide .description.left::after {
         right: -30px;
     }

     .how-wender-work .how-work-navigation-slide .description.right::after {
         left: -30px;
     }

     .tuker-tea .about-tuker-tea .count-help-people {
         right: -10px;
     }
    .page-playstore-img {
        max-width: 102px; 
    }
    .appsIconselect .meet-tukarImg {
        width: 68px;
        top: 26px;
    }
 }

 @media only screen and (max-device-width: 570px) {
     .navbar-motersDesign .brand-logo {
         width: 100px;
     }

     .main-header-background-image {
         top: 7px;
         left: 7%;
         width: 92%;
     }

     .google_ratingBoxed {
         width: 120px;
         padding: 2px;
         top: 0;
     }

     .inner-rightside-box {
         padding: 0px 10px 0px;
     }

     .impact-report .photo img {
         width: 100%;
     }

     .impact-report .photo .download-btn {
         right: 5px;
         bottom: 5px;
     }

     .main-header .home-app-view-phone {
         width: 72%;
     }

     .whatis-tuker .whatis-tuker-img {
         width: 55%;
         height: 200px;
         margin-left: -45%;
     }

     .whatis-tuker .whatis-tuker-backimg {
         width: 55%;
         height: 200px;
     }

     .how-wender-work .how-work-navigation-slide .border-1-DC {
         border: 0;
     }

     .how-wender-work .how-work-navigation-slide .border-1-DC.mt-m60 {
         margin-top: 0;
     }

     .how-wender-work .how-work-navigation-slide .description.left::after {
         right: 0px;
     }

     .how-wender-work .how-work-navigation-slide .description.right::after {
         left: 0px;
     }

     .tukarbazar_page .about-tuker img {
         width: 80%;
         height: auto;
     }

     /* process */
     .tuker-tea .how-work-navigation-slide .description.left::after,
     .tuker-tea .how-work-navigation-slide .description.right::after {
         outline: 10px solid var(--green-color-L);
         width: 30px;
         height: 30px;
         font-size: 16px;
         position: absolute;
     }

     .tuker-tea .how-work-navigation-slide .description.left::after {
         right: 11px;
     }

     .tuker-tea .how-work-navigation-slide .description.right::after {
         left: 11px;
     }

     .tuker-tea .how-work-navigation-slide .description.left .middel-border::after,
     .tuker-tea .how-work-navigation-slide .description.right .middel-border::after {
         display: none;
     }

    .hiro-imagelgo-Header { 
        width:80px;
        height:80px; 
    } 
    .screens-tabs-interface .nav-pills .nav-link{
        padding: 8px 9px;
        font-size: 12px;
    }
    .how-work-navigation-slide.tuker-tea .description.left .middel-border::after,
    .how-work-navigation-slide.tuker-tea .description.right .middel-border::after{
        display: none;
    }
    .how-work-navigation-slide.tuker-tea .description.left::after,
    .how-work-navigation-slide.tuker-tea .description.right::after{
        position: absolute;
        bottom: unset;
        left: 0;
        right: 0;
        width: 28px;
        height: 28px;
        font-size: 17px;
        outline: 9px solid var(--green-color-L);
        top: 10px;
    }
    .about-tuker-tea .count-help-people {
        right: -10px;
    }
}