@media screen and (max-width: 3000px) and (min-width: 1100px) {
.Top-toggle-menu .dropdown:hover > .dropdown-menu { display: block; visibility: visible; opacity: 1; transform: translateX(0px); transition: all .4s ease 0s; }
.Top-toggle-menu .dropdown-menu { display: block; visibility: hidden; opacity: 0; transform: translateX(50px); transition: .1s ease all; }
.Responsive_1024 { display: none; }
}

@media only screen and (max-width:1600px) {
.home-banner-right { width: 600px; margin-top: 30px; }
.home-banner-right-img-div {top: 50px;}
.resource-banner-right-img-div { top: -117px; }
.resource-banner-right-img-div img { width: 70%; }
.home-banner-right-img-div img { width: 100%; }
.banner-icon-div:before { right: -25%; width: 55%; }
.banner-icon-div:after { right: -33%; }
.mobile_appscreen { position: absolute; top: 0px; left: 35px; }
.template-banner{padding-bottom:0;}
.template-banner .banner-temp-img { top: 79px; height: 400px; }
.template-banner .banner-temp-img:after { bottom: -75px; width: 500px; height: 79px; left: 90px; background-size: contain; }
.banner-temp-img img { width: 550px; }
.error-img { width: 450px; }
.pb-130 { padding-bottom: 80px !important; }
.Responsive_1024 { display: none; }
/*.nav_fixed_bg .mega_menuDropdown2 { left: -368px !important; }*/
/*.nav_fixed_bg .mega_menuDropdown2 { top: 50px;}*/

    

}

@media only screen and (min-width: 1800px){
    .common-stripe .carousel-control-prev { left: 20%; }
    .common-stripe .carousel-control-next { right: 20%; }
    .common-stripe .carousel-inner { width: 1000px; margin: auto; overflow: hidden; }
}

