/* Container - Desktop First Approach */
.container {
    max-width: 1320px;
}

@media (max-width: 1399px) {
    .container { max-width: 1140px; }
}

@media (max-width: 1199px) {
    .container { max-width: 960px; }
}

@media (max-width: 991px) {
    .container { max-width: 720px; }
}

@media (max-width: 767px) {
    .container { max-width: 540px; }
}

@media (max-width: 575px) {
    .container { max-width: 100%; }
}

/* Responsive Styles */
@media(max-width: 1400px){
	
	.top-bar {
		padding: 24px 44px;
	}
	.clients-section ul.shaps-img li:nth-child(2) img {
		width: 64px;
	}
	.clients-section ul.shaps-img li:nth-child(1) img {
		width: 31px !important;
	}
	li.navbar-dropdown.menu-item-children {
		padding-right: 50px;
	}
	.subscribe-text #subscribe-form input {
		width: 536px;
	}
	.how-it-works {
		background-size: 2267px;
	}
	.count-style h2 {
		font-size: 76px;
	}
	.count-style h2 sup {
		font-size: 44px;
	}
	.hero-section.three {
		padding-top: 190px;
	}
	.hero-section.three .hero-text {
		padding-bottom: 40px;
	}
	.subscribe-text {
		margin-top: 60px;
	}
	#blog ul.shaps-img li:nth-child(1) img {
		width: 200px;
	}
	.widget-title ul li i {
		padding-right: 6px;
	}
	.hero-section ul.shaps-img li:nth-child(4) {
		bottom: 49%;
		left: 20%;
	}
	.widget-title ul li a {
		font-size: 15px;
	}
	.blog p {
		width: 100%;
	}
	.hero-section.for {
		padding-top: 202px;
		background-size: 2218px;
	}
	.tag > a {
		margin-top: 4px;
	}
	footer ul.shaps-img li:nth-child(2) {
		left: 3%;
	}
	.footer-try h2 {
		font-size: 54px;
	}
	footer {
		padding-bottom: 30px !important;
	}
	.blog > a {
		font-size: 26px;
		line-height: 34px;
		padding-top: 6px;
		padding-bottom: 10px;
	}
	li.menu-item-children > a:before {
		right: 35px;
	}
	.clients {
		width: 570px;
	}
	.pricing-plans h5 {
		font-size: 50px;
	}
	.pricing-plans span {
		font-size: 16px;
	}
	.accordion-contact h4 {
		font-size: 16px;
		padding-left: 20px;
	}
	.hero-text h1,
	.hero-text h2 {
		line-height: 76px;
		font-size: 66px;
	}
	.title {

		font-size: 22px;
	}
	.get-a-quote img {
		width: 49px;
	}
	.navbar-links li.navbar-dropdown:hover .sub-menu {
		transform: translatey(23px);
	}
	.hero-section ul.shaps-img li:nth-child(1) {
		top: 20%;
		left: 4%;
	}
	.hero-section ul.shaps-img li:nth-child(2) {
		left: 6%;
	}
	.hero-section ul.shaps-img li:nth-child(3) {
		width: 28px;
	}
	.hero-section ul.shaps-img li:nth-child(5) {
		width: 300px;
	}
	.hero-section ul.shaps-img li:nth-child(4) {
		bottom: 10%;
		left: 50%;
	}
	.top-bar a i {
		font-size: 24px;
		padding-top: 6px;
	}
	.heading h1,
	.heading h2 {
		font-size: 50px;
	}
}
@media(max-width: 1200px){
	/* Container responsive breakpoints */
/*    .container {
		max-width: 1140px;
	}*/
	
	.no-top{
		padding-top: 0;
	}
	.no-bottom{
		padding-bottom: 0;
	}
	.subscribe-text > div {
		margin-left: 14px;
	}
	.subscribe-text {
		padding: 20px;
	}
	.subscribe-text h3 {
		font-size: 26px;
	}
	.subscribe-text #subscribe-form input {
		width: 410px;
	}
	.count-style {
		padding: 30px 35px;
	}
	.count-style h2 {
		font-size: 70px;
	}
	.count-style h2 sup {
		font-size: 38px;
	}
	.pricing-plans {
		padding: 20px 20px;
	}
	.clients {
		width: 428px;
	}
	.pricing-plans-text ul {
		width: 90%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.clients-img h3 {
		font-size: 20px;
	}
	.clients {
		padding: 30px;
		border-radius: 25px;
	}
	.accordion-contact h4 {
		font-size: 18px;
		padding-bottom: 16px;
		padding-left: 30px;
		font-weight: bold;
	}
	.accordion-contact {
		padding: 10px;
		border-radius: 30px;
		padding-bottom: 10px;
		padding-top: 36px;
	}
	.team h4 {
		font-size: 24px;
	}
	.team span {
		font-size: 16px;
	}
	.accordion {
		background-color: #fff;
		z-index: 1;
		position: relative;
		margin-bottom: 40px;
	}
	.accordion-contact h4 {
		font-size: 14px;
		padding-bottom: 16px;
		padding-left: 10px;
	}
	.how-it-works {
		background-image: none !important;
	}
	.navbar {
		display: none;
	}
	.review ul li {
		padding-right: 0px;
	}
	.btn {
		padding: 1rem 2.4rem;
	}
	.get-a-quote {
		width: 100%;
	}
	.hero-text h1,
	.hero-text h2 {
		line-height: 66px;
		font-size: 56px;
	}
	.listing {
		width: 100%;
	}
	.hero-section ul.shaps-img li:nth-child(2) {
		left: 3%;
	}
	
	.get-a-quote input[type="text"], .get-a-quote input[type="email"], .get-a-quote input[type="number"] {
		margin-bottom: 10px;
	}
	.get-a-quote {
		padding: 30px;
	}
	.get-a-quote img {
		width: 40px;
	}
	.hero-section ul.shaps-img li:nth-child(4) {
		bottom: 3%;
		left: 50%;
	}
}

