body .common_header .header_opacity{
    background-color: rgba(16,16,16,0.6);
    opacity: 1;
    
}
body .common_header .header_content .header_content_text p{
    font-size: 19px;
}
body .middle_content .middle_main_content p.seevideo{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px;
    margin-left: 0px !important;
    font-size: 17px !important;
}
body#login_pg.page-forget-password a.header-topmenu-button {
    display: none;
}
body .common_header .header_img.head_main_pageimg{
    height: 300px;
}
body .header_user{
    /*width: 100%;*/
    width: auto;
}
body .header_menubar{
    float: right;
}
body #header_imp ul.nav.navbar-nav{
    margin-right: 0px;
    margin-left: 0px;
    float: right;
}
body .header_info{
    margin: 20px;
    margin-left: 80px;
    width: initial;
    padding: 0px;
    max-width: 500px;
    width: 300px;
}
body .ff1 ul.nav.navbar-nav>li.li_slash
    font-size: 42px;
    transform: rotate(25deg);
    line-height: 60px;
    font-weight: lighter;
}
body.page-main .header_opacity .header_menubar ul.nav.navbar-nav.mainpage>li>a.myportal,
body.page-aboutus .header_opacity .header_menubar ul.nav.navbar-nav.mainpage>li>a.aboutus,
body.page-contactus .header_opacity .header_menubar ul.nav.navbar-nav.mainpage>li>a.contactus{
    border: 2px solid #fff;
}
body.page-main .header_opacity .header_menubar ul.nav.navbar-nav.mainpage>li.li_slash.portal_after_slash,
body.page-aboutus .header_opacity .header_menubar ul.nav.navbar-nav.mainpage>li.li_slash.aboutus_after_slash,
body.page-aboutus .header_opacity .header_menubar ul.nav.navbar-nav.mainpage>li.li_slash.portal_after_slash,
body.page-contactus .header_opacity .header_menubar ul.nav.navbar-nav.mainpage>li.li_slash.store_after_slash{
    display: none;
}
ul.nav>li>a,
ul.nav>li>a.current_page{
    padding: 15px 20px !important;
    /*padding: 0!important;
    margin: 0 10px;*/
}

/*code added by Raghuvaran*/
body#vet_refferal .side_linebox_page24, body#vet_refferal .side_linebox1_page24,
body#vet_refferal .side_linebox_page19, body#vet_refferal .side_linebox1_page19,
body#vet_refferal .side_linebox_div2, body#vet_refferal .side_linebox1_div2{
    width: 5%;
}
body#vet_refferal .section_content_page19{
    width: 90%;
}
body#vet_refferal .section_p19 .braces_19 {
    width: 100%;
    float: left;
}
/*code end here*/
body#main.page-main .res_non-res_buttons_container{
    float: none;
    margin: 0px auto;
    width: 370px;
}
body#main.page-main div.Resident{
    margin-left: 0px;
    margin-right: 10px;
    width: 150px;
}

/*site-level font-family*/
*{
    font-family: Helvetica, sans-serif;
}
body#contact_us .header_img.head_main_pageimg {
    width: 100%;
    float: left;
}
body#About_Us .header_img.head_main_pageimg {
    width: 100%;
    float: left;
}

body#login_pg #center-content-container{
    float: left;
    width: 100%;
    text-align: center;
}

/*css for veternernian.php*/
body.page-veterinarian#vet_er .p19_con.patent_id_content .page19_cmn_div>#pfirstname{
    width: 100%;
}
body.page-veterinarian#vet_er .patent_id_content input#pnumber{
    clear: none;
    width: 25%;
}
body.page-veterinarian#vet_er .patent_id_content input#verify_id{
    font-size: 16px;
    padding: 10px 15px;
    color: #C2313E;
    background-color: #fff;
}
body.page-veterinarian#vet_er .patent_id_content input#state_field{
    margin: 5px;
}
body.page-veterinarian#vet_er .patent_id_content #breed{
    float: left;
    width: 45%;
}
body.page-veterinarian#vet_er .patent_id_content .patient_email_container{
    width: 100%;
}
body.page-veterinarian#vet_er .patent_id_content .p_email{
    width: 50%;
}
body.page-veterinarian#vet_er .patent_id_content #pemail{
    width: 100%;
}

/*css for page24.php*/
body#vet_refferal .p19_con.patent_id_content .page19_cmn_div>#pfirstname{
    width: 100%;
}
body#vet_refferal .patent_id_content input#pnumber{
    clear: none;
    width: 25%;
}
body#vet_refferal .patent_id_content input#verify_id{
    font-size: 16px;
    padding: 10px 15px;
    color: #C2313E;
    background-color: #fff;
}
body#vet_refferal .patent_id_content input#state_field{
    margin: 5px;
}
body#vet_refferal .patent_id_content #breed{
    float: left;
    width: 45%;
}
body#vet_refferal .patent_id_content .patient_email_container{
    width: 100%;
}
body#vet_refferal .patent_id_content #pemail{
    width: 100%;
}
body#vet_refferal .patent_id_content div#pzipcode{
    margin-top: 0px;
}
body#contact_us form#ContactUs textarea#ReasonDetails{
    margin-bottom:10px;
}
body.page-forget-password .FormTableHalf.FormTable1stCol input#UserInfo {
        border: 1px solid #ccc;
}
body#chart1_main div.aas {
   /* width: 100% !important;*/
    float: left;
    overflow-y: auto;
}
body#contact_us form#ContactUs select#ReasonFor {
    height: 40px;
    font-family: sans-serif;
}
body#contact_us form#ContactUs input[type=text],
body#contact_us form#ContactUs select,
body#contact_us form#ContactUs input[type=email],
body#contact_us form#ContactUs textarea#ReasonDetails {
    /*font-size: 20px !important;*/
    border: 2px solid #ccc;
}
body#vet_er div.tbcity>input[type="text"] {
        width: 98% !important;
}
body#vet_er div.un {
    width: 220px !important;
}
body#vet_er .page19_in.wid_div.tbox {
    width: 45% !important;
}
body#vet_er .page19_in div#username {
    width: 98%;
    float: left;
}
@media (min-width: 2501px){
    body .middle_main_content .right_box .add_new_dog{
        width: 94%;
    }
    body .header_info{
        width: 400px;
    }
    /*code added by Raghuvaran*/
    body .login_page {
        width: 75%;
        height: auto;
        margin: 100px auto;
        float: none;
        min-height: 700px;
    }
    body#main .middle_main_content {
        width: 1200px;
        margin: auto;
    }
    body#About_Us div.dr_profile_content {
        width: 65%;
        float: left;
    }
    div#footer .cbar_logo_footer{
        margin-top: 0px !important;
    }
    /*body .login_page h1, .profile_page h1{*/
    /*    width: 100%;*/
    /*    margin-bottom: 50px;*/
    /*    font-size: 50px;*/
    /*}*/
    /*body .login_page form#accountNew p{*/
    /*    margin-top: 30px;*/
    /*    font-size: 40px;*/
    /*    margin-bottom: 80px;*/
    /*}*/
    /*body#login_pg .username_div, body#login_pg .password_div {*/
    /*    margin-bottom: 60px;*/
    /*}*/
    /*body .login_page .FormTableHalf label {*/
    /*    width: 30%;*/
    /*    font-size: 40px;*/
    /*}*/
    /*body form#accountNew {*/
    /*    width: 90%;*/
    /*}*/
    /*body #accountNew .username_div input#username, body #accountNew .password_div input#orig_password{*/
    /*    padding: 30px;*/
    /*    width: 52%;*/
    /*}*/
    /*body#login_pg .signin_login input#button, body#login_pg .profile_create input#button {*/
    /*    font-size: 40px;*/
    /*    width: 100%;*/
    /*    padding: 20px 50px;*/
    /*}*/
    /*body div#center-content .side_linebox{*/
    /*    height: 700px;*/
    /*    border-left: 5px solid #aec779;*/
    /*    border-bottom: 5px solid #aec779;*/
    /*    border-top: 5px solid #aec779;*/
    /*}*/
    /*body div#center-content .side_linebox1{*/
    /*    height: 700px;*/
    /*    border-right: 5px solid #aec779;*/
    /*    border-bottom: 5px solid #aec779;*/
    /*    border-top: 5px solid #aec779;*/
    /*}*/
    
    /*body#login_pg .navbar-nav>li {*/
    /*    padding-right: 30px;*/
    /*    font-size: 40px;*/
    /*}*/
    body#login_pg .navbar-nav {
        margin: 60px 50px 0px 0px;
    }
    body#login_pg .navbar-brand {
        padding: 40px 20px 20px 40px !important;
        width: 26% !important;
    }
    body#login_pg .homeLogo{
        width: 200px; 
    }
    body div#footer1{
        margin-top: 30px;
        padding: 0px 20px;
    }
    div#footer .footerp,
    div#footer .footerp2 {
        font-size: 32px;
    }
    /*body .create_account{*/
    /*    font-size: 36px;*/
    /*}*/
    /*body #footer1>p>a>img {*/
    /*    width: 300px;*/
    /*    height: auto;*/
    /*}*/
    /*added by Raghuvaran*/
    body#vet_refferal .section_p19 .braces_19{
        width: 1200px;
        float: none;
    }
    body#vet_refferal .section_content_page19{
        width: 90%;
    }
    body.page-create-profile .profile_page{
        width: 1200px;
        margin: 65px auto !important;
        float: none;
    }
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 840px !important;
    }
    body#page-update-prefile .update_main_div{
        width: 1750px;
    }
    body#page-update-prefile .update_left_linebox,
    body#page-update-prefile .update_right_linebox{
        height: 570px;
    }
    body#vet_er.page-veterinarian .section_p19 .braces_19,
    body#vet_er.page-veterinarian div.para{
        width: 1200px;
        margin: auto;
    }
    body#About_Us #aboutus_container{
        width: 1200px;
    }
    body#contact_us #contactus_container {
        width: 1200px;
    }
    body#edit_dog.loggedin .add_dog_head {
        margin-top: 50px;
        float: left;
        width: 100%;
    }
    body#edit_dog.loggedin .add_dog2 {
        width: 1200px;
        float: none;
        padding: 0px;
        margin: auto;
    }
    .username_div input#username, 
    .password_div input#orig_password{
        width: 25% !important;
    }
    .login_page form#accountNew h1.mainheading,
    .login_page2 #create-accounts h1.mainheading{
        font-size: 40px !important;
    }
    .login_page form#accountNew p,
    .login_page2 #create-accounts p {
        font-size: 32px !important;
    }
    body#petowner .section_p19 .braces_19 {
        width: 1200px;
        margin: auto;
    }
    /*end here*/
}

