@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1344px;
        padding: 0;
    }

}

@media (max-width: 1400px) {
    .marketing-img img {
        max-width: 540px;
    }
    .img-main::after {
        right: -38px;
    }
    .border-all {
        width: 499px;
        height: 494px;
    }
    /*.border-rectangle::before {*/
    /*    height: 606px;*/
    /*    width: 597px;*/
    /*    left: -9px;*/
    /*    top: -531px;*/
    /*}*/
    .img-col-hero {
        margin-left: 35px;
    }
    .border-rectangle::before {
        left: -17px;
    }
    .membership-box::before {
        left: 20px;
        top: 38px;
    }
    .navbar-nav li a {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .icon-go-up::before {
        right: 79px;
    }
    .phone-web{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .phone2{
        margin-right: 0;
    }
    .Information-footer > div:not(:last-child) {
        margin-left: 11px;
    }
    .text-banner {
        font-size: 23px;
    }

.img-banner {
    top: -12%;
    left: 2px;
    width: 244px;
    height: 111%;
}
    .box-right-left, .box-left-left {
        margin-top: -17px;
        justify-content: center;
    }
    .display-box{
        display: inline-block;
    }
    .right-col::before {
        height: 72px;
        width: 108px;
        left: -70px;
        top: 303px;
    }
    .paragraph-myAddress-box{
        display: flex;
    }
    .membership-box::before {
        left: -10px;
        top: 38px;
    }
    .img-col-hero {
        margin-left:55px;
    }
    .border-rectangle::before {
        height: 585px;
        width: 498px;
        left: -5px;
        top: -548px;
    }
    .rectangle-test::after {
        transform: rotate(1deg) translate(-26%, -64%);
    }
    body{
        overflow-x: hidden;
    }
    .img-col-hero img{
        max-width: 530px;
        height: 452px;
        object-fit: cover;
    }
    .navbar-nav li a {
        font-size: 12px;
    }
    .Register {
        padding: 0 13px;
        line-height: 44px;
        font-size: 13px;
    }

    .navbar-brand {
        margin-right: 30px;
    }

    .h1, h1 {
        font-size: 1.5rem;
    }

    .img-fluid {
        max-width: 82%;
    }

    .img-main {
        padding-left: 56px;
    }

    .border-img {
        width: 337px;
        height: 319px;
        top: 6px;
    }

    .border-img::before {
        left: -48px;

    }

    .img-main::after {
        right: 59px;
    }

    .right-col {
        padding-right: 36px;
    }

    .btn-marketing {
        padding: 0 6px 0 40px;
    }

    .marketing-img img {
        max-width: 445px;
        margin-right: 20px;
    }
    .Three-box
    {
        display: flex;
        flex-direction: column;
        align-items: inherit;
    }
    .marketing-img::before {
        left: 0;
    }

    .Three-box {
        padding: 24px 26px 26px 24px;
    }

    .banner-box {
        padding: 36px 50px 36px 92px;
    }

    .button-item-owl {
        margin-right: 20px;
    }

    .owl-nav {
        margin-left: 20px;
    }

    .first {
        font-size: 13px;
    }
    body {
        overflow-x: hidden;
    }

    .hero-section::after {
        height: 46px;
        width: 46px;
        right: 93%;
    }
    .membership-text {
        color: var(--black);
        font-family: YekanBakh, sans-serif;
        font-size: 13px;
    }
    .before-li {
        margin-left: 38px;
    }
    .main-text {
        font-size: 13px;
    }
    .border-rectangle::after {
        right: 24px;
    }

    .pbdpco-icon.star-box-icon::before {
        right: 100px;
    }
}

@media (max-width: 991.5px) {


    .display-box{
        display: inline-block;
    }
    .box-right-left, .box-left-left {
        margin-top: -16px;
    }
    .paragraph-myAddress-box{
        display: flex;
    }
    .form-paragraph {
        line-height: 20px;
    }
    .my-font {
        font-size: 15px;
    }
    .text-email-messageInputs {
        background: transparent;
        border: none;
        border-radius: 10px;
        background: var(--light-grey);
        display: flex;
        width: 101%;
        padding: 0 7px;
        line-height: 39px;
        outline: none;
    }
    .box-form {
        border-radius: 20px;
        background: var(--white);
        box-shadow: 1px 2px 30px 0 rgba(0, 33, 116, 0.04);
        padding: 27px 14px;
        max-width: 85%;
        margin-right: 73px;
    }


    .membership-box::before {
        width: 81px;
        height: 98px;
    }
    .img-col-hero img {
        max-width: 500px;
        height: 344px;
    }
    .border-rectangle::before{
        right: 34px;
        height: 437px;
        width: 536px;
        top: -388px;
    }

    .hero-section::after {
        right: 68%;
    }
    .border-rectangle::after {
        right: 19%;
        top: -435px;
    }
    .img-col-hero{
        display: inline-block;
        margin-top: 89px;
    }
    .main-text {
        font-size: 12px;
    }
    .membership-box{
        display: flex;
        flex-direction: column;
    }
    .send-email{
        width: 22%;
    }
    .membership-text {
        font-size: 14px;
    }
    .membership-box::before {
        width: 50px;
        height: 53px;
        left: 7px;
        top: 55%;
    }
    .paragraph-box {
        font-size: 9px;
    }
    .name-box {
        font-size: 10px;
    }
    .paragrph-text {
        font-size: 12px;
    }
  .text-two-item {

      font-size: 11px;
  }
    .text-one-item {
        font-size: 13px;
    }
    .navbar-nav{
        margin-top: 20px;
    }
    .rectangle-test::after {
        transform: rotate(1deg) translate(-26%, -64%);
    }

    .marketing-img::after {
        left: 29%;
    }
    .border-img {
        width: 199px;
        height: 191px;
    }
    .rectangle-test::after {
        transform: rotate(1deg) translate(-26%, -75%);
    }
    .img-fluid{
        max-width: 30%;
    }

    .img-main::before {
        height: 31px;
        width: 45px;
    }

    .before-li {
        margin-left: 24px;
    }

    .navbar-nav li a {
        font-size: 13px;
    }

    .Register {
        padding: 0 6px;
        line-height: 42px;
    }

    .business-title {
        font-size: 19px;
    }

    .Business {
        font-size: 25px;
    }

    .marketing-red {
        margin-right: 12px;
        font-size: 18px;
    }

    .paragrph {
        font-size: 14px;
    }

    .header-btn {
        padding: 0 30px;
        line-height: 36px;
    }
    .right-col::before {
        height: 76px;
        width: 116px;
        top: 144%;
        left: 49%;
    }
    .border-img::before {
        left: -32px;
    }


    .google {
        font-size: 13px;
    }

    .title-2 {
        font-size: 17px;
    }

    .first-box {
        font-size: 15px;
    }

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

    .display-box {
        padding: 0 19px 28px 8px;
    }

    .title-1 {
        font-size: 13px;
        line-height: 30px;
    }

    .marketing-img img {
        max-width: 46%;
    }

    .text-1 a {
        font-size: 12px;
    }

    .marketing-img {
        display: flex;
        justify-content: center;
    }

    .text-2 a {
        font-size: 11px;
    }

    .Three-box {
        padding: 10px 23px 10px 14px;
    }

    .btn-marketing {
        padding: 0 4px 0 28px;
        font-size: 10px;
        line-height: 32px;
    }

    .icon-mark::before {
        height: 20px;
        width: 20px;
        right: 54px;
        top: 7px;
        background-size: contain;
    }

    .three-services {
        padding: 20px 15px 21px 15px;
    }

    .text1-services {
        font-size: 16px;
    }

    .text-banner {
        font-size: 14px;
    }

    .text2-banner {
        font-size: 21px;
    }

    .text3-banner {
        font-size: 14px;
    }

    .banner-button {
        font-size: 18px;
    }

    .icon-banner-button::before {
        height: 78%;
        width: 93%;
        right: 39px;
    }

    .img-banner {
        top: 2%;
        left: 2px;
    }
    .img-banner img{
        max-width: 68%;
    }
    .paragraph-footer {
        font-size: 8px;
    }
    .first {
        font-size: 12px;
    }

    .information-li {
        font-size: 14px;
    }

    .Information-footer > div:not(:last-child) {
        margin-left: 5px;
    }
    .icon-go-up::before {
        right: 50px;
    }
    .marketing-img::before {
        right: 176px;
    }
    .address-text {
        font-size: 10px;
    }

    .phone {
        font-size: 10px;
    }

    .social-media-icon img {
        max-width: 50%;
    }

    .license-text {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .license {
        width: 70px;
        height: 70px;
    }

    .button-item {
        padding: 0 15px;
        line-height: 41px;
    }

    .mark-icon {
        background-size: 53px 67px;
    }
}

@media (max-width: 768px) {
    .social-media{
        margin-bottom: 20px;
    }
    .icon-go-up::before {
        right: 158px;
    }

    .img-main::after {
        height: 23px;
        width: 29px;
        left: 20%;
    }
    .border-img {
        width: 238px;
        height: 266px;
    }
    .img-fluid {
        max-width: 51%;
        margin-top: 29px;
    }
    .socialMedia-icon div {
        margin-left: 7px;
    }
    .map-location--box {
        margin-top: -47px;
    }
    .text-form {
        color: var(--black);
        font-family: YekanBakh, sans-serif;
        font-size: 16px;
    }
    .box-form {
        border-radius: 20px;
        background: var(--white);
        box-shadow: 1px 2px 30px 0 rgba(0, 33, 116, 0.04);
        padding: 29px 10px;
        max-width: 100%;
        margin-right:0;
    }
    .img-col-hero img {
        max-width: 483px;
        height: 257px;
    }
    .border-rectangle::before {
        right: 116px;
        height: 551px;
        width: 356px;
        top: -396px;
    }
    .hero-section::after {
        right: 74%;
        top: 65%;
    }
    .border-rectangle::after {
        right: 24%;
        top: -277px;
    }
    .sub-text {
        font-size: 5px;
    }
    .membership-img{
        width: 60%;
    }
    .membership-box::before {
        width: 67px;
        height: 49px;
        left: 7px;
        top: 64%;
    }
    .membership-box {

        padding: 38px 0 40px 99px;
    }
    .main-text {
        font-size: 8px;
    }
    .col-3 {
        flex: 0 0 auto;
        width: 88%;
    }
    .marketing-img::before {
display: none;
    }
    .display-btn-navbar {
        display: flex;
    }

    .right-col::before {
        top: 133px;
        right: -80px;
    }


    .border-img::before {
        height: 28px;
        width: 28px;
        left: -36px;
        top: 31px;
    }

.membership-box{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
    .img-main::before {
        height: 30px;
        width: 30px;
        left: 43px;
        bottom: 9px;
    }


    .business-title {
        font-size: 14px;
    }

    .Business {
        font-size: 27px;
    }

    .marketing-red {
        font-size: 13px;
    }

    .title {
        margin-bottom: -9px;
    }

    .paragrph {
        font-size: 10px;
    }

    .header-btn {
        padding: 0 15px;
        line-height: 31px;
    }

    .right-col::before {
        height: 62px;
        width: 89px;
        bottom: 0;
        left: 14%;
        top: 253px;
    }

    .google {
        font-size: 7px;
    }

    .box img {
        width: 34px;
        height: 34px;
    }

    .title-1 {
        font-size: 12px;
        line-height: 24px;
    }

    .title-2 {
        font-size: 13px;;
    }

    .display-box {
        display: flex;
        flex-direction: column;
    }

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

    .first-box {
        font-size: 15px;
    }

    .box-right-left, .box-left-left {
        margin-top: -9px;
        display: flex;
        justify-content: center;
    }

    .box-right-left::after {
   display: none;
    }

    .box-left-left::before {
    display: none
    ;
    }

    .text1-services {
        font-size: 15px;
    }

    .text2-services {
        font-size: 10px;
    }

    .text-banner {
        font-size: 10px;
    }

    .text2-banner {
        font-size: 20px;
    }

    .text3-banner {
        font-size: 10px;
    }

    .banner-button {
        font-size: 17px;
    }

    .icon-banner-button::before {
        height: 64%;
        width: 70%;
        right: 43px;
        top: 2px;
    }

    .img-banner img {
        max-width: 60%;
    }

    .img-banner {
        top: 13px;
        left: 17px;
    }
    .marketing-img img {
        max-width: 51%;
    }

    .text-1 a {
        font-size: 12px;
    }

    .text-2 a {
        font-size: 11px;
    }

    .btn-marketing {
        padding: 0 6px 0 29px;
        font-size: 14px;
        line-height: 31px;
    }

    .mark-icon {
        background-size: 44px 62px;
    }

    .btn-marketing {
        font-size: 11px;
    }

    .icon-mark::before {
        height: 17px;
        width: 17px;
        right: 59px;
        top: 6px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    body {
        overflow-x: hidden;
    }

    .paragraph-footer {
        font-size: 6px;
    }

    .information-li {
        font-size: 14px;
    }

    .mojavez {
        margin-bottom: 0;
    }

    .License-title span {
        font-size: 10px;
    }

    .phone2 {
        margin-right: 0;
    }

    .go-up-box {
        width: 87%;
        height: 13%;
    }
    .Register {
        font-size: 7px;
        line-height: 43px;
        padding: 0 15px;
    }

    .text-aboutUs {
        font-size: 23px;
    }
    .text-homepage ,.text-homepage{
        font-size: 9px;
    }
    .rectangle-test::after {
        transform: rotate(1deg) translate(-26%, -67%);
    }
    .rectangle-test {
        width: 98%;
        height: 20px;
    }
}

@media (max-width: 576px) {
    .social-media{
        margin-bottom: 20px;
    }
    .paragraph-footer {
        font-size: 10px;
    }
    .first {
        font-size: 17px;
    }
    .information-li {
        font-size: 14px;
    }

    .owl-nav {
        display: flex;
        position: absolute;
        left: 0;
    }
    .border-img {
        width: 195px;
        height: 183px;
    }
    .img-fluid {
        max-width: 46%;
    }
    .paragraph-myAddress-box {
        font-size: 14px;
    }
    .information-address-box {
        margin-bottom: 24px;
    }
    .icon-myPhone-box {
        margin-bottom: 3px;
    }
    .form-paragraph {
        font-size: 10px;
    }
    .button-formBox button {
        padding: 0 31px;
        line-height: 37px;
        font-size: 12px;
    }

    .border-rectangle::after{
        display: none;
    }
    .membership-box::before{
        width: 67px;
        height: 49px;
        left: -16px;
        top: 54%;
    }
    .Information-footer {
        display: flex;
        flex-direction: column;
    }
    .pbdpco-icon::before {
        position: absolute;
        right: -2px;
        top: 0px;
        height: 100%;
        width: 118%;
    }
    .Rectangle-box {
        padding: 0 10px;
    }
    .membership-text{
        margin-top: 50px;
    }
    .membership-box {
        width: 140%;
    }
    .membership-img img{
        max-width: 84%;
    }
    .membership-box{
        width: 92%;
    }
    .membership-text {
        font-size: 15px;
        padding-right: 20px;
    }


    .hero-section::after {
  display: none;
    }
    .comments-box::before {
        width: 500px;
    }
    .users-comments .owl-nav {
        right: 10px;
        top: 100%;
    }
    .navbar-toggler {
        margin-right: 20px;
    }

    .header-btn {
        padding: 0px 8px;
        line-height: 28px;
    }

    .right-col::before {
        display: none;
    }

    .marketing-red::before {
        height: 8px;
        width: 16px;
        right: -24px;
        top: 5px;
    }

    .img-main::after {
        left: 101px;
        top: 68px;
    }

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

    .title-1 {
        font-size: 9px;
    }

    .box-right-left, .box-left-left {
        margin-top: -185px;
        display: flex;
        justify-content: end;
    }

    .box-right-left::after {
        right: 311px;
        bottom: -12px;
    }

    .box-left-left::before {
        left: -17px;
        top: -21px;
    }

    .marketing-img::after {
        height: 36px;
        width: 36px;
        right: 283px;
    }

    .mark-icon {
        background-size: 35px 75px;
    }

    .btn-marketing {
        padding: 0 6px 0 25px;
        line-height: 28px;
    }

    .banner-box {
        padding: 24px 37px 24px 66px;
    }
    .img-banner {
        top: 34px;
        left: 13px;
    }
    .img-banner img {
        max-width: 34%;
    }

    .text2-banner {
        font-size: 13px;
    }

    .banner-box::before {
        height: 17px;
        top: 16px;
    }

    .banner-button {
        font-size: 12px;
    }

    .icon-banner-button::before {
        height: 56%;
        width: 70%;
        right: 24px;
    }

    .img-item {
        display: flex;
        justify-content: center;
    }

    .owl-carousel .owl-item img {
        width: 50%;
    }

    .cart-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .last-crd {
        flex-direction: column;
    }

    .item {
        margin-bottom: -16px;
    }

    .col-3 {
        width: 94%;
    }

    .Website-address {
        display: flex;
        padding-bottom: 0;
        justify-content: space-between;
        flex-direction: column;
    }

    .phone {
        display: flex;
        flex-direction: column;
    }

    .first {
        margin-bottom: 12px;
    }

    .icon-go-up::before {
        height: 20px;
        width: 32px;
        position: absolute;
        right: 42%;
        top: 3px;
    }

    .go-up-box {
        width: 69%;
    }

    .footer-box {
        margin-bottom: 0;
    }

    .banner-box {

        max-width: 79%;
        margin-right: 50px;
    }

    .three-services {
        margin-bottom: 0;
    }

    .section-header {
        margin-bottom: 23px;
    }

    .title-main {
        margin-bottom: 50px;
    }

    .display-box {
        margin-bottom: 27px;
    }

    .Three-box {
        margin-bottom: 0;
    }

    .title-main-two-main {
        margin-bottom: 24px;
    }

    .call-to-action {
        margin-bottom: 50px;
    }

    .banner {
        margin-bottom: 33px;
    }

    .main-title {
        margin-bottom: 23px;
    }

    .img-text-footer {;
        margin-bottom: 30px;
    }

    .Register {
        font-size: 11px;
        line-height: 32px;
    }
    .bag-btn {
        width: 30px;
        height: 30px;
    }

    .display-btn-navbar {
        margin-left: 20px;
    }


    .navbar-collapse {
        flex-basis: 74%;
    }

    .navbar-nav {
        margin-top: 20px;
        margin-right: 20px;
    }

    .sub-menu {
        top: -10px;
        padding: 5px 11px 5px 45px;
        right: 100px;
        width: 33%;
    }
}

@media (max-width: 450px) {
    .social-media{
        margin-bottom: 20px;
    }
    .img-banner {
        top: 42px;
        left: 7px;
    }
    .pbdpco-icon.icon-medium {
        width: 24px;
        height: 19px;
        margin-right: -8px;
        margin-top: -5px;
    }
    .three-services {
        margin-bottom: 14px;
    }
    .Three-box {
        margin-bottom: 13px;
    }
    .text-1 {
        margin-bottom: 4px;
    }
    .navbar-brand {
        margin-right: 5px;
    }
    .navbar-brand img{
        width: 39px;
    }
    .Information-footer {
        display: flex;
        flex-direction: column;
    }
    .owl-nav {
        display: flex;
        position: absolute;
        left: 0;
    }
    .navbar{
        flex: 1;
    }
    .sub-box {
        font-size: 8px;
    }
    .box-right-left img {
        max-width: 138px;
    }
    .box-left-left img{
        max-width: 138px;
    }
    .marketing-img{
        margin-bottom: 20px;
    }
    .box{
        margin-bottom: 10px;
    }
    .img-main {
        margin-top: 36px;
    }
    .border-img::before {
        left: -25px;
    }
    .img-main::after {
        left: 94px;
        top: 68px;
    }

    .Rectangle-box {
        padding: 0 10px;
    }
    .membership-text{
        margin-top: 50px;
    }
    .membership-box {
        width: 140%;
    }

    .border-img {
        width: 234px;
        height: 228px;
    }

    .pbdpco-icon::before {
        width: 105%;
        height: 102%;
        right: 0px;
        top: -1px;
    }
    .Register {
        font-size: 11px;
    }
    .border-img {
        width: 143px;
        height: 141px;
        top: 20px;
        left: 48px;
    }
    .navbar-toggler-icon{

    position: absolute;
    right: 22px;
        top: 21px;
    height: 50px;
    width: 23px;
}
}

@media (max-width: 320px) {
    .social-media{
        margin-bottom: 20px;
    }


    .navbar-toggler {
        margin-right: 2px;
    }

    .Register {
        font-size: 9px;
        line-height: 26px;
    }

    .navbar-brand {
        margin-right: 8px;
    }

    .navbar-brand img {
        max-width: 62%;
    }

    .navbar-toggler {
        padding: 2px;
    }

    .pbdpco-icon::before {
        position: absolute;
        width: 82%;
        height: 74%;
        top: 3px;
        right: 1px;
    }
    .business-title {
        font-size: 12px;
    }

    .Business {
        font-size: 13px;
    }

    .marketing-red {
        font-size: 8px;
    }

    .marketing-red::before {
        height: 8px;
        width: 10px;
        right: -15px;
        top: 3px;
    }

    .paragrph {
        font-size: 6px;
    }

    .title {
        margin-bottom: -25px;
    }

    .Rectangle {
        margin-bottom: 0;
    }
    .border-img {
        width: 121px;
        height: 121px;
        top: 28px;
        left: 12px;
    }
    .header-btn {
        font-size: 10px;
    }

    .header-btn {
        padding: 0px 5px;
        line-height: 20px;
    }

    .paragrph {
        margin-bottom: 17px;
    }

    .img-main {
        padding-left: 17px;
    }

    .border-img::before {
        height: 20px;
        width: 20px;
        left: -16px;
        top: 31px;
    }
    .img-main::after {
        height: 15px;
        width: 15px;
        right: 92px;
        top: 12px;
    }
    .text3-banner {
        margin-bottom: 0;
    }

    .icon-mark::before {
        right: 57px;
        top: 7px;
    }

    .img-main::before {
        height: 14px;
        width: 14px;
        left: 43px;
        bottom: 2px;
    }

    .box-right-left img {
        max-width: 126px;
    }

    .box-right-left, .box-left-left {
        margin-top: 0;
        display: flex;
        justify-content: center;

    }

    .box-right-left::after {
        right: 62px;
    }

    .box-left-left img {
        max-width: 126px;
    }

    .box-left-left::before {
        left: 60px;
        top: -21px;
    }

    .marketing-img {
        display: flex;
        justify-content: center;
    }

    .marketing-img::after {
        height: 19px;
        width: 19px;
        right: 226px;
        top: 2px;
    }

    .marketing-img::before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        right: 85px;
        top: 98px;
        left: 0;
    }

    .owl-prev, .owl-next {
        width: 29px !important;
        height: 29px !important;
    }

    .Information-footer {
        display: block;
    }

    .col-3 {
        width: 100%;
    }

    .sub-menu li {
        font-size: 10px;
    }

    .users-comments, .owl-nav {
        position: absolute;
        left: 0;
    }

}