@media screen and (max-width: 860px)
    {
       footer.footer-wrap,
       header.header-wrap.style1,
       .loader.js-preloader
            {
                display: none;
            }
    
        .slider_trans
            {
                background: url(../../../images/mobileimages/trans_black.png) repeat;
            }
    
        /*
            .views, .view
                {
                    height: 1000px;
                }
        */
        #mobile_wrap
            {
                height: 100vh;
            }
        .swiper-container 
            {
                height: 75%;
            }
        .swiper-wrapper .swiper-slide.images
            {
                    position: fixed;
            }
    
        .main_nav_underline ul li a.whitebtn span
            {
                width: 60%;
            }
        .content-block .loginform .form .row .col-md-6 
            {
                width: 50%;
            }
        .content-block .loginform .form .row .col-md-6.text-right
            {
                    text-align: right;
            }
            
            
            
        
        .swiper-container-toolbar 
            {
                padding: 0px 0 33% 0;
            }
        .slidertoolbar .slider-caption 
            {
                bottom: 30%;
            }
        .toolbar-icon a
            {
                padding-top: 2%;
                padding-bottom: 2%;
            }
        .toolbar-icon a img
            {
                max-width: 45%;
                width: 45%;
                padding-bottom: 0;
                margin-bottom: 10px;
            }
        .loginform button.form_submit
            {
                color: #fff;
                margin-bottom: 20px;
                background-color: #016296;
            }
        .toolbar-icon a span
            {
                font-weight: 600;
                font-size: 9px;
            }
        
        .popup .loginform .htincrs,
        .popup .loginform .thisinc,
        .popup .loginform .incrstop
        {
                margin-top: 13px;
        }
        .popup.popup-login-quote .content-block .loginform .form .mobotp_quote .mttoptext,
        .popup.popup-login-quote .content-block .loginform .form .mobotp_essential .mttoptext,
        .popup.popup-login-quote .content-block .loginform .form .mobotp_planner .mttoptext,
        .mttoptext
            {
                margin-top: 10px;
            }
            
        .mobotp_quote, #editregister, #finalregister,
        #quote_dateno, .firstloaderquote, 
        .mobotp_essential, #editressentialegister, #finalessentialregister,
        #essential_dateno, .firstloaderessential,
        .mobotp_planner, #editplannerregister, #finalplannerregister,
        #planner_dateno, .firstloaderplanner,
        .mobotp_mnpl, #mnplfinal , .firstloadermnpl,
        .mobotp_login, #loginplannerregister, #finalloginregister
        
            {
                display: none;
            }
        .loginform label
            {
                font-size: 12px;
            }
        .loginform select
            {
                border-bottom: 1px solid #d5d5d5;
                border-left: none;
                border-right: none;
                border-top: none;
                background-color: #ffffff;
                color: #000000;
                -webkit-appearance: none;
                margin-bottom: 10%;
                font-size: 14px;
            }
        #quote_dateyes,
        #essential_dateyes,
        #planner_dateyes
            {
                margin-top: 7%;
            }
        .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
            {
                width: 50%;
                padding-top: 0;
                padding-bottom: 0px;
            }
        .loginform button.form_submit:disabled,
        .loginform button.form_submit:hover,
        .loginform button.form_submit:focus,
        .loginform button.form_submit:active
            {
                background-color: #01629699 !important;
                color: #fff !important;
            }
        #quote_resend,
        #essential_resend,
        #planner_resend,
        #login_resend
            {
                cursor: pointer;
            }
        .firstloaderquote .Loaderquote,
        .firstloaderessential .Loaderessential,
        .firstloaderplanner .Loaderplanner,
        .firstloadermnpl .Loadermnpl,
        .firstloaderlogin .Loaderlogin
            {
                width: 100%;
                /* height: 100vh; */
                margin-top: 5%;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: row;
                font-size: 30px;
                overflow: visible;
            }
        .firstloaderquote .Loaderquote .text,
        .firstloaderessential .Loaderessential .text,
        .firstloaderplanner .Loaderplanner .text,
        .firstloadermnpl .Loadermnpl .text,
        .firstloaderlogin .Loaderlogin .text
            {
                text-transform: capitalize;
                color: #016296;
            }
        .firstloaderquote .Loaderquote .dots,
        .firstloaderessential .Loaderessential .dots,
        .firstloaderplanner .Loaderplanner .dots,
        .firstloadermnpl .Loadermnpl .dots,
        .firstloaderlogin .Loaderlogin .dots
            {
                display: flex;
                position: relative;
                top: 5px;
                left: -10px;
                width: 100px;
                animation: dots 2s ease infinite 1s;
            }
        .firstloaderquote .Loaderquote .dots div,
        .firstloaderessential .Loaderessential .dots div,
        .firstloaderplanner .Loaderplanner .dots div,
        .firstloadermnpl .Loadermnpl .dots div,
        .firstloaderlogin .Loaderlogin .dots div
            {
                position: relative;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                margin-right: 10px;
                background-color: #016296;
                         
                
            }
        .firstloaderquote .Loaderquote .dots div:nth-child(1),
        .firstloaderessential .Loaderessential .dots div:nth-child(1),
        .firstloaderplanner .Loaderplanner .dots div:nth-child(1),
        .firstloadermnpl .Loadermnpl .dots div:nth-child(1),
        .firstloaderlogin .Loaderlogin .dots div:nth-child(1)
            {
                width: 0px;
                height: 0px;
                margin: 5px;
                margin-right: 15px;
                animation: show_dot 4s ease-in-out infinite 1s;
            }
        .mobotp_quote .form-group label,
        .mobotp_essential .form-group label,
        .mobotp_planner .form-group label,
        .mobotp_mnpl .form-group label,
        .mobotp_login .form-group label
            {
                text-align: center;
                width: 100%;
                margin-bottom: 35px;
                font-size: 18px;
                text-decoration: underline;
                font-weight: 600;
                letter-spacing: 2px;
            }
        .Loaderquote .text,
        .Loaderessential .text,
        .Loaderplanner .text,
        .Loadermnpl .text,
        .Loaderlogin .text
            {
                font-size: 16px;
                line-height: 20px;
                font-weight: 600;
            }
        
         .rss #amount-rupees
            {
                padding: 0;
                margin: 0;
                padding: 0;
                margin: 0;
                font-size: 10px;
                line-height: 14px;
                margin-top: -10px;
            }
        #amount1-rupees
            {
                padding: 0;
                margin: 0;
                padding: 0;
                margin: 0;
                font-size: 10px;
                line-height: 14px;
                margin-top: -10px;
            }
        .row.mobfooter
            {
                margin: 0;
                position: fixed;
                z-index: 9999;
                bottom: 20px;
            }
        .swiper-slide
            {
                width: 100% !important;
            }
        #whatsapp-chat-widget
            {
                display: none !important;
            }
            
        .slider-caption span.subtitle
            {
                font-size: 24px;
                font-weight: 600;
            }
            
        .slider-caption h2
            {
                font-size: 26px; 
                line-height: 29px;
                margin-top: 13px;
                margin-bottom: 10px;
            }
        .slider-caption p
            {
                font-size: 13px;
            }
}
@media screen and (max-width: 380px)
    {
        .slider-caption p 
        {
            font-size: 10px;
        }
        .slider-caption h2
        {
            font-size: 12px;
        }
        .slidertoolbar .slider-caption 
        {
            bottom: 60%;
        }
    }
    
    
@media only screen and (max-width: 650px)
    {
        .slider-caption p
        {
            display: none;
        }
    }