@media (min-width: 1600px) and (max-width: 2500px){
    body .middle_main_content .right_box .add_new_dog{
        width: 90%;
    }
    body .header_info{
        width: 380px;
    }
    /*code added by Raghuvaran*/
    body .login_page {
        width: 60%;
        /*height: auto;*/
        /*margin: 90px auto;*/
        float: none;
    }

    /*body .login_page h1, .profile_page h1{*/
    /*    width: 100%;*/
    /*    font-size: 45px;*/
    /*}*/
    /*body .login_page form#accountNew p{*/
    /*    font-size: 38px;*/
    /*    margin-bottom: 70px;*/
    /*}*/
    /*body#login_pg .username_div, body#login_pg .password_div {*/
    /*    margin-bottom: 40px;*/
    /*    float: left;*/
    /*    width: 100%;*/
    /*}*/
    /*body .login_page .FormTableHalf label {*/
    /*    width: 30%;*/
    /*    font-size: 35px;*/
    /*}*/
    /*body form#accountNew {*/
    /*    width: 90%;*/
    /*}*/
    /*body .username_div input#username, .password_div input#orig_password{*/
    /*    padding: 25px;*/
    /*    width: 55%;*/
        /*float: right;*/
    /*}*/
    /*body .login_page form#accountNew p {*/
    /*    margin-top: 30px;*/
    /*}*/
    /*body#login_pg .signin_login input#button, body#login_pg .profile_create input#button {*/
    /*    font-size: 38px;*/
    /*    width: 100%;*/
    /*    padding: 20px 50px;*/
    /*}*/
    /*body div#center-content .side_linebox{*/
        /*height: 600px;*/
        /*border-left: 4px solid #aec779;*/
        /*border-bottom: 4px solid #aec779;*/
        /*border-top: 4px solid #aec779;*/
    /*}*/
    /*body div#center-content .side_linebox1{*/
        /*height: 600px;*/
        /*border-right: 4px solid #aec779;*/
        /*border-bottom: 4px solid #aec779;*/
        /*border-top: 4px solid #aec779;*/
    /*}*/
    
    body#login_pg .navbar-nav>li {
        padding-right: 30px;
        font-size: 38px;
    }
    body#login_pg .navbar-nav {
        /*margin: 55px 50px 0px 0px;*/
    }
    body#login_pg .navbar-brand {
        /*padding: 40px 20px 20px 40px !important;*/
        /*width: 26% !important;*/
    }
    body#login_pg .homeLogo{
        width: 200px; 
    }
    /*body div#footer1{*/
    /*    font-size: 46px;*/
    /*}*/
    /*body .create_account {*/
    /*    font-size: 34px;*/
    /*}*/
    /*body #footer1>p>a>img {*/
    /*    width: 300px;*/
    /*    height: auto;*/
    /*}*/
    ul.nav>li>a{
        font-size: 23px;
    }
    body #aboutus_content h1{
        font-size: 35px;
    }
    body div#aboutus_container div#aboutus_content p,
    body#About_Us .dr_profile_desc{
        font-size: 25px;
    }
    /*body > .container *{*/
    /*    font-size: 25px;*/
    /*}*/
    /*code added by Raghuvaran*/
    body#vet_refferal .section_p19{
        width: 70% !important;
        float: none;
    }
    body#page-update-prefile .update_left_linebox,
    body#page-update-prefile .update_right_linebox{
        height: 550px;
    }
    .login_page form#accountNew h1.mainheading,
    .login_page2 #create-accounts h1.mainheading{
        font-size: 34px !important;
    }
    .login_page form#accountNew p,
    .login_page2 #create-accounts p {
        font-size: 28px !important;
    }
    .username_div input#username, 
    .password_div input#orig_password{
        width: 25%;
    }   
    /*code end here*/
}
/*code added by Raghuvaran*/
@media (min-width: 1361px) and (max-width: 1599px) {
    body .login_page {
        width: 60%;
        height: auto;
        margin: 50px auto;
        float: none;
        min-height: 400px;
    }
    /*body .login_page h1, .profile_page h1{*/
    /*    width: 100%;*/
    /*    font-size: 40px;*/
    /*}*/
    /*body .login_page form#accountNew p{*/
    /*    font-size: 31px;*/
    /*    margin-bottom: 70px;*/
    /*}*/
    /*body#login_pg .username_div, body#login_pg .password_div {*/
    /*    margin-bottom: 40px;*/
    /*}*/
    /*body .login_page .FormTableHalf label {*/
    /*    width: 30%;*/
    /*    font-size: 33px;*/
    /*}*/
    /*body form#accountNew {*/
    /*    width: 90%;*/
    /*}*/
    /*body #accountNew .username_div input#username, body #accountNew .password_div input#orig_password{*/
    /*    padding: 20px;*/
    /*    width: 60%;*/
    /*}*/
    /*body .login_page form#accountNew p {*/
    /*    margin-top: 30px;*/
    /*}*/
    /*body#login_pg .signin_login input#button, body#login_pg .profile_create input#button {*/
    /*    font-size: 33px;*/
    /*    width: 100%;*/
    /*    padding: 15px 30px;*/
    /*}*/
    /*body div#center-content .side_linebox{*/
    /*    height: 600px;*/
    /*    border-left: 4px solid #aec779;*/
    /*    border-bottom: 4px solid #aec779;*/
    /*    border-top: 4px solid #aec779;*/
    /*}*/
    /*body div#center-content .side_linebox1{*/
    /*    height: 600px;*/
    /*    border-right: 4px solid #aec779;*/
    /*    border-bottom: 4px solid #aec779;*/
    /*    border-top: 4px solid #aec779;*/
    /*}*/
    
    /*body#login_pg .navbar-nav>li {*/
    /*    padding-right: 10px;*/
    /*    font-size: 28px;*/
    /*}*/
    /*body#login_pg .navbar-nav {*/
    /*    margin: 40px 40px 0px 0px;*/
    /*}*/
    /*body#login_pg .navbar-brand {*/
    /*    padding: 30px 20px 20px 30px !important;*/
    /*    width: 22% !important;*/
    /*}*/
    /*body#login_pg .homeLogo{*/
    /*    width: 200px; */
    /*}*/
    /*body div#footer1{*/
    /*    font-size: 33px;*/
    /*}*/
    /*body .create_account {*/
    /*    font-size: 30px;*/
    /*}*/
    /*body #footer1>p>a>img {*/
    /*    width: 277px;*/
    /*    height: auto;*/
    /*}*/
    /*body#login_pg .login_page form#accountNew .signin_login {*/
    /*    width: 30%;*/
    /*    margin: 50px auto;*/
    /*    margin-bottom: 30px !important;*/
    /*}*/
    body #aboutus_content h1{
        font-size: 30px;
    }
    body#About_Us div.dr_profile_content {
        width: 66%;
        float: left;
    }
    body div#aboutus_container div#aboutus_content p,
    body#About_Us .dr_profile_desc{
        font-size: 20px;
    }
    /*code added by Raghuvaran*/
    body#vet_refferal .section_p19{
        width: 82% !important;
        float: none;
    }
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 860px !important;    
    }
    body#page-update-prefile .update_left_linebox,
    body#page-update-prefile .update_right_linebox{
        height: 560px;
    }
    body#vet_er.page-veterinarian .section_p19 .braces_19,
    body#vet_er.page-veterinarian div.para{
        width: 85%;
        margin: auto;
    }
    /*code end here*/
    body.page-main .middle_main_content{
        width: 90%;
    }
    /*footer code*/
    body div#footer1{
        width: 68%;
        padding: 0px 20px;
    }
    div#footer .footerp,
    div#footer .footerp2 {
        font-size: 22px;
    }
    div#footer .penn_medicine {
        margin-right: 1%;
        margin-left: 1%;
        width: 14%;
    }
    div#footer .cbar_logo_footer{
        margin-right: 0%;
        margin-left: 0%;
        margin-top: 25px;
        width: 16%;
    }
    .account-main-div .account-sub-div{
        width: 40% !important;
    }
    .username_div input#username, 
    .password_div input#orig_password{
        width: 40% !important;
    }
    .FormTableHalf label {
        width: 15% !important;
    }
    body#petowner .section_p19 .braces_19 {
        width: 85%;
        margin: auto;
    }
    /*end here*/
}

@media (min-width: 1200px) and (max-width: 1360px){
    body .middle_main_content .left_box .dog_detail_s{
        /*width: 70%;*/
    }
    body .middle_main_content .right_box{
        width: 46%;
    }
    body .middle_main_content .right_box .add_new_dog{
        width: 90%;
		/*overflow-x : hidden;*/
    }
    body .header_info{
        width: 245px;
    }
    /*code added by Raghuvaran*/
    body .login_page {
        width: 60%;
        height: auto;
        float: none;
        /*margin: 65px auto !important;*/
    }
    body form#accountNew{
        float: left;
        width: 90%;
        text-align: center;
    }
    div#center-content .side_linebox{
        height: 430px;
    }
    div#center-content .side_linebox1{
        height: 430px;
    }
    body #accountNew .username_div input#username, body #accountNew .password_div input#orig_password{
        width: 45%;
    }
    body .login_page .FormTableHalf label{
        width: 18%;
    }
    body#login_pg .navbar-nav {
        float: right;
        margin: 40px 40px 0px 0px;
    }
    body#login_pg .navbar-nav>li {
        padding-right: 20px;
    }
    body#login_pg .navbar-brand {
        /*padding: 35px 20px 20px 40px !important;*/
        width: 20% !important;
    }
    
    body#contact_us .navbar-brand {
        padding: 35px 20px 20px 40px !important;
        width: 20% !important;
    }
    body#About_Us .navbar-brand {
        padding: 35px 20px 20px 40px !important;
        width: 20% !important;
    }
    /*body div#footer1{
        height: 180px;
    }*/
    body.page-index .navbar-brand{
        width: 30% !important;
    }
    body #aboutus_content h1{
        font-size: 30px;
    }
    body#About_Us div.dr_profile_content {
        width: 62%;
    }
    body div#aboutus_container div#aboutus_content p,
    body#About_Us .dr_profile_desc{
        font-size: 20px;
    }
    /*code added by Raghuvaran*/
    body#vet_refferal .section_p19{
        width: 93% !important;
        float: none;
    }
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 860px !important;    
    }
    .account-main-div .account-sub-div{
        width: 45% !important;
    }
    body#petowner div#div_23 {
        width: 48% !important;
        float: left;
    }
    /*code end here*/
}
@media (min-width: 1025px) and (max-width: 1199px){
    body#page-update-prefile .update_left_linebox,
    body#page-update-prefile .update_right_linebox{
        height: 600px;
    }
    body#vet_er.page-veterinarian div#div_23,
    body#vet_er.page-veterinarian div#div_24{
        width: 163px;
    }
    body#vet_er.page-veterinarian .page19_in select{
        width: 160px;
    }
    body#vet_er.page-veterinarian div#zipcode,
    body#vet_er.page-veterinarian div#pzipcode{
        width: 48%;
        margin-top: 0px;
    }
    body#vet_er.page-veterinarian div.tbzip>input[type="text"]{
        width: 155px;
    }
    body#vet_er.page-veterinarian .page19_in.wid_div{
        width: 336px;
        float: left;
    }
    body#vet_er.page-veterinarian .section_p19 .braces_19{
        width: 96%;
    }
    body#vet_er.page-veterinarian .section_content_page19 label{
        margin-right: 10px !important;
    }
    body#vet_er.page-veterinarian div#pemail, 
    body#vet_er.page-veterinarian div#email{
        width: 290px;
    }
    body#vet_er.page-veterinarian div#ph,
    body#vet_er.page-veterinarian div#ph2{
        width: 270px;
    }
    body.page-create-profile .page19_div2.stateclass #zipcode{
        width: 47%;
    }
    /*refferal page*/
    body#vet_refferal.loggedin .page19_div2,
    body#vet_er.page-veterinarian .page19_div2{
        width: 52%;
        float: left;
    }
    body#vet_refferal.loggedin .page19_in.wid_div,
    body#vet_er.page-veterinarian .page19_in.wid_div{
        width: 70%;
    }
    body#vet_refferal.loggedin .patent_id_content div#pzipcode,
    body#vet_er.page-veterinarian .page19_in.wid_div div#zipcode{
        margin-top: 0px;
        width: 47%;
    }
    body#vet_refferal.loggedin div#div_24,
    body#vet_er.page-veterinarian div#div_23 {
        width: 48%;
        float: left;
    }
    body#vet_refferal.loggedin div#ph2,
    body#vet_er.page-veterinarian div#ph{
        width: 60%; 
    }
    body#vet_refferal.loggedin .page19_in.txt19.pstreetaddress.p_email {
        width: 77% !important;
    }
    body#vet_er.page-veterinarian .page19_in.txt19.vstreetaddress {
        width: 60% !important;
    }
    body#vet_refferal.loggedin .patent_id_content #pemail,
    body#vet_er.page-veterinarian .page19_in.txt19.vstreetaddress>input[type="text"]{
        width: 100%;
    }
    body#vet_refferal.loggedin .page19_ph,
    body#vet_er.page-veterinarian .page19_ph {
        width: 100%;
    }
    body#vet_refferal.loggedin div#div_24 select,
    body#vet_refferal.loggedin div.zipcode>input[type="text"],
    body#vet_er.page-veterinarian div#div_23 select,
    body#vet_er.page-veterinarian div.tbzip>input[type="text"]{
        width: 100%;
    }
    body#chart1_main .tab-content .graph {
        width: 100%;
        float: left;
        overflow: auto;
    }
    body#chart1_main .graphcontent {
        width: 100%;
        float: left;
        text-align: left;
    }
    body#vet_er div.tbcity>input[type="text"] {
        width: 98% !important;
    }
    /*code end here*/
}
@media(width: 1133px){
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 820px !important;    
    }
}

