/* XL Device :1200px. */
@media (min-width: 1600px) and (max-width: 1750px) {

    .reg-big-banner-img img {
        position: absolute;
        max-width: 46%;
        left: 0;
        bottom: 0;
    }

    .maing-site-form {

        margin-top: 113px;

    }

}

/* XL Device :1200px. */
@media (min-width: 1400px) and (max-width: 1599px) {

    .maing-site-form {
        width: 578px;
        margin-left: auto;
        margin-top: 84px;
        margin-right: 60px;
    }

    .single-list-links a {

        margin-right: 42px;

    }

    .site-left-content p br {
        display: none;
    }

    .reg-big-banner-img img {
        position: absolute;
        max-width: 50%;
        left: 0;
        bottom: 0;
    }

    .log-in-page .maing-site-form {
        width: 578px;
        margin-right: auto;
        margin-top: 84px;
        margin-left: 60px;
    }

}

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1399px) {

    .log-in-page .logo_anime {
        position: absolute;
        bottom: 5px;
    }

    .logo_anime {
        position: absolute;
        bottom: -15px;
    }

    .maing-site-form {
        width: 545px;
        margin-left: auto;
        margin-top: 20px;
        margin-right: 60px;
    }

    .log-in-page .maing-site-form {
        width: 545px;
        margin-right: auto;
        margin-top: 110px;
        margin-left: 60px;
    }

    .site-left-content p br {
        display: none;
    }

    .reg-big-banner-img img {
        position: absolute;
        max-width: 45%;
        left: 0;
        bottom: 0;
    }

    .single-fileds input {
        width: 100%;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        padding: 7px 10px;
    }

    .single-fileds {
        margin-bottom: 2px;
    }

    .reg-button button {
        font-size: 14px;
        color: #0b2b37;
        background: #71CEF5;
        padding:;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 35px;
        border: 2px solid #009DDC;
        border-radius: 5px;
        font-family: 'Quicksand', sans-serif;
    }

    .reg-button p.styledd {
        background: #E3F5FD;
        height: 40px;
        border: 2px solid #CCEBF8;
        border-radius: 5px;
        font-size: 12px;
        text-align: center;
        color: #143a48;
        font-family: 'Quicksand', sans-serif;
        padding-top: 0px;
    }

    body {

        font-size: 13px;

    }

    .single-list-links a {

        font-size: 13px;
        padding-left: 23px;
        margin-right: 23px;

    }

    .single-list-links a img {
        position: absolute;
        left: 0;
        height: 18px;
        top: 0;
    }

}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .maing-site-form {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;

    }

    .log-in-page .maing-site-form {
        width: 700px;
        margin-right: auto;
        margin-top: 100px;
        margin-left: auto;
    }

    .single-fileds input {
        width: 100%;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        padding: 7px 10px;
    }

    .single-fileds {
        margin-bottom: 2px;
    }

    .reg-button button {
        font-size: 14px;
        color: #0b2b37;
        background: #71CEF5;
        padding:;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 40px;
        border: 2px solid #009DDC;
        border-radius: 5px;
        font-family: 'Quicksand', sans-serif;
    }

    .reg-button p.styledd {
        background: #E3F5FD;
        padding: 0px 10px;
        height: 40px;
        border: 2px solid #CCEBF8;
        border-radius: 5px;
        font-size: 12px;
        text-align: center;
        color: #143a48;
        font-family: 'Quicksand', sans-serif;
        padding-top: 0px;
    }

    .site-left-content p br {
        display: none;
    }

    .reg-big-banner-img img {

        display: none;
    }

    .log-in-page .login-banner img {

        display: none;
    }

}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    .maing-site-form {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;

    }

    .log-in-page .maing-site-form {
        width: 700px;
        margin-right: auto;
        margin-top: 100px;
        margin-left: auto;
    }

    .single-fileds input {
        width: 100%;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        padding: 7px 10px;
    }

    .single-fileds {
        margin-bottom: 2px;
    }

    .reg-button button {
        font-size: 14px;
        color: #0b2b37;
        background: #71CEF5;
        padding:;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 40px;
        border: 2px solid #009DDC;
        border-radius: 5px;
        font-family: 'Quicksand', sans-serif;
    }

    .reg-button p.styledd {
        background: #E3F5FD;
        padding: 0px 10px;
        height: 40px;
        border: 2px solid #CCEBF8;
        border-radius: 5px;
        font-size: 12px;
        text-align: center;
        color: #143a48;
        font-family: 'Quicksand', sans-serif;
        padding-top: 0px;
    }

    .site-left-content p br {
        display: none;
    }

    .reg-big-banner-img img {

        display: none;
    }

    .log-in-page .login-banner img {

        display: none;
    }

}

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .maing-site-form {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;

    }

    .log-in-page .maing-site-form {
        width: 100%;
        margin-right: auto;
        margin-top: 39px;
        margin-left: auto;
    }

    .single-fileds input {
        width: 100%;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        padding: 7px 10px;
    }

    .single-fileds {
        margin-bottom: 2px;
    }

    .reg-button button {
        font-size: 14px;
        color: #0b2b37;
        background: #71CEF5;
        padding:;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 40px;
        border: 2px solid #009DDC;
        border-radius: 5px;
        font-family: 'Quicksand', sans-serif;
        margin-bottom: 16px;
    }

    .reg-button p.styledd {
        background: #E3F5FD;
        padding: 0px 10px;
        height: 40px;
        border: 2px solid #CCEBF8;
        border-radius: 5px;
        font-size: 12px;
        text-align: center;
        color: #143a48;
        font-family: 'Quicksand', sans-serif;
        padding-top: 0px;
    }

    .site-left-content p br {
        display: none;
    }

    .reg-big-banner-img img {

        display: none;
    }

    .log-in-page .login-banner img {

        display: none;
    }

    .site-left-content h2 {
        font-size: 27px;

    }

    body {

        font-size: 14px;

    }

}

