@media only screen and (min-width : 1225px) and (max-width : 1366px) {

    #main-nav .main-nav-tab {
        padding: 15px 10px;
    }
}

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

    /* Menu Styles */
    .desktop-menu {
        display: block;
    }

    .menu-mobile {
        display: none;
    }

    /*.desktop-menu {
        width: 100%;
    }*/

    /*#main-nav {
        width: 100%;
    }*/

    .clientLogosContainer {
        width: 95%;
    }

    .text-content {
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (min-width : 1025px) and (max-width : 1224px) {
    .corp_info_icon {
        display: block;
        margin-bottom: 20px;
    }

    .tab_corp_info_icon {
        display: none;
    }

    .logo-bg {
        width: 100%;
        background-color: #fff;
    }

    .logoBox {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }

    .mobileHide, .tollfree, .mainNavigation {
        display: block;
    }

    .mob-tollfree {
        display: none;
    }

    .footer-snicons {
        width: 15%;
        margin: 0 auto;
    }

    #econnlog {
        padding-left: 35px;
    }

    .desktop-menu {
        width: 100%;
    }

    #main-nav {
        width: 100%;
    }

        #main-nav .main-nav-tab {
            padding: 15px 16px;
        }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

    .new-purchase-text {
        width: 25%;
    }

    .sip-text {
        width: 25%;
    }
    /* Menu Styles */
    .desktop-menu {
        display: block;
    }

    .menu-mobile {
        display: none;
    }

    .logo {
        margin-left: 0;
    }

    .desktop-menu {
        width: 100%;
    }

    #main-nav {
        width: 100%;
    }

    .clientLogosContainer {
        width: 94%;
    }

    .text-content {
        width: 88%;
        margin: 0 auto;
    }
    /*.tollfree {
    display:none;
}*/
    .pull-right-gs {
        width: 18%;
    }

    .forgot-pwd-left {
        width: 70%;
        float: left;
        border-right: 1px solid #ccc;
    }

    .forgot-pwd-right {
        width: 30%;
        float: left;
    }

    .butn_light_blue {
        margin-right: 0px;
    }

    .new-purchase-icons {
        display: block;
    }

    .tab-new-purchase-icons {
        display: none;
    }

    .mob-new-purchase-icons {
        display: none;
    }

    #main-nav .main-nav-tab {
        padding: 15px 6px;
        font-size: 14px;
    }

    .logoBox {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }

    #econnlog {
        padding-left: 35px;
        width: 38%;
    }

    .mob-tollfree {
        display: none;
    }

    .pull-right h3 {
        margin-top: 10px;
        font-size: 17px;
    }

    .mul-border {
        overflow: scroll;
    }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
    .field_text {
        width: 30%;
    }

    .field_left_text {
        width: 30%;
    }

    .field_right_text {
        width: 59%;
    }

    /* Menu Styles */
    .desktop-menu {
        display: none;
    }

    .logo {
        margin-left: 1%;
    }

    .clientLogosContainer {
        width: 94%;
    }

    .text-content {
        width: 90%;
        margin: 0 auto;
    }

    .pull-right-gs {
        width: 18%;
    }

    .forgot-pwd-left {
        width: 70%;
        float: left;
        border-right: 1px solid #ccc;
    }

    .forgot-pwd-right {
        width: 30%;
        float: left;
    }

    .new-purchase-icons {
        display: none;
    }

    .tab-new-purchase-icons {
        display: block;
    }

    .mob-new-purchase-icons {
        display: none;
    }

    .port-summary {
        width: 73%;
        margin-left: 2%;
    }

    #econnlog {
        width: 39%;
        float: right;
    }

    .logoBox2 {
        padding: 10px 0;
        height: 86px;
    }

    .pull-right {
        margin-top: -15px;
        width: 100%;
        text-align: center;
    }

    .gigantic.pagination a {
        font-size: 21px;
        margin: 3px 2px;
    }

    .recordpg {
        float: right;
        margin-right: 10px;
    }

    .right-trans {
        float: right;
    }

        .right-trans a {
            font-size: 18px;
        }
}