@media (min-width: 1025px) and (max-width: 1199px){
    body .middle_main_content .left_box{
        width: 45%;
    }
    body .middle_main_content .left_box .dog_detail_s{
        /*width: 64%;*/
    }
    body .middle_main_content .right_box{
        width: 45%;
    }
    body .middle_main_content .right_box .add_new_dog{
        width: 90%;
    }
    body .header_info{
        width: 200px;
    }
    /*code added by Raghuvaran*/
    body .login_page {
        width: 60%;
        height: auto;
        float: none;
        margin: 50px auto !important;
    }
    body form#accountNew{
        float: left;
        width: 90%;
        text-align: center;
    }
    body .login_page .FormTableHalf label{
        width: 20%;
    }
    body .username_div input#username, .password_div input#orig_password{
        width: 55%;
    }
    body#login_pg .navbar-nav {
        float: right;
        margin: 30px 30px 0px 0px;
    }
    body#login_pg .navbar-nav>li {
        padding-right: 10px;
    }
    body#login_pg .navbar-brand {
        /*padding: 35px 20px 20px 40px !important;*/
        width: 20% !important;
    }
    /*body div#footer1{
        height: 180px;
    }*/
    body.page-index .navbar-brand{
        width: 20% !important;
    }
    body #aboutus_content h1{
        font-size: 30px;
    }
    body div#aboutus_container div#aboutus_content p,
    body#About_Us .dr_profile_desc{
        font-size: 20px;
    }
    /*code added by Raghuvaran*/
    body#vet_refferal .section_p19{
        width: 95%;
        float: none;
    }
    body#page-update-prefile form#updateprofile input.form-control.btn-primary{
        font-size: 20px;
    }
    /*code end here*/
}

@media (max-width:1023px) and (min-width:980px){
    /*code added by Raghuvaran*/
    body .login_page {
        width: 56%;
        height: auto;
        float: none;
        /*margin: 65px auto !important;*/
    }
    body form#accountNew{
        float: left;
        width: 90% !important;
        text-align: center;
    }
    body .username_div input#username, .password_div input#orig_password{
        width: 60%;
    }
    body#login_pg .navbar-nav {
        float: right;
        margin: 30px 30px 0px 0px;
    }
    body#login_pg .navbar-nav>li {
        padding-right: 10px;
    }
    body#login_pg .navbar-brand {
        /*padding: 35px 20px 20px 40px !important;*/
        width: 20% !important;
    }
    body .login_page .FormTableHalf label{
        width: 20%;
    }
    body#chart1_main ul.color_indicators li {
        width: 25%;
    }
    body#chart1_main  ul.color_indicators {
        display: block !important;
        margin: 0px !important;
    }
    body#vet_er.page-veterinarian .section_content_page19 label {
        margin-right: 15px;
    }
    body#petowner .create_account_right_sub .confirm-pwd {
        width: 40%;
    }
    body#petowner div.caDiv, 
    body#petowner div.caCloseDiv {
        height: 340px !important;
    }
    body#petowner #zipcode {
        width: 100%;
        margin-left: 0px;
    }
    body#petowner .addressMainDiv div.tbzip>input[type="text"] {
        width: 100% !important;
    }
    body#petowner #div_23 {
        width: 100% !important;
    }
    body#petowner div.viSideBoxStart, 
    body#petowner div.viSideBoxEnd {
        height: 480px !important;
    }
}

@media (max-width: 1024px){
    body .middle_main_content .left_box{
        width: 46%;
        margin: 0px 2%;
       /* min-height: 384px !important;*/
    }
    body .middle_main_content .left_box .dog_detail_s{
        /*width: 80%;*/
    }
    body .middle_main_content .right_box{
        width: 46%;
        margin: 0px 2%;
    }
    body .middle_main_content .right_box .add_new_dog{
        width: 90%;
    }
    body .header_info{
        max-width: 200px;
        width: 200px;
    }
    /*code added by Raghuvaran*/
    body .login_page {
        width: 93%;
        height: auto;
        float: none;
        /*margin: 65px auto !important;*/
    }
    body form#accountNew{
        float: left;
        width: 90%;
        text-align: center;
    }
    body .username_div input#username, .password_div input#orig_password{
        width: 35%;
    }
    body#login_pg .navbar-nav {
        float: right;
        margin: 30px 30px 0px 0px;
        z-index: 1000;
    }
    body#login_pg .navbar-nav>li,
    body#vet_er .navbar-nav>li{
        padding-right: 10px;
    }
    body#login_pg .navbar-brand,
    body#vet_er .navbar-brand {
        /*padding: 35px 20px 20px 40px !important;*/
        width: 20% !important;
    }
   /* body div#footer1{
        height: 180px;
    }*/
    div#center-content .side_linebox{
        height: 430px;
    }
    div#center-content .side_linebox1{
        height: 430px;
    }
    body.page-index .navbar-brand{
        width: 100% !important;
    }
    body #aboutus_content h1{
        font-size: 24px;
    }
    body div#aboutus_container div#aboutus_content p,
    body#About_Us .dr_profile_desc{
        font-size: 18px;
		text-align: left;
    }
    body div#aboutus_container div#aboutus_content p a{
        font-size: 16px;
    }
    body.page-forget-password .FormTableHalf.FormTable1stCol input#UserInfo {
        width: 92%;
        border: 1px solid #ccc;
    }
    body#edit_dog .add_dog2_content .ad_dg1_table1,
    body#edit_dog table.ad_dg2_table td,
    body#edit_dog .add_dog2_content .ad_dg1_table2,
    body#edit_dog table.ad_dg3_table td,
	body#edit_dog table.ad_dg4_table td, {
        font-size: 20px;
    }
    body#edit_dog .add_dog2_braces .add_dog2_content,
    body#edit_dog table.ad_dg2_table, body#edit_dog table.ad_dg3_table, body#edit_dog table.ad_dg4_table{
        width: 90%;
    }
    body#edit_dog table.ad_dg3_table td.adg_button input[type="submit"]{
        width: 25%;
        font-size: 20px;
    }
    body#edit_dog table.ad_dg4_table td.adg_button input[type="submit"]{
        width: 25%;
        font-size: 20px;
    }
    body#edit_dog .t1_left_linebox,
    body#edit_dog .t1_right_linebox1{
        width:5%;
    }
    body.page-create-profile .page19_div2.stateclass .streetaddress input{
        width: 99%;
    }
    body.page-create-profile .page19_div2.stateclass .page19_in.wid_div{
        width: 48%;
    }
    body.page-create-profile .page19_div2.stateclass .page19_cmn_lbl {
        width: 20%;
    }
    body.page-create-profile .page19_div2.stateclass {
        width: 100%;
    }
    body.page-create-profile .profile_page .firstName_div label,
    body.page-create-profile .page19_div2.stateclass .page19_cmn_lbl {
        vertical-align: middle;
        font-size: 22px;
    }
    
    /*refferal page*/
    body#vet_refferal.loggedin .page19_div2,
    body#vet_er.page-veterinarian .page19_div2{
        width: 50%;
        float: left;
    }
    body#vet_refferal div.city input[type="text"],
    body#vet_er div.tbcity>input[type="text"]{
        width: 98% !important;
    }
    body#vet_refferal .no_p>input[type="text"],
    body#vet_er.page-veterinarian .al_p19.in1>input[type="text"],
    body#vet_er.page-veterinarian .al_p19.in2>input[type="text"]{
        float: right;
        width: 100%;
    }
    body#vet_refferal.loggedin .page19_in.wid_div,
    body#vet_er.page-veterinarian .page19_in.wid_div{
        width: 70%;
    }
    body#vet_refferal.loggedin .patent_id_content div#pzipcode,
    body#vet_er.page-veterinarian .page19_in.wid_div div#zipcode{
        margin-top: 0px;
        width: 47%;
    }
    body#vet_refferal.loggedin div#div_24,
    body#vet_er.page-veterinarian div#div_23{
        width: 48%;
        float: left;
    }
    body#vet_refferal.loggedin div#ph2,
    body#vet_er.page-veterinarian div#ph{
        width: 55%; 
    }
    body#vet_refferal.loggedin .page19_in.txt19.pstreetaddress.p_email,
    body#vet_er.page-veterinarian .page19_in.txt19.vstreetaddress{
        width: 75% !important;
    }
    body#vet_refferal.loggedin .patent_id_content #pemail,
    body#vet_er.page-veterinarian .page19_in.txt19.vstreetaddress>input[type="text"]{
        width: 100%;
    }
    body#vet_refferal.loggedin .page19_ph,
    body#vet_er.page-veterinarian .page19_ph{
        width: 100%;
    }
    body#vet_refferal.loggedin div#div_24 select,
    body#vet_refferal.loggedin div.zipcode>input[type="text"],
    body#vet_er.page-veterinarian div#div_23 select,
    body#vet_er.page-veterinarian div#zipcode.zipcode>input[type="text"]{
        width: 100%;
    }
    body#vet_refferal.loggedin .page19_div2 .no_p{
        width: 60%;
        float: left;
    }
    body#vet_refferal.loggedin .al_p19 {
        width: 60%;
    }
    body#vet_refferal.loggedin .al_p19.in1,
    body#vet_refferal.loggedin .al_p19.in2,
    body#vet_er.page-veterinarian .al_p19.in1,
    body#vet_er.page-veterinarian .al_p19.in2{
        width: 49%;
    }
    body#vet_refferal.loggedin .al_p19.in1>input[type="text"],
    body#vet_refferal.loggedin .al_p19.in2>input[type="text"],
    body#vet_er.page-veterinarian .al_p19.in1>input[type="text"],
    body#vet_er.page-veterinarian .al_p19.in2>input[type="text"]{
        width: 100% !important;
    }
    body#chart1_main ul.nav>li>a, ul.nav>li>a.current_page {
        padding: 15px 17px !important;
    }
    body#chart1_main .header_menubar{
        width: 66%;
    }
    body#chart1_main .tab-content .graph {
        width: 100%;
        float: left;
        overflow: auto;
    }
    body#chart1_main .graphcontent {
        width: 100%;
        float: left;
        text-align: left;
    }
    body#chart1_main ul.nav.nav-tabs.dog_graphs_ul li {
        width: 33%;
    }
    /*veternarian page*/
    
    body#vet_er div.tcpwd>input[type="password"],
    body#vet_er .section_content_page19 input[type="password"]{
        width: 98%;
        margin-left: 0;
    }
    body#vet_er div#confirmpwd {
        width: 47%;
    }
    body#vet_er div#password {
        width: 45%;
    }
    body#vet_er .page19_in div#username{
        float: left;
        width: 98%;
    }
    body#vet_er .page19_in.wid_div.tbox {
        width: 44% !important;
    }
    body#vet_er div.page19_cmn_lbl.un {
        width: initial !important;
    }
    body#vet_er div.para{
        width: 100%;
        text-align: justify;
        float: left;
        font-size: 16px;
        padding: 0px 10px;
    }
    body#vet_er div.para p{
        width: 100%;
        margin-left: 0px !important;
    }
    /*code end here*/
    /*footer*/
    div#footer .penn_medicine{
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
    }
    div#footer div#footer1 {
        width: 50%;
    }
    div#footer .cbar_logo_footer {
        width: 23%;
        height: 60px;
        float: right;
        margin-top: 30px;
        margin-left: 1%;
        margin-right: 1%;
    }
    body#petowner .page19_in div#username{
        float: left;
        width: 98%;
    }
    /*code end here*/
}

