/* LG Device :992px. */

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

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

@media only screen and (min-width: 992px) {
    .main-menu {
        display: inline-block;
        visibility: visible;
        opacity: 1;
    }
    .promo_text.v1 {
        padding-left: 30px;
    }
    .db_left_menu {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .main-menu {
        display: none;
        visibility: hidden;
        opacity: 0;
    }
    .button_wrap.v1 button {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .promo_section .row.align-items-center {
        margin-bottom: 15px;
    }
    .promo_img img {
        margin-bottom: 24px;
    }
    .promo_text h4 {
        font-size: 22px;
    }
    .subtitle {
        font-size: 22px;
    }
    .promo_text p {
        margin-bottom: 20px;
    }
    .url_text {
        margin-top: 20px;
    }
    .price_box_title {
        padding: 15px 25px;
    }
    .price_box_feature_list.btn_wrap {
        padding: 22px 20px;
    }
    .price_feature_list_title {
        padding-left: 0;
    }
    .price_feature_list_info .btn.v5 {
        padding: 10px 15px;
    }
    .about_text h2 {
        font-size: 26px;
        margin-bottom: 12px;
    }
    .about_text p {
        font-size: 15px;
        line-height: 24px;
    }
    .login_box_wrap {
        padding: 15px 30px 30px;
    }
    .db_content_wrap {
        margin-top: 95px;
    }
    .db_content_left {
        width: 320px;
        position: absolute;
        top: 0;
        left: -100%;
        transition: 0.5s;
        height: 100%;
    }
    .db_content_left.open {
        left: 0;
        z-index: 999;
    }
    .db_content_right {
        width: 100%;
        margin: 0;
    }
    .db_table {
        width: 100%;
        overflow: auto;
    }
    .db_table thead th,
    .db_table tbody td {
        padding: 22px 20px;
        min-width: 200px;
    }
    .action_btn_wrap a {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 6px;
    }
    .db_left_menu {
        display: inline-block;
        color: #fff;
        font-size: 20px;
        position: relative;
        top: -1px;
        margin-right: 10px;
        cursor: pointer;
    }
    .maf_feature {
        margin-top: 35px;
    }
    .promo_section.v2 {
        padding: 20px 0 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1300px) {
    .button_wrap.v1 button {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu .nav-item .nav-link {
        font-size: 15px;
    }
    .main-menu .nav-item {
        padding: 0 5px;
    }
    .hero_section {
        height: 800px;
    }
    .qr_box_wrap {
        height: 524px;
    }
    .qr_box_wrap.style1 {
        height: auto;
    }
    .qr_box_left {
        width: 65%;
        margin-right: 0%;
        height: 100%;
        padding-bottom: 20px;
    }
    .single_guide_box {
        width: 49%;
        padding: 25px 15px;
    }
    .about_section {
        height: 700px;
    }
    .login_wrap {
        height: 830px;
    }
    .db_content_left {
        width: 27%;
    }
    .db_content_right {
        width: 71%;
        margin-left: 29%;
    }
    .db_table {
        width: 100%;
        overflow: auto;
    }
    .db_table thead th,
    .db_table tbody td {
        padding: 22px 20px;
        min-width: 200px;
    }
    .action_btn_wrap a {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 6px;
    }
    .button_wrap.v1 button {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    body.bg_bl {
        height: auto;
    }
}


/* MD Device :768px. */

@media only screen and (min-width: 768px) {
    .md-none {
        display: none;
    }
}


/* Extra small Device. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-bar-area.v2 {
        height: 100px;
    }
    .ofcavas-menu {
        margin-top: 70px;
    }
    .content_wrap {
        margin-top: 100px;
    }
    .qr_box_wrap {
        height: 405px;
    }
    .qr_box_wrap.style1 {
        height: 420px;
    }
    .qr_box_left {
        width: 65%;
        margin-right: 0%;
        height: 415px;
    }
    .hero_section {
        height: 700px;
    }
    .single_guide_box {
        width: 49%;
        padding: 20px 15px;
    }
    .guide_box_img {
        margin-right: 11px;
    }
    .qr_code img {
        width: 56%;
        margin: 0 auto 15px;
    }
    .qr_code p {
        margin: 12px 0 7px;
    }
    .price_box_title {
        padding: 15px 25px;
    }
    .price_box_feature_list.btn_wrap {
        padding: 22px 10px;
    }
    .price_feature_list_title {
        padding-left: 0;
    }
    .price_feature_list_info .btn.v5 {
        padding: 10px 15px;
    }
    .about_section {
        height: 680px;
    }
    .login_wrap {
        height: 775px;
    }
    .login_wrap .row {
        align-items: center;
    }
    ul.promo_feature_list.v2 {
        columns: 2;
    }
    .item-with-text-left p{
        padding-left: 90px;
        font-size: 14px;
    }
    .item-with-text-left h6{
        padding-left: 90px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .item-mid1{
        margin-bottom: 20px !important;
    }
    .xs-none {
        display: none;
    }
    .xs-block {
        display: block;
    }
    .header-bar-area {
        padding: 10px 0;
    }
    .header-bar-area.v2 {
        height: 80px;
    }
    .header-bar-area.v2.sticky {
        height: 70px;
    }
    .ofcavas-menu {
        margin-top: 70px;
    }
    .content_wrap {
        margin-top: 80px;
    }
    .hamburger-menu {
        top: -42px;
    }
    .hero_section {
        height: 1080px;
    }
    .qr_box_wrap {
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        padding: 15px 0;
    }
    .qr_input .form-group input {
        width: 100%;
    }
    .qr_box_left,
    .qr_box_right {
        width: 100%;
        padding-bottom: 10px;
        height: auto;
        padding: 0 20px;
        border: none;
    }
    .qr_guide_box {
        flex-direction: column;
    }
    .qr_guide_wrap {
        margin-top: 20px;
    }
    .qr_code h6 {
        margin: 20px 0;
    }
    .single_guide_box {
        width: 100%;
        margin-bottom: 15px;
    }
    .qr_code img {
        width: 34%;
        margin: 0 auto 22px;
    }
    .single_guide_box {
        padding: 20px 15px;
    }
    .qr_code p {
        margin: 0px 0 7px;
    }
    .register_img {
        margin-bottom: 15px;
    }
    .feature_item {
        margin-bottom: 22px;
    }
    .feature_text {
        min-height: auto;
    }
    .feature_text a.btn.v6 {
        position: relative;
        margin-top: 10px;
    }
    .app_screen_wrap {
        margin: 0 15px;
    }
    .card-header {
        padding-right: 26px;
    }
    .faq_header {
        line-height: 22px;
    }
    .price_box_wrap {
        overflow: auto;
        width: 100%;
    }
    .price_box_feature_header,
    .price_box_feature_list {
        display: inline-flex;
    }
    .price_feature_list_info,
    .price_feature_title {
        width: 100%;
        min-width: 130px;
    }
    .price_feature_list_title {
        width: 100%;
        min-width: 130px;
    }
    .price_feature_box {
        min-width: 130px;
    }
    .price_feature_list_title h6,
    .price_feature_list_info p {
        font-size: 14px;
    }
    .contact_box {
        min-height: auto;
        margin-bottom: 15px;
        text-align: center;
    }
    .contact_box a.btn.v6 {
        position: relative;
        margin-top: 10px;
    }
    .about_img {
        margin-bottom: 15px;
    }
    .about_section {
        height: auto;
        padding: 100px 0;
    }
    .login_wrap {
        height: 1050px;
        padding-top: 85px;
    }
    .login_title {
        margin: 10px 0 25px;
    }
    .login_img {
        margin-bottom: 20px;
    }
    .enterprise_section {
        padding: 0px 0 40px;
    }
    .promo_img.my-5 {
        margin: 15px 0 !important;
    }
    ul.promo_feature_list.v2 {
        columns: 2;
    }
    .partner_section {
        padding: 40px 0 40px;
    }
    .partner_wrap {
        flex-direction: column;
    }
    .partner_img {
        width: 100%;
        margin-bottom: 15px;
    }
    .db_content_wrap {
        margin-top: 80px;
    }
    .db_title_box {
        display: block;
    }
    .db_title_left {
        margin-bottom: 10px;
    }
    .download_btn_wrap a {
        margin: 0 0 10px 0;
    }
    .login_box_wrap {
        padding: 15px 20px 20px;
    }
    .login_btn {
        flex-direction: column;
    }
    .login_btn p,
    .login_btn a {
        text-align: center;
        margin: 0 7px 10px 0;
    }
    /* 05.20 */
    .circular {
        width: 50px;
        height: 50px;
        font-size: 24px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .item-with-text-left h6 {
        padding-left: 75px;
    }
    .item-with-text-left p {
        padding-left: 75px;
    }
    .radyToget {
        padding: 20px;
    }
    .bg-five1 form {
        padding: 20px;
    }
}

@media only screen and (min-width: 575px) and (max-width: 767px) {
    .hero_section {
        height: 1141px;
    }
    .login_wrap {
        height: 1240px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 574px) {
    .login_wrap {
        height: 1200px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
    .hero_section {
        height: 1155px !important;
    }
}

@media only screen and (max-width: 320px) {
    .navbar-brand img {
        max-width: 135px;
    }
    .hamburger-menu span {
        width: 20px;
        height: 2px;
    }
    .hero_section {
        padding-top: 80px;
    }
    .qr_input p {
        font-size: 15px;
        line-height: 22px;
    }
    .db_left_menu {
        font-size: 17px;
    }
    .db_content_left {
        left: -150%;
    }
    .total_req {
        padding: 13px 20px 13px;
    }
    .hamburger-menu span {
        margin: 4px 0;
    }
    .db_content_left {
        width: 100%;
    }
}