@media(max-width: 993px){

/*    .container {
		max-width: 940px;
	}*/
	
	.hero-section {
		padding-top: 105px;
	}
	.footer-try > div {
		width: 100%;
	}
	.accordion-img img {
		width: auto;
	}
	.hero-text {
		text-align: center;
	}
	.subscribe-text {
		flex-wrap: wrap;
		gap: 20px;
	}
	.subscribe-text #subscribe-form,
	.subscribe-text #subscribe-form input {
		width: 100%;
	}
	.hero-section.two {
		padding-top: 180px;
	}
	.presenting.two {
		margin-top: 0;
	}
	.subscribe-text {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
		text-align: center;
	}
	.footer-try {
		flex-wrap: wrap;
		gap: 25px;
	}
	.hs-responsive-embed-youtube iframe {
		height: 500px;
	}
	.hero-section.for {
		padding-top: 202px;
		background-size: 2018px;
	}
	.hero-section.for ul.shaps-img li:nth-child(5) {
		width: 199px;
	}
	.hero-section.for .hero-text {
		width: 100%;
	}
	.widget-title ul {
		row-gap: 12px;
	}
	.footer-logo p {
		width: 100%;
		padding-top: 16px;
		padding-bottom: 30px;
	}
	.all-rights p {
		text-align: center;
	}
	.widget-title h3 {
		font-size: 24px;
		padding-bottom: 20px;
		padding-top: 30px;
	}
	.all-rights {
		margin-top: 50px;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}
	.blog {
		margin-bottom: 30px;
	}
	.accordion-section .heading.two {
		width: 100%;
	}
	.count-style h2 {
		font-size: 60px;
	}
	.count-style h2 sup {
		font-size: 35px;
	}
	.count-style:hover {
		transform: translateY(00px);
	}
	.count-style {
		margin-bottom: 10px;
	}
	.count-style h4 {
		font-size: 22px;
		padding-bottom: 18px;
		padding-top: 4px;
	}
	.count-style {
		min-height: inherit;
		margin-bottom: 20px;
	}
	
	
	.clients p {
		font-size: 14px;
		line-height: 24px;
	}
	.team {
		z-index: 11;
		margin-bottom: 40px;
	}
	.pricing {
		margin-bottom: 20px;
	}
	.accordion-contact h4 {
		font-size: 18px;
		padding-bottom: 16px;
		padding-left: 30px;
	}
	header {
		padding-top: 10px;
	}
	h3 {
		font-size: 22px;
	}
	.how-it-works ul.chek {
		padding-bottom: 20px;
	}
	.how-do-stap {
		margin-top: 20px !important;
	}
	.heading h1,
	.heading h2 {
		font-size: 42px;
	}
	.heading {
		width: 100%;
	}
	.heading h5 {
		font-size: 26px;
	}
	.hero-text h1,
	.hero-text h2 {
		padding-bottom: 10px;
	}
	.hero-text {
		padding-bottom: 30px;
	}
	.get-a-quote {
		margin-top: 40px;
	}
	form#contact-form h3 {
		font-size: 34px;
	}
	.btn {
		padding: 1rem 2.0rem;
		font-size: 15px;
	}
	.review {
		flex-wrap: wrap;
		justify-content: center;
	}
	.review .btn {
		width: 100%;
		margin-bottom: 20px;
	}
	.review img {
		margin-left: 0;
	}

	.marquee:before, .marquee:after {
		width: 170px;
	}
	.marquee .marquee-item {
		margin-left: 60px;
	}
	
	footer {
		padding-bottom: 20px;
		background-size: cover;
	}
	
	footer .logo {
		width: 35%;
	}
	
	footer.footer-info-box .row {
		display: grid;
		grid-template-columns: 60% 40%;
		grid-template-rows: auto auto;
	}
	footer.footer-info-box .row > div:nth-child(1) {
		grid-row: 1 / 3;
		grid-column: 1;
		width: 100%;
	}
	footer.footer-info-box .row > div:nth-child(2) {
		grid-row: 1;
		grid-column: 2;
		width: 100%;
	}
	footer.footer-info-box .row > div:nth-child(3) {
		grid-row: 2;
		grid-column: 2;
		width: 100%;
		
		margin-top: 10px;
	}
	footer.footer-info-box .mobilehide {
		display: none;
	}
	
	header.mainmenu {
		top: 15px;
		left: 15px;
		width: calc(100% - 30px);
	}
}
@media(max-width: 768px){
	
/*	.container {
		max-width: 700px;
	}*/
	
	.subscribe-text {
		margin-top: 0px;
	}
	.accordion {
		width: 100%;
		padding: 12px 20px;
	}
	.video img {
		width: 100%;
	}
	.heading.two p {
		width: 100%;
		padding-top: 18px;
	}
	.hero-section.for .hero-text h1,
	.hero-section.for .hero-text h2 {
		font-size: 40px;
		line-height: 50px;
	}
	ul.chek li {
		font-size: 16px;
	}
	.hs-responsive-embed-youtube iframe {
		height: 400px;
	}
	.hero-section.for {
		padding-top: 150px;
		background-size: 1618px;
	}
	.gap {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.no-top{
		padding-top: 0;
	}
	.no-bottom{
		padding-bottom: 0;
	}
	.heading {
		margin-bottom: 30px;
	}
	.presenting p {
		font-size: 16px;
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0px;
	}

	.marquee:before,.marquee:after {
		width: 140px;
	}
	.marquee .marquee-item {
		margin-left: 50px;
	}
	.marquee .marquee-item img {
		max-width: 140px;
		max-height: 100px;
	}
	
	header.mainmenu {
		flex-wrap: wrap;
		padding: 6px 10px;
    }
	header.mainmenu .logo {
		width: 100%;
		text-align: center;
	}
	header.mainmenu .logo img {
		height: 55px;
	}
	header.mainmenu > a {
		font-size: 16px;
		white-space: nowrap;
		order: 3;
		width: 100%;
		
		width: 100%;
		text-align: center;
		display: block;
	}
	
	
	
	/* Footer table wrapping for mobile */
	
	
	footer .logo {
		width: 100%;
	}
	
	footer.footer-info-box {
		width: 100%;
		text-align: center;
	}
	footer.footer-info-box .logo img {
		width: 60%;
	}
	footer.footer-info-box .row {
		display: block;
	}
	footer.footer-info-box .row > div:nth-child(1) {
		width: 100%;
	}
	footer.footer-info-box .row > div:nth-child(2) {
		width: 100%;
		
		margin-top: 30px;
	}
	footer.footer-info-box .row > div:nth-child(3) {
		width: 100%;
		
		margin-top: 20px;
	}
	footer.footer-info-box table.footer-contact {
		margin: 0 auto;
		left: -23px;
		position: relative;
	}
	
	
	footer.footer-info-box table.footer-opening {
		width: 100%;
	}
	footer.footer-info-box table.footer-opening tr > td:nth-child(1) {
		width: 50%;
		text-align: right;
		padding-right: 10px;
	}
	footer.footer-info-box table.footer-opening tr > td:nth-child(2) {
		width: 50%;
		text-align: left;
		padding-left: 10px;
	}
	
	
	#cookie-free-badge {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    #cookie-free-badge span {
        display: none;
    }
    #cookie-free-badge svg {
        width: 24px;
        height: 24px;
    }
	
	button#mobile-menu-toggle {
		bottom: 85px;
	}
}

