@media (min-width: 1200px) { 
.menu-for-mobile{display:none}
.menu-for-desktop{display:block}
#header-band .navbar .nav-item{padding:18px 20px 18px 0;}
#header-band .navbar .support-btn{font-size:18px; width:140px; border:2px solid #017CB7; height:44px;  border-radius:3px; text-align:center; color:#017CB7; font-weight:600;}
#header-band .navbar .login-btn{font-size:18px; width:140px; background:#017CB7;height:44px; border-radius:3px; text-align:center; color:#fff; font-weight:600; border:0; }
#header-band .navbar .magnifing-glass-icon{width:30px; height:30px; margin-right:15px;}
.has-submenu > a.dropdown-arrow:after{width:30px; height: 19px; z-index: 100; position: absolute; background:url(../images/nav-dropdown-arrow.png) no-repeat top left; top:45px; left:calc(50% - 10px); background-size:30px 19px; display:none; content:"";}
.has-submenu:hover > a.dropdown-arrow:after{display:block;}
.has-submenu:hover .menu-dropdown-panel{display:block;}
.menu-dropdown-panel{width:100%; position:absolute; top:80px; left:0; right:0; background:#0D6CB8; padding:20px; min-height:420px; z-index:999; display:none;}
.sub-menu-box{width:100%; float: left;}
.sub-menu-box ul{width:100%; float: left; margin:0; padding:0;}
.sub-menu-box ul li{width:100%; float: left; list-style:none;}
.sub-menu-box ul li a{width:100%; float: left; padding:15px 25px 15px 15px; font-size:20px; line-height: 22px; color:#fff !important; font-weight:600;}
.sub-menu-box ul li a .creditbox{font-size:14px; width:100%; float:left; margin-top:5px; font-weight:400;}
.sub-menu-box ul li a .creditbox img{height:16px;}
.sub-menu-box ul li.selected a{background:#004D8B url(../images/white-forward-arrow.png) no-repeat center right 10px; background-size: 10px 20px;}
.sub-menu-box ul li a:hover{background:#004D8B url(../images/white-forward-arrow.png) no-repeat center right 10px; background-size: 10px 20px; }
.menu-dropdown-panel .sub-menu-content-box{width:100%; float: left; background: #fff; min-height:380px;}
.menu-dropdown-panel .sub-menu-content-box .desc-box{width:50%; float: left; padding: 20px; background:#fff;}
.menu-dropdown-panel .sub-menu-content-box .desc-box h3{width:100%; float: left; margin-bottom:20px; font-size:30px; font-weight:600; color:#000;}
.menu-dropdown-panel .sub-menu-content-box .desc-box p{width:100%; float: left; margin-bottom:15px; font-size:18px; line-height: 24px; font-weight:400; color:#000;}
.menu-dropdown-panel .sub-menu-content-box .last-level-links{width:50%; float: left; padding: 20px; background:#F9F9F9;}
.menu-dropdown-panel .sub-menu-content-box .last-level-links ul{width:100%; float: left; padding:0; margin:0;}
.menu-dropdown-panel .sub-menu-content-box .last-level-links ul li{width:100%; float: left; padding:0; margin-bottom:10px; list-style: none;}
.menu-dropdown-panel .sub-menu-content-box .last-level-links ul li a{width:100%; float: left; padding:10px 15px; background:#CDDDE5; font-size:18px; color:#2196F3; font-weight:600;}
.menu-dropdown-panel .sub-menu-content-box .last-level-links ul li a:hover{background:#BCD2DE;}
 }

 @media (max-width: 1200px) { 
    .navbar-toggler{border:2px solid #111; border-radius: 3px; padding:5px 7px;}
    .menu-for-mobile{display:block}
    .menu-for-desktop{display:none}
    #header-band .navbar-collapse{width:100%; max-width:500px; z-index: 999; background:#ffffff; position: absolute; border:1px solid #0D6CB8; border-top:0; top:84px; right:0;}
    #header-band .navbar-collapse .nav-item {width:100%; float: left; border-bottom:1px solid #abc9e1; }
    #header-band .navbar .navbar-nav{background:#0D6CB8;}
    #header-band .navbar .navbar-nav .nav-link{width:100%; float: left; color:#fff; font-size:18px; padding:15px;}
    #header-band .navbar .navbar-nav .dropdown-menu{border-radius:0; border:0; padding:0; margin:0; width:100%; float: left;}
    #header-band .navbar .navbar-nav .dropdown-menu .dropdown-item{width:100%; float: left; padding:12px 15px; font-weight:500;} 

    #header-band .navbar .support-btn{font-size:18px; width:100%; border:2px solid #017CB7; height:44px;  border-radius:3px; text-align:center; color:#017CB7; font-weight:600;}
    #header-band .navbar .login-btn{font-size:18px; width:100%;  background:#017CB7;height:44px; border-radius:3px; text-align:center; color:#fff; font-weight:600; border:0;}
    #header-band .navbar .magnifing-glass-icon{width:30px; height:30px; margin-right:15px; display:none;}
}

@media (max-width: 992px) {
    .independandealer .client-logo {height: 150px; line-height: 150px;}
    .independandealer .client-logo img{max-height:150px;}
    .big{height:auto;}
    #banner-band-mobile{display:block;}
    #banner-band{display:none;}
    .inner-banner-band{display:none;}
    .banner-band-faq{background:none;}
    .banner-band-faq .container{ padding:20px 15px;}
    .responsive-top-spacing{margin-top:55px;}
}

@media screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .independandealer .client-logo {height: 150px; line-height: 150px;}
   .independandealer .client-logo img{max-height:150px;}

        .big {
            height: auto;
        }
}

@media (max-width: 768px) { 
      .visible768{display:block;}
    #how-dxt-work, #chart-sample, #payroll-hmc, #industry-exp, #top-rated, #how-dxt-works, #ind-exp{padding:40px 0;}
    h2.section-heading{font-size:22px;}
    #top-band{display: none;}
    #top-band .top-band-close{width:16px; height:16px; position:absolute; top:0px; right:15px; z-index: 20; }
    #top-band .top-band-close img{width:16px; height:16px; }
    #how-dxt-work .select-row { margin-bottom: 30px; padding-right: 0;}
    #never-print-band{padding:30px 0; line-height:50px;}
    #never-print-band img{height:35px;}
    #chart-sample .graph-scroller{padding:0 10px;}
    .xs-d-none{display:none;}
    #footer .footer-column {width: 100%; border-bottom:1px solid #175280; margin-bottom:20px;}
    #footer{padding:30px 0;}
    #footer .footer-contact-box{padding-left:40px;}
    .independandealer .client-logo{height:auto; line-height:normal;}
    .testimonials .related-testimonial-block{width:100%; margin-top:20px;}
    .tab-content-holder h3{font-size:22px; margin-bottom:20px;}
    #dxt-gurantee{padding:30px 0;}
    #dxt-gurantee h2{font-size:22px;}
    #how-dxt-works .home-testimonial-item{padding:0 30px;}
    #how-dxt-works .home-testimonial-item .media-box{margin-bottom:15px;}
     #how-dxt-works .home-testimonial-item .media-box iframe{width:100%;}
    #how-dxt-works .carousel-control-next, #how-dxt-works .carousel-control-prev{width:30px;}
    #how-dxt-works .carousel-control-next img, #how-dxt-works .carousel-control-prev img {width: 20px;}
    #how-dxt-works .carousel-control-prev{left:-10px;}
    #how-dxt-works .carousel-control-next{right:-10px;}
    .testimonials-details iframe{max-width:100%; height:300px;}
    #banner-band-mobile h3{font-size:24px; line-height:30px;}
    .plan-holder .arrow-dealer{width: 80px; top: -70px; right: -3px;}
 }

@media (max-width: 576px) { 
    .chat-btn{display:none;}
    #top-rated .top-rated-item{margin-bottom:50px;}
    #ind-exp .ind-exp-item{margin-bottom:50px;}
    #banner-band .stop-complain-box{padding:15px;}
    #banner-band h3{font-size:24px; line-height:30px;}

    .tab-wrapper .nav-item{width:50%;}
    .guarantee-image img{max-width:150px;}
    .free-book-image{text-align:center; margin-bottom:10px;}
    .free-book-image img{width:auto; max-height:150px;}
    .xs-d-none{display:none;}
    #footer .footer-column {width: 100%; border-bottom:1px solid #093557; margin-bottom:20px;}
    #footer{padding:30px 0;}
    #footer .footer-contact-box{padding-left:20px;}
    #footer .footer-links{padding-left:20px;}
    .content-block h2{font-size:22px;}
    .inner-banner-band{padding:50px 0; min-height:100px}
    .inner-banner-band h3{font-size:26px; line-height:36px;}
    .inner-banner-band p{font-size:18px; }
    #footer .footer-sub-links li{padding:0 16px;}
    .tab-wrapper .nav-item {width: 33.33%;}
    .ourstory .video-frame iframe{height:300px;}
    .plan-block-big .plan-details{height:auto;}
    .video-on-demand .video-list .video-list-item{width:100%;}
    .blog-page .post-list .post-list-item{width:100%;}
    .search-control-tabs{margin-right:0; max-width:600px;}
     .testimonials-details iframe{max-width:100%; height:250px;}
}

@media (max-width: 400px) {
    .tab-wrapper .nav-item {width: 50%;}
        .ourstory .video-frame iframe{height:200px;}
    .video-on-demand .tab-wrapper .nav-item{margin-right:18px;}
    .video-on-demand .tab-wrapper .nav-item.last{margin-right:0;}
    .blog-page .tab-wrapper .nav-item{margin-right:18px;}
    .blog-page .tab-wrapper .nav-item.last{margin-right:0;}
    .testimonials-details iframe{max-width:100%; height:200px;}

}