@media screen and (max-width:1799px) {
	input, select, textarea { font-size: 14px; }
	p { font-size: 14px; line-height: 20px; }
	h1 { font-size: 40px; line-height: 1.1; }
	h2 { font-size: 30px; line-height: 1.1; }
	h3 { font-size: 30px; line-height: 1.1; }
	h4 { font-size: 25px; line-height: 1.1; }
	h5 { font-size: 20px; line-height: 1.1; }
	h6 { font-size: 18px; line-height: 1.1; }
	.sub-container { padding: 0% 5%; }
	.title-text { font-size: 40px; }
	.sub-title-text { font-size: 16px; margin-top: 15px; }
	.title-info { font-size: 15px; margin-top: 10px; }
	.title-separator:after { width: 180px; height: 25px; margin: 20px auto 0px auto; }
	.title-box { padding-bottom: 30px; }
	.button { font-size: 15px; padding: 10px 30px; }
	.empty-space { padding: 50px 0px; }
	.empty-space-top { padding-top: 50px; }
	.empty-space-bottom { padding-bottom: 50px; }
	.topbar-right { padding-left: 0%; }
	.topbar figure { width: 25px; }
	.search-box input { height: 44px; }
	.action-box ul li a { font-size: 15px; }
	.action-box ul li a img { width: 20px; }
	.header-menu { padding: 10px 0px; margin: 0px 0px; }
	.header-menu ul li a { font-size: 14px; padding: 9px 18px; }
	.topbar h5 { font-size: 16px; }
	.search-box button { width: 25px; }
	.hero-info h5 { font-size: 20px; color: #fff; margin: 12px 0px; }
	.hero-info p { font-size: 16px; }
	.bounce-arrow a { width: 50px; height: 50px; font-size: 14px; }
	.pgi-image img { width: 500px; }
	.pgi-icon { width: 60px; }
	.pgi-info { width: calc(100% - 70px) }
	.pgi-box { max-width: 366px; }
	.simple-icon-box img { width: 100px; height: 100px; }
	.simple-icon-box h5 { font-size: 14px; line-height: 1.3; margin-top: 10px; }
	.since-box { padding-top: 60px; padding-bottom: 60px; }
    .video-box {
        border: 5px solid rgb(252, 220, 109);
    }
	.icon-box figure { width: 115px; height: 115px; line-height: 66px; }
	.icon-box figure img { width: 40px; }
	.icon-box h5 { font-size: 18px; margin: 20px 0px; }
	.accounting-services-info h5 { font-size: 15px; }
	.price-info { padding: 10px; }
	.price-heading h4 { font-size: 25px; }
	.price-info h2 { font-size: 20px; margin: 16px 0px 25px 0px; }
	.price-info .button { margin-bottom: 15px; }
	.price-info ul li { margin-left: 30px; }
	.price-info ul li:before { width: 15px; height: 15px; margin-left: -23px; margin-right: 5px; }
	.price-info ul { padding: 3px 2px; }
	.left-right-box { padding-top: 60px; padding-bottom: 60px; }
	.as-info h2 { font-size: 25px; }
	.footer-bg { padding-top: 50px; }
	.footer-bg:before { top: -56.7%; }
	.footer-title { font-size: 18px; margin-bottom: 20px; }
	.footer-menu ul li + li { margin-top: 6px; }
	.footer-menu ul li a { font-size: 14px; }
	.social-media li a { width: 35px; height: 35px; line-height: 30px; }
	.footer-info img { max-width: 110px; }
	.footer-newsletter input { padding: 0px 20px; height: 50px; }
	.footer-newsletter button { width: 40px; height: 40px; right: 47px; top: 5px; padding: 0px; }
	.footer-box { padding: 50px 15px; }
}
@media screen and (max-width:1200px) {
	.sub-container { padding: 0%; }
	.title-box { padding-bottom: 20px; }
	.title-text { font-size: 30px; }
	.header-menu ul li a { font-size: 10px; padding: 5px 18px; }
	.topbar-left { padding: 5px 0px; }
	.topbar h5 { font-size: 12px; }
	.search-box input { height: 33px; padding-left: 30px; }
	.action-box ul li a { font-size: 12px; }
	.hero-info h1 { font-size: 32px; }
	.pgi-image img { width: 400px; }
	.pgi-box { max-width: 300px; }
	.pgi-info p { font-size: 10px; line-height: 15px; }
	.pgi-info h5 { font-size: 15px; margin: 5px 0px; }
	.price-box { margin: 15px 0px; }
	.price-bg { padding: 100px 0px; }
	.price-offer h3 { font-size: 20px; }
	.price-offer h3:before { width: 100px; }
	.price-offer h3:after { width: 100px; }
	.footer-menu ul li a { font-size: 13px; }
	.social-media li a { width: 30px; height: 30px; line-height: 25px; }
	.footer-contact ul li a { font-size: 12px; }
	.footer-newsletter input { height: 45px; }
    .footer-newsletter button {
        width: 35px;
        height: 35px;
        right: 7px;
        top: 5px;
        padding: 0px;
    }
}
@media screen and (max-width:991px) {
    .price-info ul li {
        font-size: 12px;
        margin-left: 15px;
    }

        .price-info ul li:before {
            width: 12px;
            height: 12px;
            margin-left: -18px;
            margin-right: 3px;
        }

    .pgi-image img {
        width: 300px;
    }

    .pgi-box {
        max-width: 230px;
    }

    .pgi-icon {
        width: 35px;
    }

    .pgi-info {
        width: calc(100% - 40px);
        padding: 0px 10px;
    }

        .pgi-info p {
            font-size: 8px;
            line-height: 12px;
        }

        .pgi-info h5 {
            font-size: 13px;
            margin: 2px 0px;
        }

    .icon-box h5 {
        font-size: 14px;
        margin: 15px 0px;
    }

    .icon-box figure {
        width: 100px;
        height: 100px;
        line-height: 53px;
        border: 8px solid #191919;
    }

        .icon-box figure img {
            width: 30px;
        }

    .simple-icon-box h5 {
        font-size: 12px;
    }

    .simple-icon-box img {
        width: 80px;
        height: 80px;
    }

    .price-info h6 {
        font-size: 12px;
    }

    .footer-info {
        width: 33%;
    }

    .footer-menu {
        width: 33%;
    }

    .footer-contact {
        width: 50%;
    }

    .footer-newsletter {
        width: 50%;
    }

    .footer-box {
        padding: 15px;
    }

    .footer-newsletter button {
        width: 35px;
        height: 35px;
        right: 70px;
        top: 5px;
        padding: 0px;
    }
}

@media screen and (max-width:767px) {
	.title-text { font-size: 25px; }
	.title-info { font-size: 14px; }
	header { background: #161511; }
	.pgi { padding: 0px 15px; margin-top: 0px; margin-bottom: 0px; }
	.pgi-box { position: static; max-width: 100%; }
	.pgi-center-box .pgi-info { display: inline-block; width: calc(100% - 40px); }
	.pgi-box { display: flex; padding: 10px 0px; }
	.pgi-box .pgi-info { order: 2; text-align: left; }
	.pgi-box .pgi-icon { order: 1; }
	.pgi-info h5 { font-size: 15px; margin: 0px 0px 5px 0px; }
	.pgi-info p { font-size: 12px; line-height: 20px; }
	.simple-icon-box { padding: 15px 0px; }
	.since-info h5 { line-height: 1.3; }
	.since-box { padding-top: 30px; padding-bottom: 30px; }
	.playpause { width: 80px; height: 40px; line-height: 40px; font-size: 20px; }
	.header-menu ul li a { font-size: 14px; margin: 5px 0px; }
	.header-menu { padding: 25px 0px; }
	.search-box button { width: 16px; left: 6px;}
	.toggle-menu .logo { width: 60px; }
	.toggle-button { text-align: right; }
	.toggle { border: none; background: none; margin-top: 10px; padding: 0px; }
	.toggle span { display: block; width: 30px; height: 2px; background: #f4d363; margin: 5px 0px; -webkit-transition: all .2s ease-in-out; }
	.toggle-open .toggle span:nth-child(1) { transform: translateY(9px) translateX(0) rotate(45deg); -webkit-transform: translateY(9px) translateX(0) rotate(45deg); -moz-transform: translateY(9px) translateX(0) rotate(45deg); -webkit-transition: all .2s ease-in-out; }
	.toggle-open .toggle span:nth-child(2) { opacity: 0; -webkit-transition: all .2s ease-in-out; }
	.toggle-open .toggle span:nth-child(3) { transform: translateY(-5px) translateX(0) rotate(-43deg); -webkit-transform: translateY(-5px) translateX(0) rotate(-43deg); -moz-transform: translateY(-5px) translateX(0) rotate(-43deg); -webkit-transition: all .2s ease-in-out; }
	.toggle-menu { display: block; position: fixed; left: -100%; top: 0; bottom: 0; width: 80%; height: 100vh; background: #121212; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 25px; z-index: 999; }
	.toggle-open .toggle-menu { left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
	.toggle-menu ul li { display: block; width: 100%; opacity: 0; transform: scale(1.15) translateY(-30px); transition: transform .5s cubic-bezier(.4, .01, .165, .99) 0s, opacity .6s cubic-bezier(.4, .01, .165, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .01, .165, .99); padding: 0px; margin: 0px; border-top: 1px solid #292929; border-bottom: 1px solid #000000; }
	.toggle-menu ul li:first-child { border-top: none; }
	.toggle-menu ul li:last-child { border-bottom: none; }
	.toggle-open .toggle-menu ul li { opacity: 1; transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); }
	.toggle-open .toggle-menu ul li:nth-child(1) { transition-delay: 0s; }
	.toggle-open .toggle-menu ul li:nth-child(2) { transition-delay: 0.1s; }
	.toggle-open .toggle-menu ul li:nth-child(3) { transition-delay: 0.2s; }
	.toggle-open .toggle-menu ul li:nth-child(4) { transition-delay: 0.3s; }
	.toggle-open .toggle-menu ul li:nth-child(5) { transition-delay: 0.4s; }
	.toggle-open .toggle-menu ul li:nth-child(6) { transition-delay: 0.5s; }
	.toggle-open .toggle-menu ul li:nth-child(7) { transition-delay: 0.6s; }
	.search-box { display: block; width: 100%; margin: 15px 0px; }
	.action-box { width: 100%; padding: 0px; }
	.hero-info h1 { font-size: 24px; }
	.hero-info p { font-size: 15px; }
	.hero-image { margin-top: 0px; }
	.bounce-arrow { padding-top: 50px; }
	.bounce-arrow a { width: 30px; height: 30px; font-size: 8px; }
	.price-info ul { padding: 3px 10px; }
	.left-right-box { display: block; padding-top: 20px; padding-bottom: 20px; }
	.left-right-box:nth-child(odd) .as-info { padding-left: 0%; }
	.as-info { padding-top: 20px; }
	.banner-box { padding-top: 40px; }
	.banner-info h1 { font-size: 25px; }
	.banner-image { margin-bottom: -50px; }
	.contact-form-bg { padding: 100px 0px 100px 0px; }
	.jtgromcn-box .title-text { font-size: 22px; }
	.price-bottom-info h3 { font-size: 19px; }
	.price-bottom-info h6 { font-size: 16px; margin-top: 10px; margin-bottom: 20px; }
	.price-bottom-info { padding-top: 35px; }
	.price-bg { padding: 30px 0px; }
	.price-offer h3 { font-size: 20px; line-height: 1.3; }
	.price-offer h3:before { display: none; }
	.price-offer h3:after { display: none; }
	.price-offer { padding: 40px 0px 20px 0px; }
	.pgi-center-box .pgi-info { padding: 0px 10px; }
	.erp-sf-icon:nth-last-child(-n+2) { width: 100%; }
	.erp-sf-bg { padding-top: 60px; }
	.footer-info { width: 100%; }
	.footer-menu { width: 100%; }
	.footer-contact { width: 100%; }
	.footer-newsletter { width: 100%; }
	.footer-box + .footer-box { border-top: 1px solid #2f2f2f; }
	.footer-contact ul li:nth-child(2) a { border: none; }
	.footer-bg:before { top: -75.3%; height: 79%; background-size: contain; }
.toggle-link {
    display: inline-block;
    color: #fff;
    width: 30px;
}
.header-menu ul li a {
    display: inline-block;
    width: calc(100% - 30px);
}
.header-menu ul li:hover .sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

}
.header-menu ul li .sub-menu li:hover .sub-menu
{
	display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.sub-menu
{
	position: static;
	height: 0;
	 transform: translateY(0) !important;
	 width: 100%;
	 padding: 0px;
	 border-radius: 0px;
}
.sub-menu .sub-menu {
  
    transform: translateY(-0px) !important;

}
.header-menu ul li .sub-menu.active
{	height: auto !important;
	    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  
}
.header-menu ul li .sub-menu  li .sub-menu.active
{	height: auto !important;
	    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  
}
.header-menu ul .active a
{
	    background: none;
	    color: #fff;
}
.header-menu ul li .sub-menu li .sub-menu:after
{
	display: none;
}
.header-menu ul li .sub-menu:after
{
	display: none;
}
.header-menu ul li .sub-menu li a
{
	padding: 5px 10px;
}
}