/********** Responsive **********/
@media only screen and (max-width:1600px){
	.baner .imge {width: 40%; top: 90px; right: 150px;}
    .sltn .sltnbx{margin: 0 10px;}
    .sltn .sltnbx:hover:before{left: 0;}
    .prdct:before {width: 487px;}
    .bnfts ul.lst li{width: 21%;}
    .dvlpmnt .cntnt {margin: 0 80px 0 150px;}
    .prtfolio ul.imgul.wbdsgn li a img:nth-child(1) {width: 170px;}
    .prtfolio ul.imgul.wbdsgn li a img:nth-child(2), .prtfolio ul.imgul.wbdsgn li img:nth-child(3) {width: 80%;}
    .prtfolio ul.imgul.wbdsgn li a img:nth-child(2) {left: -85px;}
    .prtfolio ul.imgul.wbdsgn li a img:nth-child(3) {right: -85px;}
    .animted .inrbnr .imge.abslt {width: 45%; top: 100px;}
}

@media only screen and (max-width:1400px){
    .baner .imge {width: 45%; top: 98px; right: 50px;}
    .promot {margin: 0 0 0 120px;}
    .clnts .clntsldr .slick-prev:before {left: -60px;}
    .prdct .container {margin-left: 450px;}
    .prdct ul{width: 70%;}
    .prdct .wrp {width: 20%;height: 180px;flex: 0 0 30%;}
    .inrbnr .imge.abslt {position: absolute;top: 144px;width: 45%;}
    .dvlpmnt ul.imglst {left: 70px;}
    .dvlpmnt .cntnt {margin: 0 70px;}
    .tchnlgy ul {gap: 100px;}
    .animted .inrbnr .imge.abslt {width: 47%;top: 137px;}
    .qury:before{width: 300px;height:400px;}

}
@media only screen and (max-width:1399px){
    .main-heading {font-size: 36px;}
    .flotngsec .inr .inrfrm form {margin: 0;}
    .baner .imge {width: 46%; top: 146px; right: 10px;}
    .promot{margin: 0 0 0 50px;}
    .prtfolio ul.imgul li {flex: 0 0 28%;}
    .cmbopckg .btn a.butn{padding: 15px 15px;}
    .indstrs .indstrsbox .indstrsinr {margin-left: 180px;}
    .sltn .sltnbx h4{font-size: 26px;}
    .clnts .clntsldr .clntbox .imge{width: 13%;}
    .clnts .clntsldr .slick-prev:before,.clnts .clntsldr .slick-next:before{font-size: 20px;width: 30px;height: 30px}
    .clnts .clntsldr .slick-prev:before {left: -50px;}
    .ftrcntct .ftrfrm .chcklst label {bottom: 10px;}
    .ftrcntct .ftrfrm input.sbmt {padding: 15px 20px;}
    .srvs .srvsbox{margin: 0 0 15px;}
    .prdct:before {width: 480px;}
    .prdct .container {margin-left: 390px;}
    .prdct .wrp h4 {font-size: 18px;}
    .prdct .wrp {padding: 20px 10px;height: 200px;}
    .chsus .chsbx img {width: 60%;}
    .chsus .chsbx h4{font-size: 20px}
    .wbsrvs .wbsrvsbox p {height: 200px;overflow-y: auto;}
    .inrbnr{padding: 100px 0;} 
    .rvnu .rvnubx h4{font-size: 24px;}
    .bnfts ul.lst li a img {width: 18%;}
    .inrbnr .imge.abslt {top: 73px;}
    .dvlpmnt .cntnt h2 {font-size: 26px;}
    .dvlpmnt ul.imglst li a {width: 130px;height: 130px;}
    .dvlpmnt .cntnt p {font-size: 16px;}
    .dvlpmnt .cntnt{margin: 0 40px;}
    .dvlpmnt .dvlmpmntsldr .dvlbx {padding: 15px;}
    .bgwhtbtn,.blkbtn{padding: 15px;font-size: 16px;}
    .tchnlgy ul {gap: 80px;}
    .agncy .crd{padding: 50px 0 120px 0;}
    .agncy .crd h2{font-size: 32px;}
    .rslt .rsltbx .cntnt h3 {font-size: 30px;}
    .animted .inrbnr .imge.abslt {width: 37%;top: 135px;right: 50px;}
    .pckg ul.lst{margin: 0 0 30px;}
    .qury:before {width: 200px; height: 300px;}


}
@media only screen and (max-width:1199px){
	.main-heading{font-size: 32px;}
	.sec-pad{padding: 60px 0;}
	.butn{font-size: 16px;padding: 15px 20px;}
	.whtbtn,.trnsbtn{padding: 15px 20px;}
	.btn li{margin: 0;}
	.baner .imge {width: 48%; top: 143px;}
	header ul.btm li {margin-right: 5px;}
	.prtfolio ul.imgul li a img:nth-child(1){width: 170px;}
	.prtfolio ul.imgul li a img:nth-child(2),.prtfolio ul.imgul li img:nth-child(3){width: 140px;}
	.prtfolio ul.imgul li {flex: 0 0 26%;}
	.prtfolio ul.ovrly li {flex: 0 0 26%;}
	.pckg .pckgbx{margin: 20px 20px;padding: 10px !important;}
	.pckg .pckgbx h3{font-size: 18px;}
	.clnts .clntsldr .slick-prev:before {left: -30px;}
    .clnts .clntsldr .slick-next:before{right: -30px;}
    .clnts .clntsldr .clntbox{margin: 0 30px;}
    .clnts .clntsldr .clntbox .imge{width: 12%;}
    .cmbopckg .btn a.butn {margin: 0;font-size: 14px;}
    .pckg .pckgbx .pckglst ul{overflow-x: hidden;}
    .cta .row.bg {padding: 60px 30px;}
    .sltn .sltnbx h4 {font-size: 20px;left: 20px;}
    .sltn .sltnsldr .slick-dots {bottom: -40px;}
    .ftrcntct .ftrfrm input.sbmt {width: 33%;font-size: 16px;}
    .ftrcntct .ftrfrm form input {font-size: 14px;height: 40px;}
    .ftrcntct .ftrfrm form label {font-size: 16px;}
    .ftrcntct .ftrfrm form select{font-size: 16px;height: 40px;padding: 0 15px;}
    .ftrcntct .ftrfrm .chcklst label {bottom: 0;}
    .ftrcntct .ftrfrm input.sbmt {padding: 5px 20px;}
    li.hasmenu-inner .dropDownWeb {right: -216px;}
    .pckg .pckgbx .imge img {width: 50px;top: -70px;}
    .indstrs .hed {margin: 0 0 30px;}
    .indstrs .indstrsbox .indstrsinr{margin-left: 140px;}
    .srvs .srvsbox h3 {margin: 0 0 5px;}
    .srvs .srvsbox {padding: 20px 10px;}
    .prcss .wrp img {width: 70%;}
    .prcss .wrp:before {width: 47%;left: -60px;}
    .prtfolio ul.imgul.wbdsgn li a img:nth-child(1) {width: 140px; }
    .prtfolio ul.imgul.wbdsgn li a img:nth-child(2) {left: -55px; }
    .prtfolio ul.imgul.wbdsgn li a img:nth-child(3) {right: -55px; }
    .prdct:before {width: 360px; height: 380px; }
    .prdct .container {margin-left: 270px; }
    .prdct .wrp {width: 22%;}
    .wbsrvs .wbsrvsbox h4{font-size: 24px;}
    .wbsrvs .wbsrvsbox p{font-size: 14px;}
    .inrsec .cntnt p{margin: 15px 0 25px;}
    .ftrs .ftrbx .imge {width: 100px;height: 100px;}
    .rvnu .rvnubx h4{font-size: 20px;}
    .rvnu .rvnubx p{font-size: 14px;}
    .bnfts ul.lst li {width: 25%; margin: 0 6px;padding: 20px 5px 15px; }
    .bnfts .cntnt p {width: 100%;margin: 10px 0 30px 0;}
    .bnfts .heder {padding: 30px 0 30px 100px;}
    .bnfts .cntnt .imge {top: -50px;}
    .inrbnr .imge.abslt {top: 167px; width: 47%; }
    .dvlpmnt .cntnt {margin: 0 20px;}
    .dvlpmnt .dvlmpmntsldr .dvlbx {margin: 15px 10px 0;}
    .tchnlgy ul {gap: 50px; }
    .prdct .wrp h4 {font-size: 16px;}
    .rslt .rsltbx .imge {width: 20%;}
    .pltfrm ul li {width: 10%;}
    .prfsnl .cntnt p {height: 100px;overflow-y: auto;}
    .animted .inrbnr .imge.abslt {width: 45%; top: 167px;}

}
@media only screen and (max-width:991px){
	.main-heading{font-size: 28px;}
    .trnsbtn{padding: 15px 10px;}
	.nav{display: flex;}
	header,.header.is-sticky{padding: 30px 0;}
	header ul.tp,header ul.btm{display: none;}
	.flotngsec{display: none !important;}
	footer .cntnt {text-align: center; margin: 0 0 40px;}
	.baner .imge{display: none;}
	.lgosec .hed{margin: 0 0 20px;}
	.lgosec ul li{margin: 0 20px;}
	.promot{margin: 0 0 0 20px;}
	.promot .vdo {margin: 40px 0 0;text-align: center;}
	.promot .vdo video{width: 80%;}
    .prtfolio ul.imgul li,.prtfolio ul.ovrly li {flex: 0 0 40%;}
    .pckg .pckgbx {flex: 0 0 40%;}
    .cmbopckg .imge img {width: 150px;}
    .cmbopckg ul.cmbolst li.lihdng.dnn{display: none;}
    .cmbopckg ul.cmbolst{margin: 0;}
    .cmbopckg .cntnt{margin: 40px 0 0;}
    .indstrs .indstrsbox a.pls {top: 150px;}
    .indstrs .hed{margin: 0;}
    .cta h2{margin: 0 0 40px;text-align: center;}
    .indstrs .indstrsbox .indstrsinr {margin-left: 30px; }
    .ftrcntct .ftrfrm form label {font-size: 14px;}
    .ftrcntct .ftrfrm .chcklst label {margin-left: -38px;font-size: 12px;}
    .ftrcntct .ftrfrm input.sbmt {width: 43%;}
    footer {padding: 100px 0 50px !important;}
    footer h5 {font-size: 16px;}
    footer ul li a{font-size: 14px;}
    footer ul.ftrbrndlgo {gap: 20px;}
    .lgosec ul li img{margin: auto;}
    .prtfolio ul.ovrly li a .zom .text {font-size: 30px;}
    .prtfolio ul.prtbox li{flex: 0 0 40%;}
    .mobile-nav,.mobile-nav-btn .lines{display: block;}
    .prcss .wrp:before {width: 50%; left: -50px; }
    .prcss .wrp h4 {font-size: 15px;}
    .prdct:before{background-image: none;z-index: -999;}
    .prdct .container {margin-left: 20px; }
    .prdct .wrp {width: 30%; }
    .chsus .chsbx p{font-size: 14px;}
    .wbsrvs .wbsrvsbox.mt20{margin-top: 0}
    .wbsrvs .wbsrvsbox{margin: 0 0 20px;}
    .chsus .chsbx img {width: 30%; }
    .sftr .sftrbx .cntnt h4{font-size: 22px;}
    .sftr .sftrbx .cntnt p {font-size: 14px;}
    .bnfts ul.lst{flex-wrap: wrap;}
    .bnfts ul.lst li{flex: 0 0 38%;border-radius: 8px;margin: 0 5px 10px;}
    .bnfts .cntnt ul li {margin: 0 0 0 10px;}
    .bnfts .heder {padding: 30px 0 30px 30px;}
    .prdct ul {width: 100%;}
    .inrbnr .imge.abslt {top: 274px; width: 48%;}
    .dvlpmnt ul.imglst {left: 0}
    .dvlpmnt ul.imglst li a {margin: 0 20px 20px;width: 110px;height: 110px;}
    .dvlpmnt .current .cntnt{margin: 0;}
    .dvlpmnt .bx.current {padding: 70px 30px;}
    .tchnlgy ul {gap: 30px;}
    .sftr ul.lst li {padding: 10px 5px;}
    .inrsec .cntnt p {height: 200px;overflow-y: auto;font-size: 14px;}
    .agncy .crd {width: 100%;}
    .rslt .rsltbx {width: 49%;}
    .rslt .rsltbx .cntnt h3 {font-size: 26px;}
    .rslt .rsltbx .cntnt p {font-size: 14px;}
    .rslt .rsltimge{width: 50%;margin: 10px auto 0;}
    .animted .inrbnr .imge.abslt {width: 55%;top: 230px;right: 0;}
    .ftrs .ftrbx {height: 250px;}
    .qury .cntnt{text-align: center;}
    .qury .cntctfrm{margin: 20px auto 0;}
    .qury .cntctfrm form input {padding: 10px 10px;}
    .qury .cntctfrm form .chcklst label{font-size: 12px}
    .qury .cntctfrm form .chcklst label a{font-size: 14px;font-weight: 500;}

}

