/*Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1600px) { 
	.container{
		max-width: 1560px;
	}
	header .container{
		max-width: 1800px;
	}
}
@media (min-width: 1200px) and (max-width: 1599.98px) { 
	html{
		font-size: 46%;
	}
	.container{
		max-width: 1200px;
	}
	header .container{
		max-width: 1275px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 40%;
	}
	.container{
		max-width: 992px;
	}
	header .container{
		max-width: 992px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) { 
	html{
		font-size: 36%;
	}
	.container{
		max-width: 750px;
	}
	.service_box h4 {
	    font-size: 3rem;
	}
	.form_box h4 {
	    font-size: 3.2rem;
	}
	.service_box p {
	    max-width: 28.5rem;
	    margin-top: 2rem;
	}
	.service_box:not(.form_box) .button{
		margin-top: 2.5rem;
	}
	.senary_area h2,
	.wij_area h2 {
	    font-size: 5rem;
	}
	.senary_content {
	    max-width: 51rem;
	}
	.btn_wrap{
		margin-top: 4rem;
	}
	.wij_area p {
	    margin-top: 2rem;
	}
	.wij_area {
	    padding: 12.5rem 0 7rem;
	}
}
@media (max-width: 991.98px) {
	#menu{
		display: none;
	}
	.hamburger-menu {
		display: block;
	}
	.header_right .social_media{
		display: none;
	}
	.hero_section{
		min-height: auto;
		padding: 20rem 0 30rem;
	}
	.service_area .row {
	    margin-left: -1.5rem;
	    margin-right: -1.5rem;
	}
	.service_area .row>div{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.top_footer{
		-webkit-box-pack: center !important;
		    -ms-flex-pack: center !important;
		        justify-content: center !important;
	}
	.top_footer>div:nth-child(odd) {
	    max-width: 50%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	}	
	.top_footer>div:nth-child(even) {
	    max-width: 30%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 30%;
	            flex: 0 0 30%;
	}
	.footer_bottom{
		text-align: center;
	}
	.copyright{
		font-size: 2.2rem;
	}
	.social_media a:not(:last-child) {
	    margin-right: 1rem;
	}
	.logo {
	    max-width: 34rem;
	    top: 5rem;
	}
	.card_area .row{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	.card_area .row>div{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-top: 3rem;
	}
	.box_body {
	    padding: 3.5rem 3rem 4rem;
	}
	.description {
	    max-width: 100%;
	}
	.decs{
		max-width: 50%;
	}
}
@media (min-width: 576px) and (max-width: 767.98px){
	html{
		font-size: 40%;
	}
	.container{
		max-width: 500px;
	}
	.top_footer>div:nth-child(even) {
	    max-width: 40%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 40%;
	            flex: 0 0 40%;
	}
	.top_footer>div:nth-child(odd) {
	    max-width: 60%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 60%;
	            flex: 0 0 60%;
	}
	.logo {
	    max-width: 27rem;
	    top: 4rem;
	}
	.hero_section.inner_area h2 {
	    font-size: 5.2rem;
	}
}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	.wij_area{
		background: #fff !important;
	}
	.hero_section h1 {
	    font-size: 7.2rem;	
	}
	.senary_content {
	    text-align: center;
	}
	.wij_area {
	    padding: 9rem 0 9rem;
	    text-align: center;
	}
	.wij_area h2,
	.wij_area p{
		margin-left: auto;
		margin-right: auto;
	}
	.left_content {
	    margin-top: 2rem;
	    text-align: center;
	    margin-bottom: 3rem;
	}
	.left_content p {
	    font-size: 2.3rem;
	    line-height: 1.4;
	}
	.wij_area.v2 {
	    padding-top: 10rem;
	}
	.map_area,
	.contact_area{
		text-align: center;
	}
	.decs {
	    max-width: 70%;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 1.9vw;
	}
	.container{
		padding-left: 2.4rem;
		padding-right: 2.4rem;
	}
	.logo {
	    max-width: 22rem;
	    top: 2.5rem;
	}
	.button {
	    padding: 1.5rem 2rem;
	    font-size: 2rem;
	}
	.hero_section h1 {
	    font-size: 4.2rem;
	}
	.hero_section p {
	    font-size: 2.2rem;
	    max-width: 39rem;
	}
	header .button {
	    padding: 1.2rem 2rem;
	}
	.hamburger-menu,
	.social_media a {
	    height: 5rem;
	    width: 5rem;
	}
	.hero_section {
	    padding: 10rem 0 21rem;
	}
	.ofcavas-menu ul li a {
	    font-size: 3.5rem;
	    padding: 2rem 0;
	}
	.ofcavas-menu{
		padding-top: 26rem;
	}
	.service_box h4,
	.senary_area h2,
	.wij_area h2,
	footer h3{
		font-size: 3.4rem;
		max-width: 34rem;
		margin-left: auto;
		margin-right: auto;
	}
	.btn_wrap a {
	    width: 19rem;
	}
	.top_footer>div:nth-child(even) {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	.top_footer>div:nth-child(odd) {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	.top_footer{
		margin-left: 0;
		margin-right: 0;
	}
	.top_footer>div{
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		padding: 0;
		padding-bottom: 4rem;
		margin-top: 4rem !important;
	}
	.copyright {
	    font-size: 2rem;
	}
	footer{
		text-align: center;
		line-height: 1.8;
	    padding: 6rem 0 5rem;

	}
	footer .d-flex{
		display: block !important;
	}
	footer .mt_40{
		margin-top: 2.5rem;
	}
	footer h3 {
	    margin-bottom: 2rem;
	}
	.icon{
		display: none;
	}
	.flogo {
	    max-width: 34rem;
	}
	.hero_section.inner_area {
	    padding: 10rem 0 14rem;
	}
	.hero_section.inner_area h2 {
	    font-size: 3.5rem;
	}
	.left_content p {
	    font-size: 1.82rem;
	    line-height: 1.4;
	    margin-top: 3rem;
	}
	.box_body p{
		display: none;
	}
	.social_icon{
		margin-left: -1rem;
	}
	.social_icon span{
		display: none;
	}
	.gallery_area{
		font-size: 1.8rem;
	}
	.gallery_area .button.active{
	    font-size: 1.6rem;
	    text-align: center;
	    padding: 1.3rem 1.8rem;
	}
	.description{
		text-align: center;
	}
	.description h2 {
	    font-size: 3.5rem;
	}
	.decs {
	    max-width: 85%;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	}
	.decs ul li {
		text-align: left;
	}
}