@media only screen and (min-width: 481px) and (max-width: 768px) {
    .sip-text {
        width: 40%;
    }

    .sip_input_txt {
        width: 59%;
    }

    .new-purchase-text {
        width: 40%;
    }

    .new_pur_input_txt {
        width: 59%;
    }

    /* Menu Styles */
    .desktop-menu {
        display: none;
    }


    .logo {
        /*margin-left:2%;*/
        margin-left: 0%;
    }

    .karvylogo {
        margin-right: 6%;
    }

    .clientLogosContainer {
        width: 92%;
    }

    .text-content {
        width: 90%;
        margin: 0 auto;
    }

    .pull-right-gs {
        width: 25%;
        display: none;
    }

    .new-purchase-icons {
        display: none;
    }

    .tab-new-purchase-icons {
        display: block;
    }

    .mob-new-purchase-icons {
        display: none;
    }

    /*.pull-right {
        float: right;
        margin-top: 0px;
        margin-left: 3px;
        width: 27%;
    }*/

    /*.logoBox2 {
        height: 60px;
        padding: 10px;
    }*/

    #topnav {
        display: none;
    }

    .logo {
        float: left;
        text-align: left;
        width: 22%;
    }

    .karvylogo {
        margin-right: 0%;
        width: 100%;
    }

    /*#econnlog {
        padding-left: 35px;
        width: 40%;
        float: left;
    }*/

    .toolfree-icon {
        padding: 5px;
        float: right;
        margin-top: -20px;
    }

    /*.right-trans {
        margin-left: 15px;
    }*/
}


@media only screen and (min-width: 481px) and (max-width: 640px) {
    .desktop-menu {
        display: none;
    }

    .port-summary {
        width: 60%;
        margin-left: 14%;
    }

    .confirm-block {
        width: 100%;
    }

    .confirm-text {
        width: 40%;
    }

    .confirm-text1 {
        width: 59%;
    }

    .sip-text {
        width: 40%;
    }

    .sip_input_txt {
        width: 59%;
    }

    .new-purchase-text {
        width: 40%;
    }

    .new_pur_input_txt {
        width: 59%;
    }

    .hnav_input_txt {
        width: 73.5%;
    }

    .redemption-text {
        width: 29%;
    }

    .redemption_input_txt {
        width: 65%;
    }

    .ass-folio-text {
        width: 29%;
    }

    .ass-folio_input_txt {
        width: 65%;
    }

    .change_pwd_input_txt {
        width: 65%;
    }

    .field_left_text {
        width: 40%;
    }

    .field_right_text {
        width: 59%;
    }

    .field_text {
        width: 40%;
    }

    .pull-right {
        margin-top: -5px;
        /* margin-left: 3px; */
        width: 100%;
        text-align: center;
    }

    .logoBox2 {
        height: 90px;
        padding: 10px 0;
    }

    #topnav {
        display: none;
    }

    .logo {
        float: left;
        text-align: left;
        width: 25%;
    }

    .karvylogo {
        margin-right: 0%;
        width: 100%;
    }

    #econnlog {
        /*padding-left: 15px;*/
        width: 44%;
        float: right;
    }

    .toolfree-icon {
        padding: 5px;
        float: right;
        margin-top: -20px;
    }

    .pull-right h3 {
        font-size: 16px;
    }

    .tab1 {
        /*width: 25%;*/
        margin-right: 3px !important;
    }

    .tab-content1 {
        top: 30px !important;
    }

    .tab label {
        padding: 7px 7px !important;
        font-size: 15px;
    }

    .gigantic.pagination a {
        font-size: 21px;
        padding: 0px 10px;
        margin: 4px 2px;
    }

    .recordpg {
        float: right;
        line-height: 32px;
        margin-right: 10px;
    }

    .right-trans a {
        font-size: 16px;
    }

    #main-div .redemption_input_txt {
        margin-top: 8px;
        padding: 1px 20px 1px 5px;
    }

    .pad h3 {
        margin: 0;
        font-size: 19px;
    }

    .pagination {
        margin: 0;
    }
}

