@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1023px) {
    .block-1 {
        width: 27.556%;
    }

    .block-right {
        width: 63%;
    }

    .header-right {
        margin-right: 16px;
    }
}


@media screen and (max-width:890px) {
    .block-1 {
        width: 44%;
    }
}

@media screen and (max-width:780px) {
    .block-1 {
        min-height: 174px;
    }
}

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

    .download-block {
    box-sizing: border-box;
    margin: 0 0 20px;
    width: 100% !important;
 }

    .read-more.read-bottom-padding {
    bottom: 0;
    position: absolute;
}
    .block-right {
    width: 75% !important;
}
    a.read-more {
        background-position:0 7px; 
        padding: 5px 0 0 20px !important;
    }
        a.read-more:hover {
            background-position:0 7px; 
        }
    .block{ box-sizing:border-box; padding:0 20px;}
    .block .block-1{ width:100%; margin:0 0 20px;box-sizing: border-box;}
 

    .footerAlign{padding:0 1.5%;}
    .footerAlign a { display:block;
    } 

    .block-1 {
        width: 45%;
        min-height: 100% !important;
    }

    ul.footer-menu li a {
        font-size: 75%;
    }

    ul.footer-menu {
        width: 40% !important;
        margin-right: 0% !important;
    }

    .header-right {
        text-align: right;
    }

        .header-right ul li {
            float: none;
            display: inline-block;
            text-align: right;
        }

    .manu-part {
        padding-bottom: 50px;
    }
}

@media screen and (max-width:500px) {
    .block-1 {
        margin-bottom: 0px;
        min-height: 195px !important;
    }

    .ul.footer-menu {
        width: 45%;
        margin: 0 2% 16px;
    }

    .footer-menu {
        width: 45% !important;
        margin: 0 2% 15px;
    }

    .logo {
        margin: -107px 0 0 23px;
    }
}

@media screen and (max-width:430px) {
    .block-1 {
        width: 97%;
        min-height: 100% !important;
        margin-bottom: 20px;
    }

    .block-right {
        float: left;
        margin-left: 15px;
    }

    .manu-part {
        clear: both;
        text-align: center;
        float: none;
    }

    .logo {
        float: none;
        margin: 0;
    }

    .org-right {
        clear: both;
        float: none;
        margin: 0 auto;
    }

    .header-right {
        width: 97%;
        float: none;
        text-align: center;
    }
}


@media screen and (max-width:1024px) {
    a.rsclassA {
        top: 275px;
    }

        a.rsclassA:hover {
            top: 275px;
        }

    .service-block {
        width: 275px;
    }

    .right-block {
        width: 98%;
    }

    .left-block {
        width: 100%;
    }

        .left-block > h3 {
            width: 94%;
        }

    ul.right-menu-nav {
        width: 94.7%;
    }

    .case-content {
        margin-bottom: 0px;
    }

    .case-content {
        width: 94.8%;
    }

    .case-form > input.contact-txt {
        width: 65%;
    }

    ul.director-list > li div.director-detail {
        width: 83%;
    }

    .rstitleP {
        left: 635px !important;
    }

    .rstitles {
        right: 95px !important;
    }

    .site-map-links {
        width: 21%;
    }

    .language-selector {
        right: 23%;
    }

    .extra-width {
        width: 95% !important;
        margin: 0px;
    }
}

@media screen and (max-width:980px) {
    /*.footer{background: url(../../Content/images/footer-bg-arb.png) no-repeat left bottom;} Commented By : Lalit Bhalodiya on May-05-2015 */
    .main-title {
        background: url(../../Content/images/back-line.png) no-repeat center;
    }

    .service-block {
        width: 260px;
    }

    ul.director-list > li div.director-detail {
        width: 80%;
    }

    .rstitleP {
        left: 615px !important;
    }

    .rstitles {
        right: 85px !important;
    }

    .site-map-links {
        width: 21%;
    }

    .language-selector {
        right: 27%;
    }

    .logo {
        margin: -55px 30px 0;
    }

    .block-1 {
        width: 24.556%;
    }
}

