/* MOBILE-SCREEN */

@media only screen and (max-width: 329px) {

    .sansex-main {
        display: none;
    }

    .top-header-main-bg {

        align-items: center;
        justify-content: end;
        flex-wrap: wrap;
    }

    
    .support-steps {
        padding-top: 63px !important;
    }



    .main-middel-bg {
        /* padding: 0; */
        top: 155px;
    }

    .whatsapp-bg {
        padding: 15px 15px !important;
        margin-bottom: 0;
        margin-top: 180px;
    }

    .whatsapp-main {
        display: flex
;
        flex-direction: column !important;
    }

    .whatsapp-left {
        margin-bottom: 25px;
    }

    .main-m-inner {
        flex-direction: column;
    }

    
    .timer-display {
        flex-direction: column;
    }
    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 47%;
        margin-bottom: 20px;
    }

    .sansex-bar-design-flex {
        flex-wrap: wrap;
    }

    .sansex-bar-design-inner-text p {
        font-size: 17px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 17px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 21px;
    }

    .main-middel-left,
    .main-middel-right {
        width: 100% !important;
        justify-content: flex-start;
    }

    .main-middel-left-main h6 {
        font-size: 43px !important;
    }

    .main-middel-left-top-image {
        max-width: 102px;
        position: relative;
        left: 8px;
        margin-bottom: 13px;
    }

    .main-middel-left-main p {
        font-size: 41px !important;
        line-height: 50px !important;
    }


    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 12px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }

    .whatsapp-left-icon {
        max-width: 72px;
    }

    .whatsapp-right {
        padding: 12px 14px;
        margin-left: 15px;
    }

    .whatsapp-right-text h6 {
        font-size: 11px;
    }

    .whatsapp-right-t {
        padding: 8px 19px;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 10px;
    }
}

@media only screen and (min-width: 330px) and (max-width: 375px) {
    .sansex-main {
        display: none;
    }

    .top-header-main-bg {

        align-items: center;
        justify-content: end;
        flex-wrap: wrap;
    }

    .top-header-main-cards {
        margin-top: 6px;
    }

    
    .support-steps {
        padding-top: 63px !important;
    }



    .main-middel-bg {
        /* padding: 0; */
        top: 181px;
    }

    .whatsapp-bg {
        padding: 15px 15px !important;
        margin-bottom: 0;
        margin-top: 180px;
    }

    .whatsapp-main {
        display: flex
;
        flex-direction: column !important;
    }

    .whatsapp-left {
        margin-bottom: 25px;
    }

    .main-m-inner {
        flex-direction: column;
    }

    
    .timer-display {
        flex-direction: column;
    }
    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 47%;
        margin-bottom: 20px;
    }

    .sansex-bar-design-flex {
        flex-wrap: wrap;
    }

    .sansex-bar-design-inner-text p {
        font-size: 17px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 17px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 21px;
    }

    .main-middel-left,
    .main-middel-right {
        width: 100% !important;
        justify-content: flex-start;
    }

    .main-middel-left-main h6 {
        font-size: 43px !important;
    }

    .main-middel-left-top-image {
        max-width: 102px;
        position: relative;
        left: 8px;
        margin-bottom: 13px;
    }

    .main-middel-left-main p {
        font-size: 41px !important;
        line-height: 50px !important;
    }


    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 12px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }

    .whatsapp-left-icon {
        max-width: 72px;
    }

    .whatsapp-right {
        padding: 12px 14px;
        margin-left: 15px;
    }

    .whatsapp-right-text h6 {
        font-size: 11px;
    }

    .whatsapp-right-t {
        padding: 8px 19px;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 10px;
    }

}