@media only screen and (min-width : 481px) and (max-width : 570px) {

    .tab label {
        padding: 9px 11px !important;
        font-size: 16px;
    }

    .logoBox2 {
        height: 80px;
    }

    #econnlog {
        width: 46%;
    }

    .pull-right {
        margin-top: -10px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
    .field_text {
        width: 100%;
    }

    .confirm-block {
        width: 100%;
    }

    .confirm-text {
        width: 40%;
    }

    .confirm-text1 {
        width: 59%;
    }

    .fatca-text {
        width: 100%;
    }

    .new-purchase-text {
        width: 100%;
    }

    .new_pur_input_txt {
        width: 95%;
    }

    .ass-folio-text {
        width: 29%;
    }

    .ass-folio_input_txt {
        width: 70%;
    }

    .redemption-text {
        width: 100%;
        padding: 0px;
    }

    .redemption_input_txt {
        width: 100%;
    }
    /* Menu Styles */
    .desktop-menu {
        display: none;
    }

    .column {
        width: 80%;
    }


    /*.logo {
        margin-left: 4%;
    }*/

    .karvylogo {
        margin-right: 5%;
    }

    .clientLogosContainer {
        width: 90%;
    }

    .text-content {
        width: 92%;
        margin: 0 auto;
    }

    .pull-right-gs {
        width: 31%;
        display: none;
    }

    .new-purchase-icons {
        display: none;
    }

    .tab-new-purchase-icons {
        display: none;
    }

    .mob-new-purchase-icons {
        display: block;
    }
    /* Historic NAV Styles*/
    .hnav_input_txt {
        width: 73%;
    }
    /* Change Pwd Styles Start*/
    .butn-left {
        background: #852272;
        color: #fff;
        padding: 10px 20px;
        text-align: center;
        display: block;
        font-size: 16px;
        margin: 0 auto;
    }

    .change_pwd_input_txt {
        width: 90%;
    }
    /* Change Pwd Styles End*/
    .field_left_text {
        width: 100%;
    }

    .field_right_text {
        width: 100%;
    }

    .sip-text {
        width: 100%;
    }

    .sip_input_txt {
        width: 100%;
    }

    .pull-right {
        margin-top: -8px;
        margin-left: -6px;
        width: 100%;
        text-align: center;
    }

    .logoBox2 {
        padding: 10px 0;
    }

    #topnav {
        /*margin-top: 5px !important;
    float: right;*/
        display: none;
    }
    /*.toolfree-icon {
    margin-right: -28px;
    margin-top: 10px;
}*/

    .logo {
        float: left;
        width: 30%;
    }

    .karvylogo {
        margin-right: 0%;
        width: 100%;
    }

    #econnlog {
        /* padding-left: 20px; */
        width: 48%;
        float: right;
    }

    .toolfree-icon {
        padding: 5px;
        float: right;
        margin-top: -20px;
    }

    .gigantic.pagination a {
        font-size: 18px;
        padding: 0px 10px;
        margin: 4px 2px;
    }

    .recordpg {
        float: right;
        line-height: 32px;
        margin-right: 10px;
    }
}

