@media (max-width: 920px) {
    div.team-image-box {
        height: 340px;

    }
div .section .container .btn-orange {
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    margin-top: 15px;
}
    ul.tabs .cart-title {
        font-size: 10px;

    }

    div.banner {
        margin-top: 0;
        position: relative;
    }

    div.cart,
    div.r-menu {
        height: 80px;

    }

    .h1,
    h1 {
        font-size: 24px;
    }

    #navbar .container {
        margin: 0;
    }

    main header {
        background-color: #000000;
    }

    h6 {
        font-size: 10px;
    }

    h2 {
        font-size: 20px;
    }

    .w-15 {
        width: 25px;
    }

    ul.bannerSlider .slide__text {
        width: 90%;

    }

    div .banner-title {
        font-weight: 500;
        font-size: 28px;
    }

    div .banner-dec {
        font-size: 14px;

    }

    div.base {

        margin-top: -100px;
    }

    section.faq {

        padding-top: 118px;

    }

    .logo img {
        width: 20%;
    }

    section.company-history {
        background-size: 83%;
    }

    div.clients-img-box {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        position: absolute;
        top: -40px;
        left: 35%;
    }

    div.clients-card {
        position: relative;
        padding: 70px 0px 40px 0px;
        margin-top: 30px;
        margin-bottom: 40px;
        text-align: center;
        transition: all .4s;
    }

    div.product-box {
        height: 230px;
    }

    div.our-project-box {
        height: 311px;
    }

    div.our-project-box:hover .card-body {
        transform: translateY(-245px);
    }

    div .bannerSlider .slide__image img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    div .bannerSlider {
        height: 394px;
    }

    .h4,
    h4 {
        font-size: calc(1rem + .3vw);
    }
    div.User {
    margin-top: -35px; 
}
div .user-img img {
   
    margin-bottom: 15px;
}
div .nav-pills .nav-link {
    border-radius: 50rem;
    border: 0;
    padding: 12px 20px;
    margin-right: 0;
    text-transform: uppercase;
    outline: none;
    opacity: 1;
    transform: translateY(0px);
}
.nav-pills li.nav-item {
    margin-right: 10px;
}
}

@media (min-width: 1192px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 375px) {}

@media (min-width: 475px) {}