/*added by Raghuvaran*/
@media (max-width:979px) and (min-width:889px){
    body .login_page {
        width: 64%;
    }
    body#login_pg .navbar-nav>li,
    body#vet_er .navbar-nav>li{
        padding-right: 5px;
    }
    body#contact_us .navbar-nav>li{
        padding:2px 5px;
    }
    body#contact_us ul.nav>li>a.current_page {
        padding: 10px 10px !important;
    }
    body .ff1{
        font-size: 20px;
    }
    body#chart1_main ul.color_indicators li {
        width: 25%;
    }
    body#chart1_main  ul.color_indicators {
        display: block !important;
        margin: 0px !important;
    }
    body#contact_us.loggedin .header_menubar{
        width: 72%;
    }
}

@media (max-width:888px) and (min-width:768px){
    body .login_page .FormTableHalf label{
        width: 20%;
        font-size: 20px;
    }
    body#login_pg .login_page form#accountNew .signin_login {
        /*width: 46%;*/
        /*margin: 30px auto 20px auto !important;*/
        float: none;
    }
    body .login_page h1, .profile_page h1{
        font-size: 25px;
        margin-bottom: 20px;
    }
    body#login_pg .signin_login input#button, body#login_pg .profile_create input#button{
        width: 100%;
        padding: 6px 10px;
        font-size: 18px;  
    }
    /*code added by Raghuvaran*/
    body .login_page {
        width: 93%;
        height: auto;
        float: none;
        /*margin: 65px auto !important;*/
    }
    body form#accountNew{
        float: left;
        width: 90%;
        text-align: center;
    }
    body .username_div input#username, .password_div input#orig_password{
        width: 50%;
        padding: 7px;
    }
    body#login_pg .navbar-nav {
        float: right;
        margin: 25px 25px 0px 0px;
    }
    body#login_pg .navbar-nav>li,
    body#contact_us .navbar-nav>li{
        padding-right: 10px;
        font-size: 20px;
    }
    body#vet_er .navbar-nav>li{
        padding: 2px 5px;
        font-size: 20px;
    }
    body .nav>li>a {
        padding: 15px !important;
    }
    body#login_pg .navbar-brand,
    body#vet_er .navbar-brand{
        /*padding: 35px 20px 15px 37px !important;*/
        width: 20% !important;
    }
    body .login_page form#accountNew p{
        font-size: 18px;
    }
    body .create_account{
        margin-left: 0 !important;
        font-size: 20px;
    }
    body div#center-content .side_linebox{
        height: 420px;
    }
    body div#center-content .side_linebox1{
        height: 420px;
    }
    body#contact_us .navbar-nav>li{
        padding:2px 5px;
    }
    body#contact_us ul.nav>li>a.current_page {
        padding: 10px 10px !important;
    }
    body#About_Us .navbar-nav>li{
        padding:2px 5px;
        font-size: 20px;
    }
    body#About_Us ul.nav>li>a.current_page,
    body#vet_er ul.nav>li>a.current_page{
        padding: 10px 10px !important;
    }
}

@media(max-width: 666px) and (min-width: 426px) {
    body#login_pg .forget_pass a {
        font-size: 21px;
        
    }
    body#login_pg .forget_pass .creat_padding {
        padding-right: 46px !important;
    }
}
@media(max-width:532px) and (min-width:451px){
    body .common_header .header_img.head_main_pageimg {
        height: 251px;
    }
}
@media(max-width: 450px) and (min-width: 375px){
     body .common_header .header_img.head_main_pageimg {
        height: 217px;
    }
}

@media (max-width: 768px) {
    body #header_imp ul.nav.navbar-nav{
        /*display: -webkit-inline-flex;*/
        /*display: -ms-inline-flexbox;*/
        display: inline-flex;
    }
    body .middle_main_content .left_box{
        width: 90%;
        margin: 0px 5%;
    }
    body .middle_main_content .left_box .dog_detail_s{
        width: 90%;
        margin-left: 0px;
        margin-right: 0px;
    }
    body .middle_main_content .right_box{
        width: 90%;
        margin: 0px 5%;
    }
    body .middle_main_content .right_box .add_new_dog{
        width: 90%;
        
    }
    body#dog_details .middle_main_content .right_box .add_new_dog {
        width: 82%;
        margin-top: 40%;
    }
   /*  body#dog_details .vet_side_linebox, body#dog_details .vet_side_linebox1 {
        height: 950px !important;
    }*/
    body#reports .middle_main_content .right_box .add_new_dog{
        width: 80%;
        margin-left: 10px;
        margin-right: 10px;
    }
    body .header_info{
        max-width: 200px;
        width: 200px;
    }
    body .header_img.head_main_pageimg{
        background-position: 100% 100%;
    }
    body .middle_main_content .dog_logo img{
        width: 50px;
    }
    body div#footer{
        height: initial;
        float: left;
		position: relative;
		margin-top: 20px;
    }
    body.page-index .nav.navbar-nav{
        float: left;
    }
    body#login_pg .navbar-brand,
    body#welcome_pg .navbar-brand,
    body#vet_er .navbar-brand,
    body#contact_us .navbar-brand,
    body#About_Us .navbar-brand {
        /*code added & commented by Raghuvaran*/
        /*padding: 15px 10px 10px 15px !important;*/
        /*width: 100% !important;*/
        width: 170px !important;
        padding: 35px 20px 20px 30px !important;
        /*z-index: 1000;*/
    }
    body#login_pg .header-topmenu.opened .navbar-nav>li,
    body#vet_er .header-topmenu.opened .navbar-nav>li,
    body#contact_us .header-topmenu.opened .navbar-nav>li,
    body#About_Us .header-topmenu.opened .navbar-nav>li{
        font-size: 18px !important;
        padding: 2px 8px !important;
    }
    body#contact_us .header-topmenu.opened .navbar-nav>li>a.current_page,
    body#About_Us .header-topmenu.opened .navbar-nav>li>a.current_page{
        /*font-size: 18px !important;*/
        padding: 10px 12px !important;
    }
    body#contact_us #contactus_content p{
        font-size: 18px;
    }
    body#contact_us #contactus_content h1{
        font-size: 22px;
    }
    body#contact_us label{
        font-size: 20px;
    }
    body#edit_dog table.ad_dg3_table td.adg_button input[type="submit"]{
        width: 38% !important;
        font-size: 17px !important;
    }
    body#edit_dog table.ad_dg4_table td.adg_button input[type="submit"]{
        width: 38% !important;
        font-size: 17px !important;
    }
    body#edit_dog .ad_dg_table2 .t1_left_linebox,
    body#edit_dog .ad_dg_table2 .t1_right_linebox1{
        width:5%;
    }
    body#edit_dog .add_dog2_braces .t1_left_linebox,
    body#edit_dog .add_dog2_braces .t1_right_linebox1{
        height: 540px ;
    }
    body#edit_dog table.ad_dg1_table2,
    body#edit_dog table.ad_dg1_table1{
        float: left;
        width: 100%;
    }
    body.page-create-profile .navbar-brand{
        width: 170px !important;
        padding: 35px 20px 20px 30px !important;
    }
    body.page-create-profile .firstName_div {
        width: 100%;
        float: left;
        margin-bottom: 8px;
    }
    body.page-create-profile .page19_div2.stateclass .page19_in.wid_div {
        width: 72%;
    }
    body.page-create-profile .profile_page .firstName_div label,
    body.page-create-profile .page19_div2.stateclass .page19_cmn_lbl {
        vertical-align: middle;
        font-size: 20px !important;
    }
    body.page-create-profile div#center-content .side_lineboxp1, body.page-create-profile div#center-content .side_lineboxp2 {
        height: 1110px !important;
        width: 4%;
    }
    body.page-create-profile .profile_create input#button {
        font-size: 18px !important;
        padding: 6px 20px !important;
    }
    body.page-create-profile .profile_page form#New_profile p {
        font-size: 19px;
    }
    body.page-create-profile div#center-content.profile_page>h1 {
        font-size: 30px;
    }
    /*code ended here*/
    /*referral page*/
    body#vet_refferal.loggedin .al_p19{
        width: 100%;
    }
    
    body#vet_er.page-veterinarian .section_content_page19 .al_p19 {
        float: left !important;
        width: 100%;
    }
    body#vet_er.page-veterinarian .section_content_page19 .al_p19.in1,
    body#vet_er.page-veterinarian .section_content_page19 .al_p19.in2 {
        float: left !important;
        width: 49%;
    }
    body#vet_refferal.loggedin .page19_div2,
    body#vet_er.page-veterinarian .page19_div2{
        margin-bottom: 10px;
        width: 100%;
        float: left;
    }
    body#vet_refferal.loggedin .page19_div3>.page19_cmn_lbl {
        width: 141px;
    }
    body#vet_refferal.loggedin .page19_div3,
    body#vet_er.page-veterinarian .page19_div3,
    body#petowner .page19_div3{
        width: 100%;
        float: left !important;
    }
    body#vet_refferal .side_linebox_page19, body#vet_refferal .side_linebox1_page19 {
        height: 680px !important;
    }
    body#vet_refferal.loggedin .page19_ph>div:first-child,
    body#vet_er.page-veterinarian .section_content_page19 .page19_ph>div:first-child{
        width: 180px !important;
    }
    body#vet_refferal.loggedin .page19_ph .page19_in.txt19.pstreetaddress.p_email,
    body#vet_er.page-veterinarian .page19_ph .page19_in.txt19.vstreetaddress{
        width: 46% !important;
    }
    body#chart1_main #header_imp ul.nav.navbar-nav.mainpage{
        display: none;
    }
    body#chart1_main .header_info{
        max-width: 200px;
        width: 170px;
        margin: 0px !important;
        margin-left: 0px !important;
        padding: 28px 11px !important;
    }
    body#chart1_main .header-topmenu.opened .navbar-nav>li {
        font-size: 18px !important;
        padding: 2px 8px !important;
        float: left;
    }
    /*body#chart1_main .header_img.head_main_pageimg {
        background-position: 30% 1% !important;
        height: 30% !important;
    }*/
    body#chart1_main .tab-content .graph {
        width: 100%;
        float: left;
        overflow: auto;
    }
    body#chart1_main .graphcontent {
        width: 100%;
        float: left;
        text-align: left;
    }
    body#chart1_main ul.nav.nav-tabs.dog_graphs_ul {
        float: left;
        width: 100%;
    }
    body#chart1_main ul.nav.nav-tabs.dog_graphs_ul li {
        width: 100% !important;
        float: left;
        margin: 0px;
    }
    body#chart1_main ul.nav.dog_graphs_ul>li>a {
        font-size: 12px !important;
    }
    body#chart1_main ul.color_indicators li {
        width: 50% !important;
        float: left;
    }
    body#chart1_main ul.color_indicators{
        display: block !important;
        margin: 0 !important;
    }
    body#chart1_main .common_header .header_content .header_content_text p {
        font-size: 14px;
    }
    body#edit_dog .add_dog2_content .ad_dg1_table1,
    body#edit_dog table.ad_dg2_table td,
    body#edit_dog .add_dog2_content .ad_dg1_table2,
    body#edit_dog table.ad_dg3_table td, 
	body#edit_dog table.ad_dg4_table td {
        font-size: 16px !important;
    }
    body#vet_er.page-veterinarian .al_p19.in1>input[type="text"] {
        float: left !important;
        width: 96% !important;
    }
    body#vet_er div#confirmpwd {
        width: 45%;
    }
    body#vet_er .pat_info div.firstDiv,
    body#vet_er .pat_info div.closefirstDiv{
        height: 260px;
    }
    body#vet_er .braces_19 .side_linebox_page24,
    body#vet_er .braces_19 .side_linebox1_page24{
        height: 500px;
    }
    body#vet_er div.para{
        width: 100%;
        text-align: justify;
        float: left;
        font-size: 16px;
        padding: 0px 10px;
    }
    body#vet_er div.para p{
        width: 100%;
        margin-left: 0px !important;
    }
    
    /*footer*/
    div#footer .penn_medicine{
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
    }
    div#footer div#footer1 {
        width: 50%;
    }
    div#footer .cbar_logo_footer {
        width: 23%;
        height: 110px;
        float: right;
        margin-top: 30px;
        margin-left: 1%;
        margin-right: 1%;
    }
    /*code end here*/
    body#petowner .page19_div2{
        margin-bottom: 10px;
        width: 100%;
        float: left;
    }
    body#petowner .section_content_page19 .al_p19 {
        float: left !important;
        width: 100%;
    }

    body .username_div input#username, .password_div input#orig_password{
        width: 100%;
    }
    .login_page .FormTableHalf label{
        text-align: left;
    }
    .username_div, .password_div{
        margin-bottom: 15px;
    }
    .login_page form#accountNew h1.mainheading{
        margin-bottom: 15px;
    }
}


