/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) and (max-width: 1600px) { 
	.service_box p {
	    font-size: 22px;
	}
	.bgshape2 {
	    max-width: 360px;
	}
	.shape1 {
	    max-width: 360px;
	}
	.shape2,
	.s_shape2,
	.d_shape2 {
	    right: 65px;
	}
	.shape3 {
	    right: 20px;
	}
	.reliability_content{
		padding-left: 0 !important;
		margin-right: -50px;
		margin-left: 0 !important;
	}
}
@media (max-width: 1500px){
	/* services page */
	.services_body .services_box_1 .wrap_5 h1,
	.services_body .services_box_2 .wrap_7 h1,
	.services_body .services_box_3 .wrap_4 h1{
		font-size: 300px;
	}
	.d_shape1,.d_shape15,.d_shape17,.d_shape19,.d_shape22{
		left: -200px;
	}
	.d_shape16,.d_shape18,.d_shape23{
		right: -200px;
	}
	.d_shape7,.d_shape8{
		right: -50px;
	}
	/* safety page */
	.s_shape2{
		right: 50px;
	}
	.s_shape3{
		right: -100px;
	}
	.s_shape4 {
		left: 50px;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	.service_box p {
	    font-size: 18px;
	}
	.bgshape2 {
	    max-width: 300px;
	}
	.shape1 {
	    max-width: 360px;
	}
	.shape2,
	.s_shape2,
	.d_shape2 {
	    right: 65px;
	}
	.shape3 {
	    right: 20px;
	}
	.bring_content {
	    padding: 50px 60px 50px 50px;
	}
	.bring_content h2 {
	    font-size: 100px;
	}
	.fshape2 {
	    left: 17px;
	    bottom: 86px;
	    width: 25px;
	}
	.dedicated_box {
	    padding: 140px 95px 130px;
	}
	.dedicated_box h2 {
	    font-size: 75px;
	}
	.dedicated_box h4 {
	    right: -225px;
	}
	.reliability_content{
		padding-left: 0 !important;
		margin-right: -50px;
		margin-left: 0 !important;
	}
}
@media (min-width: 1200px) { 
	.container{
		max-width: 1130px;
	}
	.container.v2{
		max-width: 1350px;
	}
	.container.v3{
		max-width: 1530px;
	}
}

@media (max-width: 1200px){
	.s_shape2,.s_shape12{
		max-width: 30px;
	}
	.d_shape27{
		max-width: 500px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	.service_area h2 {
	    font-size: 105px;
	}
	.after_before img {
	    max-height: 660px;
	}
	.title {
	    font-size: 70px;
	}
	.safety_body h2 {
	    font-size: 70px;
	}
}

@media (max-width: 1199.98px){
	body{
		font-size: 18px;
	}
	.about_area>img{
		display: none;
	}
	.service_content {	    
		padding: 25px;
	}
	.service_box p {
	    font-size: 17px;
	}
	.service_content img{
		max-width: 13px;
	}
	.after_area ul li {
	    padding: 0 25px;
	}
	.bring_area>img{
		display: none;
	}
	.bring_content {
	    padding: 45px;
	}
	.bring_content h2 {
	    font-size: 58px;
	}
	.follow_wrap {
	    padding-right: 15px;
	}
	footer>img{
		display: none;
	}
	.common_area>img{
		display: none;
	}
	.dedicated_box>img {
	    height: 45px;
	}
	.dedicated_box {
	    padding: 140px 85px 130px 40px;
	}
	.dedicated_box h2 {
	    font-size: 60px;
	}
	.dedicated_box h4 {
	    right: -228px;
	}
	.reliability_area>img{
		display: none;
	}
	.reliability_area {
	    padding: 80px 0 80px;
	}
	.reliability_area h2 {
	    font-size: 70px;	
	}
	.reliability_content {
	    margin-right: -50px;
	}
	.reliability_content .big_text {
	    font-size: 18px;
	}
	.reliability_area p:not(.big_text){
		font-size: 16px;
	}
	.dedicated_area {
	    padding: 80px 0;
	}
	/* service page */
	.services_body{
		font-size: 20px;
	}
	.services_body .services_box_1 .wrap_5 h1, .services_body .services_box_2 .wrap_7 h1, .services_body .services_box_3 .wrap_4 h1{
		font-size: 250px;
	}
	/* safety body */
	.safety_body{
		font-size: 20px;
	}
	.safety_body .makes_area .box p {
		font-size: 20px;
	}
	.safety_body .makes_area{
		padding: 50px;
	}
}

@media (max-width: 991.98px) {
	#menu {
	    background-color: rgba(56, 56, 56, 1);
	    position: fixed;
	    top: 0;
	    left: -100%;
	    width: 100%;
	    height: 100%;
	    z-index: -1;
	    padding-top: 120px;
	    text-align: center;
	    overflow: auto;
	    opacity: 0;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	}
	#menu.current{
		left: 0;
		opacity: 1;
	}
	#menu li{
		display: block;
		padding: 0 15px;
		margin-top: 12px;
	}
	#menu li a{
		padding: 0;
	}
	.hamburger-menu {
		display: block;
	}
	.sub_title{
		padding-bottom: 20px !important;
		margin-bottom: 0 !important;
	}
	.about_area{
		text-align: center;
	}
	br{
		display: none;
	}
	.about_area h2,
	.service_area h2,
	.after_area h2,
	.gallery_area h2 {
	    font-size: 60px;
	}
	.pt_125 {
	    padding-top: 60px;
	}
	.service_text {
	    font-size: 25px;
	    max-width: 100%;
	}
	.service_area{
		text-align: center;
	}
	.service_area{
		padding-left: calc((100% - 720px) / 2 + 15px);
		padding-right: calc((100% - 720px) / 2 + 15px);
	}
	.pt_75 {
	    padding-top: 35px;
	}
	.after_area h2 {
	    margin: 10px 0 50px;
	}
	.after_before {
	    border: 5px solid #363636;
	}
	.after_before img {
	    max-height: 565px;	
	}
	.after_area ul li a.nav-link {
	    font-size: 20px;
	}
	.gallery_area h2 {
	    margin-top: 10px;
	    margin-bottom: 50px;
	}
	.gallery_area .button {
	    margin-top: 50px;
	}
	.bring_content {
	   	margin-left: 0;
	}
	.img_wrap>div{
		max-width: 16.667%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 16.667%;
		        flex: 0 0 16.667%;
	}
	.project_tab li {
	    padding: 5px 15px;
	}
	.title_wrapper{
		text-align: center;
	}
	.line {
	    margin: 60px auto 0px;
	}
	.dedicated_box{
		text-align: center;
	}
	.dedicated_box h2{
		margin-top: 30px;
	}
	.reliability_area{
		padding-left: calc((100% - 720px) / 2 + 15px);
		padding-right: calc((100% - 720px) / 2 + 15px);
	}
	.img3{
		margin-left: 0;
	}
	.reliability_content{
		margin-right: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	/* services page  */
	.services_body{
		font-size: 18px;
	}
	.services_body .services_area .title_box h2,
	.services_body .additional_services_area h2,
	.services_body .additional_services_area .additional_services_boxs h2{
		font-size: 60px;
	}
	.services_body .services_area .services_box .main_content h3{
		font-size: 48px;
		padding-top: 50px;
	}
	.services_body .additional_services_area .icon_box{
		height: auto;
		padding-bottom: 119px;
	}
	.services_body .additional_services_area .icon_box h4{
		font-size: 48px;
	}
	.services_body .services_area .services_box .expand_btn{
		margin-top: -40px;
	}
	.services_body .services_box_1 .wrap_2 h4{
		padding-top: 65px;
	}
	.services_body .services_box_1 .wrap_5 h1, .services_body .services_box_2 .wrap_7 h1, .services_body .services_box_3 .wrap_4 h1 {
		font-size: 180px;
	}
	.services_body .services_box_1 .wrap_5 .btn,
	.services_body .services_box_2 .wrap_7 .btn,
	.services_body .services_box_3 .wrap_4 .btn{
		font-size: 20px;
	}
	.services_body .services_box_2 .wrap_2 .list_group,
	.services_body .services_box_2 .wrap_1 h3, .services_body .services_box_2 .wrap_2 h3,
	.services_body .services_box_2 .wrap_3 h3, .services_body .services_box_2 .wrap_4 h3, 
	.services_body .services_box_2 .wrap_5 h3, .services_body .services_box_2 .wrap_6 h3,
	.services_body .services_box_3 .wrap_2 .list_group:nth-child(1){
		padding-top: 40px;
	}
	.services_body .additional_services_area .additional_services_boxs{
		padding-bottom: 0;
	}
	.services_body .services_box_1 .wrap_4 p{
		font-size: 22px;
	}
	.services_body .d_shape{
		display: none;
	}
	/* safety page */
	.safety_body h2{
		font-size: 60px;
	}
	.safety_body .safety_area h2{
		padding-top: 40px;
	}
	.safety_body .makes_area .box{
		text-align: center;
		padding-bottom: 40px;
	}
	.safety_body .s_shape{
		display: none;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
	.service_area,
	.reliability_area{
		padding-left: calc((100% - 540px) / 2 + 15px);
		padding-right: calc((100% - 540px) / 2 + 15px);
	}
	/* services page */
	.services_body .services_box_1 .wrap_5 h1, .services_body .services_box_2 .wrap_7 h1, .services_body .services_box_3 .wrap_4 h1 {
		font-size: 150px;
	}
	/* safety page */
	.safety_body .makes_area .all_content::before,
	.safety_body .makes_area .all_content::after{
		width: 40%;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	body {
	    font-size: 16px;
	}
	.logo{
		display: block;
		max-width: 130px;
	}
	.home_area,
	.home_area video {
	    height: 406px;
	}
	.about_area h2,
	.service_area h2,
	.after_area h2,
	.gallery_area h2 {
	    font-size: 40px;
	}
	.sub_title {
	    font-size: 16px;
	    letter-spacing: 6px;
	}
	.service_area{
		padding-left: 15px;
		padding-right: 15px;
	}
	.service_text {
	    font-size: 16px;
	}
	.after_before img {
	    max-height: 315px;
	}
	.after_area ul li {
	    padding: 0 10px;
	    margin-top: 20px;
	}
	.after_area ul li a.nav-link {
	    font-size: 17px;
	}
	.after_area {
	    padding: 80px 0 80px;
	}
	.gallery_area {	    
		padding: 80px 0;
	}
	.col.w-40,
	.col.w-20 {
	    max-width: 50%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	}
	.button {
	    font-size: 20px;
	}
	.bring_area {
	    padding: 80px 0px;
	}
	.bgshape1{
		display: none;
	}
	.bring_content {
	    padding: 30px 25px;
	}
	.bring_content h2 {
	    font-size: 35px;
	}
	footer {	    
		padding-top: 40px;
		text-align: center;
	}
	footer .media{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	footer .media img{
		margin-right: 0;
		margin-bottom: 20px;
	}
	.footer_bottom {	    
		margin-top: 80px;
	}
	.footer_bottom {
	    font-size: 16px;
	}
	.title {
	    font-size: 35px;
	    margin-top: 0px;
	}
	.big_text {
	    font-size: 16px;
	}
	.form_box {
	    padding: 30px 20px;
	    margin-top: 50px;
	    margin-bottom: 0;
	}
	.inner_area {
	    height: 380px;
	}
	.common_area {
	    padding: 80px 0;
	}
	.form_box button{
		max-width: 100%;
	}
	.success_msg {
	    font-size: 20px;	
	}
	.img_wrap>div{
		max-width: 25%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
	}
	.project_wrap{
		padding-bottom: 0;
	}
	.project_wrap p {
	    font-size: 18px;
	    padding: 0 15px;
	}
	.project_tab li {
	    padding: 5px 7px;
	}
	.project_tab li a.nav-link {
	    font-size: 18px;
	}
	.mt_100{
		margin-top: 60px;
	}
	.line {
	    margin: 60px auto;
	}
	.dedicated_box>img {
	    height: 30px;
	}
	.top_left {
	    top: 20px;
	    left: 20px;
	}
	.top_right {
	    top: 20px;
	    right: 20px;
	}
	.bottom_left {
	    bottom: 20px;
	    left: 20px;
	}
	.bottom_right {
	    bottom: 20px;
	    right: 20px;
	}
	.dedicated_box h4{
		display: none;
	}
	.dedicated_box {
	    padding: 80px 25px;
	}
	.dedicated_box p:not(.big_text) {
	    font-size: 16px;
	}
	.dedicated_box h2 {
	    font-size: 35px;
	}
	.big_logo{
		width: 100%;
		max-width: 200px;
	}
	.reliability_area{
		padding-right: 15px;
		padding-left: 15px;
		text-align: center;
	}
	.img3{
		display: block;
	}
	.reliability_area h2 {
	    font-size: 35px;
	}
	.reliability_content .big_text {
	    font-size: 16px;
	}

	/* services page  */
	.services_body{
		font-size: 16px;
	}
	.services_body .services_area .title_box h2,
	.services_body .additional_services_area h2,
	.services_body .additional_services_area .additional_services_boxs h2{
		font-size: 40px;
	}
	.services_body .services_area .services_box h3{
		font-size: 20px;
		padding-top: 40px;
	}
	.services_body .additional_services_area .icon_box h4{
		font-size: 30px;
	}
	.services_body .services_box_1 .wrap_5 h1, .services_body .services_box_2 .wrap_7 h1, .services_body .services_box_3 .wrap_4 h1 {
		font-size: 70px;
	    padding: 40px;
	    padding-top: 0;
	}
	.services_body .services_box_1 .wrap_5 .btn, .services_body .services_box_2 .wrap_7 .btn, .services_body .services_box_3 .wrap_4 .btn {
		font-size: 13px;
	}
	/* safety page */
	.safety_body h2 {
		font-size: 40px;
	}
	.safety_body {
		font-size: 16px;
	}
	.safety_body .makes_area .box h3{
		font-size: 45px;
	}
	.safety_body .makes_area .box p {
		font-size: 18px;
	}
	.safety_body .makes_area .title_box .icon img{
		width: 50px;
	}
	.safety_body .makes_area {
		padding: 50px 0px;
	}
	.safety_body .plan_area .check_mark {
		margin-left: 10px;
		margin-top: -30px;
		width: 30px;
	}
	.services_body .services_area .services_box_3 .collapse_body {
	    padding: 50px 0px 0;
	}
	.services_body .services_area .services_box_1 {
	    padding: 80px 0 50px;
	}
	.services_body .services_area .services_box_2,
	.services_body .services_area .services_box_3 {
	    padding: 80px 0 50px;
	}
	.services_body .additional_services_area .title_box {
	    padding: 80px 0 80px;
	}
	.services_body .additional_services_area .additional_services_boxs {
	    padding: 80px 0 0px;
	}
	.services_body .services_box_1 .wrap_2 {
	    padding-top: 60px;
	    padding-bottom: 50px;
	}
	.services_body .services_area .services_box .main_content h3 {
	    font-size: 30px;
	}
	.services_body .services_box_2 .collapse_body {
	    padding: 20px 0 18px;
	}
	.services_body .services_box_2 .wrap_2 .list_group li {
	    text-align: left;
	}
	.pb_100 {
	    padding-bottom: 50px;
	}
	.pt_100 {
	    padding-top: 50px;
	}
	.services_body .services_box_1 .wrap_1 h4, .services_body .services_box_1 .wrap_2 h4, .services_body .services_box_1 .wrap_3 h4 {
	    font-size: 22px;
	    line-height: 1.3;
	}
	.services_body .services_box_1 .collapse_body {
	    padding-top: 80px;
	}
	.services_body .services_box_1 .wrap_4 p {
	    font-size: 14px;
	}
	.safety_body .safety_area .wrap_1 {
	    padding-bottom: 60px;
	}
	.safety_body .plan_area {
	    padding: 80px 0;
	}
	.safety_body .plan_area hr {
	    margin: 60px auto 55px auto;
	}
	.project_tab .row{
		margin-left: -5px;
		margin-right: -5px;
	}	
	.project_tab .row>div{
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 10px;
	}
	.project_title {
	    margin-top: 10px;
	    margin-bottom: 30px;
	}
}