@media screen and (max-width:900px) {
    .service-block {
        width: 240px;
    }

        .service-block > h3 {
            font-size: 20px;
        }

        .service-block > p {
            font-size: 13px;
        }

    .case-content {
        width: 94.6%;
    }

    ul.footer-menu:first-child {
        margin-right: 0px;
    }

    .rstitleP {
        left: 575px !important;
    }

    .rstitles {
        right: 65px !important;
    }

    .site-map-links {
        width: 23%;
    }

    .right-block {
        border-left: none;
    }

    .logo {
        margin: -55px 30px 0;
    }
}

@media screen and (max-width:800px) {
    .rstitles {
        left: 52% !important;
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .rstitleP {
        width: 45% !important;
        top: 82px !important;
    }

    .rsSecondSlideTitle {
        left: 44% !important;
    }

    a.rsclassA {
        top: 210px;
        left: 53%;
    }

        a.rsclassA:hover {
            top: 210px;
            left: 53%;
        }

    .animenu > ul ul {
        left: -35px !important;
    }

    .service-block {
        width: 330px;
    }

        .service-block > p {
            font-size: 13px;
        }

        .service-block > h3 {
            font-size: 20px;
        }

    .individual-service-part > h1, .individual-service-part > p {
        width: 98%;
    }

    .right-block {
        width: 98%;
    }

    .left-block {
        width: 100%;
    }

        .left-block > h3 {
            width: 94%;
        }

    ul.right-menu-nav {
        width: 94.7%;
    }

    .case-content {
        width: 94.4%;
    }

    .case-form > input.contact-txt {
        width: 64%;
    }

    ul.procedure-list > li {
        width: 92%;
    }

        ul.procedure-list > li > div.accident-detail {
            width: 83%;
        }

        ul.procedure-list > li > img {
            width: 98px !important;
            height: 72px !important;
        }

        ul.procedure-list > li > div.accident-detail > p {
            font-size: 12px;
        }

    ul.footer-menu:first-child {
        margin-right: 0px;
    }

    a.rsclassA, a.rsclassA:hover {
        left: 73% !important;
    }

    .site-map-links {
        width: 30%;
    }

    .language-selector {
        right: 33%;
    }

    .right-block {
        border-left: none;
    }

    .language-selector {
        left: 25%;
    }

    .right-block {
        border-right: none;
    }

    .logo {
        margin: -55px 30px 0;
    }

    .block-1 {
        min-height: 80px !important;
        width: 40%;
    }

    .block-right {
        width: 70%;
    }

    .abt-less-margin {
        margin-right: 35px;
    }
}

@media screen and (max-width:768px) {
    .service-block {
        width: 315px;
    }

        .service-block > a {
            font-size: 16px;
        }

    .case-content {
        width: 94.3%;
    }

    .case-form > input.contact-txt {
        width: 64%;
    }

    ul.director-list > li div.director-detail {
        width: 77%;
    }

    ul.procedure-list > li {
        width: 91.5%;
    }

        ul.procedure-list > li > div.accident-detail {
            width: 80%;
        }

        ul.procedure-list > li > img {
            width: 98px !important;
            height: 72px !important;
        }

        ul.procedure-list > li > div.accident-detail > p {
            font-size: 12px;
        }

    ul.footer-menu:first-child {
        margin-right: 0px;
    }

    .rsSecondSlideTitle {
        left: 43% !important;
    }

    .language-selector {
        right: 33%;
    }

    .right-block {
        border-left: none;
    }

    .logo {
        margin: -55px 30px 0;
    }

    .block-1 {
        min-height: 80px !important;
        width: 40%;
    }

    .block-right {
        width: 70%;
    }

    .abt-less-margin {
        margin-right: 35px;
    }
}

@media screen and (max-width:640px) {
    .service-block {
        width: 250px;
        margin-bottom: 20px;
    }

        .service-block > a {
            font-size: 16px;
        }

    .individual-service-part > h1, .individual-service-part > p {
        width: 95%;
        padding: 0px 10px;
    }

    .abt-less-margin {
        margin-right: 35px;
    }

    .left-block > h3 {
        width: 93.6%;
    }

    .case-left, .case-right {
        width: 100%;
        float: left;
    }

    .case-form > input.contact-txt {
        width: 66%;
    }

    ul.director-list > li div.director-detail {
        width: 74%;
    }

    ul.procedure-list > li {
        width: 91%;
        padding: 20px;
    }

        ul.procedure-list > li > div.accident-detail {
            width: 78%;
        }

        ul.procedure-list > li > img {
            width: 98px !important;
            height: 72px !important;
        }

        ul.procedure-list > li > div.accident-detail > p {
            font-size: 12px;
        }

    .locate-map {
        height: 210px;
    }

    a.rsclassA, a.rsclassA:hover {
        left: 67% !important;
    }

    .language-selector {
        right: 44%;
    }

    .right-block {
        border-left: none;
    }

    .insu-company > li > img {
        width: 95px;
    }

    .insu-com-detail {
        width: 78%;
    }

    .insu-com-detail {
        margin-right: 20px;
    }

    .com-detail {
        padding-right: 0px;
    }

    .com-address {
        padding-left: 0px;
    }

    .logo {
        margin: -55px 30px 0;
    }

    .block-1 {
        width: 40%;
    }

    ul.footer-menu {
        width: 27%;
    }

    .block-1 {
        width: 37%;
    }

    .block-right {
        width: 65%;
    }

    .com-detail {
        width: 44%;
    }

    ul.director-list > li {
        width: 93%;
    }
}

@media screen and (max-width:600px) {
    .service-block {
        width: 232px;
    }

        .service-block > h3 {
            font-size: 20px;
        }

        .service-block > p {
            font-size: 13px;
        }

    .abt-less-margin {
        margin-right: 35px;
    }

    .case-content {
        width: 94%;
    }

    .site-map-links {
        width: 46%;
    }

    .right-block {
        border-left: none;
    }

    .logo {
        margin: -55px 30px 0;
    }

    .download-block .block-right {
        float: left;
        width: 80%;
    }
}

@media screen and (max-width:480px) {
    .main-menu {
        position: absolute;
        top: 46px !important;
    }
    /*.footer{background: url(../../Content/images/footer-bg-arb.png) repeat left bottom;} Commented By : Lalit Bhalodiya on May-05-2015 */
    .main-title {
        background: url(../../Content/images/back-line.png) no-repeat center;
    }

    .rstitles {
        left: 7% !important;
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .rstitleP {
        width: 80% !important;
        top: 57px !important;
    }

    .rsSecondSlideTitle {
        left: 7% !important;
    }

    .service-grid {
        width: 95%;
        padding: 0px 10px;
    }

    .service-block {
        width: 424px;
        margin-bottom: 20px;
    }

    .case-form > input.contact-txt {
        width: 65%;
    }

    .case-content {
        width: 93.3%;
    }

    ul.director-list > li div.director-detail {
        width: 63%;
    }

    ul.procedure-list > li > div.accident-detail {
        width: 72%;
    }

    ul.procedure-list > li > img {
        width: 98px !important;
        height: 72px !important;
    }

    ul.procedure-list > li > div.accident-detail > p {
        font-size: 12px;
    }

    a.rsclassA, a.rsclassA:hover {
        left: 67% !important;
    }

    .site-map-links {
        width: 44%;
    }

    .logo {
        top: 0px;
    }

    .language-selector {
        float: left;
        margin-left: 185px;
        position: relative;
        top: -10px;
        width: 160px;
    }

    .list-language {
        margin-left: 3px;
    }

    .map-cover {
        width: 90%;
    }

    .right-block {
        border-left: none;
    }

    .insu-company > li > img {
        width: 60px;
    }

    .insu-com-detail {
        margin-right: 14px;
        width: 80%;
    }

    .com-detail {
        border: none;
        width: 100%;
        border-bottom: 1px solid #bbb;
        margin-bottom: 5px;
        padding: 0px;
        background: none;
    }

    .com-address {
        width: 100%;
        padding: 0px;
    }

    .language-select {
        margin-top: 15px;
    }

    .block-1 {
        width: 75%;
        margin-bottom: 20px;
        min-height: 80px !important;
    }

    .block-right {
        width: 75%;
    }

    .inner-block {
        width: 77%;
        min-height: 120px;
    }

    ul.director-list > li {
        width: 90%;
    }

    #CaseNoErrorMsg, #AccidentCityErrorMsg, #MobileNoErrorMsg, #ClaimNoErrorMsg, #ClaimMobileNoErrorMsg, #SponserNumberErrorMsg, #divSelectFormErrMsg, #divMaroorErrMsg, #divReasonErrMsg, #divSelectCaseNoErrMsg {
        padding-right: 0%;
        padding-top: 5px;
        direction: rtl;
        clear: right;
    }

    .download-block .block-right {
        float: left;
        width: 60%;
    }
}

@media screen and (max-width:360px) {
    .main-menu {
        position: absolute;
        top: 128px !important;
    }

    .service-block {
        width: 310px;
        margin-bottom: 20px;
    }

    .service-grid {
        width: 95%;
        padding: 0px 10px;
    }

    .left-block > h3 {
        width: 89.6%;
    }

    ul.right-menu-nav {
        width: 91.2%;
    }

    .contact-block {
        margin: 10px 0px;
    }

        .contact-block > label, .case-form > label {
            width: 100%;
            padding-left: 0px;
            margin: 5px 0px 0px 0px;
        }

    select.category {
        width: 97%;
        margin: 0px;
    }

    input.contact-txt {
        width: 90%;
        margin: 0px;
    }

    textarea.contact-txtarea {
        width: 90%;
        margin: 0px;
    }

    .contact-block > label.last-label {
        display: none;
    }

    .case-form > input.contact-txt {
        width: 89%;
    }

    .case-form > select.category {
        margin-top: 0px;
    }

    label.last-label {
        display: none;
    }

    input.txt-mrgn, .case-form > .contact-submit {
        margin-top: 10px;
    }

    .case-block > h3 {
        width: 92%;
    }

    .case-content {
        width: 88.3%;
    }

    ul.director-list > li div.director-detail {
        width: 99%;
        margin-top: 10px;
    }

    ul.procedure-list > li {
        width: 88%;
    }

        ul.procedure-list > li > div.accident-detail {
            width: 100%;
            margin-top: 10px;
        }

    a.rsclassA, a.rsclassA:hover {
        left: 35% !important;
    }

    .site-map-links {
        width: 97%;
    }

    .language-selector {
        position: relative;
        left: 60px;
        top: -10px;
        margin: 0px;
    }

    .map-cover {
        width: 90%;
    }

    .right-block {
        border-left: none;
    }

    .insu-company > li > img {
        width: 60px;
    }

    .insu-com-detail {
        margin-right: 14px;
        width: 75%;
        background: none;
    }

    .com-detail {
        border: none;
        width: 100%;
        background: none;
        border-bottom: 1px solid #bbb;
        margin-bottom: 5px;
        padding: 0px;
    }

    .com-address {
        width: 100%;
        padding: 0px;
    }

    .language-select {
        margin-right: 90px;
    }

    .block-1 {
        width: 78%;
    }

    .block-right {
        margin: 0px;
        width: 60%;
    }

    .inner-block {
        width: 68%;
    }

    ul.director-list > li {
        width: 87%;
    }

    .insu-com-detail {
        margin-right: 5px;
    }
}

@media screen and (max-width:320px) {
    .main-menu {
        position: absolute;
        top: 100px !important;
    }

    .footer {
        background: url(../../Content/images/footer-bg.png) no-repeat left bottom;
    }

    .service-block {
        width: 273px;
        margin-bottom: 20px;
    }

    .services-login {
        width: 275px;
        padding: 10px 15px;
    }

    select.claim-receiving {
        width: 265px;
    }

    input.service-login {
        margin: -55px 0px 0px 125px;
    }

    .services-login > a {
        font-size: 12px;
    }

    .contact-submit {
        margin: 5px 0px 0px 0px;
    }

    .list-language {
        margin-left: 3px;
    }

    .language-selector {
        left: 40px;
        position: relative;
    }

    .language-select {
        margin-right: 80px;
    }
}


/*-------------------------------yajurvendra---------------------------*/
@media screen and (max-width:1024px) {
    .left-block > h3 {
        float: left;
    }

    ul.footer-menu li a {
        padding: 0px 5px;
    }

    .right-block, .bottom-shdw, .mid-shdw, .top-shdw {
        background: none;
    }

    .case-block {
        margin: 30px 0px 0px 0px;
        width: 95%;
    }

    .crum-link {
        margin-left: 10px;
    }

    .individual-service-part > h1, .individual-service-part > p {
        margin-left: 10px;
    }

    .block-right p {
        min-height: 75px;
    }

    .dvLocateUsPopup .block-right p {
        min-height: 18px;
    }

    .left-block > h3 {
        width: 94.1%;
    }

    .language-select {
        margin-left: 20px;
    }

    .faq-block {
        margin: 20px 10px 20px 0;
        width: 96%;
    }

    .individual-service-part > p {
        padding-right: 44px;
        width: 95%;
    }

    .individual-service-part > h1, .individual-service-part > h2, .individual-service-part > h3 {
        padding-right: 44px;
        width: 95%;
    }

    .service-block {
        width: 245px;
    }

    .left-block > h3 {
        float: left;
    }

    ul.footer-menu {
        width: 21.333%;
    }
}

@media screen and (max-width:980px) {
    .left-block > h3 {
        width: 94%;
    }

    .block-1 {
        min-height: 110px !important;
    }
}

@media screen and (max-width:900px) {
    .left-block > h3 {
        width: 93.9%;
    }
}

@media screen and (max-width:800px) {
    .block-1 {
        min-height: 125px;
    }

    .left-block > h3 {
        width: 94%;
    }

    .main-menu {
        top: 34px !important;
    }

    .main-menu {
        top: 0px !important;
    }
}

@media screen and (max-width:768px) {
    .left-block > h3 {
        width: 93.8%;
    }

    .block-1 {
        min-height: 110px !important;
    }

    .individual-service-part > h1, .individual-service-part > p {
        width: 96%;
    }

    .service-block {
        width: 280px;
    }

    .main-menu {
        top: 0px !important;
    }
}

@media screen and (max-width:640px) {
    .language-select {
        margin-right: 20px;
    }

    .left-block > h3 {
        width: 93.7%;
    }

    .block-1 {
        min-height: 130px !important;
    }

    .block-right p {
        margin-bottom: 20px;
    }

    .service-block {
        width: 220px;
    }

    .main-menu {
        top: 45px !important;
    }

    .select2-container {
        margin-bottom: 10px;
    }

    .main-menu {
        top: 46px !important;
    }
}

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

@media screen and (max-width:480px) {
    .header-right ul {
        right: 20px;
    }

    .top-link-menu {
        width: 100%;
    }

    .block-1 {
        min-height: 95px !important;
    }

    .block-right p {
        margin-bottom: 20px;
    }

    .service-block {
        width: 285px;
    }

    .main-menu {
        top: 46px !important;
    }
}

@media screen and (max-width:360px) {
    .CaptchaPosition {
        margin-right: 0px !important;
    }

    input.txt-mrgn, .case-form > .contact-submit {
        margin-right: 3px;
    }

    .block-1 {
        min-height: 95px !important;
    }

    .block-right p {
        margin-bottom: 20px;
    }

    .service-block {
        width: 285px;
    }

    .main-menu {
        top: 100px !important;
    }
}

@media screen and (max-width:320px) {
    .language-select {
        margin: 4px 0px 0px 5px;
        position: absolute;
    }

    .block-1 {
        min-height: 95px !important;
    }

    .block-right p {
        margin-bottom: 20px;
    }

    .left-block > h3 {
        width: 89.3%;
    }

    .services-login {
        width: 245px;
    }

    input.service-login {
        margin: 16px 0 0;
    }

    .service-block {
        width: 245px;
    }

    .select2-container .select2-choice > .select2-chosen {
        width: 230px;
    }

    .main-menu {
        top: 108px !important;
    }
}

/*-------------------------------today 18-06-2014 css changes start here---------------------------*/

@media (min-width: 1000px) and (max-width: 1050px) {
    .chek-by > img.info-icon {
        float: left;
        height: 24px;
        left: -14px;
        margin: -29px 0 0;
        position: relative;
        width: 24px;
    }

    .info-icon {
        float: right;
        height: 24px;
        left: -14px;
        margin: 30px 0 0;
        position: relative;
        width: 24px;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 22px;
        margin: 30px 0 0;
        position: relative;
        width: 24px;
    }

    div > img.info-icon {
        float: left;
        height: 24px;
        left: -8px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > input.contact-txt {
        width: 55%;
    }

    input.contact-txt {
        border: 1px solid #aaa;
        color: #999;
        direction: rtl;
        float: right;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 10px;
        text-align: right;
        width: 55%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 95.5%;
    }
}


@media (max-width: 980px) {
    .board-block {
        float: left;
        margin: 0 0 30px -20px;
        width: 100%;
    }

    .chek-by > img.info-icon {
        float: left;
        height: 24px;
        left: -14px;
        margin: -29px 0 0;
        position: relative;
        width: 24px;
    }

    .info-icon {
        float: left;
        height: 24px;
        left: -14px;
        margin: 28px 0 0;
        position: relative;
        width: 24px;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 22px;
        margin: 30px 0 0;
        position: relative;
        width: 24px;
    }

    div > img.info-icon {
        float: right;
        height: 24px;
        left: -8px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > input.contact-txt {
        width: 55%;
    }

    input.contact-txt {
        border: 1px solid #aaa;
        color: #999;
        direction: rtl;
        float: right;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 10px;
        text-align: right;
        width: 55%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 96%;
    }
}

@media (max-width: 800px) {
    .board-block {
        float: left;
        margin: 0 0 30px -20px;
        width: 100%;
    }

    .chek-by > img.info-icon {
        float: left;
        height: 24px;
        left: -14px;
        margin: -29px 0 0;
        position: relative;
        width: 24px;
    }

    .info-icon {
        float: left;
        height: 24px;
        left: -14px;
        margin: -30px 0 0;
        position: relative;
        width: 24px;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 5px;
        margin: 30px 0 0;
        position: relative;
        width: 24px;
    }

    div > img.info-icon {
        float: right;
        height: 24px;
        left: -8px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > input.contact-txt {
        width: 55%;
    }

    input.contact-txt {
        border: 1px solid #aaa;
        color: #999;
        direction: rtl;
        float: right;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 10px;
        text-align: right;
        width: 55%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 95%;
    }
}

@media (max-width: 768px) {
    .board-block {
        float: left;
        margin: 0 0 30px -20px;
        width: 100%;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 5px;
        margin: 30px 0 0;
        position: relative;
        width: 24px;
    }

    div > img.info-icon {
        float: right;
        height: 24px;
        left: -8px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > input.contact-txt {
        width: 55%;
    }

    input.contact-txt {
        border: 1px solid #aaa;
        color: #999;
        direction: rtl;
        float: right;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 10px;
        text-align: right;
        width: 55%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 94%;
    }
}

@media (max-width: 640px) {
    .category-chek-by {
        width: 72% !important;
    }

    .chek-by > img.info-icon {
        float: right;
        height: 24px;
        left: -10px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .info-icon {
        float: right;
        height: 24px;
        left: 0;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .com-detail {
        width: 42%;
    }

    .board-block {
        float: left;
        margin: 0 0 30px -12px;
        width: 100%;
    }

    .right-block {
        margin-right: 1%;
        width: 98%;
    }

    .ContactUsCaptchaAr {
        margin-top: 10px;
        margin-right: 25%;
        width: 70.5%;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 26px;
        margin: 30px 0 0;
        position: relative;
        width: 24px;
    }

    div > img.info-icon {
        float: right;
        height: 24px;
        left: -12px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > input.contact-txt {
        width: 55%;
    }

    input.contact-txt {
        border: 1px solid #aaa;
        color: #999;
        direction: rtl;
        float: right;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 10px;
        text-align: right;
        width: 55%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 94%;
    }
}

@media (max-width: 480px) {
    .board-block {
        float: left;
        margin: 0 0 30px -7px;
        width: 100%;
    }

    .info-icon {
        float: left;
        height: 24px;
        left: 0px;
        margin: 28px 0 0;
        position: relative;
        width: 24px;
    }

    .chek-by > img.info-icon {
        float: left;
        height: 24px;
        left: 0px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > label {
        width: 22%;
    }

    .chek-by label {
        line-height: 38px;
        padding: 0 !important;
        width: 22%;
    }

    .category-chek-by {
        width: 66% !important;
    }

    .login-wrapper-block {
        width: 86%;
        margin-left: 2.8%;
    }

    .right-block {
        margin-right: 1%;
        width: 98%;
    }

    .ContactUsCaptchaAr {
        margin-top: 10px;
        margin-right: 27%;
        width: 70.5%;
    }

    .case-block {
        margin: 30px 0 0;
        width: 100%;
    }

    .case-form > input.contact-txt {
        width: 82%;
    }

    .individual-service-part > p {
        padding-right: 8px;
        width: 95%;
    }

    .case-form > label {
        width: 23%;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 22px;
        margin: 30px 0 0;
        position: relative;
        width: 24px;
    }

    div > img.info-icon {
        float: right;
        height: 24px;
        left: -10px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .CaptchaPosition {
        margin-right: 0;
        margin-top: 10px;
    }

    input.contact-txt {
        border: 1px solid #aaa;
        color: #999;
        direction: rtl;
        float: right;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 10px;
        text-align: right;
        width: 82%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 92%;
    }
}

@media (max-width: 360px) {

    .info-icon {
        float: right;
        height: 24px;
        left: -5px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .category-chek-by {
        width: 89.5% !important;
    }

    input.contact-txt {
        margin: 0;
        width: 82%;
    }

    #CaptchaInputText {
        border: 1px solid #aaaaaa;
        color: #999999;
        float: none;
        font-size: 14px;
        margin: 5px 0 0;
        padding: 10px;
        width: 82%;
    }

    .login-button {
        padding-left: 110px;
        padding-top: 25px;
        text-align: center;
    }

    a.com-map > img {
        position: absolute;
        right: -23px;
        top: 55px;
    }

    .contact-block {
        margin: 10px 0 10px 0px;
    }

    .board-block {
        float: left;
        margin: 0 0 30px -5px;
        width: 100%;
    }

    .chek-by > img.info-icon {
        float: left;
        height: 24px;
        left: 2px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .chek-by label {
        line-height: 38px;
        padding: 0 !important;
        width: 42%;
    }

    .login-wrapper-block {
        padding: 10px 20px 10px 15px;
        width: 85%;
        margin-left: 2.5%;
    }

    .right-block {
        margin-right: 1%;
        width: 98%;
    }

    .ContactUsCaptchaAr {
        margin-top: 10px;
        margin-right: 0%;
        width: 70.5%;
    }

    .case-block {
        margin: 30px 0 0;
        width: 100%;
    }

    .case-form > input.contact-txt {
        width: 82%;
    }

    .individual-service-part > p {
        padding-right: 8px;
        width: 95%;
    }

    .case-form > label {
        width: 23%;
    }

    div > img.info-icon {
        float: right;
        height: 24px;
        left: -8px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 0;
        margin: 13px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > label {
        width: 100%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 89%;
    }

    .select2-container .select2-choice > .select2-chosen {
        display: block;
        float: none;
        margin-bottom: 0;
        margin-right: 29px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 290px !important;
    }

    .locate-map {
        margin-top: 10px !important;
    }
}

@media (max-width: 320px) {
    .info-icon {
        float: right;
        height: 24px;
        left: -5px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .chek-by > img.info-icon {
        float: left;
        height: 24px;
        left: 10px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    input.contact-txt {
        margin: 0;
        width: 75%;
    }

    .category-chek-by {
        width: 83.5% !important;
    }

    #CaptchaInputText {
        border: 1px solid #aaaaaa;
        color: #999999;
        float: right;
        font-size: 14px;
        margin: -15px 0 0;
        padding: 10px;
        width: 76%;
    }

    .login-button {
        padding-left: 90px;
        padding-top: 25px;
        text-align: center;
    }

    a.com-map > img {
        position: absolute;
        right: -32px;
        top: 50px;
    }

    .contact-block {
        margin: 10px 0 10px 0;
    }

    .board-block {
        float: left;
        margin: 0 0 30px -7px;
        width: 100%;
    }

    #CaptchaInputText {
        border: 1px solid #aaaaaa;
        color: #999999;
        float: right;
        font-size: 14px;
        margin: 5px 0 0;
        padding: 10px 10px 10px 0px;
        width: 76%;
    }

    .login-wrapper-block {
        padding: 10px 20px 10px 10px;
        width: 85%;
        margin-left: 2.5%;
    }

    .right-block {
        margin-right: 1%;
        width: 98%;
    }

    .ContactUsCaptchaAr {
        margin-top: 10px;
        margin-right: 0%;
        width: 70.5%;
    }

    .case-left > img.info-icon {
        float: left;
        height: 24px;
        left: 12px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    div > img.info-icon {
        float: left;
        height: 24px;
        left: -9px;
        margin: 8px 0 0;
        position: relative;
        width: 24px;
    }

    .case-form > input.contact-txt {
        width: 76%;
    }

    .individual-service-part > p {
        padding-right: 8px;
        width: 95%;
    }

    .case-block {
        margin: 30px 0 0;
        width: 99%;
    }

    .case-form > label {
        width: 100%;
    }

    .CoverageMapBlock {
        margin: 10px 0 0;
        width: 89%;
    }

    .select2-container .select2-choice > .select2-chosen {
        display: block;
        float: none;
        margin-bottom: 0;
        margin-right: 29px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 256px !important;
    }
}

/*-------------------------------today 18-06-2014 css changes end here---------------------------*/
/*-------------------------------15-07-2014---------------------------*/

@media (max-width: 1024px) {
    .banner-part {
        height: 165px;
    }

    .relate {
        margin-top: -21%;
    }
}

@media (max-width: 980px) {
    .banner-part {
        height: 140px;
    }

    .relate {
        margin-top: -21%;
    }

    .ld-size {
        height: 147px !important;
    }
}

@media (max-width: 800px) {
    .banner-part {
        height: 125px;
    }

    .relate {
        margin-top: -25%;
    }

    .ld-size {
        height: 147px !important;
    }
}

@media (max-width:768px) {
    .banner-part {
        height: 125px;
    }

    .relate {
        margin-top: -27%;
    }

    .ld-size {
        height: 147px !important;
    }
}

@media (max-width: 640px) {
    .banner-part {
        height: 105px;
    }

    .relate {
        margin-top: -32%;
    }

    .ld-size {
        height: 147px !important;
    }
}

@media (max-width: 480px) {
    .banner-part {
        height: 90px;
    }

    .relate {
        margin-top: -43%;
    }

    .ld-size {
        height: 147px !important;
    }
}

@media (max-width: 360px) {
    .banner-part {
        height: 70px;
    }

    .relate {
        margin-top: -56%;
    }

    .ld-size {
        height: 147px !important;
    }
}

@media (max-width: 320px) {
    .banner-part {
        height: 70px;
    }

    .relate {
        margin-top: -65%;
    }

    .ld-size {
        height: 147px !important;
    }

    #divDownloadForm .category-con {
        margin-top: 0px !important;
        width: 90%;
    }

    #divDownloadForm .case-form > label, #divBarcodeSection label {
        width: 100%;
    }

    #divDownloadForm .case-right, #divBarcodeSection .case-right {
        width: 100%;
    }

    #divSelectFormErrMsg, #divMaroorErrMsg, #divReasonErrMsg, #divSelectCaseNoErrMsg, #BarcodeNoErrorMsg {
        padding-left: 0%;
    }

    .txtCountryCode {
        width: 90%;
        margin-top: 0px !important;
    }

    #dvCountryCode .select2-container {
        width: 82% !important;
    }

    .lblCaseNo {
        margin-top: 0px;
    }

    #dvBarcodeNo input {
        width: 82%;
    }

    #divBarCodeMessage,#divDamageImageMsg {
        width: auto;
    }
}