@media (min-width: 1200px) {
    .products-block.slick-active {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .g-md-30 {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
    }
    
}

@media (min-width: 768px) {
    .contact-form .g-md-4 {
        --bs-gutter-y: 30px;
    }
}

@media (max-width: 1749px) {

    .products-slider .slick-next {
        right: 10%;
    }

    .products-slider .slick-prev {
        right: calc(10% + 44px);
    }
}

@media (max-width: 1599px) {
    .banner-slider .slick-prev {
        left: 10px;
    }

    .banner-slider .slick-next {
        right: 10px;
    }

    .products-slider .slick-next {
        right: 5%;
    }

    .products-slider .slick-prev {
        right: calc(5% + 44px);
    }
}

@media (max-width: 1399px) {
    .howItWorks-block {
        padding: 30px 24px 28px;
    }

    .howItWorks-block .no {
        right: 10px;
    }
}


@media (max-width: 1199px) {
    .howItWorks-block .no {
        font-size: 110px;
    }
     
    h1 {
        font-size: 85px;
    }

    h2,
    .login-wrapper h1,
    .innerBanner-wrapper h1 {
        font-size: 55px;
    }

    h3,
    .thankYou-block h3 {
        font-size: 35px;
    }

    h3 {
        font-size: 35px;
    }

    /* add */
    .banner-content h1{
        font-size: 85px;
    }

    
    .howItWorks-wrapper h2{
        font-size: 55px;
    }
    
    .about-wrapper h2{
        font-size: 55px;
    }
    
    
    .products-wrapper h2{
        font-size: 55px;
    }
    
    
    .calculator-wrapper h2{
        font-size: 55px;
    }
    
    .testimonials-wrapper h2{
        font-size: 55px;
    }
    
    
    .rentEverything-wrapper h2{
        font-size: 55px;
    }
    
    .contact-wrapper h2{
        font-size: 55px;
    }
    
    .contact-wrapper h3{
        font-size: 35px;
    }
  /*  */

    header .navbar-collapse {
        padding-left: 40px;
    }

    header .navbar-nav {
        margin: 0 -12px;
    }

    header .navbar-nav .nav-item {
        padding: 0 12px;
    }

    .cart-header {
        margin-left: 20px;
    }

    .call-header>div:first-child {
        padding-right: 12px;
        margin-right: 10px;
        position: relative;
    }

    .banner-slider .slick-prev {
        left: 7px;
    }

    .banner-slider .slick-next {
        right: 7px;
    }

    .banner-slider .slick-arrow:before {
        font-size: 36px;
    }

    .howItWorks-wrapper {
        padding: 40px 16px 0;
    }

    .howItWorks-block h5 {
        min-height: auto;
    }

    .calculator-block {
        padding: 32px 20px;
    }

    .contact-wrapper .box-shadow {
        padding: 36px 40px 45px;
    }

    .testimonials-block {
        padding: 32px 20px;
    }

    /* host add product */
    .profile-sidebar {
        padding: 34px 24px 24px;
    }

    .card-header {
        padding: 10px 20px 6px;
    }

    .card-body {
        padding: 18px 20px 26px;
    }

    .productsPage-block {
        padding: 18px 12px;
    }

    .price-details {
        margin-left: 0;
        top:8px;
    }

    .cart-main {
        max-width: calc(100% - 324px);
    }

    .productDetails-main {
        max-width: calc(100% - 284px);
    }

    .productDetails-form {
        width: 260px;
    }

    .couponCode-block .btn {
        min-width: auto;
    }

    .banner-content .form-control{
        font-size: 13px;
    }
    .reviews-wrapper .btn {
        font-size: 14px;
        margin-left: 40px;
    }
}

@media (max-width: 991px) {
    .productDetails-main {
        max-width: 100%;
    }
    .howItWorks-block .no {
        font-size: 100px;
    }


    h2,
    .login-wrapper h1,
    .innerBanner-wrapper h1 {
        font-size: 48px;
    }

    h1 {
        font-size: 78px;
    }

    h3 
    .thankYou-block h3
    {
        font-size: 30px;
    }

    .card-header h3 {
        font-size: 28px;
    }

    .productsPage-block h3 {
        font-size: 24px;
    }

    .productsPage-block h4,
    .modal-delete h4,
    .modal-login h4 {
        font-size: 20px;
    }
        
    /* add new */
    .banner-content h1{
        font-size: 78px;
    }
    .howItWorks-wrapper h2{
        font-size: 48px;
    }

    .about-wrapper h2{
        font-size: 48px;
    }


    .products-wrapper h2{
        font-size: 48px;
    }


    .calculator-wrapper h2{
        font-size: 48px;
    }

    .testimonials-wrapper h2{
        font-size: 48px;
    }


    .rentEverything-wrapper h2{
        font-size: 48px;
    }

    .contact-wrapper h2{
        font-size: 48px;
    }

    .contact-wrapper h3{
        font-size: 30px;
    }
    /*  */

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #FCFEFB;
        padding: 10px 12px;
        z-index: 11;
        box-shadow: 0 10px 15px rgb(0 0 0 / 15%);
        border-top: 1px solid #222222;
    }

    .navbar-collapse form {
        margin-bottom: 12px;
    }

    header .navbar-collapse {
        padding-left: 12px;
    }

    header .navbar-nav {
        margin: 0;
    }

    header .navbar-nav .nav-item {
        padding: 0;
    }

    header .navbar-nav .nav-link {
        line-height: 1.2;
        padding: 4px 12px !important;
    }
    
    .form-control,
    .form-select {
        padding: 17px 20px;
    }

    .banner-content .btn,
    .calculator-wrapper .btn {
        padding: 17px 20px;
    }

    .banner-content>div:first-child {
        margin-bottom: 24px;
    }

    .banner-slider .slick-prev,
    .banner-slider .slick-next {
        top: auto;
        bottom: 0;
    }

    .banner-slider .slick-arrow:before {
        font-size: 30px;
    }

    .banner-slider .slick-prev {
        left: calc(50% - 24px);
        right: auto;
    }

    .banner-slider .slick-next {
        right: calc(50% - 24px);
    }

    .howItWorks-wrapper .bg-darkTheme {
        padding: 90px 0;
    }

    .py-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pyCustom-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact-block {
        margin-bottom: 20px;
    }

    footer ul {
        margin: 0 -18px;
    }

    footer ul li {
        padding: 0 18px;
    }

    .profile-sidebar {
        width: 230px;
        padding: 34px 20px 24px;
    }

    .profile-main {
        max-width: 100%;
    }

    .profile-sidebar {
        padding: 34px 20px 24px;
    }

    .px-18 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .profile-sidebar {
        padding: 34px 20px 24px;
    }
    .card-header {
        padding: 6px 12px 0;
        min-height: 50px;
    }

    .card-body {
        padding: 14px 12px;
    }

    .profile-sidebar ul {
        margin-top: 20px;
    }

    .profile-sidebar ul a {
        font-size: 18px;
    }

    .profile-sidebar p {
        font-size: 18px;
    }

    .productsPage-block {
        flex-wrap: wrap;
    }
    .productsPage-block .img-obj {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .cart-main,
    .productDetails-main {
        max-width: 100%;
    }

    .top-header .dropdown-item {
        padding: 4px 12px;
    }

    .productDetails-form {
        width: 300px;
    }

    .login-wrapper .form-control {
        padding-left: 20px;
        padding-right: 20px;
    }

    .login-wrapper .bg-lightTheme1 {
        padding: 58px 40px 78px;
    }

    .login-wrapper .btn {
        padding: 17px 20px;
    }

    .modal-login h4 {
        width: 470px;
    }

    .profile-sidebar ul a svg {
        width: 16px;
        height: 20px;
        margin-right: 12px;
    }

    .profile-sidebar {
        width: 100%;
        padding: 24px 12px 20px;
    }

    .profile-sidebar h3 {
        line-height: 1.2;
    }

    .profile-sidebar p {
        font-size: 16px;
    }

    .profile-sidebar li {
        padding: 8px 0;

    }

    /* add new */
    .profile-wrapper .form-control {
        background-size: 10px;
        background-position: right 16px center;
        padding-right: 30px;
        font-size: 14px;
        padding: 15px 16px;
    }

    .profile-wrapper
    .form-select {
        background-size: 10px;
        background-position: right 16px center;
        padding-right: 30px;
        font-size: 14px;
        padding: 7px 16px;
    }

    .profile-main .productsPage-form .form-select {
        color: #000;
        font-size: 16px;
        padding: 6px 15px;
        background-color: #FFFFFF;
        border: 1px solid #DBDBDB;
        border-radius: 100px;
    }

    .banner-content .form-control,
    .form-select {
        padding: 17px 20px;
    }

    .banner-content .form-select {
        padding: 11px 20px;
    }
    .calculator-wrapper .form-control,
    .form-select {
        padding: 17px 20px;
    }

    .calculator-wrapper
    .form-select {
        padding: 11px 20px;
    }
/*  */
    .profile-date-picker{
        right:20px;
        top: 25px;
        transform: translateY(-50%);
    }
    .banner-content .form-control{
        font-size: 16px;
    }
    .login-wrapper .form-control{
        padding: 17px 20px;
    }
    .register-wrapper .form-select {
        padding: 9px 20px;
    }
    .register-date-picker svg {
        margin-top: -14px;
    }
    .profile-date-picker svg{
        margin-top: 4px;
    }
    .register-wrapper .phone-control{
        padding: -20px -30px
    }
    .register-phone input{ 
        border-radius: 40px !important;
        width: 100% !important;
        padding: 16px 54px !important;
      }
      .react-tel-input .flag-dropdown{
        left: 15px !important;
      }
      .react-tel-input .selected-flag .flag {
        left: 5px !important;
    }

    .profile-phone input{
        border-radius: 40px !important;
        width: 100% !important;
        padding: 13px 54px !important;
        margin-top: 5px;
      }

    .accept-btn
    .btn-green
    {
       margin-bottom: 0px;
    }

    .cke-send-btn{
        height: 50px;
        width: 100%;
    }
    }

@media (max-width: 767px) {
    
    .productsPage-block .btn-icon{
        width: 40px;
        height: 40px;
        padding: 8px !important;
    }

    .register-phone input{ 
        border-radius: 40px !important;
        width: 100% !important;
        padding: 10px 54px !important;
      }
      .profile-phone input{
        border-radius: 40px !important;
        width: 100% !important;
        padding: 13px 54px !important;
        margin-top: 5px;
      }
    .productDetails-block .btn {
        font-size: 14px;
    }

    .howItWorks-block .no {
        font-size: calc(3.475rem + 3.2vw);
        bottom: -22px;
    }
    h1 {
        font-size: calc(2.275rem + 2.1vw);
    }

    h2,
    .login-wrapper h1,
    .innerBanner-wrapper h1 {
        font-size: calc(1.775rem + 1.9vw);
    }

    h3,
    .thankYou-block h3 {
        font-size: calc(1.5rem + 0.8vw);
    }

    .card-header h3 {
        font-size: calc(1.3rem + .6vw);
    }

    .productsPage-block h3 {
        font-size: calc(1.275rem + 0.4vw);
        line-height: 1.2;
    }

    .productsPage-block h4,
    .modal-delete h4,
    .modal-login h4 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .heading,
    .testimonials-wrapper .heading {
        margin-bottom: 20px;
    }

    .heading p {
        font-size: 16px;
        line-height: 1.5;
    }

    .about-wrapper .heading {
        margin-bottom: 16px;
    }

    .content p {
        line-height: 1.5;
        margin-bottom: 16px;
    }

    .heading h2 {
        line-height: 1.2;
    }

    .form-control,
    .form-select {
        font-size: 14px;
        padding: 12px 16px;
    }

    .form-select {
        background-size: 10px;
        background-position: right 16px center;
        padding-right: 30px;
    }

    .date-input .form-control {
        padding-right: 35px;
    }

    .date-input img {
        width: 14px;
        right: 16px;
    }

    .btn {
        font-size: 14px;
        min-width: auto !important;
        padding: 10px 18px;
    }

    .banner-content .btn,
    .calculator-wrapper .btn {
        padding: 12px 18px;
    }

    ul.listing-wrapper {
        font-size: 15px;
    }

    ul.listing-wrapper li {
        margin-bottom: 10px;
        position: relative;
        padding-left: 25px;
    }

    ul.listing-wrapper li:before {
        width: 15px;
        height: 15px;
    }

    .form-checkLarge.form-check-inline {
        padding-left: 30px;
        margin-right: 20px;
    }

    .form-checkLarge .form-check-input {
        width: 20px;
        height: 20px;
    }

    .form-check.form-checkLarge .form-check-input {
        margin-left: -30px;
    }

    .form-checkLarge .form-check-input:checked[type=radio] {
        background-size: 16px;
    }

    .slick-list {
        margin: 0 -12px;
    }

    /* .slick-slide {
        margin: 0px 12px;
    } */

    .slick-arrow {
        width: 30px;
        height: 30px;
    }
   
    .slick-prev:before,
    .slick-next:before {
        font-size: 16px;
    }
    
    .top-header ul:not(.dropdown-menu) {
        margin: 0 -19px;
        font-size: 14px;
    }

    .top-header ul li {
        padding: 0 12px;
    }

    header .navbar {
        padding: 10px 0;
    }

    .call-header>div:first-child {
        margin-right: 0;
        padding-right: 0;
    }

    .call-header>div:first-child::after {
        display: none;
    }

    .call-header>div:last-child {
        display: none;
    }

    .call-header img {
        width: 28px;
    }

    .cart-header {
        width: 40px;
        height: 40px;
        margin-left: 16px;
    }

    .cart-header .badge {
        font-size: 12px;
    }

    .banner-wrapper {
        height: calc(100vh - 112px);
        min-height: 500px;
    }

    .banner-content>div:first-child {
        margin-bottom: 18px;
    }

    .banner-content .bg-transLight {
        padding: 10px;
    }

    .banner-content .bg-lightTheme1 {
        padding: 16px 12px;
    }

    .howItWorks-wrapper {
        padding: 24px 12px 0;
    }

    .howItWorks-wrapper .bg-darkTheme {
        padding: 50px 0;
    }

    .py-wrapper
    .pyCustom-wrapper
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .howItWorks-wrapper label {
        font-size: 18px;
    }

    .howItWorks-block {
        padding: 20px 16px;
    }

    .howItWorks-block img {
        max-height: 34px;
        margin-bottom: 16px;
    }

    .howItWorks-block h5 {
        font-size: 21px;
    }

    .about-img {
        padding: 50px 0;
    }

    .play-btn {
        right: 10px;
        bottom: 10px;
        width: 100px;
        height: 100px;
        font-size: 12px;
        line-height: 1;
    }
    

    .play-btn i {
        width: 55px;
        height: 55px;
        font-size: 18px;
    }

    .products-block {
        width: 320px;
    }

    .products-block .text-center {
        padding: 16px 12px 20px;
    }

    .products-block h4 {
        font-size: 20px;
        margin-bottom: 18px;
    }


    .products-slider .slick-prev,
    .products-slider .slick-next,
    .testimonials-slider .slick-prev,
    .testimonials-slider .slick-next {
        top: -45px;
    }

    .products-slider .slick-next {
        right: 5%;
    }

    .products-slider .slick-prev {
        right: calc(5% + 34px);
    }

    .productsNew-slider .slick-prev,
    .testimonials-slider .slick-prev {
        right: 34px;
    }

    .testimonials-block {
        padding: 24px 16px;
    }

    .testimonials-block .quote {
        margin-bottom: 20px;
    }

    .testimonials-block .quote img {
        max-height: 35px;

    }

    .testimonials-block .content {
        margin-bottom: 16px;
    }

    .rentEverything-wrapper {
        padding: 40px 0;
    }

    .rentEverything-wrapper h5 {
        letter-spacing: 1.2px;
    }

    .contact-block {
        margin-bottom: 16px;
    }

    .contact-block .ratio {
        margin-right: 12px;
    }

    .contact-wrapper .contact-block p {
        font-size: 17px;
    }

    .contact-wrapper .box-shadow {
        padding: 24px 20px;
    }

    .contact-wrapper h3 {
        margin-bottom: 16px;
    }

    footer ul {
        margin: 0 -10px;
    }

    footer ul li {
        padding: 0 10px;
    }

    .footer-top {
        padding-bottom: 30px;
    }

    .footer-top img {
        width: 250px;
    }

    .footer-middle {
        padding: 30px 0;
    }

    .footer-copyRight {
        padding-top: 30px;
    }

    .profile-sidebar ul a svg {
        width: 16px;
        height: 20px;
        margin-right: 12px;
    }

    .profile-sidebar {
        width: 100%;
        padding: 24px 12px 20px;
    }

    .profile-main {
        max-width: 100%;
    }


    .profile-sidebar h3 {
        line-height: 1.2;
    }

    .profile-sidebar p {
        font-size: 16px;
    }

    .profile-sidebar li {
        padding: 8px 0;

    }

    .productsPage-block .img-obj {
        min-width: auto;
        max-width: 100%;
    }

    .productsPage-label p {
        margin-bottom: 4px;
    }

    .btn-icon {
        width: 40px;
        height: 40px;
        padding: 5px;
    }

    /* .btn-icon svg {
        max-width: 16px;
        max-height: 16px;
    } */

    .productsPage-head {
        padding-bottom: 2px;
        margin-bottom: 10px;
    }

    .modal-delete img,
    .modal-login img {
        width: 54px;
        margin-bottom: 20px;
    }

    .modal-delete h4,
    .modal-login h4 {
        margin-bottom: 24px;
    }

    .modal-delete .modal-body,
    .modal-login .modal-body {
        padding: 40px 24px;
    }

    .modal .btn-close {
        width: 34px;
        height: 34px
    }
    
    /* host add product */
    .login-wrapper
    .register-imgBlock {
        width: 70px;
        min-width: 70px;
    }
        
    .register-video p {
        font-size: 14px;
    }
    
    .login-wrapper
    .form-select {
        background-size: 10px;
        background-position: right 16px center;
        padding-right: 30px;
    }

    .login-wrapper .form-select {
        font-size: 14px;
        padding: 3px 16px;
    }

    .login-wrapper .btn {
        font-size: 14px;
    }

    .login-wrapper .form-control {
        padding-left: 16px;
        padding-right: 16px;
    }

    .couponCode-block .form-control{
        padding: 12px 20px;
        min-width: 180px;
        font-size: 14px
    }

    .couponCode-block .btn{
        font-size: 14px;
    }

    .login-wrapper
    .form-control {
        font-size: 14px;
        padding: 12px 16px;
    }
    
    .login-wrapper
    .login-radio label {
        font-size: 18px;
    }
 
    h2,
    .login-wrapper h1,
    .innerBanner-wrapper h1 {
        font-size: calc(1.775rem + 1.9vw);
    }

    .banner-content h1{
        font-size: calc(2.275rem + 2.1vw);
    }

    .howItWorks-wrapper h2{
        font-size: calc(1.775rem + 1.9vw);
    }
    
    .about-wrapper h2{
        font-size: calc(1.775rem + 1.9vw);
    }
    
    
    .products-wrapper h2{
        font-size: calc(1.775rem + 1.9vw);
    }
    
    
    .calculator-wrapper h2{
        font-size: calc(1.775rem + 1.9vw);
    }
    
    .testimonials-wrapper h2{
        font-size: calc(1.775rem + 1.9vw);
    }
    
    
    .rentEverything-wrapper h2{
        font-size: calc(1.775rem + 1.9vw);
    }
    
    .contact-wrapper h2{
        font-size: calc(1.775rem + 1.9vw);
    }
    
    .contact-wrapper h3{
        font-size: calc(1.5rem + 0.8vw);
    }
/*  */
/* add new */

    .login-wrapper .bg-transLight {
        padding: 10px;
    }

    .login-wrapper .bg-lightTheme1 {
        padding: 40px 30px;
    }

    .login-wrapper h1 {
        line-height: 1.2;
        margin-bottom: 24px;
    }

    .login-radio label {
        font-size: 18px;
    }

    .login-wrapper .mb-30 {
        margin-bottom: 20px;
    }

    .login-wrapper .form-control {
        padding-left: 16px;
        padding-right: 16px;
    }

    .login-wrapper .btn {
        padding: 12px 20px;
        margin-bottom: 10px;
    }

    .login-wrapper p {
        margin-bottom: 24px;
    }
    /* addd css */

    .btn-facebook {
        padding: 8px 20px;
    }

    .btn-facebook i {
        font-size: 28px;
        margin-right: 14px;
    }

    .register-imgBlock {
        width: 70px;
        min-width: 70px;
    }

    .register-video p {
        font-size: 14px;
    }

    .modal-login p {
        font-size: 14px;
    }

    .bestAgency-wrapper .btn {
        padding: 10px 18px;
    }

    .missionVission-wrapper h3 {
        line-height: 1.2;
        margin-bottom: 12px;
    }

    .callUs-block .ratio {
        width: 52px;
        min-width: 52px;
        margin-right: 16px;
    }

    .callUs-block .ratio img {
        width: 27px;
        height: 27px;
    }

    .qrCode-block {
        margin-top: 16px;
    }

    .qrCode-img {
        margin-bottom: 10px;
    }

    .profile-sidebar .qrCode-block p {
        font-size: 10px;
    }


    /* add new */
    .banner-content
    .form-control,
    .form-select {
        font-size: 14px;
        padding: 12px 16px;
    }

    .banner-content
    .form-select {
        font-size: 14px;
        padding: 4px 12px;
    }

    .banner-content
    .form-select {
        background-size: 10px;
        background-position: right 30px center;
        padding-right: 10px;
    }

    .calculator-wrapper
    .form-control,
    .form-select {
        font-size: 14px;
        padding: 10px 16px;
    }

    .calculator-wrapper
    .form-select {
        font-size: 14px;
        padding: 4px 16px;
    }

    .calculator-wrapper
    .form-select {
        background-size: 10px;
        background-position: right 16px center;
        padding-right: 14px;
    }
    /*  */
    /* add new */
    .rentEverything-wrapper .btn {
        font-size: 12px;
    }

    .profile-main
    .btn {
        font-size: 14px;
        min-width: auto !important;
        padding: 12px 8px;
    }

    .banner-content
    .btn {
        font-size: 14px;
        min-width: auto !important;
        padding: 10px 18px;
    }

    .calculator-wrapper
    .btn {
        font-size: 14px;
        min-width: auto !important;
        padding: 12px 18px;
    }

    .products-block
    .btn {
        font-size: 14px;
        min-width: auto !important;
        padding: 10px 18px;
    }

    .about-wrapper
    .btn {
        font-size: 14px;
        min-width: auto !important;
        padding: 10px 18px;
    }

    .contact-wrapper
    .btn{
        font-size: 14px;
        min-width: auto !important;
        padding: 10px 18px;
    }

    .products-slider
    .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .price-details
    .btn {
        font-size: 14px;
    }
/*  */
    .toogleIcon{
        position: absolute;
        top: 11px;
        right: 19px;
    }
    .register-date-picker{
        right:20px;
        top: 25px;
        transform: translateY(-50%);
    }
    .profile-date-picker{
        right:20px;
        top: 25px;
        transform: translateY(-50%);
    }
    .login-wrapper .btn {
        padding: 11px 20px
    }
    .register-date-picker svg {
        margin-top: -8px;
    }
    .table-themeBr .btn-icon {
        width: 40px;
        height: 40px;
        padding: 8px !important;
    }
}

@media (max-width: 575px) {
    header .navbar-logo {
        width: 220px;
    }

    .about-img>img {
        max-width: 76%;
    }

    .products-block {
        width: 190px;
    }

    .products-slider .slick-prev,
    .products-slider .slick-next {
        /* top: -39px; */
        top: auto;
        bottom: 0;
        transform: none;
    }
/*  */
    
    .testimonials-slider .slick-prev,
    .testimonials-slider .slick-next
    {
        top: auto;
        bottom: 0;
        transform: none;
    }

    .productsNew-slider .slick-prev,
    .productsNew-slider .slick-next{
        top: 430px;
    }
    
    .testimonials-slider {
        padding-bottom: 40px;
    }

    .testimonials-slider .slick-prev
    {
        left: calc(50% - 32px);
        right: auto;
    }

    .testimonials-slider .slick-next
    {
        right: calc(50% - 32px);
    }

    .productsNew-slider 
    {
        padding-bottom: 40px;
    }

    .productsNew-slider .slick-prev
    {
        left: calc(50% - 32px);
        right: auto;
    }

    .productsNew-slider .slick-next
    {
        right: calc(50% - 32px);
    }

    .about-img {
        padding: 0;
        flex-direction: column;
    }

    .about-bg {
        width: 100%;
        position: relative;
    }

    .about-img>img {
        max-width: 100%;
    }

    .call-header {
        display: none;
    }

    .cart-header {
        margin-left: auto;
    }

    /* .modal-video .modal-dialog {
        max-width: calc(100% - 45px);
        margin-left: auto;
        margin-right: auto;
    }

    .modal-video .btn-close {
        width: 22px;
        height: 22px;
        font-size: 16px;
        background-size: 13px;
    } */
    /* add */
    .login-wrapper .bg-lightTheme1 {
        padding: 40px 20px;
    }

    .ReactModal__Content{
        width: 94% !important;
        height: fit-content !important;
        padding: 12px 12px 28px  !important;
        margin:auto;
    }
    
    .ReactModal__Content .btns{
        font-size: 14px !important;
        padding: 10px 18px;
        border-radius: 4px;
    }
    .banner-content h1 {
        font-size: calc(1.600rem + 2.1vw);
    }
    .productsPage-form .form-control{
        padding: 15px 20px;
    }
    .table-themeBr td{
        min-width:300px;
     }

    .productsNew-slider .slick-prev, .productsNew-slider .slick-next {
        top: auto;
        bottom: -40px;
        transform: none;
    }

    .products-slider .slick-prev, .products-slider .slick-next {
        top: -57px;
    }

    .top-header ul:not(.dropdown-menu) {
        margin: 0 -5px;
        font-size: 14px;
    }

    .price-details
    .table-themeBr td{
        min-width: 145px;
     }
}



@media (max-width: 450px) {
    .banner-content h1 {
        font-size: calc(1.300rem + 2.1vw);
    }
    .table-themeBr td{
        min-width:250px;
     }
     
    .howItWorks-wrapper
    .render-wrap {
        padding-right: 35px;
    }
}

@media (max-width: 359px) {
    header .navbar-logo {
        width: 200px;
    }
    
    .login-wrapper .bg-lightTheme1 {
        padding: 40px 16px;
    }

    .btn-facebook i {
        margin-right: 10px;
    }

    .banner-content h1 {
        font-size: calc(1.500rem + 2.1vw);
    }

    .banner-content h4{
        font-size: calc(1.100rem + .3vw);
    }

    .top-header nav ul li{
        float: left;
    }

    .footer-copyRight p{
        font-size: 15px !important
    } 
    
    .login-wrapper .btn-facebook i {
        margin-right: 7px;
        font-size: 33px;
    }

    /* .price-details {
        width: 260px;
    } */

    .profile-main .btn {
        font-size: 14px;
        min-width: auto !important;
        padding: 8px 7px;
    }
    
    .price-details
    .table-themeBr td{
       min-width: 110px;
    }

    .howItWorks-wrapper
    .render-wrap {
        padding-right: 35px;
    }
    .price-details {
        width: 265px;
    }
}