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

@media (min-width: 1199.98px) and (max-width: 1499.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-brand {max-width: 180px;}
    .navbar-brand p {font-size: 10px;}
    .menu_main_nav .menu-item {padding: 5px 10px;}
    .menu_main_nav .menu-item a {font-size: 12px;}
    .menu_main_nav.menu_main_nav2 {padding-left: 5px;}
    .top_panel_right {padding-left: 10px;}
    .top_actionBtn_box a {padding: 10px;font-size: 12px;}
    .myAccountBtn {height: 35px;width: 35px;padding: 8px;}
    /* register form css */
    .loginBox_form .steps ul li a {font-size: 12px;padding: 12px 14px;}
}

@media (min-width: 991.99px) {

}

@media (max-width: 991.98px) {
    
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /*responsvie menu */
    .toggle {display: block;font-size: 35px;}
    .menu_main_wrap .logo_wrp {position: relative;width: 100%;}
    .menu_main_nav .menu-item {padding: 10px 20px;}
    .menu_box_wrp {position: absolute;top: 100%;right: 0;display: none;width: 100%;background: #fff;z-index: -1;}
    .top_panel_right {position: absolute;top: 50%;transform: translate(0, -50%);padding: 0;right: 160px;z-index: 5;}
    .menu_box_wrp > .top_right_menu_box > .top_panel_right > .top_actionBtn_box > a {display: none;}
    .top_panel_right .top_actionBtn_box a {box-shadow: 0 0 8px 1px rgba(0,0,0,.2);}
    .menu_box_wrp .top_right_menu_box {flex-direction: column;width: 100%;justify-content: center;}
    .menu_box_wrp .top_right_menu_box .menu_main_nav_area {flex-direction: column;width: 100%;}
    .menu_box_wrp .top_right_menu_box .menu_main_nav_area .menu_main_nav {flex-direction: column;width: 100%;}
    .menu_main_wrap_nav {width: 100%;}
    .menu_main_nav.menu_main_nav2 {position: absolute;top: 50%;transform: translate(0, -50%);padding: 0;right: 100px;z-index: 5;}
    .menu_main_nav.menu_main_nav2 .dropdown .myAccountBtn.dropdown-toggle {box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.22);}
    .dropdown-menu.sub_con {position: relative;width: 100%;top: 100%;box-shadow: none;border-top: 0;}
    .menu_main_nav_area .dropdown-menu {width: 100%;min-width: 100%;padding: 0;}
    .dropdown-menu a {padding: 12px 10px;}
    .dropdown-menu > li {border: 0 !important;}
    .menu-item.dropdown {padding-bottom: 5px;}
    /* logo */
    .navbar-brand {max-width: 160px;}
    .navbar-brand p {font-size: 10px;}
    .logo_wrp .top_panel_right, .logo_wrp .menu_main_nav.menu_main_nav2 {display: block;}
    .btnTog span, .btnTog span:before, .btnTog span:after {background: #fff;}
    .toggle:hover span {background: #7c70ea;}
    /* responsive menu ends*/

    .welcomeBox h1 {font-size: 43px;}
    .bannerLinkBox {padding: 0;}
    .bannerText {padding: 20px;}
    .stepsSection {padding: 0 0 10px;}
    .stepsBox li .stepsContent {padding-left: 40px;}
    .stepsBox li:nth-child(even) .stepsContent {padding-right: 30px;}
    .stepsHeading h3 {font-size: 30px;}
    .stepsBox li .stepsImage {padding: 0;}
    .stepsSection {padding: 0 0 10px;}
    .planBoxWrapper {padding: 40px 0 0px;}
    .footerBottomCopyright {text-align: center;}
    .sectionHeading_big2 h2 {font-size: 30px;}
    .footerlogo {width: 160px;margin-bottom: 20px;}
    .subscribeUs h4, .widget_mc4wp_form_widget h4 {font-size: 20px;}
    .sectionHeading_big h2 {font-size: 30px;padding-bottom: 10px;}
    .sectionHeading h3 {font-size: 25px;}
    .sectionHeading {margin-bottom: 0px;}
    .planBox_row {margin-top: 20px;}
    /* box css */
    .planBox.active {transform: scale(1);}
    .planBox {margin-bottom: 20px;height: auto;}
    /* dashboard css */
    .addNewBtn {padding: 10px 20px;font-size: 9px;}
    .themeBtn.btn-danger {padding: 10px;font-size: 9px;}
    .box_heading h3 {font-size: 16px;margin-top: 9px;}
    .boxsidebar_nav ul li a {padding: 10px;font-size: 13px;}
    .custom-table thead th {padding: 10px;}
    /* register form css */
    .loginBox_form .steps ul li a {font-size: 10px;padding: 10px 5px;}
}

@media (max-width: 767px) {

}

@media (min-width: 576px) and (max-width: 767.98px) {
    /*responsvie menu */
    .toggle {display: block;}
    .menu_main_wrap .logo_wrp {position: relative;width: 100%;}
    .menu_main_nav .menu-item {padding: 10px 20px;}
    .menu_box_wrp {position: absolute;top: 100%;right: 0;display: none;width: 100%;background: #fff;z-index: -1;}
    .top_panel_right {position: absolute;top: 50%;transform: translate(0, -50%);padding: 0;right: 160px;z-index: 5;}
    .menu_box_wrp > .top_right_menu_box > .top_panel_right > .top_actionBtn_box > a {display: none;}
    .top_panel_right .top_actionBtn_box a {box-shadow: 0 0 8px 1px rgba(0,0,0,.2);}
    .menu_box_wrp .top_right_menu_box {flex-direction: column;width: 100%;justify-content: center;}
    .menu_box_wrp .top_right_menu_box .menu_main_nav_area {flex-direction: column;width: 100%;}
    .menu_box_wrp .top_right_menu_box .menu_main_nav_area .menu_main_nav {flex-direction: column;width: 100%;}
    .menu_main_wrap_nav {width: 100%;}
    .menu_main_nav.menu_main_nav2 {position: absolute;top: 50%;transform: translate(0, -50%);padding: 0;right: 100px;z-index: 5;}
    .menu_main_nav.menu_main_nav2 .dropdown .myAccountBtn.dropdown-toggle {box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.22);}
    .dropdown-menu.sub_con {position: relative;width: 100%;top: 100%;box-shadow: none;border-top: 0;}
    .menu_main_nav_area .dropdown-menu {width: 100%;min-width: 100%;padding: 0;}
    .dropdown-menu a {padding: 12px 10px;}
    .dropdown-menu > li {border: 0 !important;}
    .menu-item.dropdown {padding-bottom: 5px;}
    /* logo */
    .navbar-brand {max-width: 160px;}
    .navbar-brand p {font-size: 10px;}
    .logo_wrp .top_panel_right, .logo_wrp .menu_main_nav.menu_main_nav2 {display: block;}
    /* responsive menu ends*/
    .welcomeBox h1 {font-size: 43px;}
    .bannerLinkBox {padding: 0;}
    .bannerText {padding: 20px;}
    .stepsSection {padding: 0 0 10px;}
    .stepsBox li .stepsContent {padding-left: 40px;}
    .stepsBox li:nth-child(even) .stepsContent {padding-right: 30px;}
    .stepsHeading h3 {font-size: 30px;}
    .stepsBox li .stepsImage {padding: 0;}
    .stepsSection {padding: 0 0 10px;}
    .planBoxWrapper {padding: 40px 0 0px;}
    .footerBottomCopyright {text-align: center;}
    .sectionHeading {padding: 10px;}
    .sectionHeading_big2 h2 {font-size: 30px;}
    .footerlogo {width: 160px;margin-bottom: 20px;}
    .subscribeUs h4, .widget_mc4wp_form_widget h4 {font-size: 20px;}
    .sectionHeading_big h2 {font-size: 30px;padding-bottom: 10px;}
    .sectionHeading h3 {font-size: 25px;}
    .sectionHeading {margin-bottom: 0px;}
    .planBox_row {margin-top: 20px;padding: 40px;}
    /* box css */
    .planBox.active {transform: scale(1);}
    .planBox {margin-bottom: 20px;height: auto;}
    .planBox_row .col-md-4 {padding: 0;}
    /* dashboard css */
    .addNewBtn {padding: 10px 20px;font-size: 9px;}
    .themeBtn.btn-danger {padding: 10px;font-size: 9px;}
    .box_heading h3 {font-size: 16px;margin-top: 9px;}
    .boxsidebar_nav ul li a {padding: 10px;font-size: 13px;}
    .custom-table thead th {padding: 10px;}
    /* login form css */
    .loginBox_form .steps ul li a .number {font-size: 0px;width: 20px;height: 20px;border-radius: 18px;background: #e2e4f1;color: #000;display: block;}
    .loginBox_form .steps ul:after {content: '';width: 87%;height: 2px;background: #8173e9;position: absolute;z-index: -1;left: 0;top: 50%;transform: translate(0, -50%);}
    .loginBox_form .steps ul a {position: relative;z-index: 1;margin-left: 12px;}
    .loginBox_form .content section {box-shadow: none;padding: 0px;}
    .loginBox_form .steps ul li.current a {background: #fff;padding: 0;}
    .loginBox_form .steps ul li.done a {background: #fff;}
    .loginBox_form .steps ul li.done a span.number {background: #8b78e9;}
    .loginBox_form .steps ul li a {background: #fff;padding: 0;}
    .loginBox_form .steps ul li.current.error a {background: #fff;}
    .loginBox_form .steps ul li.current.error a .number {background: red;}
    .loginBox_form .steps ul li.current.error a .title {background: red;}
    .loginFormBox {padding: 30px;}
    .loginBox_form .steps ul li.current a > .title {position: absolute;top: -40px;color: #fff;background: #8675e9;padding: 7px;border-radius: 25px;font-size: 11px;left: -14px;white-space: nowrap;}
    .loginBox_form .steps ul > li.disabled > a > .title {display: none;}
    .loginBox_form .steps ul li.current a .number {background: #8b78e9;}
}

@media (max-width: 575.98px) {
    /*responsvie menu */
    .toggle {display: block;font-size: 35px;color: #736beb;right: 15px;}
    .menu_main_wrap .logo_wrp {position: relative;width: 100%;margin-left: 4px;}
    .menu_main_nav .menu-item {padding: 10px 20px;}
    .menu_box_wrp {position: absolute;top: 100%;right: 0;display: none;width: 100%;background: #fff;z-index: -1;}
    .top_panel_right {position: absolute;top: 50%;transform: translate(0, -50%);padding: 0;right: 105px;z-index: 5;}
    .menu_box_wrp > .top_right_menu_box > .top_panel_right > .top_actionBtn_box > a {display: none;}
    .top_panel_right .top_actionBtn_box a {box-shadow: 0 0 8px 1px rgba(0,0,0,.2);font-size: 12px;padding: 10px 12px;color: #fff;background: linear-gradient(180deg, rgba(103, 101, 237, 1) 0%, rgba(145, 123, 232, 1) 100%);}
    .menu_box_wrp .top_right_menu_box {flex-direction: column;width: 100%;justify-content: center;}
    .menu_box_wrp .top_right_menu_box .menu_main_nav_area {flex-direction: column;width: 100%;}
    .menu_box_wrp .top_right_menu_box .menu_main_nav_area .menu_main_nav {flex-direction: column;width: 100%;}
    .menu_main_wrap_nav {width: 100%;}
    .menu_main_nav.menu_main_nav2 {position: absolute;top: 50%;transform: translate(0, -50%);padding: 0;right: 60px;z-index: 5;}
    .menu_main_nav.menu_main_nav2 .dropdown .myAccountBtn.dropdown-toggle {box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.22);width: 35px;height: 35px;padding: 7px;}
    .dropdown-menu.sub_con {position: relative;width: 100%;top: 100%;box-shadow: none;border-top: 0;}
    .menu_main_nav_area .dropdown-menu {width: 100%;min-width: 100%;padding: 0;}
    .dropdown-menu a {padding: 12px 10px;}
    .dropdown-menu > li {border: 0 !important;}
    .menu-item.dropdown {padding-bottom: 5px;}
    /* logo */
    .navbar-brand {max-width: 130px;}
    .navbar-brand p {font-size: 8px;}
    .logo_wrp .top_panel_right, .logo_wrp .menu_main_nav.menu_main_nav2 {display: block;}
    .topCurve {display: none;}
    .toggle:hover {color: #736beb;}
    /* banner */
    .bannerSlider .banner_item {height: 80vh;}
    /* responsive menu ends*/
    .sectionHeading h3 {font-size: 25px;}
    .sectionHeading {margin-bottom: 0px;padding: 0;}
    .sectionHeading_big h2 {font-size: 30px;}
    .stepsBox li {flex-direction: column;}
    .stepsBox li:nth-child(even) {flex-direction: column;}
    .stepsBox li .stepsContent {padding: 0;width: 100%;}
    .stepsBox li .stepsImage {padding: 0;width: 100%;}
    .stepsBox li:nth-child(even) .stepsContent {padding: 10px;}
    .stepsHeading h3 {font-size: 30px;}
    .stepNumber {font-size: 130px;}
    .stepsBox li:nth-child(even) .stepsContent .stepNumber {left: 0px;}
    .bannerContentBox {padding: 0px;}
    .bannerText {padding: 20px;}
    .welcomeBox h1 {font-size: 40px;}
    .bannerLinkBox {padding: 0;}
    .bannerBoxBottom_Text h2 {font-size: 25px;margin: 0;}
    ul.stepsBox {margin-top: 50px;}
    .stepsSection {padding: 0 0 80px;}
    .planBox_row {margin: 0;}
    .planBoxWrapper {padding: 20px;}
    .planBoxBottomCurve.curveBox {margin-top: -1px;}
    .bg_gradient {min-height: 195px;}
    .bannerLinkBox .text_box {padding-right: 0;}
    .planBoxTopCurve.curveBox {top: 0;}
    .menu_box_wrp {display: none;}
    .logo_wrp {position: relative;z-index: 5;}
    .custom__header {padding: 0 0px;}
    /* inner page  */
    .aboutInner {flex-direction: column;}
    .pageHeader h1 {font-size: 40px;}
    .about-image.imgfix_top_container {width: 100%;}
    .about-text {position: relative;width: 100%;}
    .aboutBox+.aboutBox {margin-top: 0px;}
    .aboutContent {margin-bottom: 50px;}
    .aboutSinglePage {padding-bottom: 0px;}
    /* box css */
    .planBox.active {transform: scale(1);}
    .planBox {margin-bottom: 20px;height: auto;}
    .planBox_row .col-md-4 {padding: 0;}
    /* dashboard css */
    .box-card {padding: 2px;}
    .addNewBtn {padding: 10px 20px;font-size: 9px;}
    .themeBtn.btn-danger {padding: 10px;font-size: 9px;margin-bottom: 10px;float: left;}
    .boxCardAction {flex-direction: row-reverse;margin-bottom: 5px;}
    .box_heading h3 {font-size: 16px;margin-top: 9px;}
    .boxsidebar_nav ul li a {padding: 10px;font-size: 13px;}
    .custom-table thead th {padding: 10px;font-size: 12px;}
    /* table css responsive */
    #allBoxList_length {display: none}
    /* login form css */
    .loginBox_form .steps ul li a .number {font-size: 0px;width: 20px;height: 20px;border-radius: 18px;background: #e2e4f1;color: #000;display: block;}
    .loginBox_form .steps ul:after {content: '';width: 87%;height: 2px;background: #8173e9;position: absolute;z-index: -1;left: 0;top: 50%;transform: translate(0, -50%);}
    .loginBox_form .steps ul a {position: relative;z-index: 1;margin-left: 12px;}
    .loginBox_form .content section {box-shadow: none;padding: 0px;}
    .loginBox_form .steps ul li.current a {background: #fff;padding: 0;}
    .loginBox_form .steps ul li.done a {background: #fff;}
    .loginBox_form .steps ul li.done a span.number {background: #8b78e9;}
    .loginBox_form .steps ul li a {background: #fff;padding: 0;}
    .loginBox_form .steps ul li.current.error a {background: #fff;}
    .loginBox_form .steps ul li.current.error a .number {background: red;}
    .loginBox_form .steps ul li.current.error a .title {background: red;}
    .loginFormBox {padding: 30px;}
    .loginBox_form .steps ul li.current a > .title {position: absolute;top: -40px;color: #fff;background: #8675e9;padding: 7px;border-radius: 25px;font-size: 11px;left: -14px;white-space: nowrap;}
    .loginBox_form .steps ul > li.disabled > a > .title {display: none;}
    .loginBox_form .steps ul li.current a .number {background: #8b78e9;}
}