/*@media*/
@media only screen and (min-width: 100px) and (max-width: 360px) {
    .field_text {
        width: 100%;
    }

    .locateus-right {
        width: 315px;
    }

    .locateus-right {
        padding-left: 0;
    }

    .contact-person::before {
        left: 0;
        font-size: 14px;
    }

    .contact-number::before {
        left: 0;
        font-size: 14px;
    }

    .email::before {
        left: 0;
        top: 0;
        font-size: 14px;
    }

    .locateus-text {
        margin-left: 0px;
        font-size: 13px;
    }

    .locateus-right span {
        font-size: 13.5px;
    }

    .login-form-big-noborder {
        padding: 10px 15px;
    }

    .new-purchase {
        margin: 20px 0 0 0;
    }

    .confirm-block {
        width: 100%;
    }

    .confirm-text {
        width: 100%;
    }

    .confirm-text1 {
        width: 100%;
    }

    .fatca-text {
        width: 100%;
    }

    .sip-text {
        width: 100%;
    }

    .sip_input_txt {
        width: 100%;
    }

    .new-purchase-text {
        width: 100%;
    }

    .new_pur_input_txt {
        width: 100%;
    }

    .butn_light_blue {
        margin: 0 auto;
    }

    .redemption-text {
        width: 100%;
        padding: 0;
    }

    .redemption_input_txt {
        width: 100%;
    }
    /* Menu Styles */
    .desktop-menu {
        display: none;
    }

    .column {
        width: 100%;
    }


    /*.logo {
        margin-left: 4%;
    }*


    /*.karvylogo {
        margin-right: 6%;
    }*/


    .clientLogosContainer {
        width: 90%;
    }

    .text-content {
        width: 96%;
        margin: 0 auto;
    }

    .pull-right-gs {
        width: 36%;
        display: none;
    }

    .ass-folio-text {
        width: 100%;
        display: block;
    }

    .ass-folio_input_txt {
        width: 100%;
    }

    .new-purchase-icons {
        display: none;
    }

    .mob-new-purchase-icons {
        display: block;
        width: 100%;
    }

    .tab-new-purchase-icons {
        display: none;
    }
    /* Historic NAV Styles*/
    .hnav_input_txt {
        width: 100%;
    }
    /* Change Pwd Styles Start*/
    .butn-left {
        background: #852272;
        color: #fff;
        padding: 10px 20px;
        text-align: center;
        display: block;
        font-size: 16px;
        margin: 0 auto;
    }

    .change_pwd_input_txt {
        width: 90%;
    }
    /* Change Pwd Styles End*/
    .field_left_text {
        width: 100%;
    }

    .field_right_text {
        width: 100%;
    }


    /*.pull-right {
        float: left;
        margin-top: 16px;
        margin-left: 10px;
    }*/

    .logoBox2 {
        padding: 10px 0;
    }

    #topnav {
        margin-top: 5px !important;
        float: right;
        display: none;
    }

    /*.toolfree-icon {
        margin-right: -28px;
        margin-top: 10px;
    }*/
    .pull-right {
        text-align: center;
        margin-top: 17px;
        width: 100%;
    }

    .logo {
        float: left;
        /* text-align: left; */
        width: 32%;
    }

    .karvylogo {
        margin-right: 0%;
        width: 100%;
    }

    #econnlog {
        width: 56%;
        float: right;
    }

    .toolfree-icon {
        padding: 5px;
        float: left;
        margin-top: -35px;
        margin-left: 20px;
    }

    .gigantic.pagination a {
        font-size: 15px;
        padding: 1px 8px;
        margin: 7px 2px;
    }

    .pull-right h3 {
        font-size: 15px;
    }

    .pad h3 {
        margin: 0;
        font-size: 17px;
    }

    .pagination {
        margin: 0;
    }

    .tab-content1 {
        top: 35px !important;
        padding: 10px 5px;
    }
}


@media only screen and (min-width: 361px) and (max-width: 768px) {
    .butn_light_blue {
        margin: 0 auto;
    }
}


@media only screen and (min-width: 768px) and (max-width: 980px) {
    .new-purchase-icons {
        width: 100%;
    }

    .hnav-left {
        width: 70%;
    }

    .hnav-right {
        width: 30%;
    }

    .lnav-left {
        width: 70%;
    }

    .lnav-right {
        width: 30%;
    }
}




@media only screen and (min-device-width : 1025px) and (max-device-width : 2020px) {
    .mobilebtn {
        display: none !important;
    }
}



/*@media only screen and (min-device-width : 1025px) and (max-device-width : 1240px) {
    .mobilebtn {
        display: none !important;
    }

    #econnlog {
    padding-left: 35px;
}
}*/

/************************** New Styles Start By Prasanna **************************/

