@media (min-width: 320px) and (max-width: 767px) {
    .section-space-all {
        padding: 40px 0px 20px;
    }

    .section-space-all.product-gallery-sec {
        padding: 20px 0px 20px;
    }

    .section-space-all.about-sec-index {
        padding: 25px 0px 25px;
    }

    .section-title-primary {
        margin-bottom: 15px;
    }

    .slider-area {
        margin-top: 0px;
    }

    .features3-layout3 .icon-box i {
        color: #fff;
    }

    .features3-layout3.shadow-equal.active {
        margin-top: 0px;
    }

    .btn-str-up2 {
        padding: 16px 30px;
    }

    .features3-layout3 .content-box p {
        color: #333;
    }

    .section-space-top {
        padding: 20px 0px 20px;
    }

    .about-content-layout2 p {
        margin-bottom: 10px;
    }

    .complete-project {
        display: block!important;
    }

    .about-content-layout2 h1 {
        font-size: 30px;
    }

    .about-image {
        display: none;
    }

    .section-space-less30 {
        padding: 30px 0 25px;
    }

    .process-image-box {
        margin-bottom: 20px;
    }

    .mission-vission-layout1 {
        margin-bottom: 20px;
    }

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

    .ourservice-layout1 {
        background-color: #fff;
    }

    .ourservice-layout1 .ourservice-content h2 {
        color: #000;
        margin-bottom: 8px;

    }

    .ourservice-layout1 .ourservice-content {
        text-align: left;
        padding: 10px 0 15px 0;
    }

    .discount_section {
        padding: 20px 0 20px;
    }

    .discount_img_main_box {
        margin-top: 0px;
    }

    .ourservice-layout1 .ourservice-content p {
        width: 100%;
        margin-bottom: 15px;
        color: #000;
    }

    .btn-str-up {
        padding: 15px 30px;
        background-color: #000;
        color: #fff;
    }

    .ourservice-image {
        margin-bottom: 12px;
    }

    .section-title-primary2 {
        background-color: #fff;
    }

    .section-space-less30e30 {
        padding: 0px 0px 20px;
    }

    .shadow-equal.section-space-less30e30 {
        padding: 0px 0px 10px;
    }

    #header-area-space {
        margin-top: 0px !important;
    }

    .section-space-default {
        padding: 35px 0px 35px;
    }

    .global-trainer-offer {
        width: 100%;
        display: block;
        background-color: #444447;
        position: relative;
        border-radius: 0;
        padding: 1rem 1rem 1rem 1rem;
    }

    .count_img_main_box3:last-child {
        margin-bottom: 0px;
    }

    .portfolio-layout3 {
        margin-bottom: 10px;
    }

    .footer-area-top .useful-links>li {
        display: block;
    }

    .phone-trainer-sec {
        background: #444447;
    }

    .animated-name-text {
        text-align: center;
    }

    .global-trainer-offer .text-offer h2 {
        font-size: 25px;
        color: #fff;
        margin-bottom: 5px;
        text-align: center;
    }

    .phone-btn {
        font-size: 14px;
        padding: 10px 15px;

    }

    .title-bar-footer {
        margin-bottom: 30px;
    }

    .global-trainer-offer {
        padding: 0px 0px;
    }

    .footer-area-top .footer-logo {
        margin-bottom: 15px;
    }

    .footer-discription {
        padding-right: 0px;
    }

    .footer-left {
        padding-left: 0px;
    }

    .footer-area-top .footer-logo img {
        margin-bottom: 10px;
    }

    .animated-name-text span {
        font-size: 18px;
        padding-right: 5px;
    }

    .global-trainer-offer .text-offer {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .section-title-primary-less {
        margin-bottom: 30px;
    }

    .footer-area-top {
        margin-top: 0px;
    }

    .progress-layout3 p {
        font-size: 14px;
    }

    .progress-layout3 h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .progress-layout3 {
        margin-bottom: 20px;
    }

    .footer-discription {
        padding-left: 0px;
    }

    .about-content-layout2 {
        padding-left: 0px;
    }

    .about-image {
        margin-bottom: 25px;
    }

    .about-content-layout2 p {
        color: #000;
    }

    .features3-layout3 {
        margin-bottom: 20px;
    }

    .features3-layout3 .icon-box {
        background-color: #191818;
    }

    .mobile_view_header_div_main {
        display: block !important;
        position: sticky;
        top: 0px !important;
        background-color: #fff !important;
        z-index: 999;
    }

    .desktop_whatsapp {
        display: none;
    }

    .mobile_whatsapp {
        display: block;
    }

    .navbar {
        display: none !important;
    }

    .mean-nav {
        display: none;
    }

    .mean-bar {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mean-nav {
        display: none;
    }

    .ourservice-layout1 {
        background-color: #fff;
    }

    .ourservice-layout1 .ourservice-content h2 {
        color: #000;
        margin-bottom: 8px;

    }
    .mean-bar {
        display: none;
    }

     .slider-area {
        margin-top: 0px;
    }
    .about-image{
        display: none;
    }
#header-area-space{
    margin-top: 0px!important;
}
.about-content-layout2{
    padding-left: 0px;
}
.section-space-less30e30 {
    padding: 30px 0px 30px;
}

    .btn-str-up {
        padding: 15px 30px;
        background-color: #000;
        color: #fff;
    }
.section-space-top {
    padding: 30px 0px 30px;
}
    .section-title-primary2{
        margin-bottom: 20px;
    }
    .ourservice-layout1 .ourservice-content p{
        color: #000;
    }
    .ourservice-layout1{
        display: flex;
    }
        .ourservice-layout1 .ourservice-content {
        text-align: left;
        padding: 18px 0 5px 0;
    }
    .ourservice-layout1 .ourservice-content p{
        margin-bottom: 15px
    }
    .mobile-border{
        border-top: none
    }
   .ourservice-layout1:nth-child(odd) .ourservice-content{
    width: 100%;
   }
   .discount_section{
    padding: 20px 0px 20px;
   }
   .count_img_main_box{
    height: 200px;
    width: 200px;
   }
   .count_img_main_box2{
    height: 200px;
    width: 200px;
   }
   .count_img_main_box3{
    height: 200px;
    width: 200px;
   }
   .count_img_main_box3:hover .count_img_overlay_box5{
    height: 200px;
    width: 200px;
   }
   .count_img_overlay_box6{
    width: 200px;
    height: 200px;
   }
   .count_img_main_box2:hover .count_img_overlay_box3{
    height: 200px;
    width: 200px;
   }
   .count_img_main_box:hover .count_img_overlay_box{
    height: 200px;
    width: 200px;
   }
   .count_img_overlay_box4{
    height: 200px;
    width: 200px;
   }
   .count_img_overlay_box2{
    height: 200px;
    width: 200px;
   }
   .count_section{
    margin-top: 20px;
   }
   .section-title-primary-less{
    margin-bottom: 20px;
   }

    .mobile_view_header_div_main {
        display: block !important;
        position: sticky;
        top: 0px !important;
        background-color: #fff !important;
        z-index: 999;
    }

    .footer-discription {
        padding-left: 0px;
    }

    .desktop_whatsapp {
        display: none;
    }

    .mobile_whatsapp {
        display: block;
    }
 .footer-area-top {
        margin-top: 0px;
    }
     .phone-trainer-sec {
        background: #444447;
    }
    
    .animated-name-text span {
        font-size: 18px;
        padding-right: 5px;
    }
  .global-trainer-offer {
        width: 100%;
        display: flex;
        background-color: #444447;
        position: relative;
        border-radius: 0;
        padding: 0px;
    }
    .global-trainer-offer .text-offer{
        width: 50%;
    }
    
    .global-trainer-offer .text-offer h2 {
        font-size: 25px;
        color: #fff;
        margin-bottom: 5px;
        text-align: left;
    }
    .footer-area-top .useful-links>li {
    display: block;
}
.footer-discription{
    padding-right: 0px;
}
.footer-area-top{
    padding: 30px 0px 30px;
}
.section-title-primary{
    margin-bottom: 20px;
}
.section-space-less30{
    padding: 30px 0px 20px;
}
.mission-vission-layout1{
    margin-bottom: 20px;
}
.process-image-box{
    margin-bottom: 15px;
}
}