/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}

/* XL Device :1200px. */
@media (min-width: 1201px) and (max-width: 1500px) {

    .page-lst .block-inpt-list-single-item {
        display: inline-block;
        width: 32.1%;
        margin-right: 10px;
    }

    .all-info-page .block-inpt-list-single-item:nth-child(2) {
        margin: 0;
        margin-left: 5px;
        margin-right: 5px;
    }

    .all-info-page .block-inpt-list-single-item:nth-child(1) {
        margin: 0;
    }

}

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1530px) {

    .top-link-list a {
        background: #71CFF5;
        font-size: 13px;
        color: #fff;
        font-weight: 500;
        width: 22.7777777%;
        display: inline-block;
        padding: 10px;
        text-align: center;
        border-radius: 4px;
        margin: 8px;
    }

    .block-inpt-list-single-item {
        display: inline-block;
        width: 23.7%;
        margin-right: 10px;
    }

    .tab-inner-left-content {
        margin-top: 51px;
        padding-right: 84px;
    }

    .bottom-button-list a {
        width: 76px;
        background: #0079C3;
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        padding: 9px;
        border-radius: 5px;
        box-shadow: 0 0 22px #D3E7F4;
    }

    .bottom-button-list a:first-child {
        margin: 0;
    }

    .bottom-button-list {
        text-align: left;
        margin-bottom: 12px;
        margin-left: 47px;
    }

    .tab-right-inner-right-contetn-alll {
        border-left: 1px solid #ddd;
        padding-left: 46px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

}

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1430px) {

    .page-lst .top-link-list a {
        background: #71CFF5;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        width: 30.4%;
        display: inline-block;
        padding: 17px;
        text-align: center;
        border-radius: 4px;
        margin: 8px;
    }

}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .mobile-logo {
        display: block;
    }

    .menu-opne {
        display: block;
    }

    .menu-close {
        display: block;
    }

    .left-sidebar-part {
        position: fixed;
        width: 300px;
        background: #0079C3;
        height: 100%;
        padding: 20px;
        left: -300px;
    }

    .rigt-site-part-main {
        margin-left: 0px;
    }

    .block-inpt-list-single-item {

        width: 23.8%;

    }

    .top-link-list a {
        background: #71CFF5;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        width: 22.3333%;
        display: inline-block;
        padding: 16px;
        text-align: center;
        border-radius: 4px;
        margin: 8px;
    }

    .tab-right-inner-right-contetn-alll {
        border-left: 1px solid #ddd;
        padding-left: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .bottom-button-list {
        text-align: left;
        margin-bottom: 12px;
        margin-left: 41px;
    }

    .bottom-button-list a:first-child {
        margin: 0
    }

    .bottom-button-list a {
        width: 82px;
        background: #0079C3;
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        padding: 9px;
        border-radius: 5px;
        box-shadow: 0 0 22px #D3E7F4;
    }

    .page-lst .block-inpt-list-single-item {
        display: inline-block;
        width: 100%;
        margin-right: 0;
    }

    .page-lst .top-link-list a {
        background: #71CFF5;
        font-size: 17px;
        color: #fff;
        font-weight: 500;
        width: 30.555555%;
        display: inline-block;
        padding: 18px;
        text-align: center;
        border-radius: 4px;
        margin: 8px;
    }

}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    .bottom-button-list a:first-child {
        margin: 0
    }

    .mobile-logo {
        display: block;
    }

    .left-sidebar-part {
        position: fixed;
        width: 300px;
        background: #0079C3;
        height: 100%;
        padding: 20px;
        left: -300px;
    }

    .rigt-site-part-main {
        margin-left: 0px;
    }

    .top-link-list a {
        background: #71CFF5;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        width: 22.2%;
        display: inline-block;
        padding: 14px;
        text-align: center;
        border-radius: 4px;
        margin: 8px;
    }

    .block-inpt-list-single-item {
        display: inline-block;
        width: 48.7777%;
        margin-right: 10px;
    }

    .block-inpt-list-single-item:nth-child(2) {
        margin: 0;
    }

    .tab-inner-left-content p {

        font-size: 15px;
        color: #0D0D0D;
        font-weight: 500;
    }

    .tab-right-inner-right-contetn-alll {
        border-left: 1px solid #ddd;
        padding-left: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .bottom-button-list a {
        width: 49%;
        background: #0079C3;
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        padding: 9px;
        border-radius: 5px;
        box-shadow: 0 0 22px #D3E7F4;
        margin: 0;
        margin-bottom: 5px;
    }

    .bottom-button-list {
        text-align: left;
        margin-bottom: 12px;
        margin-left: 34px;
    }

    .text-area-main textarea {

        font-size: 14px;

    }

    .top-src-btn a {
        background: #71CFF5;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        padding: 16px;
        border-radius: 7px;
    }

    .top-search-bar input {
        width: 100%;
        border: none;
        background: #fff;
        padding: 16px;
        border-radius: 7px;
        font-size: 15px;
        font-weight: 600;
        color: #CFD1D2;
    }

    .top-sec-table-area tbody tr td {
        color: #000A12;
        font-size: 14px;
        font-weight: 400;
        vertical-align: middle;
    }

    .page-lst .block-inpt-list-single-item {
        display: inline-block;
        width: 100%;
        margin-right: 0;
    }

    .page-lst .top-link-list a {
        background: #71CFF5;
        font-size: 17px;
        color: #fff;
        font-weight: 500;
        width: 30.555555%;
        display: inline-block;
        padding: 18px;
        text-align: center;
        border-radius: 4px;
        margin: 8px;
    }

    .section-title h3 {

        width: 199px;

    }

    .all-info-page .block-inpt-list-single-item {
        margin-bottom: 10px !important;
    }

    .chk-bk-blk {
        margin-top: 10px;
    }

    .menu-opne {
        display: block;
    }

    .menu-close {
        display: block;
    }

}

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .mobile-logo {
        display: block;
    }

    .tablesaw-advance {
        display: none;
    }

    .menu-opne {
        display: block;
    }

    .menu-close {
        display: block;
    }

    .left-sidebar-part {
        position: fixed;
        width: 300px;
        background: #0079C3;
        height: 100%;
        padding: 20px;
        left: -300px;
    }

    .rigt-site-part-main {
        margin-left: 0px;
    }

    .top-link-list a {
        background: #71CFF5;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        width: 47%;
        display: inline-block;
        padding: 15px 0px;
        text-align: center;
        border-radius: 4px;
        margin: 3px;
        margin-bottom: 8px;
    }

    .block-inpt-list-single-item {
        display: inline-block;
        width: 100%;
        margin-right: 0;
    }

    .single-rang-item {
        width: 100%;
        float: none;
    }

    .single-rang-item input[type="range"] {
        width: 100%;

    }

    .plano-content li {
        list-style: none;
        font-size: 15px;
        font-weight: 500;
        color: #0D0D0D;
        margin-bottom: 7px;
    }

    .plano-single-item h4 {
        font-size: 16px;
        color: #0D0D0D;

        font-weight: 500;
    }

    .tab-inner-left-content p {
        io:;
        font-size: 14px;
        color: #0D0D0D;
        font-weight: 500;
    }

    .tab-inner-left-content {
        margin-top: 51px;
        padding-right: 60px;
    }

    .tab-right-inner-right-contetn-alll p {
        color: #0D0D0D;
        font-size: 14px;
        font-weight: 400;
    }

    .tab-right-inner-right-contetn-alll {
        border-left: 0px solid #ddd;
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }

    .bottom-button-list {
        text-align: center;
        margin-bottom: 12px;
        margin-left: 0;
    }

    .bottom-button-list a {
        width: 109px;
        background: #0079C3;
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        padding: 9px;
        border-radius: 5px;
        box-shadow: 0 0 22px #D3E7F4;
        margin: 0;
        margin-bottom: 6px;
    }

    .text-area-main textarea {
        color: #0D0D0D;
        font-size: 10px;
        font-weight: 500;
        padding-left: 13px;
        padding-right:;
        padding-top: 13px;
    }

    .top-sec-table-area tr th {
        color: #000A12;
        font-size: 13px;
        font-weight: 600;
        border-top: 0;
        padding: 7px;
    }

    .top-sec-table-area tbody tr td {
        color: #000A12;
        font-size: 13px;
        font-weight: 400;
        vertical-align: middle;
    }

    .paginavv {
        width: 216px;
        background: #0079C3;
        text-align: center;
        position: relative;
        right: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .table-foote-page-nav {
        text-align: center;
    }

    .table-foote-page-nav p {
        color: #B2B5B7;
        font-size: 15px;
        font-weight: 500;
    }

    .top-search-bar {
        position: relative;
        width: 100%;
    }

    .top-search-bar input {
        width: 100%;
        border: none;
        background: #fff;
        padding: 11px;
        border-radius: 7px;
        font-size: 15px;
        font-weight: 600;
        color: #CFD1D2;
    }

    .top-src-btn a {
        background: #71CFF5;
        width: 150px;
        display: block;
        text-align: center;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        padding: 12px;
        border-radius: 7px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-lst .top-link-list a {
        background: #71CFF5;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        width: 47%;
        display: inline-block;
        padding: 15px 0px;
        text-align: center;
        border-radius: 4px;
        margin: 3px;
        margin-top: 8px;
    }

    .page-lst .block-inpt-list-single-item {
        display: inline-block;
        width: 100%;
        margin-right: 0;
    }

    .all-info-page .block-inpt-list-single-item {
        margin-bottom: 10px !important;
    }

    .section-title h3 {
        font-size: 18px;

        width: 183px;

    }

    .top-title-lst-page {
        position: relative;

    }

    .prd-srch-bar-wrp {
        position: relative;
        right: 0;
        top: 0;
    }

    .prd-sech-bar-main {
        width: 249px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .right-side-bar-area {
        margin-top: 20px;
    }

    .notification-box {
        width: 100%;
        right: 0;
        height: 300px;
    }

    .single-notification-item p {
        font-size: 16px;
    }

    .notification-box-all {
        position: absolute;
        width: 280px;
        right: 0 !important;
        z-index: 9;
        background: #fff;
        height: 480px;
        overflow-y: scroll;
        top: 59px;
        margin-right: -146px;
    }

}

/* SM Small Device :550px. */
@media only screen and  (max-width: 767px) {

    .fc-time-grid-event .fc-content {
        font-size: 10px !important;
    }

    #navbarNav, .dropdown-menu {
        text-align: center;
    }

    .nav-item {
        text-align: center;
        width: 100%;
    }

    .nav-link {
        width: 100%;
    }

    .section-top-main-title p {
        float: none;
        text-align: center;
    }

    .top-sec-table-area {
        margin-top: 40px;
    }

}