/* Mobile css  */
@media only screen and (max-width: 767px) and (min-width: 0px)  {
    
.logo {
    width: 33%;
}
.mobile-off {
visibility: hidden !important;
display: none !important;

}

h1,h2,h3 {
    font-size: 30px;
}

.mobile-background-center {
    background-position: center center !important;
}

.mobile-pad {
    padding: 10% 7% !important;
}

.display-none
{
    display: none !important;
}
.widht-50 {
    width: 100% !important;
}

.my-slider {
    width: 100% !important;
    overflow: hidden !important;
}
.my-slide img {
    width: 100% !important;
    display: block;
}
.sixth-section{

    background: url(../images/mobile-background.webp);
}

.mobile-margin-off{
    margin: 0 !important;
}
.third-container,.first-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.submit {
    width: 100%;
}

.third-section br {

    display: none !important;
}

.custom-modal h4,.custom-modal h2 { font-size:20px;}

.custom-modal {
    padding-left: 20px;
    padding-right: 20px;
}
#promoModal .modal-dialog {
    max-width: 100%;
    width: 95%;
}

.mobile-pad-off {
    padding: 0rem !important;
}
.m-width-100 {
width: 100%;
}

 .mega-menu {
        position: static;
        width: 100%;
        padding: 15px 20px;
        transform: translateX(0%);
         max-width: 100%;
    }
    .mega-menu .row {
        display: block;
    }
    .mega-menu .col-md-4 {
        width: 100%;
        margin-bottom: 15px;
    }
 
 .card-container {
    padding: 0;
}
}