@media only screen and (max-width: 1279px) {
    .header .container-fluid {
        padding: 0 15px;
    }
    .container-custom {
        padding: 0 15px;       
    }
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }     
    .slider-heading {  
        font-size: 48px;        
    }    
}
@media only screen and (max-width: 1199px) {  	
	.navbar-light .navbar-toggler{
		border: none;
	}
	.navbar-dark .navbar-toggler {
		border: none;
		color: rgb(255, 255, 255);
	}	
	.navbar-toggler {
        margin: 0 0 0 10px;
        padding: 7px 7px;
        font-size: 16px;
    }
	.navbar-toggler:hover, .navbar-toggler:focus{
		outline: none;
	}	
	.navbar-toggler span {
		background-color: #262626;
		height: 2px;
		width: 24px;
		display: block;
		margin: 0 auto 7px;
		position: relative;
		transition: all .2s ease-in-out;
	}
	.navbar-toggler .menu-bar-one {
		bottom: -9px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		animation: burger-hover 1s infinite ease-in-out alternate;
	}
	.navbar-toggler .menu-bar-two {	
		animation: burger-hover 1s infinite ease-in-out alternate forwards .4s;
		opacity: 0;
	}
	.navbar-toggler .menu-bar-three {	
		margin-bottom: 0;	
		animation: burger-hover 1s infinite ease-in-out alternate forwards .2s;
		top: -9px;
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg);
	}
	.navbar-toggler.collapsed .menu-bar-one {
		bottom: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.navbar-toggler.collapsed .menu-bar-two {
		opacity: 1;			
		right: 5px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.navbar-toggler.collapsed .menu-bar-three {			
		top: 0;		
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}		
	.navbar-toggler span.navbar-menu-icon {
		color: rgba(0,0,0,0.7);
		font-size: 20px;
		margin-right: 5px;
	}
	.navbar-dark .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-light .navbar-toggler-icon {	
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}	
	.navbar-collapse {
		background-color: #fff;
		border-top: 2px solid #ddd;
		box-shadow: 0 3px 2px rgba(0,0,0,0.3);
		min-width: 270px;
		left: 0;
		width: 100%;
		position: absolute;
		top: 100%;
		z-index: 1000;
		/* height: calc(100% - 60px); */
		transition: all .3s ease-in-out;
		padding: 0;
		overflow-y: scroll;
	}
	.navbar-collapse.show {
		left: 0;
	}
	.navbar-nav {	
		padding: 15px;
	}
	.navbar-nav > li {
		display: block;
		white-space: inherit;
		width: 100%;
		position: relative;
	}
	.navbar-nav > li > a {
		border-bottom: 1px solid #dbdbdb;
		margin: 0;
		padding: 10px 0;
		line-height: 20px;
		text-transform: capitalize;
	}
	.navbar-nav > li.has-children > a::after, 
	.mega-menu-item li.has-children > a::after {
		display: none;
	}
	.navbar-nav li.has-children::after {
		border-left: 1px solid #f0f0f0;
		color: #262626;
		content: "\f067";
		display: block;
		font-family: "Font Awesome 6 Free", sans-serif;;
		font-weight: 600;
		height: 36px;
		line-height: 36px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 4px;
		width: 36px;
		z-index: 99;
	}
	.navbar-nav li.has-children.open::after {
		content: "\f068";
	}
	.navbar-nav li:hover .sub-menu {
		opacity: 0;
		visibility: hidden;
	}
	.navbar-nav li.open > .sub-menu {
		-moz-animation: none;
		-webkit-animation: none;
		animation: none;
		display: block;
		opacity: 1;
		visibility: visible;
	}
	.navbar-nav .sub-menu {
		background-color: transparent;
		border: medium none;
		box-shadow:none;
		display: none;
		float:none;
		padding-left: 10px;
		position: static;
		width:100%;
	}
	.navbar-nav li .sub-menu a {
		padding: 8px 5px;
		color: #262626;
		line-height: 20px;
	}
	.navbar-nav .sub-menu a:hover {
		background-color: transparent;
		color: #676767;
	}
	.navbar-nav > li.menu-item-has-children > a::after {	
		float: right;
	}	
}
@media only screen and (max-width: 991px) {
    .header.sticky {
		padding-bottom: 60px;
	}
	.header.fixed {
		padding-bottom: 60px;
	}
	.header-logo .logo-link .logo {
		max-height: 40px !important;
	}
    .header-other-menu {
        padding: 4px 0;
    }
    .section {
		margin-bottom: 50px;
	}
	.section-header {
		margin: 0 0 30px;		
	}	
    .section-title {
        font-size: 28px;        
    }
    .content-wrapper {
        padding: 50px 0 50px;
    }
    .content-section {        
        padding: 30px;
    }
    .slider-heading {        
        font-size: 28px;       
    }
    .slider-description {
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 20px;
    }
    .slider-summery .btn-gradient {
        font-size: 16px;
        line-height: 24px;
        padding: 8px 20px;
        text-transform: uppercase;
    }
    .about-section {        
        padding: 50px 0 50px;
    }
    .about-content-block {       
        margin-bottom: 30px;
    }
    .about-content h1 {       
        font-size: 32px;       
    }
    .about-content p {      
        font-size: 16px;
    }
    .list-blocks-section {      
        padding: 50px 0;
    }
    .list-block-title {      
        font-size: 20px;  
    }
    .team-section {
        padding: 50px 0;
    }
    .team-wrap {       
        padding: 30px 15px;        
    }
    .team-summery h3 {
        font-size: 20px;
    }
    .testimonial-section {       
        padding: 50px 0;
    }
    .testimonial-left {
        margin-bottom: 30px;
    }
    .testimonial-item {       
        padding-right: 30px;
    }
    .testimonial-item:nth-child(2n+2) {
        padding-left: 40px;
        padding-right: 0;
    } 
    .footer-top {
        padding: 50px 0 20px;
    }
    .faq-wrapper {       
        padding: 30px;
    }
    .contact-form-title {
        font-size: 28px;      
    }
    .loginregister-modal .modal-content {
        border-radius: 20px;
    }
    .loginregister-image {
        border-radius: 20px 20px 0 0;
    }
    .loginregister-image-text {       
        bottom: 0;
        left: 0;      
        max-width: 100%;
        font-size: 16px;       
        padding: 15px;
    }
    .loginregister-wrap {
        border-radius: 0 0 20px 20px;
        margin-left: 0;
        padding: 15px 15px;
    }
    .singup-hedaer {
        margin-bottom: 30px;
    }

}
@media only screen and (max-width: 767px) { 
    body {       
        font-size: 14px;       
    } 
    .btn {
        font-size: 14px;
        padding: 9px 15px;       
    }
    .btn-gradient {       
        font-size: 14px;
        padding: 10px 20px;       
    }
    input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], select, textarea, .form-control {       
        font-size: 14px;
        height: 40px;
        padding: 7px 15px;       
    }
    .form-icon i {       
        top: 14px;       
    }
    .header-account-link {       
        margin-left: 15px;
    } 
    .account-text {
        display: none;
    }
    .header-social-icon {
        display: none;
    }
    .footer-top {
        padding: 30px 0 0;
    }
    .footer-logo img {
        max-height: 40px;
    }
    .footer-widget-title {      
        margin: 0 0 20px;       
    }
    .footer-column li {       
        margin-bottom: 5px;
    }
    .copyright p {       
        margin: 20px 0;
    }
    .section {
		margin-bottom: 30px;
	}
	.section-header {
		margin: 0 0 20px;
	}
	.section-title {
		font-size: 24px;
	}
	.slick-arrow {
		width: 35px;
		height: 35px;
		font-size: 20px;
	}
    .page-banner-wrap {
        padding: 30px 0;      
    }
    .page-banner-title {
        font-size: 24px;
    }
    .breadcrumb-item {      
        font-size: 13px;
    }
    .content-wrapper {
        padding: 30px 0 30px;
    }
    .content-section {       
        border-radius: 20px;
        padding: 15px;
    }
    .page-title {      
        margin-bottom: 30px;
    }
    
    .slider-carousel {
        padding: 0 15px;
    }
    .slider-carousel .slick-dots {     
        bottom: 10px;       
    }
    .slider-image {
        width: 100%;
    }   
    .slider-summery {
        padding: 15px 0 0;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .slider-heading {
        font-size: 20px;
    }
    .slider-description {
        font-size: 12px;
    }   
    .about-section {
        padding: 30px 0 30px;
    }
    .about-content h1 {
        font-size: 24px;
    }
    .about-content p {
        font-size: 14px;
    }
    .about-statics-number {      
        font-size: 24px;     
    }
    .about-image-block {       
        padding: 0 15px 15px 30px;      
    }
    .list-blocks-section {
        padding: 30px 0;
    }
    .list-block-icon {       
        width: 60px;
        height: 60px;     
        margin: 0 auto 10px;
        font-size: 24px;
    }
    .list-block-title {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .team-section {
        padding: 30px 0;
    }
    .team-wrap {
        padding: 15px 15px;
    }
    .team-image {
        width: 150px;
        height: 150px;
        margin: 0 auto 15px;
    }
    .partner-item {        
        margin-bottom: 15px;
    }
    .partner-wrap {      
        border-radius: 20px;
        padding: 15px;       
    }
    .partner-image {       
        width: 75px;
        min-width: 75px;
        height: 75px;       
        padding: 10px;
    }
    .partner-summery {
        padding-left: 15px;
    }
    .partner-title {
        margin-bottom: 5px;
    }
    .partner-subtitle {     
        margin-bottom: 5px; 
        line-height: 20px;
    }
    .testimonial-section {
        padding: 30px 0;
    }
    .testimonial-app-icon {
        margin-bottom: 10px;
    }
    .testimonial-app-summery h4 {
        font-size: 24px;      
    }
    .testimonial-item {
        margin-bottom: 15px;
        padding-right: 0;
    }
    .testimonial-item:nth-child(2n+2) {
        padding-left: 0;
        padding-right: 0;
    }
    .testimonial-wrap {      
        padding: 15px;
    }
    .testimonial-image {
        width: 75px;
        height: 75px;
        min-width: 75px;
        margin-right: 15px;
    }
    .work-content-area {
        font-size: 16px;
        line-height: 24px;
    }
    .work-content-area p {
        margin-bottom: 10px;
    }
    .work-items {
        margin-top: 30px;
    }
    .work-item {       
        margin-bottom: 15px;
    }
    .work-icon {      
        font-size: 18px;
        width: 60px;
        height: 60px;
        min-width: 60px;       
    }
    .work-summery {
        padding-left: 15px;
        padding-top: 15px;
    }
    .work-summery h4 {
        margin-bottom: 5px;
    }
    .work-content {
        font-size: 14px;
        line-height: 20px;      
    }
    .about-video-section {        
        padding: 30px 0 0;
    }
    .about-video-play a {       
        width: 70px;
        height: 70px;      
        font-size: 24px;
    }
    .request-form-nav {      
        margin-bottom: 20px;
    }
    .request-form-nav li {      
        width: 50%;
    }
    .request-form-nav li a {       
        font-size: 14px;       
        padding: 10px 10px;
    }
    .request-form-nav li a.active {       
        font-size: 14px;
        line-height: 20px;       
    }
    .request-form-check-item .form-check {
        border-right: none;
        margin-right: 0;
        padding-right: 0;        
    }
    .request-form-check {        
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .request-form-border {       
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .faq-wrapper {
        padding: 15px;
    }
    .faq-card {      
        padding-left: 25px;       
    }
    .faq-card::before {      
        left: 10px;
        top: 18px;
    }
    .faq-card + .faq-card {
        margin-top: 15px;
    }
    .faq-button {
        font-size: 15px;
        padding: 15px 45px 15px 10px;
    }
    .faq-button::before {        
        right: 10px;       
        width: 30px;
        height: 30px;        
        font-size: 14px;
    }
    .faq-body {        
        font-size: 14px;
        padding: 0 10px 15px;
        line-height: 24px;
    }
    .faq-form {      
        padding: 15px;
    }
    .faq-image {
        height: auto;       
        margin-top: 15px;
    }
    .contact-info ul li + li {
        margin-top: 15px;
    }
    .contact-text p {
        font-size: 16px;
    }
    .contact-form-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .contact-page-map iframe {
        height: 300px;
    }
    .loginregister-image-text {        
        font-size: 14px;       
    }
    .loginregister-header {
        margin-bottom: 15px;
    }
    .loginregister-header h3 {
        font-size: 24px;
    }
    .loginregister-header p {
        font-size: 14px;
    }
    .forgot-pass {
        font-size: 14px;
    }
    .singup-hedaer {
        margin-bottom: 20px;
    }
    .signup-step {      
        margin-bottom: 5px;
    }
    .progressbar {        
        margin: 0 -3px 15px;
    }
    .progressbar li {        
        width: 33.33%;
        padding: 0 3px;
    }
    .progressbar li::before {       
        width: 25px;
        height: 25px;
        min-width: 25px;
        margin-right: 5px;
    }
    .progressbar li.active::before {      
        border: 7px solid #1398D3;
    }
    .progressbar li.active.process::before {      
        background-size: 15px;
    }
    .price-plan-item {        
        min-width: 260px;
    }
    .price-plan-label {       
        padding: 15px;       
    }
    .price-plan-title {      
        margin-bottom: 10px;       
    }
    .price-plan-starting {      
        font-size: 16px;      
        margin-bottom: 10px;       
    }
    .price-plan-inr {       
        font-size: 24px;      
        margin-bottom: 20px;       
    }
    .price-plan-label button {        
        padding: 9px 25px;       
    }
}
@media only screen and (max-width: 575px) {
	.h1, h1 {
        font-size: 24px;
    }
   .h2, h2 {
	    font-size: 22px;
    }  
}