/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) and (max-width: 1499px) {
}

@media (min-width: 1300px) and (max-width: 1399px) {
    .perosnal-info-inner form {height: auto;}
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .perosnal-info-inner form {height: auto;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .welcome-video {margin: 0 0 40px; height: auto;}
}

@media (max-width: 991px) {
    /* Sidebar Start */
    .sidebar {left: -100%; max-width: 324px;}
    .sidebar.sidebar-open-mobile {left: 0;}
    .sidebar.sidebar-open:hover { max-width: 324px; } 
    .collapsebar .sidebar {max-width: 324px; padding: 32px 24px;}
    .collapsebar .sidebar .add-request {padding: 12px 30px;}
    .add-request, .sidebar-links {max-width: 202px;}
    .collapsebar .sidebar .add-request p, .collapsebar .sidebar .sidebar-links p, .collapsebar .sidebar .settings p, .collapsebar .sidebar .sidebar-profile .dropdown { display: inline-block; margin-left: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; }
    .sidebar .dashboard-logo {max-width: 115px;}
    .sidebar-bottom .sky-btn {max-width: max-content; margin: 0 0 12px;}
    .sky-btn {font-size: 10px; padding: 4px 9px;}
    .sky-btn span { width: 16px; height: 16px; padding: 1px; }
    .collapsebar .sidebar .sidebar-links ul li a, .collapsebar .sidebar .settings {padding: 12px 16px;}
    body:not(.collapsebar) .sidebar-close span:first-child { top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    body:not(.collapsebar) .sidebar-close span:nth-child(2) { opacity: 1; }
    body:not(.collapsebar) .sidebar-close span:last-child { top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    /* Sidebar End */
    
    /* Home Page Start */
    .collapsebar .dashboard-wrp {margin-left: 0;}
    .dashboard-wrp { margin-left: 0; }
    /* Home Page End */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* accounts and notification */
    .setting-main { padding: 40px 15px; } 
    .nav-tabs .accounts-notification-link { padding: 26px 10px 26px 15px; } 
    .upload-picture-wrp { padding-left: 21px; } 
    .perosnal-info-inner .profile-picture img { height: 80px; width: 80px; } 
    .settings-wrp .nav-tabs { max-width: 292px; }
    .dashboard-content-tabs { max-width: Calc(100% - 302px); }
    .upload-picture-wrp .file-input-btn { padding: 11px 13px; }

    .perosnal-info-inner form {height: auto;}
    /* accounts and notification */

    /* billing */
    .payment-method .payment-method-wrap { margin-top: 40px; } 
    .billing-details { margin-top: 40px; } 
    .payment-table input[type="radio"] { width: 20px; height: 20px; margin: 0 5px 0 0; top: 5px; position: relative; }
    /* billing */

    /* Requests Start */
    .request-main {padding: 60px 30px;}
    /* Requests End */

}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title { font-size: 32px; }
    /* Common Style End */

    /* Home Page Start */
    .welcome-video {margin: 0 0 40px; height: auto;}
    .welcome-wrp {padding: 30px;}
    /* .dashboard-main { padding: 30px; } */
    /* Home Page End */

    /* Sign In Page Start */
    .sign-in-left {padding: 35px;}
    .sign-in-block {margin: 30px auto;}
    /* Sign In Page End */

    /* accounts and notification */
    .dashboard-content-tabs { max-width: Calc(100% - 304px); } 
    .setting-main { padding: 40px 15px; } 
    .nav-tabs .accounts-notification-link { padding: 26px 10px 26px 15px; } 
    .upload-picture-wrp { padding-left: 21px; } 
    .perosnal-info-inner .profile-picture img { height: 80px; width: 80px; } 
    .settings-wrp .nav-tabs { max-width: 292px; }

    .perosnal-info-inner form {height: auto;}
    /* accounts and notification */

    /* billing */
    .payment-table th { display: none; } 
    .payment-table tbody tr input{ display: none; } 
    .payment-table tbody tr { display: flex; flex-wrap: wrap;         padding: 12px 0;} 
    .payment-table tbody tr > *:first-child { display: none; } 
    .payment-table tbody tr > *:last-child  { flex-basis: 100%; text-align: left; } .payment-table tbody tr td { flex-basis: 50%; } 
    .payment-table tbody tr td:nth-of-type(2) { flex-basis: 100%; } 
    .payment-table tbody tr td:nth-of-type(4) { text-align: right; } 
    .payment-history .payment-table tbody tr td { padding: 8px 0; } 
    .payment-method .payment-method-wrap { margin-top: 24px; } 
    .billing-block { padding: 20px; } .billing-details { margin-top: 24px; } 
    .payment-history-wrap { margin-top: 24px; }
    .payment-table colgroup {display: none;}
    /* billing */

    /* Results Start */
    .results-main {padding: 30px;}
    .results-wrap { margin-top: 40px; }
    /* Results End */

    /* Requests Start */
    .request-main {padding: 50px 30px;}
    /* Requests End */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* Common Style Start */
    .main-title { font-size: 32px; line-height: 125%; }
    .section-title {font-size: 24px; line-height: 130%;}
    /* Common Style End */
    
    /* Home Page Start */
    .welcome-wrp {padding: 24px;}
    /* .dashboard-main { padding: 24px; } */
    .dashboard-top { padding: 12px 24px; }
    .dashboard-top .profile-icon {margin: 0 0 0 12px; width: 40px; height: 40px; }
    .dashboard-top-right {justify-content: flex-end; border-left: none;}
    .play-btn, .pause-btn {width: 48px; height: 48px;  pointer-events: none; }
    .welcome-video { height: auto; margin: 0 0 24px; cursor: pointer;}
    .welcome-video video {height: 184px;}
    .welcome-right-block {height: auto; margin: 0 0 12px;}
    .block-top .large-detail br {display: none;}
    .block-icon {margin: 0 0 6px;}
    /* Home Page End */

    /* Sign In Page Start */
    .logo {margin: 0 auto 40px;}
    .sign-in-left { max-height: 100% !important; height: 100vh; padding: 24px; display: flex; align-items: center; justify-content: center; }
    .sign-in-block .section-title { margin: 0 0 32px; }
    /* Sign In Page End */

    /* Register Page Start */
    .sign-up-bottom .form-check .form-check-label {font-size: 14px;}
    /* Register Page End */

    .setting-main .block-title svg { display: block; }
    .setting-main .block-title svg { margin-right: 10px; }
    .setting-main .block-title { display: flex; align-items: center; cursor: pointer; }
    .accounts-notification-main, .settings-wrp .nav-tabs { max-width: 100%; position: relative; display: block; border-right: none; border-bottom: none; }
    .content-tab.active .setting-main { background: #fafafa !important;  height: Calc(100vh - 60px);}
    .dashboard-content-tabs { max-width: 100%; width: 100%; position: fixed; right: -100%; top: 0; bottom: 0; overflow: auto; z-index: 99; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
    .settings-wrp {position: relative;}
    .dashboard-content-tabs.active {right: 0;}
    .setting-main .block-title a {display: flex; }
    .tab1 .setting-wrapper { padding-top: 0; }
    .profile-picture-wrap .profile-picture {border-color: #FF3131;}
    .remove-btn.btn { margin-left: 16px; }
    .upload-picture-wrp {display: flex; justify-content: center;}
    .profile-picture-wrap {margin: 0 0 32px;}
    .perosnal-info-inner .form-group { margin-bottom: 16px; }
    .perosnal-info-inner .row > *:last-child .form-group { margin-bottom: 0; }
    .accounts-notification-wrap {padding-top: 24px;}
    .account-normal-text * {margin: 0 0 0 24px;}
    .nav-tabs .accounts-notification-link {padding: 8px 24px;}
    .subscription-content-price {margin: 24px 0 0 0;}
    .remaining-credit-main {margin: 24px 0 0; padding: 20px 20px 22px;}
    .remaining-credit-process .progress { margin-top: 12px; }
    .dashboard-main {height: auto;}
    .perosnal-info-inner form {height: auto;}

    /* billing */
    .payment-table th { display: none; } 
    .payment-table tbody tr input{ display: none; } 
    .payment-table tbody tr { display: flex; flex-wrap: wrap;         padding: 12px 0;} 
    .payment-table tbody tr > *:first-child { display: none; } 
    .payment-table tbody tr > *:last-child  { flex-basis: 100%; text-align: left; } .payment-table tbody tr td { flex-basis: 50%; } 
    .payment-table tbody tr td:nth-of-type(2) { flex-basis: 100%; } 
    .payment-table tbody tr td:nth-of-type(4) { text-align: right; } 
    .payment-history .payment-table tbody tr td { padding: 8px 0; } 
    .payment-method .payment-method-wrap { margin-top: 24px; } 
    .billing-block { padding: 20px; margin-bottom: 16px; } 
    .billing-details { margin-top: 24px;  } 
    .payment-history-wrap { margin-top: 4px; border-top: none; }
    .billing-flx {align-items: center;}
    .billing-flx .large-detail {font-size: 18px;}
    .billing-block-last {padding: 24px 24px 4px; margin-top: 4px;}
    .payment-history .payment-table thead, .payment-history .payment-table thead tr {border: none;}
    .payment-table colgroup {display: none;}
    /* billing */

    .dashboard-wrp { position: relative; }

    /* Results Start */
    .results-main {padding: 24px;}
    .results-wrap { margin-top: 25px; }
    .results-block-left .large-detail {font-size: 18px;}
    /* Results End */

    /* Requests Start */
    .request-main {padding: 42px 24px;}
    .request-title .common-detail { margin: 0 0 26px; }
    .examples-block {margin: 0 0 20px;}
    .content-category-left {display: block;}
    .content-category-left .form-check {margin: 0 32px 4px 0;}
    .content-category-left .form-check:last-child {margin-bottom: 0;}
    .content-category {align-items: flex-end;}
    .request-examples { margin: 0 0 26px; }
    .request-examples .common-detail {margin: 0;}
    .make-content .form-control {min-height: 78px;}
    .welcome-right-block .large-detail {font-size: 18px;}
    /* Requests End */
}

@media (max-height: 700px) {
    .sign-in-img figure img { height: 737px; }
    .sign-in-left {max-height: 737px;}
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    /* Home Page Start */
    .welcome-video video {height: 300px;}
    /* Home Page End */
}

@media (max-width: 575px) {

    /*personal info*/
    .setting-main { padding: 24px; } 
    .profile-picture-wrap { display: flex ; align-items: center; flex-direction: column; } 
    .upload-picture-wrp { padding-left: 0; margin-top: 24px; width: 100%; } 

    .upload-picture-wrp .file-input-btn { padding: 8px 9px; } 
    .block-title { font-size: 18px; line-height: 135%; letter-spacing: 0; font-weight: 800; } 
    .profile-picture-wrap .btn { padding: 6px 29px; max-width: 145px; width: 100%; } 
    .form-main-btns { padding: 95px 0 0 0; justify-content: center; } 
    .dashboard-content-tabs-inner .content-tab { background: #fafafa; } 
    .accounts-notification-inner .accounts-notification-item .accounts-notification-link { padding: 10px 10px 10px 24px; } 
    .setting-main { padding: 0px; } 
    .setting-main .block-title{ padding: 20px 10px 20px 24px; background:  #FFF; } 
    .setting-wrapper { padding: 0 24px 24px 24px; } 
    .dashboard-content-tabs { max-width: 100%; width: 100%;  } 
    .cancel-subscription-inner a { font-size: 14px; } 
    .subscription-content-price { flex-direction: column; row-gap: 8px; } .large-detail { font-size: 14px; } 
    .setting-wrapper .subscription-inner { padding: 20px; } 
    .subscription-left .large-detail { font-size: 18px; } 
    .remaining-credit-inner .btn-transparent { padding: 6px 12px; margin: 0 0 0 2px; } 
    .remaining-credit-inner .large-detail { max-width: 79px; }
    /*personal info*/
}

@media (max-width: 374px) {

    .profile-picture-wrap .btn { padding: 7px 24px; }
    .form-main-btns .btn.btn-delete { padding: 10px 11px; }
    .perosnal-info-inner .form-control { font-size: 15px; line-height: 150%; letter-spacing: 0.3px; padding: 12px 16px; }
    .setting-wrapper .subscription-inner { padding: 15px; }

    .profile-picture-wrap .btn {max-width: max-content;}

    .forgot-password-block {display: block;}
    .forgot-password {margin: 5px 0 0;}
    .form-main-btns .btn {max-width: max-content; padding: 10px 11px;}

    .remaining-credit-inner {display: block;}
    .remaining-credit-flx {margin: 0 0 15px;}
    .cancel-subscription-inner {display: block;}
    .cancel-subscription-inner a {margin: 10px 0 0;}
    .setting-wrapper { padding: 0px 15px 0 15px; } 
    .remaining-credit-main { padding: 15px 15px 17px; }
    .remaining-credit-inner .large-detail {max-width: 100%;}
    .billing-block {padding: 15px;}
    .setting-main .block-title { padding: 15px;  }
}