@media only screen and (max-width:767px){
    .main-heading{font-size: 24px;}
    .butn,.whtbtn, .trnsbtn{padding: 12px 12px;font-weight: 500;}
    .prtfolio .hed p {width: 100%;}
    .prtfolio ul.lst{display: flex;flex-wrap: wrap;justify-content: center;}
    .prtfolio ul.lst li{flex: 0 0 31%;font-size: 14px;padding: 10px 10px;}
    .pckg .pckgbx.poplr:before{font-size: 13px; left: 18px; top: -20px;padding: 2px;}
    .pckg .pckgbx h3{font-size: 16px;}
    .pckg .pckgbx .nmbr span.prc {font-size: 25px;}
    .pckg .pckgbx {margin: 40px 10px;}
    .pckg .pckgbx a.butn {top: 95px;}
    .pckg .pckgbx .imge img {width: 35px;}
    .pckg .pckgbx .nmbr {margin: 16px 0 0;}
    .pckg .pckgbx .imge img {top :-40px;}
    .cmbopckg .cntnt .infrmatn a {font-size: 16px;}
    .cmbopckg .cntnt p {font-weight: 700;}
    .cmbopckg .prc {width: 50%;}
    .indstrs .indstrsbox a.pls{font-size: 30px;}
    .indstrs .indstrsbox a p {font-size: 14px;}
    .indstrs .indstrsbox .indstrsinr ul li{margin-bottom: 10px; padding: 7px 10px;}
    .indstrs .indstrsbox .indstrsinr ul li a{font-size: 16px;}
    .indstrs .indstrsbox .indstrsinr {margin-left: 0; }
    .indstrs .indstrsbox .indstrsinr ul li img {display: inline-block; vertical-align: top; margin-right: 5px;} 
    .indstrs .indstrsbox .indstrsinr ul li a {font-size: 16px; display: inline-block; width: 80%; }
    .cta ul li a.butn{margin: 0;}
    .ctatwo .imge, .ftrcntct .imge{display: none;}
    .pckg .pckgs.my-tabs.current{display: block;}
    .cmbopckg .imge img {display: none;}
    .ftrcntct .ftrfrm form select{font-size: 14px;}
    .ftrcntct .ftrfrm input.sbmt {width: 30%;display: flex;margin: auto;}
    footer{padding: 50px 0 30px !important;}
    footer .info{text-align: center;}
    footer ul.scl{justify-content: center;gap: 20px;}
    footer ul.scl li a i{margin: 0;font-size: 20px;}
    .prtfolio ul.imgul li a img{box-shadow: none;}
    .prtfolio ul.imgul,.prtfolio ul.ovrly,.prtfolio ul.prtbox{display: block;}
    .prtfolio ul.ovrly li{display: flex;justify-content: center;}
    .prtfolio ul.ovrly li a{width: 79%;}
    .prtfolio ul.ovrly li a .zom{left: 48px;}
    .prtfolio ul.ovrly li a:hover .zom {width: 79.5%; left: 48px; }
    .prtfolio ul.prtbox li a {width: 75%}
    .prtfolio ul.imgul li {margin: 30px 25px 35px;}
    .inrbnr .imge{display: none;}
    .inrsec .imge {width: 80%; margin: 40px auto 0;}
    .srvs .hed {margin-left: 0 0 40px;}
    .prcss .wrp:before {width: 68%;left: -47px;}
    .prdct .wrp {flex: 0 0 47%;}
    .prdct ul{gap: 20px;justify-content: center;}
    .wbsrvs .wbsrvsbox {height: 290px;}
    .inrbnr {padding: 60px 0;}
    .ftrs .ftrbx.bgwht{margin: 0 0 70px;}
    .sftr .imge {width: 70%; margin: auto; }
    .bnfts .cntnt .imge{display: none;}
    .bnfts .heder{text-align: center;padding: 30px 0;}
    .bnfts ul.lst li {flex: 0 0 47%;}
    .tchnlgy ul {gap: 10px;flex-wrap: wrap;}
    .tchnlgy ul li{flex: 0 0 30%;}
    .dvlpmnt ul.imglst li a{width: 80px;height: 80px;margin: 0 20px 10px;}
    .dvlpmnt .dvlmpmntsldr .dvlbx p {height: 100px;}
    .sftr ul.lst{flex-wrap: wrap;}
    .sftr ul.lst li{flex: 0 0 47%;text-align: center;}
    .inrsec .cntnt h4 {font-size: 16px;}
    .agncy .crd{margin: 0 0 10px;padding: 50px 0}
    .agncy .crd h2{font-size: 26px;}
    .rslt .rsltbx .imge {margin: 0 5px;}
    .rslt .rsltbx .cntnt p {font-size: 12px;}
    .rslt .rsltbx .cntnt h3 {font-size: 22px;}
    .inrsec .cntnt p{height: auto;}
    .ftrs .ftrbx{height: auto;}
    .qury .cntnt p{font-size: 16px;}
    .qury .cntctfrm {padding: 30px 20px;}



}
@media only screen and (max-width:575px){
    .main-heading {font-size: 22px;}
    p{font-size: 14px !important;}
    .sec-pad{padding: 40px 0;}
    .promot{margin: 0;}
    .prtfolio ul.lst li {flex: 0 0 45%;font-size: 12px;padding: 8px 5px;}
    .pckg ul.lst{display: flex;flex-wrap: wrap;justify-content: center;}
    .pckg ul.lst li{flex: 0 0 45%; font-size: 12px; padding: 10px 0px;}
    .prtfolio ul.ovrly li {margin: 0 10px 20px;}
    .prtfolio ul.ovrly li a .zom{left: 32px;}
    .prtfolio ul.ovrly li a:hover .zom {width: 85%; left: 32px; }
    .prtfolio .cnd ul.ovrly li a .zom{left: 0px;}
    .prtfolio .cnd ul.ovrly li a:hover .zom {width: 100%; left: 0px; }
    .prtfolio .van ul.ovrly li a .zom{left: 0px;}
    .prtfolio .van ul.ovrly li a:hover .zom {width: 100%; left: 0px; }
    .prtfolio ul.ovrly li a{width: 100%;display: flex;justify-content: center;}
    .pckg .pckgbx .pckglst ul{height: 150px;}
    .cmbopckg {padding: 25px 15px;}
    .cta .row.bg{border-radius: 0;}
    .cmbopckg .cntnt .infrmatn a {font-size: 14px;}
    .cmbopckg .cntnt p {font-weight: 500; line-height: normal; }
    .cmbopckg .prc .ct-prc {font-size: 14px;}
    .cmbopckg .prc .nw-prc {font-size: 18px;}
    .cmbopckg .btn {width: 45%;text-align: left;}
    .cmbopckg .btn a.butn {padding: 10px 10px; }
    .cmbopckg .cntnt {margin: 40px 0 20px; }
    .indstrs .indstrsbox a.pls {top: 85px;}
    .indstrs .indstrsbox a p {font-size: 14px !important; }
    .indstrs .hed{margin: -12px 0}
    .cta ul li:nth-child(1){display: none;}
    .cta .row.bg{padding: 40px 10px;}
    .butn, .whtbtn, .trnsbtn{font-size: 14px;}
    .sltn .sltnsldr .slick-dots {bottom: -25px; }
    .clnts .clntsldr .clntbox {margin: 0 10px; }
    .clnts .clntsldr .clntbox .imge{width: 20%;}
    .clnts .clntsldr .clntbox .cntnt {width: 100%;margin: 5px 0 0}
    .clnts .clntsldr .clntbox .cntnt p{font-size: 14px!important;}
    .clnts .clntsldr .clntbox .cntnt h5{margin: 5px 0; }
    .clnts .clntsldr .clntbox{padding: 10px;}
    .ftrcntct .ftrfrm form input{font-size: 12px;}
    .ftrcntct .ftrfrm input.sbmt {width: 50%; padding: 8px 20px; height: 40px; }
    .ftrcntct .ftrfrm .chcklst label {margin-left: -50px; font-size: 12px; width: 100%; }
    footer{background: #272a32;padding: 50px 0 !important;}
    footer h5{margin: 20px 0;}
    footer ul li{font-size: 14px;}
    .prcss .wrp:before{display: none;}
    .prcss .wrp h4{margin: 20px 0;}
    .prdct .container{margin-left: 0}
    .prdct .wrp h4{font-size: 16px;}
    .wbsrvs .wbsrvsbox {height: 250px;}
    .wbsrvs .wbsrvsbox p {height: 130px;}
    .wbsrvs .wbsrvsbox h4 {padding: 0 0 10px;font-size: 20px;}
    .inrbnr{padding: 50px 0;}
    .sftr .sftrbx .cntnt h4{font-size: 20px;}
    .ftrs .ftrbx .imge{width: 80px;height: 80px;}
    .ftrs .ftrbx h4 {font-size: 18px;}
    .ftrs .ftrbx.bgwht {margin: 0 0 50px;}
    .bnfts ul.lst li a span {font-size: 12px;}
    .rvnu .rvnubx .imge{width: 70px;height: 70px;}
    .bnfts ul.lst li{flex: 0 0 45%;}
    .bnfts ul.lst li a h6 {display: block;width: 100%;font-size: 16px;}
    .bnfts .heder h3 {font-size: 20px;}
    .prdct .wrp {height: 180px;}
    .dvlpmnt .bx.current {padding: 40px 20px;}
    .inrsec .inrsecsldr .cntnt{margin: 0 0 0 10px;}
    .agncy .swtchbx {margin: 0 0 20px;}
    .rslt .rsltbx {width: 100%;}
    .rslt .rsltbx .imge {width: 15%;}
    .inrsec .inrsecbx .imge{display: none;}
    .inrsec .inrsecbx .cntnt{flex: 0 0 95%;}
    .agncy .swtchbx {gap: 20px;}
    .rslt .rsltimge {width: 70%;}
    .pltfrm ul {gap: 15px;}
    .qury:before{display: none;}
    .qury .cntctfrm {padding: 30px 5px; }
    .qury .cntctfrm form input {height: 40px;font-size: 14px}
    .qury .cntctfrm form textarea {height: 80px;}


}

@media only screen and (max-width:479px){
    .prtfolio ul.ovrly li a .zom{left: 0;}
    .prtfolio ul.ovrly li a:hover .zom {width: 100%;left: 0;}
    .indstrs .indstrsbox a.pls {top: 110px;}
    .prdct .wrp{flex: 0 0 100%;}
    .bnfts ul.lst li a h6{width: 70%;}
    .dvlpmnt ul.imglst li a {width: 60px; height: 60px; margin: 0 10px 29px; }
    .sftr ul.lst li {flex: 0 0 46%;font-size: 15px;}


}