@media (width:768px){
    body#chart1_main ul.color_indicators li {
        width: 25% !important;
        float: left;
    }
    body#vet_er.page-veterinarian .page19_in.wid_div div#zipcode{
        width: 48%;
    }
    body#dog_details .middle_main_content .right_box .add_new_dog {
        margin-top: 32px;
    }
    /*body#dog_details .vet_side_linebox, body#dog_details .vet_side_linebox1 {
        height: 1175px !important;
    }*/
    body#main #specialist_dashboard .vet_side_linebox, body#main #specialist_dashboard .vet_side_linebox1 {
        height: 533px;
    }
    body#reports .vet_side_linebox, body#reports .vet_side_linebox1 {
        height: 574px ;
    }
    
    
    
}
@media (max-width:768px) and (min-width:426px){
    body#add_dog .add_dog2_braces .t1_left_linebox,body#add_dog .add_dog2_braces .t1_right_linebox1 {
        width: 8px;
    }
    body#add_dog .ad_dg_table2 .t1_left_linebox,body#add_dog .ad_dg_table2 .t1_right_linebox1 {
        width: 8px;
    }
    body#add_dog .ad_dg_table3 .t1_left_linebox,body#add_dog .ad_dg_table3 .t1_right_linebox1 {
        width: 8px;
    }
    
    body#add_dog .vet_left_linebox,body#add_dog .vet_right_linebox {
        width: 8px;
    }
}
@media (width: 1024px) {
   /* body#dog_details .vet_side_linebox, body#dog_details .vet_side_linebox1 {
    height: 950px !important;
    
    
    }*/
   body#add_dog .add_dog2_braces .t1_left_linebox,body#add_dog .add_dog2_braces .t1_right_linebox1 {
        width: 8px;
    }
    body#add_dog .ad_dg_table2 .t1_left_linebox,body#add_dog .ad_dg_table2 .t1_right_linebox1 {
        width: 8px;
    }
    body#add_dog .ad_dg_table3 .t1_left_linebox,body#add_dog .ad_dg_table3 .t1_right_linebox1 {
        width: 8px;
    }
    
    body#add_dog .vet_left_linebox,body#add_dog .vet_right_linebox {
        width: 8px;
    }
}

@media (max-width: 1370px) and (min-width: 1270px){
    body.page-main .middle_main_content{
        width: 85%;
    }
}

@media (max-width: 1269px) and (min-width: 1025px){
    body.page-main .middle_main_content{
        width: 90%;
    }
    body#edit_dog .add_dog2_content .ad_dg1_table1,
    body#edit_dog table.ad_dg2_table td,
    body#edit_dog .add_dog2_content .ad_dg1_table2,
    body#edit_dog table.ad_dg3_table td, 
	body#edit_dog table.ad_dg4_table td {
        font-size: 20px;
    }
    body#edit_dog .add_dog2_braces .add_dog2_content,
    body#edit_dog table.ad_dg2_table, body#edit_dog table.ad_dg3_table, body#edit_dog table.ad_dg4_table{
        width: 90%;
    }
    body#edit_dog table.ad_dg3_table td.adg_button input[type="submit"]{
        width: 20%;
        font-size: 20px;
    }
    body#edit_dog table.ad_dg4_table td.adg_button input[type="submit"]{
        width: 20%;
        font-size: 20px;
    }
}

@media (max-width: 1080px) and (min-width: 1025px){
    body .middle_main_content .left_box{
        min-height: 585px;
    }
}

@media (max-width: 1150px) and (min-width: 1081px){
    body .middle_main_content .left_box{
        min-height: 560px;
    }
}

@media (max-width: 1270px) and (min-width: 1151px){
    body .middle_main_content .left_box{
        min-height: 505px;
    }
}

/*code added by Raghuvaran*/
body.page-create-profile div#center-content .side_lineboxp1,
body.page-create-profile div#center-content .side_lineboxp2{
    height: 900px;
    width: 4%;
}
@media (max-width: 1100px) and (min-width: 1025px){
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 950px;    
    }
}
@media (max-width: 1199px) and (min-width: 1135px){
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 860px !important;    
    }
}
@media (max-width: 1900px) and (min-width: 1600px){
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 850px !important;    
    }
    body#vet_er.page-veterinarian .section_p19 .braces_19,
    body#vet_er.page-veterinarian div.para{
        width: 70%;
        margin: auto;
    }
    body#About_Us div.dr_profile_content {
        width: 71%;
        float: left;
    }
    /*footer code*/
    body div#footer1{
        width: 60%;
        padding: 0px 20px;
    }
    div#footer .footerp,
    div#footer .footerp2 {
        font-size: 23px;
    }
    div#footer .penn_medicine {
        margin-right: 2%;
        margin-left: 2%;
        width: 16%;
    }
    div#footer .cbar_logo_footer{
        margin-right: 0%;
        margin-left: 0%;
        width: 20%;
    }
    body#petowner .section_p19 .braces_19 {
        width: 70%;
        margin: auto;
    }
    /*end here*/
}
@media (max-width: 2500px) and (min-width: 1901px){
    body.page-create-profile div#center-content .side_lineboxp1,
    body.page-create-profile div#center-content .side_lineboxp2{
        height: 826px;    
    }
    body#vet_er.page-veterinarian .section_p19 .braces_19,
    body#vet_er.page-veterinarian div.para{
        width: 65%;
        margin: auto;
    }
    body#contact_us #contactus_container {
        width: 60%;
    }
    body#edit_dog.loggedin .add_dog_head {
        margin-top: 50px;
        float: left;
        width: 100%;
    }
    body#edit_dog.loggedin .add_dog2 {
        width: 70%;
        float: none;
        padding: 0px;
        margin: auto;
    }
    body#page-update-prefile .update_main_div {
        width: 80%;
    }
    body.page-create-profile section.content {
        width: 70%;
        float: none;
        margin: auto;
    }
    body#page-section7 .section7,
    body#page-section6 .section6,
    body#page-section5 .section5,
    body#page-section4 .section4,
    body#page-section3 .section3,
    body#page-section2 .section2,
    body#page-section .section {
        width: 80%;
        float: none;
        margin: auto;
    }
    .section2 .section2_braces .section2_side_linebox {
        height: 2600px;
    }
    body#About_Us div.dr_profile_content{
        width: 76%;
    }
    body div#footer1{
		margin-top: 20px;
        width: 58%;
        padding: 0px 20px;
    }
    div#footer .footerp,
    div#footer .footerp2 {
        font-size: 24px;
    }
    div#footer .penn_medicine {
        margin-right: 2%;
        margin-left: 2%;
        width: 17%;
    }
    div#footer .cbar_logo_footer{
        margin-right: 0.5%;
        margin-left: 0.5%;
        width: 20%;
    }
    body#petowner .section_p19 .braces_19 {
        width: 65%;
        margin: auto;
    }
}
@media (min-width: 1281px) and (max-width: 1360px){
    body#page-update-prefile .update_left_linebox,
    body#page-update-prefile .update_right_linebox{
        height: 575px;
    }
    div#footer1 {
        width: 58%;
    }
    
    div#footer .cbar_logo_footer {
        width: 19%;
        margin-top: 20px;
        margin-left: 1%;
        margin-right: 1%;
    }
    div#footer .penn_medicine {
        width: 19%;
        margin-right: 1%;
        margin-left: 1%;
    }
}
@media (min-width: 1200px) and (max-width: 1280px){
    body#page-update-prefile .update_left_linebox,
    body#page-update-prefile .update_right_linebox{
        height: 600px;
    }
    div#footer1 {
        width: 58%;
    }
    
    div#footer .cbar_logo_footer {
        width: 19%;
        margin-top: 20px;
        margin-left: 1%;
        margin-right: 1%;
    }
    div#footer .penn_medicine {
        width: 19%;
        margin-right: 1%;
        margin-left: 1%;
    }
}
/*end here*/