/*portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .mobilebtn {
        display: block !important;
        margin-top: -33px;
    }

    .pad h3 {
        display: inline-block !important;
    }

    .block {
        width: 21% !important;
    }

    .gigantic.pagination a {
        font-size: 20px !important;
        padding: 3px 10px !important;
        margin: 0px 2px !important;
    }

    .select-wrapper input.select-dropdown {
        bottom: 0 !important;
        margin: 0 !important;
    }

    table th, table td.ddlregpage {
        padding: 0 !important;
    }

    .recordpg, .btn-go, #lbl_noofpagesReg {
        font-size: 14px !important;
    }

    .recordpg {
        margin-right: 0 !important;
    }

    .opt {
        width: 25%;
        float: left;
    }

    .block2 {
        float: left;
        width: 42% !important;
    }

    .page-no {
        margin-right: 5px !important;
        height: 30px !important;
    }

    .btn-go {
        padding: 4px 8px !important;
        margin-right: 0 !important;
    }

    .block3 {
        width: 16% !important;
    }

    .block1 {
        width: 21% !important;
    }

    .tab .tab {
        width: 7% !important;
    }
    /*.admin-dash td input[type="text"] {
 width: 100% !important;
}*/

    #right-div h3 {
        font-size: 15px;
    }

    .panno {
        width: 58%;
    }

    .martop38 {
        margin-top: -28px;
    }

    .tabs {
        overflow-y: scroll;
        overflow-x: hidden;
    }


    .toolfree-icon {
        padding: 5px;
        float: right;
        margin-right: 10px;
        margin-top: -38px;
    }

    #econnlog {
        padding-left: 23px;
        margin-top: 10px;
    }

    #topnav {
        display: none;
    }

    /*.pull-right {
        width: 25%;
    }*/

    .tab label {
        padding: 7px 7px !important;
        font-size: 15px;
    }

    .right-trans {
        margin-left: 15px;
    }
}


/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)and (orientation : landscape) {
    .mobilebtn {
        display: none !important;
    }

    .pad h3 {
        display: inline-block !important;
    }

    .select-wrapper input.select-dropdown {
        bottom: 0 !important;
        margin: 0 !important;
    }

    table th, table td.ddlregpage {
        padding: 0 !important;
    }

    .btn-go {
        padding: 2px 10px !important;
        margin-right: 0 !important;
    }

    .page-no {
        height: 30px !important;
    }

    .block {
        line-height: 29px !important;
    }

    #right-div {
        text-align: left;
    }

    .tabs {
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .containerHead {
        padding: 0 15px;
    }

    .right-trans {
        margin-left: 15px;
    }
}


@media only screen and (min-width : 800px) and (max-width : 990px) {

    .block {
        width: 23% !important;
    }

    .block1 {
        width: 22% !important;
    }

    .block2 {
        width: 39% !important;
    }

    .block3 {
        width: 16% !important;
    }
}


@media only screen and (min-width : 1224px) {
    .container {
        width: 87%;
    }
}


@media only screen and (min-width : 100px) and (max-width : 480px) {


    /*.pagination {
        margin: 30px 0;
    }*/

    /*.table-content {
        top: 30px !important;
        padding: 12px 5px;
    }*/

    .tab {
        /*width: 33%;*/
        margin-right: 0px !important;
    }

        .tab label {
            padding: 7px 7px !important;
            font-size: 15px;
        }

    .tabs {
        margin: 30px 0;
    }

    #lbl_noofpagesReg {
        float: left !important;
        width: 100% !important;
    }

    .select-wrapper input.select-dropdown {
        bottom: 0 !important;
    }

    /*.block1, .block2, .block3, #lbl_noofpagesPend {
        width: 100% !important;
        display:none !important;
    }

    .block {
        width: 100% !important;
    }*/

    table td.ddlregpage {
        padding: 0 !important;
    }

    .block1 {
        margin: 5px 0;
    }

    .btn-go {
        margin-right: 0 !important;
    }

    .downloadright {
        float: none !important;
    }

    .pad h3 {
        margin: 0;
    }

    #left-div {
        width: 100% !important;
        /*margin-bottom:20px;*/
    }

    #right-div {
        width: 100% !important;
        text-align: left !important;
        padding-left: 6px !important;
    }

        #right-div h3 {
            font-size: 13px !important;
            margin-top: 3px;
        }

    .panno {
        width: 50% !important;
    }

    #divPan {
        height: 90px !important;
    }

    .right-trans {
        float: left;
        /*margin-top:7px;*/
    }

    .tab1 {
        /*width: 22%;*/
        margin-right: 3px !important;
    }

    /*.tab-content1 {
        top: 45px !important;
    }*/

    .pantxt {
        font-size: 16px;
    }

    .dl-menuwrapper {
        width: 100%;
        max-width: 160px;
    }

    .admin-dash {
        margin: 10px 0;
    }

    .mobtabs {
        display: none;
    }
    .corp-left {
        width: 54%;
    }
}


