/* 1400 */
@media (max-width: 1400px) {
    .presence_area h2 {
		line-height: 55px;
		font-size: 53px;
	}
	.graybgbtnbdr {
		padding: 10px 15px;
		font-size: 14px;
	}
	.header .main_head a.nav-link {
		padding: 15px 24px 15px 0px;
		font-size: 15px;
	}
	
    
}

/* 1200 */
@media (max-width: 1200px) {
    h1 {
        font-size: 70px;
    }
    
}

/* 992px */
@media (max-width: 992px) {

    .mobile_on{
        display: block !important;
    }
	.off_970{
		display: none !important;
	}
	
	
	

      /* Mobile Header menu */
      .header .main_head button.navbar-toggler {
		width: 38px;
		height: 35px;
		padding: 2px;
		position: relative;
		border-radius: 3px;
		border: 1px solid var(--hfcolor);
		background: #fff;
	}
      .header .main_head button.navbar-toggler span.icon-bar {
        height: 3px;
        background: var(--hfcolor);
        position: absolute;
        border-radius: 3px;
        width: 22px;
        margin: auto;
        left: 0;
        right: 0;
        top: 7px;
      }
      .header .main_head button.navbar-toggler span:nth-child(2).icon-bar {
        top: 15px;
      }
      .header .main_head button.navbar-toggler span:nth-child(3).icon-bar {
        top: 23px;
      }
      .header .navbar-collapse {
        text-align: left;
      }
      .header .main_head .navbar-nav .dropdown-menu {
        max-width: 360px;
        margin: 0 auto 10px;
      }
	  
	  
      
        /** Mobile sidebar menu **/
        .header .main_head nav.navbar {
          flex-direction: row-reverse;
        }
        .header .collapse:not(.show){
          display: block;
        }
        .header .main_head button.navbar-toggler:focus {
            box-shadow: none;
        }
        .header .navbar-expand-lg .navbar-collapse {
            flex-grow: initial;
            position: fixed;
            right: 0;
            background: #fff;
            top: 0;
            bottom: 0;
            width: 280px;
            height: 100vh;
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
            z-index: 998;
            padding-top: 30px;
            transform: translateX(300px);
            -webkit-transform: translateX(300px);
            -moz-transform: translateX(300px);
            transition: all .4s ;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
        }
        .header .navbar-collapse.collapse.show {
          transform: translateX(0px);
          -webkit-transform: translateX(0px);
          -moz-transform: translateX(0px);
        }
        .header .main_head a.nav-link.hire, .header .main_head a.nav-link.job {
              margin: 10px 15px 0;
          }
        .header .main_head a.nav-link {
            padding: 13px 18px;
            border-bottom: 1px solid #ddd;
            font-weight: 400;
        }
        .header .main_head a.nav-link.appbtn {
            background: #F0E0C3;
            border-radius: 0;
            margin-top: 25px;
        }
        .header .main_head .navbar-nav .dropdown-item {
            color: var(--black) !important;
            font-size: 14px;
        } 
        .header .navmenu_close_btn {
            position: absolute;
            width: 35px;
            height: 35px;
            background: #000;
            top: 0;
            display: var(--df);
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #fff;
            border-radius: 0 0 10px 0px;
            cursor: pointer;
        } 
        .menu-overlay{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
            opacity: 0;
            visibility: hidden;
            transition: 0.3s;
            z-index: 99;
        }
        .menu-overlay.active{
            opacity: 1;
            visibility: visible;
        }
        body.menu-open{
          overflow: hidden;
        }   
        /** //Mobile sidebar menu **/

      /* // Mobile Header menu */
		
        .m-100 {
          margin: 50px 0;
        }
		
		h1 {
			font-size: 50px;
		}
        h2 {
            font-size: 45px;
        }
        h3 {
            font-size: 35px;
        }
        h4 {
            font-size: 25px;
        }
		p {
			font-size: var(--fs16);
			line-height: 24px;
			margin-top: 10px;
		}
		
        .header .navbar-brand, .header.fixed-top a.navbar-brand {
            width: 68px;
        }
		.topblue_header, .main_head .rhtmenubar {
			display: none;
		}
		.header .navbar-brand {
			width: 68px;
			position: relative;
			top: auto;
			margin: 0;
		}
		.header .main_head {
			background: #152941;
			overflow: hidden;
			border-radius: 0;
		}
		.header .navbar-brand img{
			filter: invert(1);
		}
		.header.fixed-top {
			background: none;
			width: auto;
		}
		
		
		/*** Landing Page ***/
		.topblock {
			margin-top: 0;
			width: auto;
		}
		.rndboxwrapper {
			border-radius: 20px;
			width: auto;
		}
		.banner_wrap {
			margin: 30px 0 30px;
		}
		.banner_wrap .banner_inner {
			display: var(--df);
			gap: 30px;
			flex-direction: column-reverse;
		}
		.banner_wrap .banner_inner > div {
			text-align: center;
		}
		.headstyletag h6 {
			font-size: 14px;
		}
		.headstyletag, .headstyletag .lftbdr, .headstyletag .rhtbdr {
			height: 40px;
		}
		.banner_wrap .banner_inner h1 {
			line-height: 43px;
			font-size: 50px;
		}
		.banner_wrap .banner_inner p {
			margin: 0;
			width: auto;
		}
		.banner_wrap .banner_inner .btnbox {
			justify-content: center;
		}
		.service_sec h2, .workprocess_sec h2 {
			max-width: none;
			margin: 20px auto;
			line-height: 39px;
		}
		.service_sec .ser_box {
			padding: 20px 0px;
		}
		.service_sec .ser_box .serno {
			font-size: 38px;
			width: 60px;
			height: 60px;
		}
		.theproof_area {
			padding: 40px 20px;
			width: 100%;
			border-radius: 0;
		}
		.theproof_area .proof_list {
			align-items: center;
			margin-top: 20px;
			text-align: center;
			flex-direction: row;
			justify-content: center;
			gap: 20px;
			flex-wrap: wrap;
		}
		.theproof_area .proof_list h2 {
			font-size: 55px;
		}
		.workprocess_sec .projectstep_list {
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
			gap: 10px;
		}
		.workprocess_sec .projectstep_list .stepbox {
			max-width: none;
			position: relative;
		}
		.workprocess_sec .projectstep_list .stepbox:after {
			display: none;
		}
		.workprocess_sec .projectstep_list .stepbox .no {
			width: 70px;
			height: 70px;
			margin: 0 10px 0 0;
			float: left;
		}
		.workprocess_sec .projectstep_list .stepbox h4 {
			padding-bottom: 0px;
			margin-bottom: 0px;
			position: relative;
			text-align: left;
		}
		.workprocess_sec .projectstep_list .stepbox h4:after {
			display: none;
		}
		.workprocess_sec .projectstep_list .stepbox p {
			font-size: 15px;
			line-height: 22px;
			overflow: hidden;
			text-align: left;
			margin-top: 4px;
		}
		.team_sec .teamcontent {
			max-width: none;
			margin: 20px auto;
		}
		.gatekeeping_sec .gatek_inner {
			justify-content: center;
			flex-direction: column;
		}
		.gatekeeping_sec .gatek_inner .content {
			padding-right: 0;
			text-align: center;
		}
		.gatekeeping_sec .gatek_inner h2 {
			font-size: 45px;
			line-height: 48px;
			margin: 5px 0;
		}
		.gatekeeping_sec .gatek_inner .content .gblbtn {
			margin-top: 15px;
		}
		.rndboxwrapper.presence_area {
			border-radius: 0;
			padding: 50px 0;
		}
		.presence_area .presence_inner {
			align-items: center;
			justify-content: center;
			gap: 20px;
			text-align: center;
			flex-direction: column-reverse;
		}
		.presence_area .thumb {
			max-width: none;
		}
		.presence_area .btnbox {
			display: flex;
			flex-direction: column;
			gap: 10px;
			margin-top: 25px;
		}
		.footer {
			margin: 50px 0 30px;
		}
		.footer .top_element {
			grid-template-columns: 1fr 1fr;
		}
		/*** // Landing Page ***/
		 

      
}



