/*Large Desktop*/
@media screen and (min-width: 1200px) {
}
/*For Laptops*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand {
        width: 155px;
    }
    .attributes-box{
        width: auto;
    }
    .tabriz .city-img{
        transform: translate(-54px,-39px);
    }
    .tabriz .boxCity-img:before{
        right: 74%;
    }
    .banner-slider .owl-nav .owl-prev {
        right: 55px;
    }
    .banner-slider .owl-nav .owl-next {
        left: 55px;
    }
    .singleBox-svg .attributes-box{
        width: auto;
    }
}
/*for Tablets*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .Counseling-form:before{
        display: none;
    }
    footer{
        padding-bottom:130px;
    }
    .space-y-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(3rem * var(--tw-space-y-reverse));
    }
    body>section{
        margin-bottom:2.5rem;
    }
    .contact .map-img.right,.contact .map-img.left{
        border-radius:16px;
        border: 1px solid gray;
    }
    .Service-steps{
        background: var(--primary-primary-99);
    }
    .Facilities .Service-steps{
        background-color: #ffffff;
    }
    .Service-steps .box-svg{
        color:#FFFFFF;
    }
    .owl-nav{
        justify-content:space-evenly;
    }
    .owl-nav > button {
        position: absolute;
        top:auto;
        bottom:-15px;
    }
    .owl-nav .owl-next {
        left:40%;
    }
    .owl-nav .owl-prev {
        right:40%;
    }
    .owl-dots {
        display: block;
        margin-top: 20px;
    }
    .owl-theme .owl-dots .owl-dot span{
        background:var(--secondary-secondary-90);
        width: 8px;
        height: 8px;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background:var(--Secondary-Secondary-50);
        transform:scale(1.2);
    }
    .owl-nav button .fa-solid,.banner-slider .owl-nav button .fa-solid{
        color: #BDBDBD;
        font-size: 20px;
    }
    .mahsool-slider .owl-dots,.mahsool-slider .owl-nav{
        display: none;
    }
    .owl-nav .owl-next,.banner-slider .owl-nav .owl-next {
        left:30%;
    }
    .owl-nav .owl-prev,.banner-slider .owl-nav .owl-prev {
        right:30%;
    }
    .catalog-box .box-img{
        height:auto ;
        width:auto;
    }
    .banner-bottom{
        position: static;
        transform: none;
    }
    .companionship .bg-vector {
        top: 280px;
        right: -20px;
    }
    .companionship .bg-vectorTow{
        left: 30%;
        top: -58px;
    }
    .companionship-svgOne{
        width:444px;
        height: 264px;
        transform: rotate(313deg);
        /*transform: none;*/
    }
    .companionship-svgTwo{
        width: 547px;
        height: 237px;
    }
    .list-carousel .box-imgProducts{
        height:330px;
    }
    .Cooperation-steps .singleBox-steps{
        height: 150px;
    }
    .cooperation-bottom{
        position: static;
        transform:none;
        margin-top: -150px;
    }

    .Benefits-cooperation{
        margin-bottom: 0;
    }


}
@media screen and (min-width: 768px) {
}
/*For Mobiles*/
@media screen  and (max-width: 767px) {
    *{
        font-size: 14px;
    }

    /*for fix footer*/

    footer{
        padding-bottom:130px;
    }

    .navbar-brand{
        width: 138px;
    }
    .banner{
        padding:2.5rem 0;
    }
    .banner-bottom{
        position: static;
      transform: none;
    }
    .banner-slider .container{
        overflow: hidden;
    }
    .banner .bg-banner{
        top:0;
        right:-22%;
        transform:rotate(-16deg);
        opacity: 0.3;
    }
   .carousel-control-next,.carousel-control-prev{
       position: static;
       display:inline-block;
   }
    .Counseling-form:before{
        display: none;
    }
    .Counseling-form{
        border: 1px solid var(--gray-gray-30);
        padding:1rem 0;
        border-radius:1rem;
    }
    .Counseling-form ul li.border-right{
        border: none;
    }
    .map-iran{
        width:100%;
        height:100%;
    }
    .owl-nav > button{
        position: static;
    }
    .mahsool-slider .owl-dots,.mahsool-slider .owl-nav{
        display: none;
    }
    .owl-dots {
        display: block;
    }
    .title-page{
        padding: 30px 0;
    }
    .space-y-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }
    .space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
    }
    .space-y-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(3rem * var(--tw-space-y-reverse));
    }
    body>section{
        margin-bottom:2.5rem;
    }
    .owl-nav{
        justify-content:space-evenly;
    }
    .owl-nav > button {
        position: absolute;
        top:auto;
        bottom:-15px;
    }

    .owl-nav .owl-next,.banner-slider .owl-nav .owl-next {
        left:30%;
    }
    .owl-nav .owl-prev,.banner-slider .owl-nav .owl-prev {
        right:30%;
    }
    .owl-dots {
        display: block;
        margin-top: 20px;
    }
    .owl-theme .owl-dots .owl-dot span{
        background:var(--secondary-secondary-90);
        width: 8px;
        height: 8px;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background:var(--Secondary-Secondary-50);
        transform:scale(1.2);
    }
    .owl-nav button .fa-solid,.banner-slider .owl-nav button .fa-solid{
        color: #BDBDBD;
        font-size: 18px;
    }
    .benefit h6{
     font-size: 14px;
    }
    .table thead {
        display: none;
    }
    .Calculation-table .table td{
        border: none;
        border-bottom: 1px solid #D1D1D1;
        position: relative;
        padding-right: 50%;
        white-space: normal;
        text-align: left;
        height: 50px;
        display: flex;
        align-items:center;
        justify-content:center;
    }
    .Calculation-table .table td:last-child{
        border-bottom: none;
    }
    .Calculation-table .table td:before{
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: 50%;
        padding-left: 10px;
        white-space: nowrap;
        text-align: right;
        font-weight: bold;
        content: attr(data-bs-original-title);
        border-left: 1px solid #D1D1D1;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .box-branches,.Educational-video {
        height: auto;
    }
    .single-partner .box-imgPartner {
        width: auto;
        height: auto;
    }
    .single-partner .box-imgPartner .overlay{
        display: none;
    }
  .partner-title{
        width:130px;
        height:60px ;

    }
    .hamkaran .partner-title{
        border: 2px solid var(--primary-primary-100);
        background: var(--primary-primary-20);
    }

    .hamkaran .partner-title h6.card-title{
        color:#FFFFFF;
        font-size: 14px;
    }
    .hamkaran .partner-title small{
        color: var(--primary-primary-95);
        font-size: 12px;
    }
    .banner-partners{
        padding: 20px;
    }
    .contact .map-img.right,.contact .map-img.left{
        border-radius:16px;
        border: 1px solid gray;
    }
    .certificate-card{
        height: auto;
    }
    .tolid .box-banner p{
        font-size: 18px;
    }
    .video-page .title-video{
        font-size: 22px;
    }
    .video-page {
        height: 250px;
    }
    .singleBox-store .box-img{
        height:auto;
    }
    .Store-singleBox {
        height: auto;
    }
    .box-overlay .title-box{
        font-size: 14px;
    }
    .Store-singleBox .box-img{
        /*height:auto;*/
    }
    .sub-title{
        font-size: 16px;
    }
    .journal-box .overlay{
        opacity: 0;
    }
    .Service-steps{
        background: var(--primary-primary-99);
        height: 226px;
    }
    .Facilities .Service-steps{
        background-color: #FFFFFF;
    }
    .Service-steps .box-svg{
        color:#FFFFFF;
    }
    .singleBox-steps{
        height:230px;
    }
    .singleBox-steps .title-box{
        font-size: 14px;
    }
    .singleBox-steps p{
        font-size: 12px;
    }
    .fix-footer{
        z-index: 2000;
    }
    .font-size18{
        font-size: 16px;
    }
    .banner-foroosh .box-banner{
        height: 80px;
    }
    .banner-foroosh .box-banner .big-number{
        font-size: 60px;
    }
    .box-banner p{
        font-size: 12px;
    }
    .Journal .card.journal-box{
        height: auto;
    }
    .pill-img{
        width: 95%;
    }
   .box-branches{
       height:350px;
   }
    .box-branches .box-img{
        height: 150px;
        border-radius:16px;
        /* Elavation 4 */
        box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
    }
    .Educational-video img {
        filter:none;
    }
    .attributes-box{
        width: auto;
        /*background-size:cover;*/
    }
    .sales-increase .sales-increaseBox{
        background-image: url("../images/svg/svg1.svg");
        width: auto;
        height: 233px;
        margin-bottom: 32px;
    }
    .shorting-menu .nav-tabs-responsive{
        /* Elavation 4 */
        box-shadow: 0px 4px 24px 0px rgba(0, 0, 47, 0.15);
        background-color: #FFFFFF;
        padding: 16px 8px;
        border-radius: 16px;
    }
    .shorting-menu .nav-tabs-responsive .nav-tabs a.active{
        background-color: red;
        color:#FFFFFF;

    }
    .catalog-box .box-img{
        height:auto ;
        width:auto;
    }
    .font-size26{
        font-size: 22px;
    }

    .products .box-imgProducts{
        height: 200px;
    }

    .companionship .bg-vector {
        top: 280px;
        right: -20px;
    }
    .companionship .bg-vectorTow{
        left: 30%;
        top: -58px;
    }
    .companionship-svgOne{
        width:444px;
        height: 264px;
        transform: rotate(313deg);
        /*transform: none;*/
    }
    .companionship-svgTwo{
        width: 547px;
        height: 237px;
    }
    .mashhad{
        top: 64px;
        right: 68px;
    }
    .Esfahan{
        top: 142px;
        right: 209px;
    }
    .kashan{
        top: 122px;
        right: 220px;
    }
    .tehran{
        top: 77px;
        right: 216px
    }
    .Qom{
        top: 104px;
        right: 231px;
    }
    .tabriz{
        top: 24px;
        right: 312px;
    }
    .rasht{
        top: 44px;
        right: 253px;
    }
    .zanjan{
        top: 62px;
        right: 274px;
    }
    .shiraz{
        top: 209px;
        right: 194px;
    }
    .city-img{
        transform: translate(-50PX,-40PX);
    }
    .boxCity-img{
        width: 160px;
    }
    .boxCity-img:before{
        right: 68%;
    }
    .mashhad .city-img{
        transform: translate(-100PX,-40PX);
    }
    .mashhad .boxCity-img:before{
        right: 37%;
    }
    .video-page .btn-play{
        width: 120px;
        height: 120px;
    }
    .Customer-organization img{
        filter: none;
    }
    .Cooperation-steps .singleBox-steps{
        height: 150px;
    }
    .cooperation-bottom{
        position: static;
        transform:none;
        margin-top: -160px;
    }

    .Benefits-cooperation{
    margin-bottom: 0;
    }
    .singleBox-svg .attributes-box{
        width: auto;
        height: 280px;
    }
    .Infrastructure-zarsam .singleBox-Infrastructure{
        height: 230px;
    }
    .Infrastructure-zarsam .singleBox-Infrastructure .box-img{
        height: 90px;
        border-radius: 8px 8px 8px 30px;
    }
    .Infrastructure-zarsam .singleBox-Infrastructure .card-title{
        font-size: 14px;
    }
    .Infrastructure-zarsam .singleBox-Infrastructure .card-body{
        padding: 8px;
    }
    .Infrastructure-zarsam .singleBox-Infrastructure p{
        font-size: 12px;
    }
    .method .singleBox-svg .attributes-box{
        height: 198px;
    }
    .Protection .Service-steps{
        background-color: #ffffff;
    }
    .Protection .Service-steps.active{
    background-color: #EBEEFC;
    }
    /*style for timeline*/
    .timeline:before{
        margin:44px ;
    }
    .timeline .branch {
        width:100%;
        text-align:right;
        margin-left:auto ;
        margin-bottom: 20px;
    }
    .timeline .branch p{
        text-align: right;
    }
    .timeline .branch:nth-child(2n+1){
        margin-left: 0;
        margin-right: auto;
        text-align:right;
    }
    .timeline .branch:nth-child(2n+1) p{
        /*text-align:right;*/
    }
    .timeline .branch:after {
        right:36px;
        transform: none;

    }
    .timeline .branch:nth-child(2n+1):after{
        left: auto;
        right:36px;
        transform:none;
    }

    .timeline .branch:before{
        right:36px;

    }
    .timeline .branch:nth-child(2n+1):before{
        left: auto;
        right:36px;
    }
    .timeline .branch .content{
        width: 75%;
    }
    .malzomat .Store-singleBox{
        height: 265px;
        padding: 8px;
    }
    .malzomat .Store-singleBox .box-img{
        height: 150px;
    }
    .malzomat .Store-singleBox .btn-details{
        font-size: 12px;

    }



}