/************************ Responsive ************************/
@media (min-width: 1200px) { 
.container, .container-lg,
.container-md, .container-sm,
.container-xl {max-width: 1230px;}
}
@media screen and (max-width: 1900px){
.innerBanner .banRight::before {width: 60%;}
.bobby .lftBox figure {width: 80%;}
}
@media screen and (max-width: 1600px){
.contact .banRight figure {width: 800px;}
.contact::before {width: 54%;}
}
@media screen and (max-width: 1300px){
Section{padding:80px 0;}
.banner .banLft p {	margin: 16px 150px 8px 0;}
.banner .rightBottom {max-width: 500px;}
	
}
@media screen and (max-width: 1199px){
h1,h2,
.innerBanner .banLft h1{font-size: 45px !important;line-height:54px !important;}
.innerBanner .banLft h1{width:auto;margin: 100px auto 8px 0;}
.servPage .contentBox h3{font-size: 45px;line-height:54px;}
.btn {padding: 13px 30px;margin: 18px 0 0;}
.trustLft .btn {padding: 10px 20px;}
.banner .banLft h1 {width:auto;}
.banner .banLft p {margin: 16px 0px 8px 0;}
.banner .rightBottom {max-width: 450px;margin: 12px 40px 0 -150px;}
.homeServ p {font-size: 18px;line-height: 26px;}
.homeServ .serIcon svg {height: 75px;}
.homeServ .serWrapp a {height: auto;margin: 30px auto 10px;width: 50px;}
.rightContWithLeftImg .col6:nth-child(2) {padding: 0px 50px;}
.rightContWithLeftImg .lftBox figure {height: 520px;margin: -30px 51.5px 0 0;}
.gallery #lightgallery img {height: 400px;}
.trustBy .col-md-3 {max-width: 30%;	flex: 0 0 30%;}
.trustBy .col-md-9 {max-width: 70%;	flex: 0 0 70%;}
.trustBy .trustRight h3 {font-size: 40px;}
.logoWithCert .certificationright ul li {width: 45%;}
#lightgallery1 {gap: 10px;}
.parallax .contentBox .btn {margin-right: 0;padding: 10px 30px;}
.footer {padding: 50px 0 0px;}
.footer hr {margin: 30px 0 10px;}	
.bobby .lftBox figure img {	height: 100%;}
.sysDesign .trustLft {margin-left: 0;}
.sysDesign .trustLft h2 {font-size: 30px !important;line-height: 40px !important;}
/* .servPage ul li:nth-child(7) .overlay,
.servPage ul li:nth-child(8) .overlay, 
	.servPage ul li:nth-child(9) .overlay {height: 370px;}
	.servPage ul li:nth-child(4) .overlay,
	.servPage ul li:nth-child(5) .overlay,
	.servPage ul li:nth-child(6) .overlay {height: 390px;} */
}