@media (max-width: 575.98px) {
    ul.bannerSlider .slide__text {
        position: absolute;
        z-index: 100;
        text-align: left;
        width: 90%;
        top: 51%;
        transform: translateY(-50%);
        left: 5%;
    }
    div.card-body .cart-title2 {
    font-size: 12px;
}
.card .card-body p {
    font-size: 10px;
}
.card .card-body .fs-4 {
    font-size: calc(1rem)!important;
}
.card .card-body .fs-6 {
    font-size: .7rem!important;
}
div.Product .img-box img {
    height: 100px;
}
div .Product .img-box {
    height: 120px;
}
.Product .card.m-3 {
    margin: .5rem!important;
}
    div input.qtyminus, div input.qtyplus {
    width: 25px;
    height: 25px;
   
}
    div .qty {
    width: 90px;
    height: 29px;
   
}
div .add-item-btn {
    
     width: 90px;
}
div .nav-pills .nav-link {
    border-radius: 50rem;
    border: 0;
    padding: 8px 10px;
    margin-right: 0;
    text-transform: uppercase;
    outline: none;
    opacity: 1;
    transform: translateY(0px);
    font-size: 10px;
    margin-bottom: 10px;
}
div.User {
    margin-top: -24px;
    align-items: end;
}
.profile .card .btn-orange {
   
    height: 44px;
    font-size: 12px;
    
    line-height: 43px;
}
.profile div .cart-section {
    padding: 12px;
    text-align: center;
}
.Cart a.btn-orange{
    width: auto;
    height: auto;
    font-size: 11px;
    line-height: inherit;
    padding: 10px 18px;
}
.Cart .base2 {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 9px 24px 0px rgb(14 36 99 / 10%);
    padding: 15px 15px;
    margin-bottom: 30px;
}
.Cart .base2 .fs-6 {
    font-size: .7rem!important;
}
.Cart .base2 .fs-4 {
    font-size: calc(.9rem)!important;
}
.Cart .base2 img{

}

section.section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 320px;
    margin: auto;
}
div .login-with-google-btn {
    
    background-position: 45px 14px;
 
}
section.section .container .user .formBx {
   
    padding: 25px;
    
}
div.address-card {
   border-radius: 6px;
    padding: 4px;
    position: relative;
    margin-bottom: 15px;
}
div.address-card .radio input[type="radio"]+span:before {
   
    font-size: 24px;
    position: absolute;
    top: -20px;
    right: -10px;
}
div.adrs-title {
    font-size: 12px;
    
}
.address-card.active .z-index-100 {
    font-size: 10px;
}
.order-section .cart-title2 {
    font-size: 14px;
}
.order-section .fs-6 {
    font-size: .7rem!important;
}
.order-section .fs-4 {
    font-size: calc(1.1rem)!important;
}
div.value-button {
    
    width: 25px;
    height: 25px;
    font-size: 22px;
    line-height: 24px;
 
}
.order-section input#number {
    text-align: center;
    border: 1px solid #ddd;
    width: 25px;
    height: 25px;
    margin: 0 4px;
}
div.card-input {
    padding: 4px;
    border-radius: 6px;
    box-shadow: 0px 7px 15px 0px #0000001c;
    margin-bottom: 15px;
}
.card-input .fs-5 {
    font-size: .8rem!important;
}
div .address-modal .section .container, div .address-update .section .container {
    max-width: 400px;
    height: 520px;
}
div .section .container .user .formBx form .input {
    position: relative;
    width: 100%;
    padding: 14px 20px;
    background: #f5f5f500;
    color: #333;
    outline: none;
    box-shadow: none;
    margin: 4px 0;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 300;
    border-radius: 26px;
    border: 1px solid #ddd;
}
#exampleModal div .section .container .user .formBx form .input, #exampleModalA div .section .container .user .formBx form .input{
   
    padding: 7px 20px;
  
}
div .section .container .nice-select.input {
    line-height: 23px;
    height: 37px;
}
div .section .container .btn-orange {
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    margin-top: 15px;
}
div.add-address {
   
    height: 78px;
}
.CheckOut .base2 {
    
    padding: 10px 4px;
    margin-bottom: 30px;
}
    ul.bannerSlider {
        height: 400px;
    }

    ul.bannerSlider .slide__image::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 400px;
        background: rgb(6 47 82 / 41%);
    }

    ul.bannerSlider .slide__image img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    ul.bannerSlider .slick-dots {
        position: absolute;
        bottom: 1px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        left: 0;
    }

    .logo img {
        width: 30%;
        margin-top: 6px;
    }

    .work-card p {
        font-size: 10px;
    }

    div.work-card h1 {
        font-size: 34px !important;
        font-weight: 300;
    }

    span.icon-shape {
        left: 36%;
    }

    div.work-card {
        background-color: #ffffff;

        text-align: center;
        transition: all .4s;
        position: relative;
    }

    .h4,
    h4 {
        font-size: calc(.8rem + .3vw);
    }

    .top-bar p {
        font-size: 11px;

    }

    div.team-image-box {
        height: 200px;
    }

    .h5,
    h5 {
        font-size: 14px;
    }

    section.team .social-icon a {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    div.testimonial .slick-dots {
        bottom: 30px;
    }

    div .sub-title {
        font-size: 14px;

    }

    div .brand div {
        display: inline-block;
        width: 18.7%;
    }

    div.testimonial .slide {
        padding: 30px 15px;
    }

    .w-100px {
        width: 100px;
    }

    div.banner {
        margin-top: 50px;
    }

    div.banner .container {
        top: 5px;
    }

    div .banner-dec {
        font-size: 10px;
    }

    .h1,
    h1 {
        font-size: 20px;
    }

    .sub-title {
        font-size: 10px;
    }

    div#sub-banner .bannerSlider .slide__text {
        top: 50%;
    }

    main header {
        background-color: #000000;
    }

    .nav-btn .small,
    small {
        font-size: 11px;
        padding-left: 5px;
    }

    #navbar .container {
        margin: 0;
    }

    .user-icon {
        margin-bottom: 12px;
    }

    div.trusted-by {
        width: 100px;
        height: 100px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        left: 59%;
        top: -42px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .trusted-by .sub-title2 {

        font-size: 10px;
    }

    div.trusted-by:before {
        content: '';
        position: absolute;
        width: 11px;
        height: 11px;
        bottom: -1.5px;
        left: 60px;
        background-color: #fff;
        transform: rotate(22deg);
        cursor: pointer;
        transition: .3s;
        z-index: 0;
    }

    h6 {
        font-size: 10px;
    }

    h2 {
        font-size: 20px;
    }

    .copyright .text-end {
        text-align: center !important;
    }

    .copyright p {
        text-align: center;
        margin-bottom: 15px !important;
    }

    img.mt-80,
    div.mt-80 {
        margin-top: 0px;
    }

    div .banner-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }

    a.btn-orange,
    a.btn-outline {

        width: 120px;
        height: 35px;

        font-size: 11px;

        line-height: 35px;
    }

    div.base {
        margin-top: -70px;
        padding-top: 30px;
    }

    div .title {
        font-size: 16.667px;

    }

    div.service-card {
        border-radius: 15px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 15px;
        padding-left: 6px;
        padding-right: 6px;
        height: 167px;
    }

    div.cart-title {
        font-size: 13px;

    }

    div p {
        font-size: 10px;

    }

    section.faq {
        padding-top: 140px;
    }

    div .accordion-button {
        font-size: 12px;

    }

    div.accordion-body {
        padding: 1rem 1.25rem;
        font-size: 10px;
    }

    a.book-now {
        font-size: 10px;

    }

    div.service-card .btn-orange {

        width: 100px;
        height: 35px;

        font-size: 10px;

        line-height: 35px;
    }

    div .rounded-card {
        margin-top: 0;
    }

    .banner .btn-green {
        margin-bottom: 10px;
    }

    .banner .play-btn {

        right: 51px;
        margin-top: -110px;
    }

    div .btn-close {
        right: 1px;
        top: 1px;
        z-index: 1;
    }

    div.product-box {
        height: 165px;
    }

    div.our-project-box {
        height: 221px;
    }

    .card-body {
        flex: 1 1 auto;
        padding: 5px 5px;
    }

    .product .btn-green {
        width: 118px;
        height: 40px;
        line-height: 40px;
    }

    div.our-project-box:hover .card-body {
        transform: translateY(-212px);
    }

    footer .col-lg-4 {
        text-align: center;
    }

    footer .center {
        justify-content: center;
    }

    header.hs-menubar {
        width: 100%;
        height: 50px;
        line-height: 42px;
        border-bottom: 0;

    }

    div.menu-trigger {
        top: 0;
        font-size: 18px;
    }

    nav.hs-navigation {

        top: 50px;

    }

    nav .nav-links .its-parent,
    nav .nav-links li a {

        font-size: 8.441px;

    }

    nav.hs-navigation {
        width: 60%;

    }

    div.c-text {
        line-height: 0;
    }

    div.c-number {

        line-height: 40px;
    }

    div.cart,
    div.r-menu {
        height: 50px;

    }

    div.r-menu img {
        width: 18px;
    }

    div ul.tabs {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    div ul.tabs li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        text-align: center;
        position: relative;
        width: 55px;
    }

    div ul.tabs li a .img-box {
        box-shadow: 0px 10px 41px 0px rgb(14 36 99 / 10%);
        border-radius: 50%;
        width: 50px;
        margin-top: 15px !important;
        height: 50px;
        margin: auto;
        padding: 10px;
    }

    div.banner.sub-banner .container {

        top: 0px;

    }

    div.base2 .progress {

        display: none;
    }

    html,
    body {
        overflow-x: hidden;
    }

    ul.tabs .cart-title {
        font-size: 8px;
        line-height: 10px;
        padding-bottom: 7px;
        margin-top: 10px;
    }

    div.note-dec {
        font-size: 8px;
        font-weight: 500;
    }

    div .cart-title2 {
        font-size: 16px;

    }

    div.base2 p {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .product-details .base2 {
        padding: 20px 15px;
    }

    div .wizard-content .wizard>.steps>ul {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }

    div .cart-section {

        padding: 12px;

    }

    div .wizard-content .wizard>.steps.step:nth-child(1) {
        left: 24px;
    }

    div .wizard-content .wizard>.steps .step:nth-child(2) {}

    div .wizard-content .wizard>.steps .step:nth-child(3) {}
}

