/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/*INDEX PANEL CSS STYLE*/

@media screen and (min-width: 601px) 
{
.bdy_img_stl 
{
background-image:url('https://docpat.in/portal_images/portal_login_page_images/goddelivery.docpat.in.jpg') !important;
background-size:cover !important;
}
}

@media screen and (max-width: 600px) 
{
.bdy_img_stl 
{
background-image:url('https://docpat.in/portal_images/portal_login_page_images/goddelivery.docpat.in.jpg') !important;
background-size:cover !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/*INDEX PANEL CSS STYLE*/

@media screen and (min-width: 601px) 
{
.indx_pnl_stl 
{
margin-bottom: 20px !important;
background-color: #fff !important;
border: 1px solid transparent !important;
border-radius: 4px !important;
box-shadow: 0 1px 1px rgb(0 0 0 / 5%) !important;
display: block !important;
width: 40% !important;
margin: 100px auto !important;
}
}

@media screen and (max-width: 600px) 
{
.indx_pnl_stl 
{
margin-bottom: 20px !important;
background-color: #fff !important;
border: 1px solid transparent !important;
border-radius: 4px !important;
box-shadow: 0 1px 1px rgb(0 0 0 / 5%) !important; 
display: block !important;
width: 90% !important;
margin: 50px auto !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/*INDEX PANEL HEADING CSS STYLE*/

@media screen and (min-width: 601px) 
{
.indx_pnl_hdng_stl 
{
padding: 10px 15px !important;
border-bottom: 1px solid transparent !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
background-color:black !important;
color:rgb(128, 250, 16) !important;
height: 80px !important;
}
}

@media screen and (max-width: 600px) 
{
.indx_pnl_hdng_stl 
{
padding: 10px 15px !important;
border-bottom: 1px solid transparent !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
background-color:black !important;
color:rgb(128, 250, 16) !important;
height: 80px !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/*INDEX PANEL BODY CSS STYLE*/

@media screen and (min-width: 601px) 
{
.indx_pnl_bdy_stl 
{
padding: 15px !important;
}
.indx_pnl_bdy_stl:after,.indx_pnl_bdy_stl:before
{
display: table !important;
content: " " !important;  
}
.indx_pnl_bdy_stl:after
{
clear: both !important;  
}
}

@media screen and (max-width: 600px) 
{
.indx_pnl_bdy_stl 
{
padding: 15px !important;
}
.indx_pnl_bdy_stl:after,.indx_pnl_bdy_stl:before
{
display: table !important;
content: " " !important;  
}
.indx_pnl_bdy_stl:after
{
clear: both !important;  
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/*HEADER TITLE CSS STYLE*/

@media screen and (min-width: 601px) 
{
.pge_ttl_stl 
{
color: aqua !important;
font-size: 30px !important;
font-weight:900 !important; 
padding: 10px !important;
margin: -47px 55px auto !important;
}
}

@media screen and (max-width: 600px) 
{
.pge_ttl_stl 
{
color: aqua !important;
font-size: 20px !important;
font-weight:900 !important;
padding: 3px !important;
margin: -36px 52px auto !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/* SUCCESS MODEL TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.scs_lgn_mdl_txt_stl
{
font-size: 25px !important;
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 85px !important;
}
}

@media screen and (max-width:600px)
{
.scs_lgn_mdl_txt_stl
{
font-size: 27px !important;
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
}
}

/* SUCCESS MODEL HINDI TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.scs_lgn_mdl_hndi_txt_stl
{
font-size: 25px !important;
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 15px !important;
}
}

@media screen and (max-width:600px)
{
.scs_lgn_mdl_hndi_txt_stl
{
font-size: 27px !important;
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/* WHATSAPP IMAGE CSS STYLE*/

@media screen and (min-width: 601px)
{
.whtsap_web_stl
{
display:block !important;
width:60px !important;
height:60px !important;
}
.whtsap_mbl_stl 
{
display:none !important;
}
}

@media screen and (max-width: 600px) 
{
.whtsap_mbl_stl 
{
display:block !important;
width:60px !important;
height:60px !important;
}
.whtsap_web_stl 
{
display:none !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/* PHONE IMAGE CSS STYLE*/

@media screen and (min-width: 601px)
{
.phn_mbl_stl
{
display:none !important;
}
}

@media screen and (max-width: 600px) 
{
.phn_mbl_stl 
{
display:block !important;
width:100px !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/* EMAIL IMAGE CSS STYLE*/

@media screen and (min-width: 601px)
{
.eml_icn_stl
{
display:block !important;
}
}

@media screen and (max-width: 600px) 
{
.eml_icn_stl 
{
display:block !important;
width:100px !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/* PLACEHOLDER CSS STYLE*/

@media screen and (max-width: 600px)
{
::placeholder
{
font-size: 15px !important;
padding-left:10px !important;
}
}


/*button (max-width: 600px=mobile view) (min-width: 601px = desktop view)*/
/*  IMAGE ICON CSS STYLE*/

@media screen and (min-width: 601px)
{
.img_icon_stl
{
display:block !important;
}
}

@media screen and (max-width: 600px) 
{
.img_icon_stl 
{
display:inline-block !important;
width:72px !important;
}
}


@media screen and (min-width: 601px)
{
.cntct_us_stl
{
font-weight: 900 !important;
font-size: 22px !important;
color: red !important;
}
}

@media screen and (max-width: 600px) 
{
.cntct_us_stl 
{
font-weight: 900 !important;
font-size: 15px !important;
color: red !important;
}
}