@media only screen and (min-width: 376px) and (max-width: 480px) {

    .sansex-main {
        display: none;
    }

    .top-header-main-bg {

        align-items: center;
        justify-content: end;
        flex-wrap: wrap;
    }

    .top-header-main-cards {
        margin-top: 6px;
    }

    
    .support-steps {
        padding-top: 63px !important;
    }

    .hero-home-bg {
        top: 0;
        padding-top: 30px;
    }

    .main-middel-bg {
        /* padding: 0; */
        top: 155px;
    }

    .whatsapp-bg {
        padding: 15px 15px !important;!i;!;
        margin-bottom: 0;
        margin-top: 180px;
    }

    .main-m-inner {
        flex-direction: column;
    }

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

    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 47%;
        margin-bottom: 20px;
    }

    .sansex-bar-design-flex {
        flex-wrap: wrap;
    }

    .sansex-bar-design-inner-text p {
        font-size: 17px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 17px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 21px;
    }

    .main-middel-left,
    .main-middel-right {
        width: 100%;
        justify-content: flex-start;
    }

    .main-middel-left-main h6 {
        font-size: 43px;
    }

    .main-middel-left-top-image {
        max-width: 102px;
        position: relative;
        left: 8px;
        margin-bottom: 13px;
    }

    .main-middel-left-main p {
        font-size: 41px;
        line-height: 50px;
    }

    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 12px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }


    .whatsapp-left-icon {
        max-width: 72px;
    }

    .whatsapp-right {
        padding: 14px 20px;
        margin-left: 15px;
    }

    .whatsapp-right-text h6 {
        font-size: 13px;
    }

    .whatsapp-right-t {
        padding: 8px 19px;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 12px;
    }


    .header-main {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 530px) {

    .sansex-main {
        display: none;
    }

    
    .support-steps {
        padding-top: 63px !important;
    }


  

    .main-middel-bg {
        /* padding: 0; */
        top: 155px;
    }

    .hero-home-bg {
        top: 0;
        padding-top: 40px;
    }

    .whatsapp-main {
        flex-direction: column !important;
    }
    
    .whatsapp-left {
        margin-bottom: 25px !important;
    }

    .whatsapp-bg {
        padding: 15px 15px;
        margin-bottom: 0;
    }

    .main-m-inner {
        flex-direction: column;
    }

    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 47%;
        margin-bottom: 20px;
    }

    .sansex-bar-design-flex {
        flex-wrap: wrap;
    }

    .sansex-bar-design-inner-text p {
        font-size: 17px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 17px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 21px;
    }

    .main-middel-left,
    .main-middel-right {
        width: 100%;
        justify-content: flex-start;
    }

    .main-middel-left-main h6 {
        font-size: 43px;
    }

    .main-middel-left-top-image {
        max-width: 102px;
        position: relative;
        left: 8px;
        margin-bottom: 13px;
    }

    .main-middel-left-main p {
        font-size: 41px;
        line-height: 50px;
    }

    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 12px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }


    .whatsapp-left-icon {
        max-width: 91px;
    }

    .whatsapp-right {
        padding: 14px 20px;
        margin-left: 15px;
    }

    .whatsapp-right-text h6 {
        font-size: 18px;
    }

    .whatsapp-right-t {
        padding: 8px 19px;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 11px;
    }

}

@media screen and (min-width: 531px) and (max-width:767px) {

    .sansex-main {
        display: none;
    }
    

    .support-steps {
        padding-top: 63px !important;
    }

    .hero-home-bg {
        top: 0;
        padding-top: 30px;
    }

    .main-middel-bg {
        /* padding: 0; */
        top: 155px;
    }

    .hero-home-bg {
        top: 0 ;
        padding-top: 40px;
    }

    .whatsapp-main {
        flex-direction: column !important;
    }

    .whatsapp-bg {
        padding: 15px 15px;
        margin-bottom: 0 !important;
    }

    .main-m-inner {
        flex-direction: column;
    }

    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 50%;
        margin-bottom: 20px;
    }

    .sansex-bar-design-flex {
        flex-wrap: wrap;
    }

    .sansex-bar-design-inner-text p {
        font-size: 20px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 20px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 26px;
    }



        .main-middel-left, .main-middel-right {
        width: 100% !important;
        justify-content: flex-start !important;
    }



    .main-middel-left-main h6 {
        font-size: 43px;
    }

    .main-middel-left-top-image {
        max-width: 102px;
        position: relative;
        left: 8px;
        margin-bottom: 13px;
    }

    .main-middel-left-main p {
        font-size: 41px;
        line-height: 54px !important;
    }

    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 15px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }

    .whatsapp-left-icon {
        max-width: 91px;
    }

    .whatsapp-right {
        padding: 14px 20px;
        margin-left: 15px;
    }

    .whatsapp-right-text h6 {
        font-size: 18px;
    }

    .whatsapp-right-t {
        padding: 8px 19px !important;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 11px;
    }

    .whatsapp-bg {
        padding: 15px 15px;
        margin-bottom: 250px;
    }

    .whatsapp-left-icon {
        margin-bottom: 26px !important;
    }
}


