/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1401px){
	html{
		font-size: 62.5%;
	}
}
@media (min-width: 1200px) {
	.container{
		max-width: 126rem !important;
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

@media (max-width: 1400px) {
	html{
		font-size: 53%;
	}
	.logo-img {
		max-width: 20rem;
		-webkit-transition: width .3s ease-in-out;
		-moz-transition: width .3s ease-in-out;
		-o-transition: width .3s ease-in-out;
		transition: width .3s ease-in-out;
	}
	header.sticky .logo-img {
		width: 35%;
	}
	header.sticky {
		padding: 1.5rem 0;
	}
	.hero_area{
		padding-top: 20rem;
	}
	.hero_area .herocon-wrap {
		max-width: calc(100% - 8%);
	}
	.hero_area .hero-con-2 img {
		margin-bottom: 10rem;
	}
	.hero_area .hero-con-1, .hero_area .hero-con-3{
		padding-right: 0;
		padding-left: 0;

	}
	.hero_area .hero-con-1 h2{
		letter-spacing: unset;
	}
	.hero_area .hero-con-1 img{
		width: 6rem;
	}

}
@media (max-width: 1199px) {
	.container{
		max-width: 118rem !important;
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

@media (max-width: 991px) {
	#menu {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: -1;
		top: 0;
		height: 100vh;
		left: -100%;
		transition: 0.3s;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: left;
	  }
	  #menu.current {
		left: 0;
	  }

	  #menu li{
		display: block;
		margin-bottom: 3rem;
		margin-right: 0;
	  }

		#menu>li>a.active2{
		  display: inline-block;
		}

	  .hamburger-menu {
		display: inline-block;
	  }

	  .ofcavas-menu {
		display: block;
	  }


	header.sticky .logo-img {
		width: 20%;
	}
	.refarence_area .slider-wrap .owl-next {
		right: 0.5rem;
		top: 44%;
	}
	.refarence_area .slider-wrap .owl-prev {
		left: 0.5rem;
		top: 44%;
	}



}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {

	.hero_area {
		background-image: url(../img/bg-mobile.jpg);
	 background-position: center top;
	background-size: cover;
}

.hero_area .hero-con-1, .hero_area .hero-con-3{

	zoom: 0.8;

}

.footer_area button[type="submit"] {

    margin: 0 auto;
    text-align: center;
    display: block;
}

	html{
		font-size: 68%;
	}
	.ofcavas-menu ul {
		margin-top: 14rem;
		text-align: center;
	}
	.logo-img{
		max-width: 12rem;
	}
	header.sticky .logo-img {
		width: 30%;
	}
	.container{
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}
	.hero-car-lg{
		display: none !important;
	}
	.hero-car-md{
		display: block !important;
	}
	.hero_area {
		padding-top: 12rem;
		padding-bottom: 6rem;
	}
	.hero_area .herocon-wrap {
		max-width: calc(100% - 2rem);
	}
	.hero_area .hero-con-2 img{
		width: 100%;
		margin-bottom: 2rem;
	}
 .hero_area .hero-con-1{
		margin-top: 4rem;
	}

	.hero_area .hero-con-1 img{
		margin-top: 0;
	}
	.hero_area .hero-con-1 p{
		margin-bottom: 1.5rem;
	}
	.hero_area .hero-con-1 h2 {
		letter-spacing: unset;
	}
	.hero_area .hero-con-1 h2 {
		font-size: 2rem;
		letter-spacing: .1rem;
		padding-bottom: 0rem;
		margin-bottom: 1rem;
	}
	.hero_area .hero-con-1 h2 span {
		font-size: 3rem;
	}

	.hero_area .hero-con-1 img {
		margin-right: 1.5rem;
		width: 8.5rem;
	}
	.cbtn{
		height: 4.5rem;
		margin-bottom: 4rem;
	}
	.hero_area .hero-con-3 img {
    width: 8.5rem;
    height: 8.5rem;
    object-fit: contain;
}
	.hero_area .hero-con-3 .align-items-end{
		justify-content: flex-start;
	}
	.hero_area .hero-con-3 h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 1rem;
	}
	.hero_area .hero-con-3 p{
		text-align: left;
		margin-bottom: 1.5rem;
	}
	.hero_area .hero-con-3 .cbtn{
		display: flex;
		margin: 0;
		margin-bottom: 3rem;
	}
	.about_area, .service_area, .refarence_area {
		padding-bottom: 8rem;
		padding-top: 8rem;
	}
	.sec-heading {
		font-size: 3.2rem;
	}
	.sec-border .sb-2 {
		width: 1.5rem;
		height: 1.5rem;
	}
	.about_area .sec-border, .service_area .sec-border, .refarence_area .sec-border, .footer_area .sec-border{
		margin-bottom: 4rem;
	}
	.pr3rm, .pl3rm{
		padding-right: .5rem !important;
		padding-left: .5rem !important;
	}
	.about_area p{
		margin-bottom: 2rem;
	}
	.about_area img{
		display: block;
		margin: 0 auto;
		margin-top: 2.5rem;
	}
	.service_area .img-box-wrap-3, .service_area .img-box-wrap-1, .service_area .img-box-wrap-2{
		display: flex;
		margin: 0 auto;
		padding: .5rem !important;
		margin-bottom: 1.5rem;
	}
	.service_area h3{
		font-size: 2.8rem;
		text-align: center;
		margin-bottom: 1.5rem;
	}
	.service_area p{
		text-align: center;
	}
	.refarence_area .ref-con {
		text-align: center;
		font-size: 1.8rem;
		color: #ffffff;
		font-family: "Courier";
		margin-bottom: 4rem;
	}
	.refarence_area .slider-wrap .owl-dots {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.refarence_area .slider-wrap .owl-dots .owl-dot {
		width: .8rem;
		height: 1rem;
		margin: 0 0.6rem;
		border-radius: 1.8rem;
	}
	.owl-nav{
		display: block !important
	}
	.refarence_area .slider-wrap .owl-prev {
		left: 0.5rem;
		top: 44%;
		font-size: 2.7rem;
	}

	.refarence_area .slider-wrap .owl-next {
		right: 0.5rem;
		top: 44%;
		font-size: 2.7rem;
	}

	.refarence_area .slider-wrap .slider .ser-con-wrap h3 {
		font-size: 1.6rem;
	}
	.footer_area{
		padding-top: 8rem;
		padding-bottom: 2rem;
	}
	.footer_area .foot-con-1, .footer_area .foot-con-2{
		padding-right: 0.7rem !important;
		padding-left: 0.7rem !important;
	}
	.footer_area input {
		height: 4.2rem;
		font-size: 1.8rem;
		padding-left: 2rem;
		margin-bottom: 2rem;
	}
	.footer_area textarea{
		font-size: 1.8rem;
		padding: 2rem;
		margin-bottom: 2.5rem;
	}
	.footer_area input[type="submit"] {
		max-width: 15.5rem;
		height: 4.2rem;
		display: block;
		margin: 0 auto;
		margin-bottom: 4rem;
	}
	.footer_area .foot-con-2 h3 {
		font-size: 2.8rem;
		text-align: center;
		margin-bottom: 1rem;
	}
	.footer_area .foot-con-2 p {
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 2rem;
	}
	.footer_area .foot-con-2 ul{
		display: block;
		text-align: center;
		margin-bottom: 4rem;
	}
	.footer_area .foot-con-2 ul li {
		padding: 0.5rem 0;
	}
	.footer_area .foot-con-2 ul li a {
		font-size: 1.5rem;
	}
	.footer_area .foot-con-2 ul li a strong {
		font-size: 1.6rem;
	}
	.footer_area .copywritetext p {
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 1rem;
	}
	.footer_area .footer-menu{
		display: flex;
		text-align: center;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer_area .footer-menu li {
		margin-bottom: 1rem;
		margin-left: 1.5rem;
	}
	.footer_area .footer-menu li  a{
		font-size: 1.5rem;
	}

	.sec-border .sb-1 {
		width: 3.7rem;

	}

	.sec-border .sec-sb3 {
		width: 5rem;
	}
	  .sec-border .sb-4 {
		width: 5rem;
	}

	  .sec-border .sb-5{
		width: 11rem;
	  }
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	.ofcavas-menu ul {
		margin-top: 10rem;
		text-align: center;
	}
	.hero_area .hero-con-2 {
		padding: 0;
	}

	.refarence_area .slider-wrap .owl-prev {
		left: 0.5rem;
		top: 23vw;
		font-size: 2.7rem;
	}

	.refarence_area .slider-wrap .owl-next {
		right: 0.5rem;
		top: 23vw;
		font-size: 2.7rem;
	}
	.sec-border .sb-1 {
		width: 4rem;

	}

	.sec-border .sec-sb3 {
		width: 5rem;
	}
	  .sec-border .sb-4 {
		width: 5rem;
	}

	  .sec-border .sb-5{
		width: 11rem;
	  }

}