﻿@media (max-width: 1440px){
 .valuebx .valuebxinner ul li p { font-size: 16px;line-height: 22px;}
}


@media (max-width: 1366px){
	
footer p{font-size:16px; line-height:22px;}
footer .fmenu ul li a{font-size:17px; line-height:22px;}
footer .contactdet ul li{font-size:16px; line-height:22px;}
footer .contactdet ul li a{font-size:16px; line-height:22px;}

}

@media (max-width: 1280px){
header .nav ul li { margin-left: 0px;}
header .nav ul li a.getaquote { margin-left: 5px;}
header .nav ul li a{padding: 10px 5px 10px 5px !important; font-size: 14px;  line-height: 20px;}
.container-inner{width:100%;}
.banner-home .banner_caption h2 { font-size: 50px; line-height: 60px;}
.banner-home .banner_caption p {font-size: 30px;  line-height: 38px;}
.globalbx h3{ font-size: 40px;  line-height: 46px;}
.globalbx p { font-size: 18px;  line-height: 28px;}
.missionbg .missiontxt h3{ font-size: 40px;  line-height: 46px;}
.missionbg .missiontxt p { font-size: 18px;  line-height: 28px;}
footer .contactdet iframe{width:100%;}
h3{ font-size: 40px !important;  line-height: 46px !important;}
.aboutsection .abouttxt { padding-left: 60px;}
.valuebx .valuebxinner ul li{    margin: 20px 3px; min-height: 210px;}
.developbg .develop_section .develop_img h4 { font-size: 28px;  line-height: 38px;}
.developbg .develop_section .develop_txt p { font-size: 18px;     line-height: 28px;}
.teambx .teammer .teammertxt h5 { font-size: 24px;  line-height: 28px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt h5 { font-size: 24px;  line-height: 28px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt p { font-size: 18px;  line-height: 26px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt h6 { font-size: 18px;  line-height: 26px;}
.submitbx input{  width: 20% !important;}
}

@media (max-width: 1024px){
footer h4 { font-size: 24px;  line-height: 30px;}
footer .fmenu ul li a {    font-size: 16px;}
header .nav ul li a{font-size:13px;}
.valuebx .valuebxinner ul li p {   font-size: 14px;     line-height: 20px;}
.developbg .develop_section .develop_img h4 { font-size: 26px;  line-height: 34px;}
}


@media (max-width: 912px){
.hdr_logo img { max-height: 60px;}
header .nav ul li a.mactive{padding: 10px 20px !important;}
header .nav ul li a.getaquote{padding: 10px 20px !important;}
.banner-home .banner_caption h2 { font-size: 40px; line-height: 50px;}
.banner-home .banner_caption p {font-size: 26px;  line-height: 32px;}
.globalbx h3 {  font-size: 36px;  line-height: 44px;}
.missionbg .missiontxt h3 {  font-size: 36px;  line-height: 44px;}
h3{ font-size: 36px !important;  line-height: 44px !important;}
.aboutsection .abouttxt { padding-left: 40px;}
#history_slider .owl-nav .owl-prev { top: inherit; right: 52%;  bottom: -60px;}
#history_slider .owl-nav .owl-next { top: inherit; right: 40%;  bottom: -60px;}
.historybg #history_slider .item .history_text { width: 100%;  padding: 0;}
.developbg .develop_section .develop_img h4 { font-size: 24px;  line-height: 34px;}
.developbg .develop_section .develop_txt p { font-size: 16px;     line-height: 26px;}
#team-slider .owl-dots{width: 70%;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt h5 { font-size: 22px;  line-height: 26px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt p { font-size: 16px;  line-height: 22px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt h6 { font-size: 16px;  line-height: 22px;}
}

@media (max-width: 820px){
footer h4 { font-size: 20px;  line-height: 26px;}
footer .fmenu ul li a {    font-size: 14px;}
footer p { font-size: 14px;     line-height: 20px;}
footer .contactdet ul li img {  width: 35px !important;}
header .nav ul li a.mactive{padding: 7px 10px !important;}
header .nav ul li a.getaquote{padding: 7px 10px !important;}
header .nav ul li a{font-size:12px;}
.valuebx .valuebxinner ul li{width: 16%;}
}

@media (max-width: 768px){
.banner-home .banner_caption h2 { font-size: 34px; line-height: 40px;}
.banner-home .banner_caption p {font-size: 24px;  line-height: 30px;}
small { font-size: 16px !important;}
.globalbx h3 {  font-size: 30px;  line-height: 40px;}
.globalbx p { font-size: 16px;  line-height: 26px;}
.missionbg .missiontxt h3 {  font-size: 30px;  line-height: 40px;}
.missionbg .missiontxt p { font-size: 16px;  line-height: 26px;}
h3{ font-size: 30px !important;  line-height: 40px !important;}
.developbg .develop_section .develop_img h4 { font-size: 22px;  line-height: 30px;}
.developbg .develop_section .develop_txt p { font-size: 14px;     line-height: 24px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt h5 { font-size: 20px;  line-height: 26px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt p { font-size: 14px;  line-height: 22px;}
.refrencesbx .refrencesbxinner .refrencesbxinnertxt h6 { font-size: 14px;  line-height: 22px;}
.jobposting { padding: 30px 10px;}

}

@media only screen and (max-width: 767px){
    header .menu_in {display: block;justify-content: inherit;align-items: inherit;flex-wrap: inherit;position: relative;}
    header .hdr_logo, .header_fixed .fixedlogo {padding: 0px 0 0 10px;width: 79%;float: left;}
    header .menu_in .nav {width: 8%;display: inline-block; margin: 0 10px 0 0;padding: 0; display:none;}
    header .navbar {padding: 0;position: inherit;}
.rightmenu{ display: flex; position: absolute;   top: 10px;     right: 10px;}
	header{overflow:visible;}
	.mobilemenu{position: fixed;}
#history_slider .owl-nav .owl-prev img{width:50px;}
#history_slider .owl-nav .owl-next img{width:50px;}
    }
	
	
@media (max-width: 640px){
.banner-home .banner_caption h2 { font-size: 30px; line-height: 34px; margin-bottom:10px;}
.banner-home .banner_caption p {font-size: 20px;  line-height: 26px; margin-bottom:10px;}
.banner-home .banner_caption{width:80%;}
.pdl30{padding-left:10px;}
footer .contactdet { margin-bottom: 30px;}
 footer h4 {font-size: 18px;  line-height: 24px;  margin-bottom: 15px; }
	.contactbx .row.g-3{width:100%; display: block;   margin-bottom: 35px;}
	.submitbx input{  width: 100% !important;}
 .valuebx .valuebxinner ul li{width: 29%; min-height: 180px; padding: 20px 10px;}	
 
#history_slider .owl-nav .owl-prev { top: inherit; right: 55%;  bottom: -60px;}
#history_slider .owl-nav .owl-next { top: inherit; right: 38%;  bottom: -60px;}
.historybg { padding: 50px 10px 100px;}
.historybg #history_slider .item .history_text p { font-size: 16px;  line-height: 26px;}
 .aboutsection { display: block;}
 .aboutsection .aboutimg {  width: 100%; }
    .aboutsection .abouttxt {  width: 100%;  padding-left: 0; padding-top: 30px;}
	.valuebx {    padding: 50px 0;}
.developbg .develop_section .develop_img h4 { font-size: 20px;  line-height: 30px;}
.developbg .develop_section .develop_txt p { font-size: 13px;     line-height: 22px;}
#team-slider .owl-nav .owl-prev{right:60px;}
#team-slider .owl-nav .owl-prev img, #refrence_slider .owl-nav .owl-prev img{width:50px;}
#team-slider .owl-nav .owl-next img, #refrence_slider .owl-nav .owl-next img{width:50px;}
.career p { font-size: 18px; line-height: 28px;}
.career .careerbx {   width: 100%;}
.jobposting { padding: 20px 0;}
.submitbx input{  width: 100% !important;}
.imgcenter{text-align:center;}
}	


@media (max-width: 430px){

.globalbx h3{ font-size: 26px;  line-height: 32px;}
.contact h3{ font-size: 26px;  line-height: 32px;}
h3{ font-size: 26px !important;  line-height: 32px !important;}
.banner-home .banner_caption h2 {    font-size: 26px;      line-height: 28px;}
.banner-home .banner_caption {padding: 10px 10px 5px 10px;}
.small{ margin-bottom: 10px;}
.globalbx p br{display:none;}
.teambx .teammer .teammertxt h5 { font-size: 20px;  line-height: 26px;}
.teambx .teammer .teammertxt p { font-size: 16px;  line-height: 20px;}
#team-slider .owl-dots{width: 65%;}
}

@media (max-width: 390px){
.valuebx .valuebxinner ul li p { font-size: 12px;}
}