@media only screen and (min-width:1201px) and (max-width:2100px){
.pricing .card{
	width:35rem;
	margin:0 auto;
}
}

@media only screen and (min-width:993px) and (max-width:1200px){
	.pricing .card{
	width:30rem;
	margin:0 auto;
}
.formarginleft{
	margin-left:auto;
}
.menu_blue_btn{
	padding:1rem 1rem!important;
}
.navbar-nav li{
	padding:0rem 1rem;
}
.dropdown-menu.mega_menu{
	width:90rem;
}
.first_card{
	height: 68.5rem;
}
.second_card{
	height: 30.7rem;
}
}
@media only screen and (max-width: 992px){
	html{
	font-size: 55.5%;
	}
	.menu-links{
		width:60%;
		margin:0 auto;
		background:#EFF0FC;
		margin-top:2rem;
		border-radius:2.5rem;
		/*padding:3rem 2rem;*/
		box-sizing: border-box;
		border-bottom: 0px;	
		text-align:left;
		height: auto;

	}
	.menu-links  ul li{
		text-align:left;
	}
	
	.menu-links  ul li a{
		line-height:3rem;	
	}
	.navbar-nav{
		padding:3rem 2rem;
		margin-top: 1rem;
	}
	.navbar{
	height: auto;
	margin-top:1rem;
	text-align: center;
	position: fixed;
}
	.navbar-nav li{
		line-height: 3rem;
	}
	.navbar-nav li a{
		color:black;
		font-size:1.9rem;
	}
	.menu-links ul li:last-child{
		border:none;
	}
	.menu-links ul li:first-child{
		/*border-top:.1rem solid #e6e6e6;*/
	}
	.forbtn{
		border-bottom: 0px!important;
		padding:0px!important;
		margin-top: 1rem;
	}
	.forbtn a{
		background: var(--lightblack);
		color:white!important;
	}
	.hero_heading{
		font-size:5rem;
		line-height: 6.5rem;
	}

.hero_heading{
	font-size: 3.5rem;
	line-height: 3.5rem;
	margin-top:1rem;
}
.mega_menu{
	display: none!important;
}
.downarrow{
	display: inline-block;
	float: right;
}
.formargintop{
  	margin-top:12rem;
  }

  .bred-title{

	text-align: center;}
	.pricing_desc_section{
		width: 80%;
	}
	.first_card{
	height:35.5rem;
}
.second_card{
	height: 0rem;
}
.pricing .card{
	margin-bottom: 2rem;
}
.sidebar_links li i{
	width:2rem;

}
.sidebar_links li a{
	font-size: 1.6rem;
}
/*.mobile-links{
	background: red!important;
}*/
.mobile-links li{
	background: white!important;
}

}
@media only screen and (max-width: 768px){
	html{
	font-size: 46.5%;
	}
	.mb3{
		margin-bottom:3rem;
	}
	.hero-section{
	background:white;
	}
	.about_section{
		padding:15rem 0rem;
		padding-bottom: 2rem;
		height: auto;
		/*background:gray!important;*/

	}
	.about_us{
		background: var(--lightgray);
		height: auto;
	}
	.hero_heading{
		font-size:5rem;
		line-height: 5.5rem;
	}
.navbar-toggler i{
	color:var(--blue);
	font-size:2.2rem;
}
.navbar-nav li a{
 	font-size:1.8rem;
 }
 .mainlogo{
 	max-width: 30rem;
 }
 .projects img{
 	width:100%;
 	height: 250px;
 }
 .fobgicon{
 	margin:0 auto;
 	margin-bottom: 1rem;
 }
 .forhrcad{
 	text-align: center;
 }
 .cd-tit{
 	margin:1rem 0rem!important;
 }
 .fotlink ul li a{
 	font-size:1.8rem;
 	color:white;
 	line-height: 2.8rem;
 }
 #myBtn {
 	right:2%;
 }
.more_btn{
	text-align: center;
	margin:0 auto;
	display:block;
	width:60%;
	margin-top: 1rem;
}
.first_card{
	height:auto;
}
.main_cat{
	font-size: 2rem;
}
.pkg_desc li{
	font-size:1.9rem;
	line-height: 2.5rem;
}
.pricing .card{
	width:100%;
	margin:0 auto;
}
#filter_on_mobile{
	display: block;
}
.closefilter{
	display: block;
	margin-left: 2rem;
	margin-bottom: -.5rem;
}
.sidenav {
	margin-top:0px;
  height: 100%;
  width:0%;
  position: fixed;
  z-index: 1;
  top: -2rem;
  right: 0;
  background-color:#f2f2f2;
  overflow-x: hidden;
  /*transition: .1s;*/
  text-align:left;
  z-index:9999!important;
}
.showscat{
	float:right;
	font-size: 1.8rem;
	background: var(--primary);
	color:white;
	padding:1rem 2rem;
	border:none;
	border-radius: .5rem;
	font-weight:600;
	letter-spacing: .2rem;
	text-transform: uppercase;
	margin-bottom: 2rem;

}
.showscat:hover{
	background: var(--secondary)
}
.sidebar_links{
	padding:2rem;
	box-sizing: border-box;
}
main{
	padding-top:1.4rem!important;
}
.gen_form{
	padding:0rem;
}
.copyright_text{
	text-align: center;
}
.fotlink {
	padding:0rem;
}
.blogcard img{
	display: block;
	height: auto;
	margin:0 auto;
	width:100%;
}

.mobile-links li{
	background: transparent!important;
}

}
@media only screen and (max-width: 576px){

}