/* 768px */
@media (max-width: 768px) {
	h1 {
        font-size: 35px;
    }
	h2 {
		font-size: 32px;
		line-height: 35px;
	}
	h3 {
		font-size: 26px;
	}
	h4 {
		font-size: 21px;
	}
	
	/*** Landing Page ***/
	.banner_wrap .banner_inner h1 {
		line-height: 35px;
		font-size: 40px;
	}
	.service_sec h2, .workprocess_sec h2, .gatekeeping_sec .gatek_inner h2, .presence_area h2 {
		line-height: 32px;
		font-size: 35px;
	}
	.service_sec .ser_box .serno {
		font-size: 32px;
		width: 50px;
		height: 50px;
	}
	.banner_wrap .banner_inner .btnbox {
		justify-content: center;
		flex-direction: column;
		gap: 15px;
	}
	.theproof_area .proof_list span {
		font-size: 16px;
	}
	.theproof_area .proof_list h2 {
		font-size: 40px;
	}
	.presence_area .thumb {
		display: none;
	}
	.presence_area .content:before {
		left: 0;
		bottom: -50px;
	}
	.footer .top_element {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.footer .top_element .logo {
		max-width: 150px;
		margin: auto;
	}
	.footer .btm_element {
		flex-direction: column;
		gap: 20px;
	}
	.footer .top_element .links a {
		font-size: 15px;
		padding: 5px 6px 5px 16px;
	}
	.footer .linkbox {
		text-align: center;
		width: 100%;
	}
	.footer .top_element .links a:before {
		display: none;
	}
	.footer .top_element .ftitle {
		margin-bottom: 0;
		padding-bottom: 4px;
	}
	/*** // Landing Page ***/
	

}

/* 574px */
@media (max-width: 574px) {
    
	
    

}