@media only screen and (min-width:1400px){
.container-fluid {
	padding-left:40px;
	padding-right:40px;
	max-width: 1400px;
}
.home-banner {
	padding:80px 0;
}

}



@media only screen and (min-width:1251px) and (max-width:1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1220px;
}
.testimonial-conatiner::before{width: 1190px}
}



@media only screen and (min-width:992px) and (max-width: 1250px){
h1{font-size: 50px}
h2{font-size: 40px}

.header-right .common-btn {
	font-size: 14px;
	padding: 0 15px;
	min-height: 40px;
}

header .header-right .nav li{font-size: 14px}
.contact-info .phone{font-size: 14px}

.home-banner {padding: 80px 0;}
.about-us .text-box {
	padding-left: 30px;
}
.about-us .success-box strong{font-size: 50px; line-height: 55px; padding-bottom: 30px;}
.why-choose-us .inner .text-box{padding: 30px;}
.solution-conatiner .solution-box.blue{padding: 40px;}
.expert-conatiner {
	padding: 40px 0 80px;
}
.contact-container .address-box ul li{margin-bottom: 30px;}
.how-work-conatiner .inner-card figure img {
	max-height: 25px;
}

.testimonial-conatiner::before{width: 900px;}



}

/* Toggle icon (only visible on mobile) */
.toggle-icon::before {
  content: "+";
  float: right;
  font-size: 24px;
  margin-left: 8px;
}

.toggle-icon.active::before {
  content: "-";
}

/* On mobile, submenu opens when active */
@media (max-width: 991px) {
  .main-menu .sub-menu.open {
    max-height: 500px; /* expand */
    opacity: 1;
    visibility: visible;
  }
}






@media only screen and (max-width: 991px){
.header-inner{padding:0}
.container, .container-md, .container-sm {
	max-width: 100%;
	padding: 0 20px;
}

.menu-toggle.active i:before{
	content: "\F62A";
	font-family: "bootstrap-icons";
}
.menu-toggle {
	display: block;
	right: 0;
	float: right;
	background: #29995D;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 27px;
	margin:0;
	line-height: 20px;
}
.menu-toggle:hover{color: #fff;}
.sticky{position: static;}
header{padding:15px 0; position: static; background: #F9F9F9;}
header .header-right {
	background: #f6f6f8;
    top:66px;
    left: 0;
    padding: 20px;
    z-index: 9;
    position:absolute;
    width: 100%;
    height: calc(100%);
    overflow-x: auto;
    transition: .3s linear 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    min-height: inherit; opacity: 0.5; align-items: flex-start;
}
.header-right.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99; opacity: 100%;
}
header .header-right .nav li a:hover::before, header .header-right .nav li.active a::before {width: 0;}
header .header-right .nav li .sub-menu{width: 100%; transition: none;}

header .header-right .nav li .sub-menu.open {
	max-height: 500px;
	opacity: 1;
	visibility: visible;
	position: static;
	width: 100%;
	margin-top: 10px;
	overflow: auto;
	transition: none;
}

header .header-right .nav li a {
	width: 100%;
	padding: 5px;
	display: block;
	position: relative;
}

header .header-right .nav li a .toggle-icon{position: absolute; right: 0; top: 0}

header .header-right .nav {
	display: flex;
	gap:13px;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
}
.active_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}

header .logo {
	max-width: 170px;
	height: auto;
	padding: 0;
	background: none;
	position: static;
	box-shadow: none;
}

.home-banner .content-box {
	position: relative;
	width: 100%;
}

h1{font-size: 50px}
h2{font-size: 40px}


.home-banner {
	padding: 80px 0;
}
.common-btn {
	min-width: 166px;
	min-height: 46px;
	font-size: 14px;
}
.service-cards .card .text-box h6 {
	font-size: 18px;	
}
.slick-arrow{width: 46px; height: 46px; top: -85px; right:205px}
.slick-arrow.slick-prev {right: 260px;}
.testimonial-card .inner .quotes{bottom: 15px; right: 15px;}
.stories-conatiner .story-card{margin-right: 20px}
.stories-conatiner .story-card figure{height: 190px}
.top-footer .info-box li a {
	font-size: 14px;
	display: inline-block;
}
.about-us .success-box strong{font-size: 40px; padding-bottom: 20px;}
.about-us .success-box span{font-size: 16px}
.why-choose-us .inner .text-box{padding: 20px;}
.expert-conatiner, .expert-conatiner {
	padding: 40px 0;
}
.solution-conatiner .top-info {
	position: static;
	margin-bottom: 20px;
}
.solution-conatiner .solution-box{justify-content: flex-start; min-height:auto;}
.testimonial-conatiner::before {
	width: 700px;
	height: 520px;
	top: 90px;
}

.how-work-conatiner [class*="col-"] {
	margin-bottom: 80px;
}
.how-work-conatiner [class*="col-"]:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.about-us .text-box {
	padding-left: 30px;
}
.how-work-conatiner p{margin-bottom: 40px;}
.contact-container .address-box{padding: 25px}
.contact-container .address-box ul li{margin-bottom: 35px;}
.contact-container .form-box {
	padding-right: 30px;
}
.expert-conatiner .expert-card .inner figure{height: 150px;}
.contact-container{padding: 40px 0;}

}