@media screen and (max-width: 991px){
h3, h4{font-size: 26px;}
.header-menu .row-box .col12 {justify-content: space-between;}
.banner .rightBottom {right: 50px;margin: 12px 20px 0 0px;max-width: 350px;}
.banner .banRight > img {height: 350px;}
.homeServ .row {row-gap: 30px;}
.rightContWithLeftImg .col6:nth-child(2) {padding: 0px 50px;}
.rightContWithLeftImg .rightBox h3 {font-size: 50px;}
.gallery .caption-overlay {	padding: 20px;font-size: 30px;}
.trustBy .col-md-3 {max-width: 40%;flex: 0 0 40%;}
.trustBy .col-md-9 {max-width: 60%;flex: 0 0 60%;}
.fullImg .captiobBox h3 {font-size: 50px;}
.fullImg .imgBox img {height: 400px;}
.logoWithCert {padding: 0 0 15px;}
.logoWithCert .certificationright ul li {width: 45%;font-size: 19px;margin-right: 20px;}
.ourTeam .container {max-width: 100%;padding: 0px 30px;}
.servPage ul li a figure {height: 220px;min-height: 220px;}
#lightgallery3 li a {height: 100%;display: flex;flex-direction: column;}
.servPage ul li a img {height: 100%;}
.servPage ul li:nth-child(1) .overlay,
.servPage ul li:nth-child(2) .overlay,
.servPage ul li:nth-child(3) .overlay,
.servPage ul li:nth-child(4) .overlay,
.servPage ul li:nth-child(5) .overlay,
.servPage ul li:nth-child(6) .overlay,
.servPage ul li:nth-child(8) .overlay, 
.servPage ul li:nth-child(9) .overlay{height:100%;}
.servPage ul li a .overlay h4 {	margin: 0px auto 20px auto;font-size: 20px;}
.innerBanner .banRight figure {width: auto;margin: 0;}
.servPage .contentBox h3{font-size:30px;}
.innerBanner .banRight figure,
	.innerBanner .banRight figure img{height: 100%;object-fit: cover;}
}
@media screen and (max-width: 767px){
Section {padding: 50px 0;}
.fullContent {padding: 15px 0 50px 0;}
.banner ,
.innerBanner{flex-direction: column-reverse;}
.banner .banRight > img {height: 400px;}
.banner .banLft,
.banner .banRight,
.innerBanner .banLft,
.banner .banRight{width:100%;max-width: 100%;}
.innerBanner .banRight {max-width: 100%;}
.contact::before {display:none;}
.contact .banRight::before {display: block;}
.contact .banRight figure{width: 100%;}
.innerBanner .banLft {margin-top: 30px;}
.banner .banLft p ,
.innerBanner .banLft p {max-width: 100%;}
.innerBanner .banRight::before {width: 100%;bottom: -40px;}
.innerBanner .banLft h1{ margin: 50px auto 0px 0;}
.banner .rightBottom {right: inherit;margin: 12px 20px 0 0px;max-width: 300px;}
.homeServ .pl-0 {padding-left: 15px !important;}
.rightContWithLeftImg .rowBox {row-gap: 30px;}
.rightContWithLeftImg .col6{width:100%;}
.rightContWithLeftImg .rightBox {max-width: 100%;}
.rightContWithLeftImg .col6:nth-child(2) {padding: 0px 50px;}
.gallery #lightgallery {flex-wrap: wrap;}
.gallery #lightgallery img {height: auto;}
.gallery .caption-overlay h3 {max-width: 100%;text-align: center;}
.trustBy .row {flex-direction: column-reverse;	row-gap: 30px;}
.trustBy .col-md-3 {max-width: 100%;flex: 100%;}
.trustBy .col-md-9 {max-width: 100%;flex: 0 0 100%;}
.trustBy .trustRight {margin-left: 0;}
	.rightContWithLeftImg .lftBox figure {height: 300px;}
.fullImg .captiobBox {padding: 20px;width: 100%;transform: translateX(-50%);}
.fullImg .imgBox img {height: auto;}
.fullImg .captiobBox h3 {font-size: 40px;}
.logoWithCert .row {row-gap: 30px;}
#lightgallery1 {gap: 15px;}
.parallax .contentBox {flex-wrap: wrap;row-gap: 20px;}
.footer .row {row-gap: 30px;}
.footer .footBottom {flex-wrap: wrap;row-gap: 10px;}
.contactformWithMap .map iframe {height: auto;}
.Companyestablishment .row {row-gap: 20px;}
.ourTeam .mobileTable .table .row {margin: 0 0;}	
.ourTeam .container {padding: 0px 15px;}
.ourTeam .teamCon .table {display: none;}
.ourTeam .mobileTable {display:block;height: 800px; overflow-y: auto; overflow-X: hidden;}
.ourTeam .mobileTable .table-wrapper.first-column {background-attachment: scroll;box-shadow: rgba(244,240,249,1) 0 3px 11px 0;-moz-box-shadow: rgba(244,240,249,1) 0 3px 11px 0;
    -webkit-box-shadow: rgba(244,240,249,1) 0 3px 11px 0;}
.ourTeam .mobileTable .table {border-style: solid;border-width: 0;border-color: rgba(7,190,227,0.43);display: flex;flex-direction: column;justify-content: space-between;}
.ourTeam .mobileTable .row-block {display: flex;flex-direction: column;margin-bottom: 10px;}
.ourTeam .mobileTable .row-block:last-of-type {margin: 0;}
.ourTeam .mobileTable .header-cell {background-color: rgba(7,190,227,0.6);border-style: solid ;border-width: 0 ;color: #fff ;	flex: 1;padding: 6px 20px;font-weight: 700;	font-size: 16px;word-break: break-word;	line-height: 32px;}
.ourTeam .mobileTable .cell {border-style: solid ;border-width: 0 ;border-color: rgba(7,190,227,0.43);padding: 6px 10px;color: rgba(102,102,102,1);font-size: 14px;line-height: 28px;display: flex;	flex-direction: column;flex: 1;word-break: break-word;justify-content: center;font-weight: 300;}	
.bobby .lftBox figure {width: 100%;}
.bobby .lftBox::before {bottom: -70px;}
}



@media screen and (max-width: 575px){
h1, h2,
	.innerBanner .banLft h1{font-size: 40px !important;line-height: 50px !important;}
h3 ,h4 ,
.rightContWithLeftImg .rightBox h3,
.trustBy .trustRight h3,
.fullImg .captiobBox h3,
	.servPage .contentBox h3{font-size: 30px;}
	.banner .rightBottom{display:none;}
	.banner .banRight > img {height: auto;}
.logoWithCert .certificationright ul li {width: 100%;}
.banner .banLft,
.innerBanner .banLft,
.rightContWithLeftImg .col6:nth-child(2){padding: 0 15px;}
}

@media screen and (max-width: 475px){

}


@media screen and (max-width: 375px){
.topBar .topWrapp a span {display: none;}
}