@media only screen and (max-width:1200px){
.serv_desc{
	height: 16rem;
}
.navbar-nav li{
	padding:0 1rem;
}
}


@media only screen and (max-width: 992px){
	html{
	font-size: 55.5%;
	}
	.navbar-nav{
/*		padding:3rem 2rem;*/
		margin-top: 1rem;
	}
	.navbar{
	height: auto;
	width:100%;
}
	.navbar-nav li{
		line-height: 3rem;
	}
	.navbar-nav li a{
		color:black;
		font-size:1.6rem;
	}
	.forbtn{
		border-bottom: 0px!important;
		padding:0px!important;
		margin-top: 1rem;
	}
	.forbtn a{
		background: var(--lightblack);
		color:white!important;
	}
	.main_logo{
		max-width: 19rem;
	}

.navbar-toggler i{
	color:var(--green);
	font-size: 3rem;
}
.menu_btn{
	margin-bottom:1rem;
	margin-left:0rem;
	height: 5rem;
}
.menu_btn a{
	line-height: 5rem;
	color:white!important;
}
.my_menu{
	display: block;
}

.mt-55{
	margin-top:0rem!important;
}
.hero_title{
	font-size:3rem;
	line-height: 3.5rem;
}
.hero_p{
	font-size:1.8rem;
	line-height: 2.2rem;
}
.content_p{
	margin-left:0rem;
}
.brandflex{ 
	width:100%;
 }

.feature_section{
	background-size: 100% 100%!important;
	height: auto!important;
	display: flex;
	align-items: center;
}

.feature_section .slick-dots{
	display: none!important;
}
.footer_p{
	margin-bottom: 3rem;
}

.bg_change_on_mobile{
	background: black!important;
	color:black;
}
.down_arrow{position: relative;
	top:0rem;
	left:.5rem;}
.right_arrow{
	position: relative;
	top:0rem;
	left:.5rem;
}
.dropdown-menu{
	width:40%;
	margin:0 auto;
}
.dropend:hover > .dropdown-menu {
        display: block;
        animation: fade-in 1s;
        margin-left:0%;
        margin-top:0rem!important;
        width:100%;
      }
      .hero_contents {
	margin-top: 7rem;
}
.menu_icon{
	font-size: 2.5rem;
}
}




@media only screen and (max-width: 768px){
	html{
	font-size: 47.5%;
	}
.navbar{
	margin-top:0rem;
	/*padding:auto 5rem;*/
}
.navbar-nav li a{
	font-size: 1.8rem;
	text-align: center;
}
.offcanvas-start{
	border-right: none;
}
.slider_section{
	margin-top:6rem;
	padding:0rem;
}
.hero_right_img{
	max-width: 40rem;display: block;margin:0 auto;
	margin-top:-3rem;
}
.feature_section{
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.brandflex{ width:100%; }
/*
.velocity_tag{
	width:8rem!important;
	height: 6rem!important;
	line-height: 6rem!important;
}
.i_tag{
	width:7rem!important;
	height: 6rem!important;
	line-height: 6rem!important;
}
.p_tag{
	width:10rem!important;
	height: 6rem!important;
	line-height: 6rem!important;
}*/


.footerheading{
	margin-top: 5rem!important;
}
.dropdown-menu{
	width:70%;
	margin:0 auto;
}
.dropdown-item {
	text-align: center;
}
.dropdown-menu li a{
	text-align: center;
}
.hero_contents {
	margin-top: 5rem;
}
.serv_desc{
	height: auto;
}
.serviceBox{
	height: auto;
}
.serviceBox a{
	margin-top: 2rem;
}
.forhomeform form input, select, textarea {
	margin-bottom: 1.5rem;
}

}



@media only screen and (max-width: 576px){
	.navbar-nav li a{
		font-size: 2rem;
	}
	.menu_btn{
		width:50%;
		height: 5rem;
		line-height: 5rem;
		margin:0 auto;
		text-align: center;
	}
.dropdown-menu{
	width:90%;
	margin:0 auto;
}
.dropdown-menu.dropdown-menu{
	width:100%;
}
.main_logo{
/*	width:15rem;*/
}
.formargintop{
	margin-top:14.7rem;
}
.hero_contents {
	margin-top: 6rem;
}

.hero_p, .tagline, .ceo_text, .sec_desc, .about_flex_desc, .sec_tagline,
 .protect_btn, #content_p p, .serviceBox .description{
	font-size:2rem;
	line-height:2.5rem;
}
.hero_learn_more_btn, .hero_btn{
	font-size: 2.2rem;
}
.space_x{
	color:gray;
}
.hero_main_img{
	max-width: 82%;
}
.signature{
	max-width: 22rem;
}
.about_flex_heading{
	font-size:2.2rem;
}
.about_flex_heading{
	margin-bottom: 0rem;
}
.services_card{
	width:80%;
	height: 25rem;
	margin:0 auto;
}
.services_card_text{
	width:100%;
	height: 25rem;
}
.banner_type{
	text-align: center;
}
.sec_desc{
	font-size: 2rem;
}
#colap_header a{
	font-size: 2.2rem;
	line-height: 3rem;
}
.faq-section .card-header{
	line-height: 4.6rem;
}
.faq-section .card-header:after{
	padding-top: 0rem;
	font-size:2.2rem;
}
.card-header a{
	line-height: 2rem!important;
}
.card-header{
	padding-top: .5rem
}
.faq_image{
	max-width: 60%;
	margin:0 auto;display: block;
}
.formarque ul li a{
	font-size: 1.9rem;
}
.footer_p{
	font-size: 1.9rem;
	margin-bottom:2.5rem;
}
.fotlink ul li a{
	font-size: 2rem;
	line-height: 3.4rem;
}
.footerheading{
	margin-top: 2rem;
}
.fotlink ul{
	margin-top:0rem;
}
.copyright_text{
	text-align: center;font-size: 2rem;
}
.foot-p, .lifafa, .ff-link{
	font-size: 2rem;
}
.down_arrow{
	position: relative;
	top:0rem;
	left:.5rem;
}
.dropdown-item {
	text-align: center;
}
.dropdown-menu{
	border:none;
	padding:0;

}

.px_2{
	padding:0 1.5rem!important;
}
.slick-next{
	right:15px;

}
.slick-prev{
	right:50px;
}
.mission_right .sec_desc{
	padding-right: 1rem;
}
html,body{
	overflow-x: hidden!important;
}
}