/*=====>ADDED BY SOMEONE ELSE<======*/
/*@media (max-width:1400px) and (min-width:1350px){*/
/*  body#main div.Resident{*/
/*        margin-left: 23pc !important;*/
/*}*/
/*}*/
/*@media (max-width:1500px) and (min-width:1401px){*/
/*  body#main div.Resident{*/
/*        margin-left: 24pc !important;*/
/*}*/
/*}*/
/*@media (max-width:1550px) and (min-width:1501px){*/
/*  body#main div.Resident{*/
/*        margin-left: 26pc !important;*/
/*}*/
/*}*/
/*@media (max-width:1600px) and (min-width:1551px){*/
/*  body#main div.Resident{*/
/*        margin-left: 28pc !important;*/
/*}*/
/*}*/
/*@media (max-width:1650px) and (min-width:1601px){*/
/*  body#main div.Resident{*/
/*        margin-left: 29pc !important;*/
/*}*/
/*}*/
/*@media (max-width:1680px) and (min-width:1651px){*/
/*  body#main div.Resident{*/
/*        margin-left: 30pc !important;*/
/*}*/
/*}*/
/*@media (max-width:1730px) and (min-width:1681px){*/
/*  body#main div.Resident{*/
/*        margin-left: 31pc !important;*/
/*}*/
/*}*/
/*Css BY Ravi Kumar K*/
/*@media (min-width: 769px) and (max-width: 840px){
    
}*/
@media (max-width: 900px){
    body div.header_menubar .header_user{
        padding-right: 23px;
    }
    body#edit_dog .add_dog2_content .ad_dg1_table1,
    body#edit_dog table.ad_dg2_table td,
    body#edit_dog .add_dog2_content .ad_dg1_table2,
    body#edit_dog table.ad_dg3_table td,
	body#edit_dog table.ad_dg4_table td {
        font-size: 19px;
        padding-right: 1px;
    }
    body#edit_dog .add_dog2_braces .add_dog2_content,
    body#edit_dog table.ad_dg2_table, body#edit_dog table.ad_dg3_table, body#edit_dog table.ad_dg4_table{
        width: 90%;
        
    }
    body#edit_dog table.ad_dg2_table tr{
        height: auto;
    }
    body#edit_dog table.ad_dg2_table tr {
        display: inline-grid;
        width: 100%;
        height: auto;
        
    }
    body#edit_dog table.ad_dg2_table td {
        width: 100%;
    }
    body#edit_dog table.ad_dg2_table {
        display: inline-grid;
    }
    body#edit_dog table.ad_dg3_table td.adg_button input[type="submit"]{
        width: 27%;
        font-size: 18px;
    }
	
    body#edit_dog table.ad_dg4_table td.adg_button input[type="submit"]{
        width: 27%;
        font-size: 18px;
    }
    body#edit_dog .ad_dg_table2 .t1_left_linebox,
    body#edit_dog .ad_dg_table2 .t1_right_linebox1{
        width:5%;
    }
    body#edit_dog .ad_dg_table3 .vet_left_linebox,
    body#edit_dog .ad_dg_table3 .vet_right_linebox{
        width:5%;
    }
    
    
    body.page-create-profile .profile_page .firstName_div label, body.page-create-profile .page19_div2.stateclass .page19_cmn_lbl {
        vertical-align: middle;
        font-size: 20px !important;
    }
    body.page-create-profile div.terms_checkbox .check_in {
        width: 98%;
    }
    body.page-create-profile .profile_page .firstName_div label{
        width: 43%;
    }
    body.page-create-profile .page19_div2.stateclass .page19_cmn_lbl {
        width: 22%;
    }
    body.page-create-profile .header-topmenu.opened ul.nav.navbar-nav {
        z-index: 1000;
        font-size: 20px;
    }
    body.page-create-profile .header-topmenu.opened ul.nav.navbar-nav>li>a{
        padding: 10px !important;
    }
    
    /*referral*/
    body#vet_refferal.loggedin .page19_div2 .no_p {
        width: 58%;
    }
    body#vet_refferal .patent_id_content #breed {
        width: 58%;
    }
    body#vet_refferal select#pbreed_field {
        width: 100%;
    }
    body#vet_refferal.loggedin div#ph2,
    body#vet_er.page-veterinarian div#ph{
        width: 47%;
    }
    body#vet_refferal.loggedin .page19_in.txt19.pstreetaddress.p_email,
    body#vet_er.page-veterinarian .page19_in.txt19.vstreetaddress{
        width: 71% !important;
    }
    body#vet_refferal.loggedin .page19_in.wid_div,
    body#vet_er.page-veterinarian .page19_in.wid_div{
        width: 67%;
    }
    body#vet_refferal .side_linebox_page19, body#vet_refferal .side_linebox1_page19 {
        height: 550px;
    }
    body#chart1_main .header_menubar {
        float: right;
        width: 46%;
    }
    body#chart1_main .nav>li>a, body#chart1_main .nav>li>a.current_page {
        padding: 15px !important;
        font-size: 18px !important;
    }
     body#chart1_main .nav>li>a.nouse{
        display: none;
     }
     body#chart1_main .header-topmenu.opened ul.nav.navbar-nav {
        top: 105px;
        display: inherit !important;
        z-index: 1000;
    }
    body#chart1_main .nav>li {
        margin-top: 5px;
    }
    body#chart1_main ul.nav.nav-tabs.dog_graphs_ul li {
        width: 33%;
    }
    body#chart1_main ul.dog_graphs_ul>li>a{
        font-size: 14px !important;
    }
    body#chart1_main .common_header .header_content .header_content_text{
        width: 90%;
    }
    body#chart1_main ul.color_indicators li {
        width: 25%;
    }
    body#chart1_main  ul.color_indicators {
        display: block !important;
        margin: 0px !important;
        width: 100%;
    }
    /*veternarian page*/
    
    body#vet_er .navbar-nav>li,
    body#About_Us .navbar-nav>li {
        padding: 2px 4px;
        font-size: 19px;
    }
    body#vet_er .page19_cmn_lbl {
        font-size: 18px;
    }
    body#vet_er .section_content_page19 label{
        margin-right: 18px;
    }
    body#vet_er .p_h4.anch>h4 {
        font-size: 17px;
    }
    body#petowner .create_account_cmn_lbl {
        font-size: 18px;
    }
}

@media (min-width: 841px) and (max-width: 990px){
    
    body#login_pg .login_page h1{
        font-size: 35px;
    }
    body#login_pg .login_page form#accountNew p{
    text-align: center;
    margin-top: 35px;
    font-size: 22px;
    }
     body#login_pg .login_page{
    width: 93%;
    height: auto;
    float: none;
    /*margin: 65px auto !important;
    margin-top: 15px !important;*/
    }
    .login_page .FormTableHalf label{
    width: 20%;
    font-size: 22px;
    text-align: center;
    /*float: left;*/
    margin: 5px 0px;
    }
    body#login_pg .create_account{
        font-size: 32px;
    }
     body#login_pg .footerp{
        font-size: 23px !important;  
    }
    body#login_pg .footerp2{
         font-size: 23px;
    }
    body#petowner .create_account_right_sub .confirm-pwd {
        width: 40%;
    }
    body#petowner div.caDiv, 
    body#petowner div.caCloseDiv {
        height: 340px !important;
    }
    body#petowner #zipcode {
        width: 100%;
        margin-left: 0px;
    }
    body#petowner .addressMainDiv div.tbzip>input[type="text"] {
        width: 100% !important;
    }
    body#petowner #div_23 {
        width: 100% !important;
    }
}
@media (min-width: 769px) and (max-width: 840px){
 body#login_pg .page-index .navbar-brand{
        width: 50% !important;
    }
    body#login_pg .login_page{
    width: 93%;
    height: auto;
    float: none;
    /*margin: 65px auto !important;
    margin-top: 15px !important;*/
    }
     body#login_pg .login_page h1{
        font-size: 31px;
    }
    .login_page .FormTableHalf label{
        width: 34%;
    font-size: 20px;
    text-align: center;
    /*float: left;*/
    margin: 15px 0px;
    }
   body#login_pg .login_page form#accountNew p{
        text-align: center;
    margin-top: 35px;
    font-size: 22px;
    }
     body#login_pg .create_account{
        font-size: 30px;
    }
     body#login_pg .footerp{
        font-size: 19px;  
    }
    body#login_pg .footerp2{
         font-size: 19px;
    }
    body#petowner .create_account_right_sub .confirm-pwd {
        width: 40%;
    }
    body#petowner div.caDiv, 
    body#petowner div.caCloseDiv {
        height: 340px !important;
    }
    body#petowner #zipcode {
        width: 100%;
        margin-left: 0px;
    }
    body#petowner .addressMainDiv div.tbzip>input[type="text"] {
        width: 100% !important;
    }
    body#petowner #div_23 {
        width: 100% !important;
    }
    body#petowner div.viSideBoxStart, 
    body#petowner div.viSideBoxEnd {
        height: 480px !important;
    }
    
}
@media (min-width: 685px) and (max-width: 767px){
     body#login_pg .page-index .navbar-brand{
        width: 50% !important;
    }
    body#login_pg .login_page{
    width: 93%;
    height: auto;
    float: none;
    /*margin: 65px auto !important;
    margin-top: 15px !important;*/
    }
     body#login_pg .login_page h1{
        font-size: 31px;
    }
    .login_page .FormTableHalf label{
        width: 25%;
    font-size: 20px;
    text-align: center;
    /*float: left;*/
    margin: 15px 0px;
    }
   body#login_pg .login_page form#accountNew p{
    text-align: center;
    margin-top: 35px;
    font-size: 20px;
    }
     body#login_pg .create_account{
        font-size: 30px;
    }
     body#login_pg .footerp{
        font-size: 19px;  
    }
    body#login_pg .footerp2{
         font-size: 19px;
    }
    .account-main-div .account-sub-div{
        width: 75% !important;
    }
    
    
}

@media (min-width: 451px) and (max-width: 684px){
      body#login_pg .page-index .navbar-brand{
        width: 50% !important;
    }
    body#login_pg .login_page{
    width: 100%;
    height: auto;
    float: none;
    margin: 65px auto !important;
    margin-top: 15px !important;
    }
     body#login_pg .login_page h1{
        font-size: 25px;
    }
    .login_page .FormTableHalf label{
        width: 34%;
    font-size: 20px;
    text-align: center;
    float: left;
    margin: 15px 0px;
    }
}

@media (min-width: 550px) and (max-width: 684px){
    body#login_pg .login_page{
        width: 80%;
    }
}

@media (min-width: 541px) and (max-width: 610px){
    body#edit_dog .ad_dg_table2 .t1_left_linebox,
    body#edit_dog .ad_dg_table2 .t1_right_linebox1 {
        height: 840px;
        margin-bottom: 30px;
    }
    body.page-create-profile .terms_checkbox .check_in label[for=readDisclaimer] {
        float: right;
        width: 94% !important;
    }
    body.page-create-profile .terms_checkbox label{
        font-size: 19px;
    }
}
    /*for footer*/
