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

@media screen 
{
.bdy_img_stl 
{
background-image:url('portal_images/portal_login_page_images/docpat.in.jpg') !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;
height: 80px !important;
}
}

@media screen and (max-width: 600px) 
{
.indx_pnl_hdng_stl 
{
padding: 10px 15px !important;
height: 80px !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 
{
font-size: 50px !important;
padding: 10px !important;
margin: -45px 55px auto !important;
font-style:italic !important;
}
}

@media screen and (max-width: 600px) 
{
.pge_ttl_stl 
{
font-size: 19px !important;
padding: 3px !important;
margin: -45px 52px auto !important;
font-style:italic !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;
}
}

@media screen and (max-width:600px)
{
.scs_lgn_mdl_txt_stl
{
font-size: 20px !important;
}
}

/* SUCCESS MODEL HINDI TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.scs_lgn_mdl_hndi_txt_stl
{
font-size: 25px !important;
}
}

@media screen and (max-width:600px)
{
.scs_lgn_mdl_hndi_txt_stl
{
font-size: 20px !important;
}
}


/* EXISTING PATIENT DIV CSS STYLE*/

@media screen and (min-width:601px)
{
.ext_pnt_stl
{

border: 2px solid !important;
border-radius: 5px !important;
background:white !important;
box-shadow: 7px 10px 20px black !important;
cursor:pointer !important;

width:50%;
margin-left: 310px;
margin-top: -446px;
}
}

@media screen and (max-width:600px)
{
.ext_pnt_stl
{

border: 2px solid !important;
border-radius: 5px !important;
margin-top:30px !important;
background:white !important;
box-shadow: 7px 10px 20px black !important;
cursor:pointer !important;
width:100%;

}
}

@media screen and (min-width:601px)
{
.ext_cntr_stl
{

background: #37b035 !important;
margin: 10px -1px 0px -1px !important;
padding-bottom: 12px !important;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
}

@media screen and (max-width:600px)
{
.ext_cntr_stl
{
background: #37b035 !important;
margin: 10px -1px 0px -1px !important;
padding-bottom: 12px !important;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
}


@media screen and (min-width: 601px) 
{
.ext_img_stl
{
width:98%;
margin-left:3px;
border-radius: 31px;
margin-top: 15px;
height: 245px;
border: 4px solid black;
}
}


@media screen and (max-width: 600px) 
{
.ext_img_stl
{
width:98%;
margin-left:3px;
height: 190px;
border-radius: 31px;
margin-top: 15px;
border: 4px solid black;
}
}

@media screen and (min-width: 601px) 
{
.clck_hre_stl
{
height: 120px;
}
}

@media screen and (max-width: 600px) 
{
.clck_hre_stl
{
height: 120px;
}
}

@media screen and (min-width: 601px) 
{
.ext_spn_stl
{
color:white;
font-weight:900;
font-size: 30px;
}
}

@media screen and (max-width: 600px) 
{
.ext_spn_stl
{
color:white;
font-weight:900;
font-size: 30px;
}
}

/*Blinker   (max-width: 600px=mobile view) (min-width: 601px = desktop view)Start*/

@media screen and (min-width: 601px) {

.blnk_stl 
{
animation: blinker 1s linear infinite;
}


}
@keyframes blinker 
{
50%
{
opacity: 0;
}
}


@media screen and (max-width: 600px) 
{
.blnk_stl
{
animation: blinker 1s linear infinite;
}
}
@keyframes blinker
{
50%
{
opacity: 0;
}
}


@media screen and (min-width: 601px)
{
.new_ptnt_stl
{
border: 2px solid !important;
border-radius: 5px;
background:white;
box-shadow: 7px 10px 20px black;
cursor:pointer;
width:50%;
}
}


@media screen and (max-width: 600px) 
{
.new_ptnt_stl
{
border: 2px solid;
border-radius: 5px;
background:white;
box-shadow: 7px 10px 20px black;
cursor:pointer;
width:100%;
}
}


@media screen and (min-width: 601px) 
{
.nw_cntr_stl
{
background: blueviolet;
margin: 10px -1px 0px -1px;
padding-bottom: 12px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}

}


@media screen and (max-width: 600px)
{
.nw_cntr_stl
{
background: blueviolet;
margin: 10px -1px 0px -1px;
padding-bottom: 12px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

}


@media screen and (min-width: 601px) 
{
.nw_img_stl
{
width:98%;
margin-left:3px;
border-radius: 31px;
margin-top: 15px;
height: 245px;
border: 4px solid black;
}

}


@media screen and (max-width: 600px) 
{
.nw_img_stl
{
width:98%;
margin-left:3px;
height: 190px;
border-radius: 31px;
margin-top: 15px;
border: 4px solid black;
}

}

@media screen and (min-width: 601px) 
{
.nw_spn_stl
{
color:white;
font-weight:900;
font-size: 30px;
}
}


@media screen and (max-width: 600px)
{
.nw_spn_stl
{
color:white;
font-weight:900;
font-size: 30px;
}
}

@media screen and (min-width: 601px) 
{
.eng_wlcm_dcpt_txt_stl
{
font-size:50px;
font-weight:900;
color:red;
}
}

@media screen and (max-width: 600px)
{
.eng_wlcm_dcpt_txt_stl
{
font-size:30px;
font-weight:900;
color:red;
}
}



@media screen and (min-width: 601px) 
{
.hnd_wlcm_dcpt_txt_stl
{
font-size:50px;
font-weight:900;
color:red;
}
}

@media screen and (max-width: 600px)
{
.hnd_wlcm_dcpt_txt_stl
{
font-size:30px;
font-weight:900;
color:red;
}
}


@media screen and (min-width: 601px) 
{

.nw_usr_logn_txt_stl
{
font-style:italic !important;
font-size:45px;
font-weight:900;
color:green;
}
}

@media screen and (max-width: 600px)
{
.nw_usr_logn_txt_stl
{
font-style:italic !important;
font-size:25px;
font-weight:900;
color:green;
}
}


@media screen and (min-width: 601px) 
{

.extng_usr_logn_txt_stl
{
font-style:italic !important;
font-size:45px;
font-weight:900;
color:blue;
}
}

@media screen and (max-width: 600px)
{
.extng_usr_logn_txt_stl
{
font-style:italic !important;
font-size:25px;
font-weight:900;
color:blue;
}
}


@media screen and (min-width: 601px) 
{
.cstmr_cre_dcpt_txt_stl
{
font-size:50px;
font-weight:900;
color:red;
}
}

@media screen and (max-width: 600px)
{
.cstmr_cre_dcpt_txt_stl
{
font-size:30px;
font-weight:900;
color:red;
}
}


<!--testing testing testing testing testing testing start-->

<!--testing testing testing testing testing testing end-->