/* // Large devices (desktops, less than 1200px) */
@media (min-width: 1024px) {
    div .bannerSlider {
        height: 526px;
    }

    ul.bannerSlider .slide__text {
        width: 90%;
        padding-right: 34px;
        top: 43%;

    }

    div .bannerSlider .slide__image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    div .banner-title {

        font-size: 50px;
    }

    ul.slick-dots {
        bottom: 110px;
    }

    .small,
    small {
        font-size: 9px;
    }

    .top-bar p {
        font-size: 12px;
    }



    .work-card .icon-shape {
        left: 40%;

    }

    div.work-card h1 {
        font-size: 60px !important;
        font-weight: 300;
    }

    .h4,
    h4 {
        font-size: 17px;
    }

    .h2,
    h2 {
        font-size: calc(1.2rem + .9vw);
    }

    p {
        font-size: 12px;
    }

    div.team-image-box {
        height: 240px;

    }



    section.company-history {
        background-size: 63%;
    }

    div.product-box {
        height: 358px;
    }

    div.our-project-box {
        height: 438px;

    }

    div.our-project-box:hover .card-body {
        transform: translateY(-218px);
    }

    div.top-bar h5 {
        font-size: 12px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 768px) {}

/* // Medium devices (tablets, less than 992px) */
@media (min-width: 768px) {}

@media all and (min-width: 860px) {
    nav .wrapper {

        margin-left: 30px;
    }

    .nav-links .its-parent,
    .nav-links li a {

        padding: 20px 14px;

    }

    div .banner-title {
        font-size: 40px;
        line-height: 50px;
    }

    div.banner .container {

        top: 0px;

    }

    ul.tabs .cart-title {
        font-size: 14px;

    }

    div .cart-title2 {
        font-size: 20px;

    }
}




@media (min-width: 1366px) {
    div .bannerSlider {
        height: 700px;
    }

    .small,
    small {
        font-size: 12px;
    }

    .top-bar p {
        font-size: 14px;
    }

    .work-card .icon-shape {
        left: 44%;
    }

    div.team-image-box {
        height: 250px;

    }

    div p {
        font-size: 18px;
    }

    ul.bannerSlider .slide__text {
        width: 90%;
    }

    section.company-history {
        background-size: 60%;
    }

    div.our-project-box:hover .card-body {
        transform: translateY(-224px);
    }
}

@media (min-width: 1440px) {
    .top-bar p {
        font-size: 12px;
    }

    div .bannerSlider {
        height: 742px;
    }

    .small,
    small {
        font-size: 12px;
    }

    .work-card .icon-shape {
        left: 46%;
    }

    div.team-image-box {
        height: 280px;

    }

    footer p {
        font-size: 14px;
    }

    ul.bannerSlider .slide__text {
        width: 90%;
    }

    section.company-history {
        background-size: 57%;
    }

    div.product-box {
        height: 400px;
    }

    div.our-project-box {
        height: 481px;
    }

    div.our-project-box:hover .card-body {
        transform: translateY(-205px);
    }
}