@media (min-width: 480px) and (max-width: 684px){
    div#footer .penn_medicine{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        height: inherit;
    }
    div#footer .penn_medicine img{
        width: 200px !important;
    }
    div#footer .cbar_logo_footer>img{
        width: 232px !important;
    }
    div#footer div#footer1{
        width: 100%;
        padding: 0px 20px;
    }
    div#footer .footerp2, div#footer .footerp{
        font-size: 17px;
    }
    div#footer .cbar_logo_footer{
        width: 100%;
        margin: auto;
        height: initial;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    div#footer .cbar_logo_footer img.img-responsive {
        width: 300px;
        margin: auto;
    }
}
@media(min-width: 320px) and (max-width: 479px){
    div#footer .penn_medicine{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        height: inherit;
    }
     div#footer .penn_medicine img{
		 width: 50% !important;
		/* position: absolute;*/
		left: 5%;
		top: 20%;
		max-height: 100px;
		 }
     div#footer .cbar_logo_footer2 img{
		 width: 50% !important;
		position: absolute;
		left: 55%;
		max-height: 100px;
		max-width: 162px;
		    margin-top: 15px;
		 }
    div#footer div#footer1{
        width: 100%;
        padding: 0px 20px;
		
    }
    div#footer .cbar_logo_footer{
        width: 100%;
        margin: auto;
        height: initial;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    body#edit_dog .submit_btn>input {
        width: 60%;
    }
    body#chart1_main div.aas {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 540px){
    body div#aboutus_container div#aboutus_content p {
        font-size: 16px;
    }
    body#contact_us #contactus_content p{
        font-size: 16px;
    }
    body#contact_us #contactus_content h1{
        font-size: 20px;
    }
    body#contact_us label{
        font-size: 18px;
    }
    body#edit_dog .ad_dg_table2 .t1_left_linebox,
    body#edit_dog .ad_dg_table2 .t1_right_linebox1 {
        height: 960px;
    }
    body#edit_dog .ad_dg_table2 .t1_left_linebox,
    body#edit_dog .ad_dg_table2 .t1_right_linebox1 {
        height: 900px;
    }
    body#edit_dog table.ad_dg3_table td.adg_button input[type="submit"] {
        width: 42% !important;
        font-size: 17px !important;
    }
    body#edit_dog table.ad_dg4_table td.adg_button input[type="submit"] {
        width: 42% !important;
        font-size: 17px !important;
    }
    body#edit_dog table.ad_dg2_table td.td_texts select,
    body#edit_dog table.ad_dg2_table td.td_texts input,
    body#edit_dog table.ad_dg3_table td.td_texts select,
    body#edit_dog table.ad_dg4_table td.td_texts select {
        width: 77px !important;
        text-align: center;
        padding-left: 3px;
    }
    body.page-create-profile .profile_page .firstName_div label,
    body.page-create-profile .page19_div2.stateclass .page19_cmn_lbl {
        vertical-align: middle;
        font-size: 18px !important;
    }
    body.page-create-profile .terms_checkbox .check_in label[for=readDisclaimer] {
        float: right;
        width: 93% !important;
        font-size: 18px;
    }
    body.page-create-profile .terms_checkbox label{
        font-size: 18px;
    }
    body.page-create-profile .profile_create input#button {
        font-size: 18px !important;
        padding: 6px 18px !important;
    }
    body.page-create-profile .profile_page form#New_profile p{
        font-size: 18px;
    }
    body#chart1_main .cbar_logo_footer{
        width: 220px;
        margin-top: 5%;
    }
    body#chart1_main ul.nav.nav-tabs.dog_graphs_ul li {
        width: 100% !important;
        float: left;
        margin: 5px;
    }
    body#chart1_main .common_header .header_content .header_content_text p {
        font-size: 14px;
    }
    body#edit_dog .add_dog2_content .ad_dg1_table1, body#edit_dog table.ad_dg2_table td, body#edit_dog .add_dog2_content .ad_dg1_table2, body#edit_dog table.ad_dg3_table td, body#edit_dog table.ad_dg4_table td {
        font-size: 15px;
    }
    body#edit-dog
}
@media (min-width: 351px) and (max-width: 450px){
     body#login_pg .page-index .navbar-brand{
        width: 50% !important;
    }
    /*Login page*/
     body#login_pg .login_page{
    width: 100%;
    height: auto;
    float: none;
    margin: 65px auto !important;
    /*margin-top: 15px !important;*/
    }
    body#login_pg .login_page h1{
        font-size: 25px;
    }
    body#login_pg .login_page form#accountNew p{
        text-align: center;
    margin-top: 35px;
    font-size: 20px;
    }
    body#login_pg .login_page .FormTableHalf label {
        width: 100%;
        font-size: 20px;
    }
    body#login_pg .username_div input#username, .password_div input#orig_password{
            width: 100%;
        }
    body#login_pg .signin_login input#button, .profile_create input#button{
          
        }
    body#login_pg .create_account{
        font-size: 20px;
    }
    body#login_pg .footerp{
        font-size: 20px;
    }
    body#login_pg .footerp2{
         font-size: 20px;
    }
    body#login_pg  div#center-content .side_linebox{
        width: 5%;
        height: 568px;
    }
    body#login_pg  div#center-content .side_linebox1{
         width: 5%;
        height: 568px;
    }
    body#login_pg  .login_page form#accountNew .signin_login{
        margin-bottom:10px !important;
    }
    /*body#login_pg  .login_page{
       
    }
    div#center-content .side_linebox{}*/

}
@media (max-width: 350px){
    body#login_pg .page-index .navbar-brand{
        width: 50% !important;
    }
    /*Login page*/
     body#login_pg .login_page{
    width: 100%;
    height: auto;
    float: none;
    margin: 65px auto !important;
    /*margin-top: 15px !important;*/
    }
    body#login_pg .login_page h1{
        font-size: 22px !important;
    }
    body#login_pg .login_page form#accountNew p{
        text-align: center;
    margin-top: 35px;
    font-size: 16px;
    }
    body#login_pg .login_page .FormTableHalf label {
        width: auto;
        font-size: 20px;
    }
    body#login_pg .username_div input#username, .password_div input#orig_password{
            width: 100%;
        }
    body#login_pg .signin_login input#button, .profile_create input#button{
          
        }
    body#login_pg .create_account{
        font-size: 15px;
    }
    body#login_pg .footerp{
        font-size: 15px;
    }
    body#login_pg .footerp2{
         font-size: 15px;
    }
    div#center-content .side_linebox,
    div#center-content .side_linebox1{
        width: 5%;
        height: 550px;
    }
    .login_page form#accountNew .signin_login{
        margin-bottom:10px !important;
    }
    .login_page{
       
    }
    body#login_pg .login_page2 {
        width: 100%;
        height: auto;
        float: none;
        margin: 65px auto !important;    
    }
    div#account-section .side_linebox, 
    div#account-section .side_linebox1 {
        width: 5%;
        height: 483px;
    }
    body#login_pg div.login_create_block{
        width:auto !important;
    }
    
     div#login_pg 
    .account-main-div .account-sub-div {
        width: 60%;
    }
}
@media(min-width: 320px) and (max-width: 425px){
    
    body#login_pg div.login_create_block div.menu_item {
    /* float: left; */
        font-size: 21px;
        margin-right: auto;
    }
    body#login_pg div.login_create_block div.menu_slash{
        font-size: 30px
    }
    body#login_pg div#account-section p.text-center{
        font-size: large;
    }
    body#login_pg  div#account-section .po-account img{
        width: 70% !important; 
    }
    body#login_pg div#account-section .vet-account img {
        width: 70% !important;
    }
    body#login_pg  div#account-section  a p.acc-creation-description {
        font-size: large !important;
        color: #000;
        text-align: inherit;
    }
    body#login_pg div#account-section  a p.acc-creation-description {
        font-size: large !important;
        color: #000;
        text-align: inherit;
    }
    body#add_dog table.ad_dg2_table tr, table.ad_dg1_table1 tr, table.ad_dg1_table2 tr {
        display: inline-grid;
        margin: 22px 0px;
        width: 100%;
        font-size: 18px;
        height: auto;
    }
    body#add_dog .add_dog2_braces .t1_left_linebox,body#add_dog .add_dog2_braces .t1_right_linebox1{
        width: 8px;
    }
    body#add_dog .ad_dg_table2 .t1_left_linebox,body#add_dog .ad_dg_table2 .t1_right_linebox1 {
        width: 8px;
    }
    body#add_dog .ad_dg_table3 .t1_left_linebox,body#add_dog  .ad_dg_table3 .t1_right_linebox1 {
        width: 8px;
    }
    body#add_dog .vet_left_linebox,body#add_dog .vet_right_linebox {
        width: 8px;
    }
    body#add_dog .add_dog2_content .ad_dg1_table1, .add_dog2_content .ad_dg1_table2 {
        font-size: 18px;
        
    }
    body#add_dog .add_dog2_content,body#add_dog .ad_dg2_table{
        margin-top: auto;
    }
    body#add_dog table.ad_dg1_table1,body#add_dog table.ad_dg1_table2 {
        width: 100%;
        padding: 10px;
    }
    body#add_dog table.ad_dg2_table td, table.ad_dg3_table td{
        width: 100%;
        display: block;
    }
	body#add_dog table.ad_dg4_table td {
        width: 100%;
        display: block;
	}
    /*body#add_dog table.ad_dg2_table td.td_note, table.ad_dg2_table span.td_note {
        font-size: 14px;
    }*/
    body#add_dog .submit_btn>input {
        width: 50%;
    }
    body#add_dog table.ad_dg3_table{
        /*padding: inherit ;*/
        font-size: 18px;
        margin-top: 14px;
    } body#add_dog table.ad_dg4_table{
        /*padding: inherit ;*/
        font-size: 18px;
        margin-top: 14px;
    }
    body#add_dog table.ad_dg3_table td.td_option select {
        width: 100%; 
    
    }
    body#add_dog table.ad_dg3_table td.td_texts select {
        width: 100%;
    }
    body#add_dog table.ad_dg3_table td.td_texts select {
        width: 100%;
        margin-bottom: 20px;    
    }
    body#add_dog table.ad_dg3_table td.td_select select {
        width: 95%;
        margin-bottom: 20px;
    }
    body#add_dog table.ad_dg2_table td.td_texts select {
        width: 60%;
    }
	
    body#add_dog table.ad_dg4_table td.td_option select {
        width: 100%; 
    
    }
    body#add_dog table.ad_dg4_table td.td_texts select {
        width: 100%;
    }
    body#add_dog table.ad_dg4_table td.td_texts select {
        width: 100%;
        margin-bottom: 20px;    
    }
    body#add_dog table.ad_dg4_table td.td_select select {
        width: 95%;
        margin-bottom: 20px;
    }
}
@media (max-width: 1440px){
    .edit_img{
        height: 54%;
    }
}

/* css added by anil on 22-Sep-2017 */
@media (min-width: 1600px) and (max-width: 2000px){
    .account-main-div .account-sub-div{
        width: 35%;
    }
}
@media (min-width: 2001px) and (max-width: 2500px){
    .account-main-div .account-sub-div{
        width: 32%;
    }
}
@media (max-width: 888px) and (min-width: 768px){
    body#login_pg .signin_login input#button{
        width: 29% !important;
        font-size: 24px !important;
    }
    body#login_pg .login_page{
        min-height: 450px !important;
    }
    .account-main-div .account-sub-div{
        width: 75% !important;
    }
    body#login_pg div.login_create_block{
        width:auto !important;
    }
}

@media (min-width: 1025px) and (max-width: 2500px){
    body#login_pg .login_page2{
        width: 60%;
    }
}

/* media queries added by anil start */

@media (max-width: 768px) {
    body#vet_er .createAccount h3,
    body#vet_er .informationSection h3,
    body#vet_er .notifications h3{
        font-size: 28px !important;
    }
    body#vet_er .alreadyAccount h4 {
        font-size: 18px !important;
    }    
    body#vet_er .create_acc_info div.firstDiv, 
    body#vet_er .create_acc_info div.closefirstDiv {
        height: 450px !important;
    }
    body#petowner .petowner_info div.firstDiv, 
    body#petowner .petowner_info div.closefirstDiv {
        height: 580px !important;
    }
    body#add_dog div.confirmation_box .confirmation_box_sub {
        width: 80% ;
    }
    
}
@media (min-width: 650px) and (max-width: 800px) {
    body#edit_dog .submit_btn>input {
        width: 25%;
    }
}
@media (min-width: 1025px) and (max-width: 1199px){
    body#vet_er .addressMainDiv .page19_div2{
        width: 47% !important;
    }
    body#vet_er .page19_cmn_lbl .vetDetails{
        width: 35% !important;
    }    
    body#vet_er .informationSection #vlastname{       
        width: 80% !important;
    }
    body#vet_er .vetDetails .phDiv{
        width: 35%;
    }
    body#vet_er .vetDetails .elDiv{
        width: 20%;
    }
    body#vet_er .emailDiv input[type="text"]{
        width: 100% !important;
        float: right !important;
    }   
    body#vet_er .informationSection .lnameMainDiv .lastnameLabel {
        width: 25% !important;
    }
    body#vet_er .textboxDiv {
        width: 75% !important;
    }
    body#vet_er div.newPara p{
        width: 90% !important;
    }
    body#vet_er div#vetInformation .elDiv {
        width: 40% !important;
    }
    
}

@media (min-width: 1200px) and (max-width: 1360px){
    body#vet_er .addressMainDiv #div_23 {
        width: 50% !important;
    }
    body#vet_er .addressMainDiv #zipcode {
        width: 45% !important;
    }    
    body#vet_er .vetDetails .phDiv{
        width: 31% !important;
    }    
    body#vet_er div.newPara p{
        width: 90% !important;
    }
}