@media(max-width: 576px){
	
/*	.container {
		max-width: 530px;
	}*/

	ul.shaps-img {
		display: none;
	}
	.footer-try {
		padding-bottom: 60px;
	}
	.hero-section.three .hero-text,
	.hero-section.two .hero-text {
		width: 100%;
	}
	.hero-section.two .review {
		margin-top: 40px;
	}
	.presenting {
		justify-content: center;
		text-align: center;
	}
	.clients-img img {
		border-radius: 50%;
		margin-right: 12px;
		width: 56px;
	}
	.gap {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.no-top{
		padding-top: 0;
	}
	.no-bottom{
		padding-bottom: 0;
	}
	.clients {
		width: 380px;
	}
	.hero-text h1,
	.hero-text h2 {
		line-height: 56px;
		font-size: 44px;
	}
	.heading h1,
	.heading h2 {
		font-size: 34px;
	}
	.presenting {
		flex-wrap: wrap;
		gap: 30px;
	}
	.presenting i {
		width: 90px;
		height: 90px;
		font-size: 54px;
		margin-right: 0;
		margin-left: 10px;
	}
	.presenting i:after {
		width: 88px;
		height: 88px;
	}
	.presenting:hover i:after {
		border: 53px solid #444;
	}
	
	.marquee:before,.marquee:after {
		width: 80px;
	}
	.marquee .marquee-item {
		margin-left: 35px;
	}
	.marquee .marquee-item img {
		max-width: 100px;
		max-height: 60px;
	}
}
@media(max-width: 500px){
	.top-bar a {
		font-size: 14px;
	}
	.hero-section.two {
		padding-top: 160px;
    }
	.hero-text p {
		font-size: 18px;
		line-height: 28px;
	}
	.footer-try h2 {
		font-size: 42px;
	}
	.clients-img h3 {
		font-size: 16px;
		padding-bottom: 0;
	}
	.hs-responsive-embed-youtube iframe {
		height: 320px;
	}
}
@media(max-width: 480px){
	.presenting {
		margin-top: 40px;
		width: 100%;
		gap: 30px;
	}
	.top-bar a i {
		font-size: 18px;
		padding-top: 6px;
		margin-right: 5px;
	}
	.hero-section.for .hero-text h1,
	.hero-section.for .hero-text h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.hs-responsive-embed-youtube iframe {
		margin-top: 46px;
	}
	.presenting i {
		margin-right: 10px;
		margin-left: 10px;
	}
	.clients {
		width: 320px;
	}
	.clients p {
		font-size: 12px;
		line-height: 22px;
	}
}
@media(max-width: 450px){
	.hero-text h1,
	.hero-text h2 {
		line-height: 48px;
		font-size: 38px;
	}
	.hero-section.three {
		padding-top: 140px;
	}
	.footer-try h2 {
		font-size: 36px;
	}
	.count-style h4 {
		font-size: 20px;
	}
	.accordion-img img {
		width: 100%;
	}
	.accordion-contact h4 {
		font-size: 16px;
		padding-bottom: 16px;
		padding-left: 14px;
	}
	.top-bar {
		padding: 16px 26px;
	}
	
	
    #mobile-menu-panel {
        width: 75%;
    }

    #mobile-menu-toggle {
        bottom: 90px;
        right: 10px;
        padding: 12px 16px;
        font-size: 13px;
    }
	
	button#mobile-menu-toggle.active {
		right: 70%;
	}
	
	header.mainmenu .logo img {
		width: 200px;
		height: 65px;
		margin-right: 0px;
	}
	header.mainmenu svg.icon-svg {
		width: 25px !important;
		height: 25px !important;
	}
}
@media(max-width: 410px){
	.marquee:before, .marquee:after {
		width: 100px;
	}
	.expert-icon {
		left: 8%;
	}
	.footer-try h2 {
		font-size: 30px;
	}
}
@media(max-width: 375px){
}