/* I-PAD */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .hero-home-bg {
        top: 0;
        padding-top: 30px;
    }

    .main-middel-bg {
        /* padding: 0; */
        top: 169px;
    }

    .hero-home-bg {
        top: 0 !important;
        padding-top: 40px;
    }

    .whatsapp-bg {
        padding: 15px 15px;
        margin-bottom: 0 !important;
    }

    .whatsapp-main {
        /* flex-direction: column; */
    }

    .main-m-inner {
        display: flex;
        /* flex-direction: column !important; */
    }


    .main-middel-left {
        /* width: 100% !important; */
    }

    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        /* width: 50%; */
        margin-bottom: 0;
    }

    .main-middel-right {
        align-items: center !important;
        /* width: 100% !important; */
    }
    .sansex-bar-design-inner-middle {
        display: flex;
        padding-left: 7px;
        align-items: center;
    }

    .sansex-bar-design-inner-text p {
        font-size: 18px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 18px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right {
        display: flex;
        align-items: center;
        padding-left: 0;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 26px;
    }

    .main-middel-left-main h6 {
        font-size: 43px;
    }

    .main-middel-left-top-image {
        max-width: 87px;
        position: relative;
        left: 8px;
        margin-bottom: 9px;
    }

    .main-middel-left-main p {
        font-size: 41px;
        line-height: 50px;
    }

    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 15px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }

    .whatsapp-left-icon {
        max-width: 103px;
    }

    .whatsapp-right {
        padding: 16px 26px;
    }

    .whatsapp-right-text h6 {
        font-size: 20px;
    }

    .whatsapp-right-t {
        padding: 8px 19px;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 14px;
        font-family: "Poppins", serif;
        font-weight: 500;
    }

    .whatsapp-bg {
        padding: 15px 115px !important;
    }

    .whatsapp-left {
        /* margin-bottom: 35px; */
    }
}


/* IPAD-PRO */

@media screen and (min-width: 992px) and (max-width:1199px) {

    .hero-home-bg {
        top: 0;
        padding-top: 30px;
    }

    .main-middel-bg {
        /* padding: 0; */
        top: 160px;
    }

    .hero-home-bg {
        top: 0 !important;
        padding-top: 40px;
    }

    .whatsapp-bg {
        padding: 15px 15px;
        margin-bottom: 0 !important;
    }


    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        /* width: 50%; */
        margin-bottom: 0;
    }

    .main-middel-right {
        align-items: center;
    }

    .sansex-bar-design-inner-middle {
        display: flex;
        padding-left: 7px;
        align-items: center;
    }

    .sansex-bar-design-inner-text p {
        font-size: 18px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 18px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right {
        display: flex;
        align-items: center;
        padding-left: 0;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 26px;
    }


    .main-middel-left-main h6 {
        font-size: 43px;
    }

    .main-middel-left-top-image {
        max-width: 87px;
        position: relative;
        left: 8px;
        margin-bottom: 9px;
    }

    .main-middel-left-main p {
        font-size: 41px;
        line-height: 50px;
    }

    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 15px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }

    .whatsapp-left-icon {
        max-width: 110px;
    }

    .whatsapp-right {
        padding: 16px 26px;
    }

    .whatsapp-right-text h6 {
        font-size: 20px;
    }

    .whatsapp-right-t {
        padding: 8px 19px;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 14px;
        font-family: "Poppins", serif;
        font-weight: 500;
    }
}

/* 1200px To 1399px */

@media screen and (min-width: 1200px) and (max-width:1399px) {
    .sansex-bar-design-inner-cards {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 50%;
        margin-bottom: 0;
    }

    .hero-home-bg {
        top: 0;
        padding-top: 30px;
    }

    .main-middel-bg {
        /* padding: 0; */
        top: 160px;
    }

    .hero-home-bg {
        top: 0 !important;
        padding-top: 40px;
    }

    .whatsapp-bg {
        padding: 15px 15px;
        margin-bottom: 0 !important;
    }


    .sansex-bar-design-inner-middle {
        display: flex;
        padding-left: 7px;
        align-items: center;
    }

    .sansex-bar-design-inner-text p {
        font-size: 25px;
    }

    .sansex-bar-design-inner-middle p {
        font-size: 24px;
    }

    .sansex-bar-design-right h6 {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-right {
        display: flex;
        align-items: center;
        padding-left: 0;
    }

    .sansex-bar-design-right p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 14px;
    }

    .sansex-bar-design-inner-middle img {
        max-width: 26px;
    }




    .main-middel-left-main h6 {
        font-size: 43px;
    }

    .main-middel-left-top-image {
        max-width: 87px;
        position: relative;
        left: 8px;
        margin-bottom: 9px;
    }

    .main-middel-left-main p {
        font-size: 41px;
        line-height: 50px;
    }

    .main-middel-right-top-text h6 {
        font-size: 30px;
    }

    .main-middel-right-top-text p {
        font-size: 26px;
    }

    .top-header-main-text p {
        font-size: 15px;
    }

    .top-header-main-icon {
        max-width: 15px;
        margin-right: 6px;
    }


    .whatsapp-left-icon {
        max-width: 110px;
    }

    .whatsapp-right {
        padding: 16px 26px;
    }

    .whatsapp-right-text h6 {
        font-size: 22px;
    }

    .whatsapp-right-t {
        padding: 8px 19px;
        margin-top: 15px;
    }

    .whatsapp-right-t p {
        font-size: 14px;
        font-family: "Poppins", serif;
        font-weight: 500;
    }
}