@media only screen and (min-width : 361px) and (max-width : 480px) {

    .select-wrapper input.select-dropdown {
        bottom: 0 !important;
    }

    .block, .block1, .block2, .block3 {
        width: 100% !important;
    }

    table td.ddlregpage {
        padding: 0;
    }

    .block1 {
        margin: 5px 0;
    }

    .btn-go {
        margin-right: 0;
    }

    .downloadright {
        float: none;
    }

    #right-div h3 {
        font-size: 14px;
        margin-top: 3px;
    }

    .tab-content1 {
        top: 35px;
    }

    .tab1 {
        /*width: 25%;*/
        margin-right: 3px;
    }

    .table-content {
        padding: 12px 10px;
    }

    .pad h3 {
        margin: 0;
        font-size: 17px;
    }

    .right-trans a {
        font-size: 16px;
    }
}

@media only screen and (min-width : 401px) and (max-width : 470px) {
    .tab-content1 {
        top: 30px !important;
    }

    .tab label {
        padding: 7px 7px !important;
        font-size: 15px;
    }
}

@media only screen and (min-width : 640px) and (max-width : 767px) {

    .select-wrapper input.select-dropdown {
        bottom: 0 !important;
    }

    .block, .block1 {
        width: 50% !important;
    }

    .block2 {
        width: 60% !important;
    }

    .block3 {
        width: 40% !important;
    }

    table td.ddlregpage {
        padding: 0 !important;
    }

    .block1 {
        margin: 5px 0;
    }

    .btn-go {
        margin-right: 0 !important;
    }

    .downloadright {
        float: right !important;
    }

    /*.pad h3 {
        display: inline-block !important;
    }*/

    #right-div h3 {
        font-size: 16px !important;
        margin-top: 3px;
    }

    .tab1 {
        /*width: 25%;*/
        margin-right: 3px !important;
    }

    .tab-content1 {
        top: 30px !important;
    }

    .tab label {
        padding: 7px 7px !important;
        font-size: 15px;
    }
}

@media only screen and (min-width : 320px) and (max-width : 768px) {

    .mobilebtn {
        display: block !important;
        /*margin-top: -28px;*/
    }

    /*.pad h3 {
        margin: 0;
    }*/

    .corp-block {
        margin-left: 0;
    }

    .tabs {
        height: 100%;
        /*min-height:1500px !important;*/
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #left-div {
        width: 100% !important;
        /*margin-bottom:20px;*/
    }

    #right-div {
        width: 100% !important;
        text-align: left !important;
        padding-left: 6px !important;
    }

    .panno {
        width: 50% !important;
    }

    #divPan {
        height: 90px !important;
    }

    .btn1 {
        padding-left: 20px;
        background: transparent;
        border: none;
        margin-top: -26px;
        padding-top: 2px;
    }

    .btn2 {
        margin-left: 60px;
        background: transparent;
        border: none;
        margin-top: -31px;
    }

    #piechart {
        width: 100% !important;
        text-align: center;
        margin-left: 0 !important;
    }

    #divContent {
        float: left;
        width: 100% !important;
    }

    .block1, .block2, #lbl_noofpagesPend {
        width: 100% !important;
        display: none !important;
    }

    .block, .block3 {
        width: 45% !important;
    }

    .mobtabs, .toolfree-icon {
        display: none !important;
    }

    .pagination {
        margin: 0;
    }

    .login-form-big-noborder {
        padding: 10px 15px;
    }

    #main-div .redemption_input_txt {
        padding: 1px 20px 1px 5px;
        margin-top: 8px;
    }

    .corp-reg-left,.corp-reg-right {
        width: 100%;
        border: none;
    }
      .logoBox2 {
        padding: 10px 5px;
    }
    .registration-form {
        min-height:1200px;
    }
    .content {
        margin-top: 0px;
    }

}