@media only screen and (min-width: 1199px) {
    .xl-fs-18 { font-size: 18px; }
}

    @media only screen and (min-width:1400px) and (max-width: 1500px) {
        .nav_fixed_bg .mega_menuDropdown2 { left: -728px; }
    }

    @media only screen and (max-width:1366px) {
        .banner-temp-img { top: 0px; height: 400px; }
        .Responsive_1024 { display: none; }
        .nav_fixed_bg .mega_menuDropdown2 { top: 50px; left: initial !important; right: -70px; }
        .modal-content { margin-top: 50px; }
        .nav-item.dropdown { padding-right: 10px; }
        .navbar-dark .navbar-nav .nav-link { padding: 15px 17px 3px 17px !important; }
    }

    @media only screen and (max-width: 991px) {
        .bannerframe { display: none; }
    }

    @media only screen and (min-width: 992px) {
        .home-banner { padding: 0 !important; }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .bannerframe img { width: 480px; height: 394px; }
    }

    @media only screen and (max-width:1112px) and (min-width:1024px) {
        .navbar-dark .navbar-nav .nav-link { padding: 7px 10px; }
    }

    @media only screen and (max-width:1024px) and (min-width:992px) {
        .lg-h-603px { height: 630px !important; }
        .Responsive_1024 { display: none; }
        .Carolina_Alignment_Height { min-height: 415px; position: relative; }
        .Banner_Imagehome { position: relative; top: -70px; z-index: 9; }
    }

    @media only screen and (max-width:1024px) {
        .Testimonials .carousel-control-prev { opacity: 1; left: -25px; width: auto; }
        .Testimonials .carousel-control-next { opacity: 1; /* transform: rotate(-180deg); */ right: -25px; width: auto; }
        .Resource_center .source p { min-height: 97px; }
        .started_sec p { min-height: 96px; }
        .navbar-brand img { width: 220px; }
        #mainNav { padding: 15px 0; }
        .navbar-dark .navbar-nav .nav-link { color: #333; font-weight: 500; padding: 11px 10px; }
        .template-banner .banner-temp-img { top: 10px; height: 279px; }
        .banner-temp-img img { width: 385px; }
        .template-banner .banner-temp-img:after { bottom: -115px; width: 265px; height: 79px; left: 140px; background-size: contain; }
        .mobile_appscreen { position: absolute; top: 35px; left: 14px; }
            .mobile_appscreen img { width: 500px; }
        .step-sec { width: 214px; margin: 0 auto; position: absolute; top: 50px; left: 0px; right: 0; }
        .app-gradient .step-sec { top: 55px; }
        .simple_steps .step-sec { width: 200px; margin: 0 auto; position: absolute; top: 47px; left: 5px; right: 0; }
            .simple_steps .step-sec p { color: #121212; font-size: 14px; line-height: 17px; }
        .home-banner-right { width: 460px; margin-top: 30px; }
        .home-banner-right-img-div { width: 100%; position: absolute; top: 110px; left: -5px; right: 0; z-index: 99; }
        .error-img { width: 250px; }
        .Testimonials img { width: 80%; }
        .image_flow img.set_width { width: 100%; }
        .Alignment_Height { min-height: 400px; position: relative; }
        /*.stub-feature img { width: 100%; }*/
        .paystub-creator .paystob_img { width: 300px; }
        .paystub-creator .paystob_imglast { width: 280px; }
        .Banner_Imagehome .view_link { position: absolute; right: 84px; bottom: 20px; z-index: 9999; }
        .pricing-banner .offer-price-div::after { position: absolute; content: ""; top: 0; left: -10px; background: #2bb465; height: 100%; width: 20px; transform: skew(-175deg); box-shadow: -2px 0px 5px 2px rgb(43 180 101 / 46%); }
        .double_quotes::before { content: ""; background: url(/images/quote_up.png) no-repeat left center; position: absolute; left: 26px; top: -24px; content: ""; width: 50px; height: 50px; }
        .nav_fixed_bg .mega_menuDropdown2 { top: 50px; left: initial !important; right: -40px; }
            .nav_fixed_bg .mega_menuDropdown2.form-menu { left: -490px !important; right: 0; min-width: 650px; }
        .menu-Submenu-list { padding-left: 30px; }
        .nav_fixed_bg .fomew2 .mega_menuDropdown2.form-menu { min-width: 450px; }
        .navbar-dark .navbar-nav .nav-link { padding: 15px 11px 3px 12px !important; }
    }

    @media only screen and (max-width:767px) {
        .navbar-dark .navbar-toggler { border-color: #61bacb }
        .navbar-toggler { position: relative; float: right; padding: 9px 10px; margin-top: 15px; margin-bottom: 8px; background: 0 0; border: 1px solid rgba(5,5,5,.1); border-radius: 4px; border-color: rgba(2,113,237,.33) !important; right: 0 }
            .navbar-toggler:focus { outline: 0 }
            .navbar-toggler.collapsed .icon-bar { display: block !important; width: 22px; height: 3px; border-radius: 1px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: 0 }
            .navbar-toggler .icon-bar { display: block; width: 22px; height: 4px; border-radius: 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 5px; background: #61bacb }
            .navbar-toggler.collapsed .icon-bar + .icon-bar + .icon-bar { margin-top: 4px; display: block; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-bottom: 0 }
            .navbar-toggler .icon-bar + .icon-bar { margin-top: 4px; display: none }
                .navbar-toggler .icon-bar + .icon-bar + .icon-bar { margin-top: -4px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0; margin-bottom: 5px }
        .navbar-brand img { width: 140px }
        .navbar-dark .navbar-nav .nav-link { color: #333 }
        .navbar-toggler { cursor: pointer }
        .navbar-collapse { border-top: 2px solid #dbdbdb }
        .navbar-dark .navbar-nav .nav-link.active { padding-left: 5px }
        .navbar-dark .navbar-nav .nav-link { padding-left: 5px }
        .navbar-toggler { cursor: pointer }
        header { padding: 30px 0 }
        p { font-size: 15px !important }
        .dl-inner-cnt { margin-top: 0 !important }
        footer p { font-size: 12px !important }
        #mainNav .show { background: #fff; padding: 15px; margin: 0 -16px }
        #navbarResponsive .navbar-mob { display: block }
            #navbarResponsive .navbar-mob .button_list { display: inline-block }
        .Left0 { margin-left: 0 !important }
        .text-sm-center { text-align: center !important; }
    }


    @media only screen and (max-width:640px) {
        .mb-bg { padding-left: 10px }
        .generate { padding: 10px; text-align: left; font-size: 15px }
        .create_paystub::before { background: url(../images/create_paystub.png) no-repeat; background-size: auto; background-size: auto; background-size: auto; width: 100%; position: absolute; content: ""; left: 0; top: 98%; width: 100%; height: 39px; background-size: cover }
    }

    @media only screen and (max-width:560px) {
    }

    @media only screen and (max-width:360px) {
        .create_paystub::before { background: url(../images/create_paystub.png) no-repeat; background-size: auto; background-size: auto; width: 100%; position: absolute; content: ""; left: 0; top: 100%; width: 100%; height: 21px; background-size: cover }
    }

    @media only screen and (max-width:991px) and (min-width:768px) {
        main { margin-top: 135px }
        #navbarResponsive .navbar-mob .button_list { display: inline-block }
        #navbarResponsive .navbar-mob { display: block }
        #mainNav { border-bottom: 1px solid #ddd }
        .navbar-toggler { position: relative; float: right; padding: 9px 10px; margin-top: 15px; margin-bottom: 8px; background: 0 0; border: 1px solid rgba(5,5,5,.1); border-radius: 4px; border-color: #356199 !important; right: 0 }
            .navbar-toggler:focus { outline: 0 }
            .navbar-toggler.collapsed .icon-bar { display: block !important; width: 22px; height: 2px; border-radius: 1px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: 0 }
            .navbar-toggler .icon-bar { display: block; width: 22px; height: 4px; border-radius: 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 5px; background: #356199; }
            .navbar-toggler.collapsed .icon-bar + .icon-bar + .icon-bar { margin-top: 4px; display: block; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-bottom: 0 }
            .navbar-toggler .icon-bar + .icon-bar { margin-top: 4px; display: none }
                .navbar-toggler .icon-bar + .icon-bar + .icon-bar { margin-top: -4px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0; margin-bottom: 5px }
        .navbar-dark .navbar-nav .nav-link.active { padding-left: 5px }
        .navbar-dark .navbar-nav .nav-link { padding-left: 5px }
        .navbar-brand img { width: 100px }
        .navbar-dark .navbar-nav .nav-link { color: #333 }
        .navbar-brand img { width: 220px; top: -6px; position: relative; }
        .left-bnr-btn { margin: 25px 0 25px 0; text-align: center }
        .m-btn { margin: 25px 0 25px 0; text-align: center }
        .Tempale_images h3 { font-size: 16px !important; }
        .started_sec { background: #fff; padding: 15px; box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.34); border-radius: 3px; text-align: center; display: inline-block; }
        .Resource_center .source p { min-height: 145px; }
        .Resource_center .source h3 { font-size: 20px; }
        .add-ons .started_sec h3.price-stub { font-size: 20px; color: #e84128; font-weight: 500; }
        .add-ons .started_sec h3 { font-size: 20px; color: #000; font-weight: 500; }
        .started_sec .top_addon { min-height: 72px; }
        .price-banner-img { position: absolute; bottom: -295px; }
        .app-gradient .step-sec { top: 30px; }
        .step-sec { width: 153px; margin: 0 auto; position: absolute; top: 50px; left: 0px; right: 0; }
            .step-sec h3 { font-size: 16px !important; font-weight: 500; }
        .mobile_appscreen { position: absolute; top: 210px; left: 10px; }
            .mobile_appscreen img { width: 365px; }
        .app_icon img { width: 45%; }
        .template-banner .banner-temp-img:after { bottom: -62px; width: 265px; height: 79px; left: 90px; background-size: contain; }
        .template-banner .banner-temp-img { top: 94px; height: 279px; }
        .banner-temp-img img { width: 276px; }
        .home-banner-right-img-div img { display: none; }
        .Right_Banner_image img { display: none; }
        .Responsive_768 { display: none; }
        .Responsive_1024 { display: block !important; }
        .circle-div { border: 1px solid #ddd; min-width: 300px; height: 300px; margin: 0 auto; border-radius: 100%; padding: 15px; display: flex; align-items: center; margin-bottom: 50px; justify-content: center; }
            .circle-div img { width: 45px; }
        .step-no { font-size: 19px; font-weight: 600; margin-bottom: 7px; margin-top: -15px; }
        .step1:after { position: absolute; background: url(/images/step-1-arrow.png) no-repeat; transform: rotate(90deg); content: ""; left: 0; right: 0; bottom: -40px; width: 30px; height: 30px; text-align: center; margin: 0 auto; }
        .step2:after { position: absolute; background: url(/images/step-2-arrow.png) no-repeat; transform: rotate(90deg); content: ""; left: 0; right: 0; bottom: -40px; width: 30px; height: 30px; text-align: center; margin: 0 auto; }
        .step1 { border: 4px solid #e84128; position: relative; margin-top: 25px; }
        .step2 { border: 4px solid #0f4386; position: relative; }
        .step3 { border: 4px solid #1daf5b; position: relative; margin-bottom: 0; }
        .Alignment_Height { min-height: 305px; position: relative; }
        .leftmenu_list { display: none; position: absolute; }
            .leftmenu_list.active { display: inline-block; position: absolute; z-index: 99; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); }
        .paystub-creator .paystob_img { width: 240px; }
        .paystub-creator .paystob_imglast { width: 220px; }
        .paystub-creator .step-sec { top: 40px; left: 20px; }
        /* .home-banner-right{margin:0 !important;}*/
        .banner_height { height: auto !important }
        .Banner_Imagehome { height: 60px; position: relative; top: -20px; z-index: 9; display: none; }
            .Banner_Imagehome .view_link { position: absolute; right: 35px; top: 180px; bottom: initial; z-index: 9999; }
        .Carolina_Alignment_Height { min-height: 316px; position: relative; }
        .Hidden_768 { display: none; }
        .Ribben_size { width: 460px; }
        .template-banner + .mTop80 { margin-top: 0 !important }
        .double_quotes::before { content: ""; background: url(/images/quote_up.png) no-repeat left center; position: absolute; left: -14px; top: -34px; content: ""; width: 50px; height: 50px; }
        .double_quotes::after { content: ""; background: url(/images/quote_down.png) no-repeat left center; position: absolute; right: -16px; bottom: 80px; content: ""; width: 50px; height: 50px; }
        .pricing-banner .home-banner-right { margin-top: 10px !important; }
        /*.fixed-top {    top: 64px !important; }*/



    }