@media only screen and (max-width: 767px){
h1{font-size:40px;}
h2{font-size:30px;}
h4{font-size:25px;}

.sticky{position: static;}


.home-banner {
	padding: 50px 0;
}

.sub-heading {
	margin-bottom: 15px;
	font-size: 14px;
}

.home-banner h1{font-size: 40px;}

.about-us {
	padding: 40px 0;
}
.about-us .text-box {
	padding-left: 0;
}

.contact-info{flex-direction: column;}
.home-banner {
	padding: 50px 0;
	height: 100% !important;
}
.about-us figure{margin-bottom: 35px;}
.about-us .success-box {
	width: 100%;
	min-height: auto;
	padding: 0 25px;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding: 30px 0;
}
.about-us .success-box strong {
	font-size: 40px;
	padding-bottom: 20px;
	line-height: 45px;
}
.about-us .col-md-3:last-child .success-box{border-bottom: 0;}
.solution-conatiner h2 {
	margin-bottom: 20px;
}


.expert-conatiner [class*="col-"] {
	margin-bottom:30px;
}
.expert-conatiner [class*="col-"]:nth-last-child{
  margin-bottom: 0;
}
.how-work-conatiner p br{display: none}
.how-work-conatiner [class*="col-"] {
	margin-bottom: 50px !important;
}

.how-work-conatiner [class*="col-"]:last-child {
	margin-bottom: 0 !important;
}
.solution-conatiner .solution-box{padding: 30px}
.solution-conatiner [class*="col-"]:last-child{
	margin-bottom: 0;
}
.how-work-conatiner {
	padding: 40px 0;
}
.testimonial-conatiner .container .arrow-box{margin-bottom: 30px; justify-content: flex-end;}
.expert-conatiner h2 {
	margin-bottom: 15px;
}
	.expert-conatiner h2 br{display:none;}
.testimonial-conatiner {
	padding:20px 0;
}
.contact-container .address-box {
	margin-top: 40px;
}
.contact-container .address-box ul li {
	margin-bottom: 15px;
}
.testimonial-conatiner::before{content: none;}
.contact-container .form-box {
	padding-right: 0;
}
.contact-container .form-box form .form-control{height: 45px}
.contact-container .form-box form textarea{height: 120px}
footer ul{margin: 25px 0; gap: 10px}
.foot-logo img{max-width: 160px}
footer{padding-top: 40px}
}


@media only screen and (max-width:479px){
.how-work-conatiner .inner-card {
    margin-bottom: 1rem;
}
	.btn-group {
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.expert-conatiner .expert-card .inner figure {
	height: 200px;
}
footer ul{flex-direction: column;}
footer .footer-bottom{margin-top: 30px}
}