@media (min-width: 1361px) and (max-width: 1499px){        
    body#vet_er div.newPara p{
        width: 100% !important;
    }    
    body#vet_er .vetDetails .phDiv{
        width: 31% !important;
    }
    body#vet_er .addressMainDiv #div_23 {
        width: 50% !important;
    }
    body#vet_er .addressMainDiv #zipcode {
        width: 45% !important;
    }
    body#petowner div#div_23 {
        width: 48% !important;
        float: left;
    }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    body#vet_er div.newPara p{
        width: 100% !important;
    }
    body#vet_er .addressMainDiv #div_23 {
        width: 52% !important;
    } 
    body#vet_er .addressMainDiv #zipcode {
        width: 45% !important;
    }
    body#petowner div.newPara p{
        width: 100% !important;
    }    
    body#petowner .vetDetails .phDiv{
        width: 31% !important;
    }
    body#petowner .addressMainDiv #div_23 {
        width: 50% !important;
    }
    body#petowner .addressMainDiv #zipcode {
        width: 45% !important;
    }   
}

@media (min-width: 1600px) {
    body#vet_er div.newPara p{
        width: 100% !important;
    }
    body#vet_er .addressMainDiv #div_23 {
        width: 47% !important;
    } 
    body#vet_er .addressMainDiv #zipcode {
        width: 49% !important;
    }
    body#petowner div.newPara p{
        width: 100% !important;
    }
    body#petowner .addressMainDiv #div_23 {
        width: 52% !important;
    } 
    body#petowner .addressMainDiv #zipcode {
        width: 45% !important;
    }       
}

@media (min-width:320px) and (max-width: 768px){
    body#vet_er div#vetInformation .elDiv {
        width: 100% !important;
    }
    body#vet_er div.createSection .userName{
        width: 100% !important;
    }
    body#vet_er .createSection .page19_in.wid_div.tbox {
        width: 100% !important;
    }
    body#vet_er div.createSection .choosePwd{
        width: 100% !important;
    }
    body#vet_er div.createSection div#password {
        width: 100% !important;
    }
    body#vet_er div.createSection .page19_cmn_lbl{
        width: 100% !important;
    }
    body#vet_er div.createSection div#confirmpwd{
        width: 100% !important;
    }
    body#vet_er #vetInformation .page19_cmn_lbl{
        width: 100% !important;
    }
    body#vet_er #vetInformation .vetFirstName{
        width: 100% !important;
    }
    body#vet_er #vetInformation .vetLastName{
        width: 100% !important;
    }
    body#vet_er #vetInformation #vlastname{
        width: 100% !important;
    }
    body#vet_er #vetInformation .textboxDiv{
        width: 100% !important;
    }
    body#vet_er .addressMainDiv .wid_div{
        width: 100% !important;
    }
    body#vet_er .addressMainDiv #div_23{
        width: 100% !important;
    }
    body#vet_er .addressMainDiv #zipcode{
        width: 100% !important;
    }
    body#vet_er .addressMainDiv #zipcode input[type="text"]{
        width: 100% !important;
        margin-left: -5px;
    }
    body#vet_er #vetInformation #ph{
        width: 100%;
    }
    body#vet_er #vetInformation #email{
        width: 100% !important;
    }
    body#vet_er #vetInformation .viSideBoxStart,
    body#vet_er #vetInformation .viSideBoxEnd{
        height: 990px !important;
    }    
    body#vet_er .notifications .para1{
        font-size: 16px !important;
    }

    body#petowner div.createSection .userName{
        width: 100% !important;
    }
    body#petowner .createSection .page19_in.wid_div.tbox {
        width: 100% !important;
    }
    body#petowner div.createSection .choosePwd{
        width: 100% !important;
    }
    body#petowner div.createSection div#password {
        width: 100% !important;
    }
    body#petowner div.createSection .create_account_cmn_lbl{
        width: 100% !important;
    }
    body#petowner div.createSection div#confirmpwd{
        width: 100% !important;
    }
    body#petowner #contact-information .create_account_cmn_lbl{
        width: 100% !important;
    }
    body#petowner #contact-information .firstname{
        width: 100% !important;
    }
    body#petowner #contact-information .lastname{
        width: 100% !important;
    }
    body#petowner #contact-information #vlastname{
        width: 100% !important;
    }
    body#petowner #contact-information .textboxDiv{
        width: 100% !important;
    }
    body#petowner .addressMainDiv .wid_div{
        width: 100% !important;
    }
    body#petowner .addressMainDiv #div_23{
        width: 100% !important;
    }
    body#petowner .addressMainDiv #zipcode{
        width: 100% !important;
    }
    body#petowner .addressMainDiv #zipcode input[type="text"]{
        width: 100% !important;
        margin-left: -5px;
    }
    body#petowner #contact-information #ph{
        width: 100%;
    }
    body#petowner #contact-information #email{
        width: 100% !important;
    }
    body#petowner #contact-information .viSideBoxStart,
    body#petowner #contact-information .viSideBoxEnd{
        height: 820px !important;
    }    
    /*body#petowner .notifications .para1{
        font-size: 16px !important;
    }*/  
    body#petowner .pet-owner-details .second_right {
        width: 100%;
    }
    body#petowner .createAccount h3, 
    body#petowner .informationSection h3, 
    body#petowner .notifications h3 {
        font-size: 28px;
    }
    body#petowner .notifications .side_linebox_div2, 
    body#petowner .notifications .side_linebox1_div2 {
        height: 400px !important;
    }
    .welcome_message{
        font-size: 16px;
        float: left;
        text-align: left;
    }
}
@media(max-width: 320px){
    .welcome_message{
        font-size: 14px;
        float: left;
        text-align: left;
    }
}
@media (min-width: 320px) and (max-width: 425px) {
    body .common_header .header_opacity{
        /*height: 135px;*/
        height:100px;
    }
}
@media (min-width:768px) and (max-width: 1024px){

    body#vet_er .createSection .page19_div2,
    body#vet_er .createSection .page19_div3{
        width: 50% !important;
    }    
    body#vet_er .create_acc_info .caDiv{
        height: 250px !important;
    }    
    /*body#vet_er #vetInformation .informationSection .page19_cmn_lbl{
        width: 35% !important;
    }*/
    body#vet_er #vetInformation .vetFirstName{
        width: 50% !important;
    }
    body#vet_er #vetInformation .vetLastName{
        width: 50% !important;
    }
    body#vet_er #vetInformation .lastnameLabel{
        width: 35% !important;
    } 
    body#vet_er #vetInformation .textboxDiv{
        width: 65% !important;
    }
    body#vet_er .addressMainDiv .page19_div2 .page19_cmn_lbl{
        width: 26% !important;
    }
    body#vet_er .addressMainDiv .wid_div{
        width: 63% !important;
    }
    body#vet_er #vetInformation .vetDetails .phDiv{
        width: 45% !important;
    }
    body#vet_er .addressMainDiv .emailDiv .elDiv{
        width: 30% !important;
    }
    body#vet_er .addressMainDiv .emailDiv #email{
        width: 55% !important;
    }
    body#index_page div#footer .cbar_logo_footer2 img{
        padding: 12px;
        margin-top: 31px;
    }

}
    
/* media queries added by anil end */
/* css added by anil 0n 28-Sep-2017 */

@media (min-width: 1025px) and (max-width: 1199px){
    body#login_pg .login_page2 .account-main-div .account-sub-div{
        width: 83%;
    }

    body#petowner div#div_23 {
        width: 48% !important;
        float: left;
    }
    body#petowner .informationSection .lnameMainDiv .lastnameLabel {
        width: 27%;
    }
    body#petowner .textboxDiv {
        width: 73% !important;
    }
    body#petowner .lastname #vlastname {
        width: 82%;
    }
    body#petowner .phDiv {
        width: 40% !important;
    }
}

@media (min-width: 1600px) and (max-width: 2500px){
    .login_page .FormTableHalf label{
        width: 15% !important;
    }
    .username_div input#username, .password_div input#orig_password {
        width: 40% !important;
    }
}

@media (min-width:1024px) and (max-width: 1086px){
    body#petowner .create_account_right_sub .confirm-pwd {
        width: 40%;
    }
    body#petowner div.caDiv, body#petowner div.caCloseDiv {
        height: 340px !important;
    }     
    body#petowner div#div_23 {
        width: 48% !important;
        float: left;
    }
    body#petowner .informationSection .lnameMainDiv .lastnameLabel {
        width: 27%;
    }
    body#petowner .textboxDiv {
        width: 73% !important;
    }
    body#petowner .lastname #vlastname {
        width: 82%;
    }
    body#petowner .phDiv {
        width: 40% !important;
    }
}
@media(min-width:320px) and (max-width:767px) {
    body#dog_details .vet_side_linebox,body#dog_details .vet_side_linebox1 {
        
        height: 1000px !important;
    }
    body#add_dog table#vets-list .vet-access label[for=agreevet] {
        font-size: 16px;
        
    }
    body#add_dog .submit_btn>input {
        margin-top: 70%;
    }
   /* body#add_dog .submit_btn_section {
        height: 74%;
    }*/
    body#edit_dog table#update-vets-list .vet-access label[for=agreevet] {
        font-size: 16px;
        
    }
    body#edit_dog .submit_btn>input {
        margin-top: 70% !important;
    }
    body#main div#vetdashboard .left_box.leftbox_payment_details_opened .vet_side_linebox, body#main div#vetdashboard .left_box.leftbox_payment_details_opened .vet_side_linebox1 {
        height: 728px;
    }
    body#main div#vetdashboard .left_box .vet_side_linebox, body#main div#vetdashboard .left_box .vet_side_linebox1 {
        height: 560px;
    }

    body#main #vetdashboard .toggle_main_td .leftside_li{
        font-size: 14px;
    }
   /* body#edit_dog .submit_btn_section {
        height: 80% !important;
    }*/
}

@media (max-width:500px) and (min-width:320px) {
    .edit_img {
        height: 45% ;
        height: 25% ;
    }
    body#edit_dog table.ad_dg3_table td.td_option select, body#edit_dog table.ad_dg4_table td.td_option select {
        width: 100%;
    }
    body#login_pg .forget_pass{
        display: inline-flex;
    }
    body#login_pg .forget_pass a{
        font-size: 21px;
    }
    div#center-content .side_linebox, div#center-content .side_linebox1{
        height: 568px;
    }
    body#chart1_main ul.color_indicators li{
        width: 100% !important;
    }
    body#chart1_main div.greenbar{
        width: 100% ;
    }
    ul.color_indicators>li>.li_indicator_container{
        width: 100% !important;
        
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-yellow {
        width: 100%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-orange{
        width: 100%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-red{
        width: 100%
    }

}
@media(min-width:769px) and (max-width:991px){
    body#chart1_main ul.color_indicators li{
        width: 50% !important;
    }
    
    body#chart1_main div.greenbar {
        width: 90%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-yellow {
        width: 90%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-orange{
        width: 90%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-red{
        width: 90%
    }
    ul.color_indicators>li>.li_indicator_container {
        width: 90% !important;
    }
    
}
@media(min-width:501px) and (max-width:768px) {
    body#chart1_main div.greenbar {
        width: 90%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-yellow {
        width: 90%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-orange{
        width: 90%;
    }
    ul.color_indicators>li.text>.indicator_color_box.bg-red{
        width: 90%
    }
    ul.color_indicators>li>.li_indicator_container {
        width: 90% !important;
    }
}
@media(max-width:1199px) {
    body#chart1_main ul.nav.nav-tabs.dog_graphs_ul li{
        width: 100% !important;
        margin: 2px;
    }
}
/*code added by ravikumar*/
@media (min-width:769px) and (max-width:1024px) {
    body#main .left_box .vet_side_linebox, body#main .left_box .vet_side_linebox1 {
        height: 526px;
    }
    body#main #vetdashboard .left_box.leftbox_payment_details_opened .vet_side_linebox, body#main  #vetdashboard .left_box.leftbox_payment_details_opened .vet_side_linebox1 {
        height: 697px;
    }
}
/*code ended by ravikumar*/
/*@media(min-width)*/