

/*OUR PROCESS*/

.walk-sec{padding: 50px 0; background: #e6f2f7;text-align: center;}
.walk-hd{}
.walk-hd h2{font-size: 35px; color: #000;font-weight: 500;}
.walk-hd h3{font-size: 30px; font-weight: 600;color: #EA9142;padding: 10px 0 15px;text-transform: uppercase;}
.walk-hd p{font-size: 16px;color: #000;}

.begin-hd{background: #1597C0;padding: 20px 0;}
.begin-hd h2{color: #fff; font-size:35px;font-weight:600 ;text-transform: uppercase;text-align: center;}

.process-lst-wrap{padding-bottom: 50px}
.process-wrap{padding: 50px 0 0;}
.process-wrap h2{font-size: 35px;color: #EA9142; font-weight: 700;text-align: center;}


ul.process-lst{text-align: center}
ul.process-lst li{display: inline-block;vertical-align: middle;width: 33%;margin-top: 150px}
ul.process-lst li .process-hd{text-align: right;}
ul.process-lst li.lst-cntr{width: 13%;position: relative;}
ul.process-lst li.lst-cntr:before{content: '';position: absolute;left: 0;right: 0;margin: auto;top: -100px;background-image:url(../images/process-before.webp);
width:10px;height:52px;background-repeat:no-repeat;background-position:center; }
ul.process-lst li .process-content-img{text-align: center;}
ul.process-lst li .process-content-right{text-align: right}
ul.process-lst li .process-hd-left{text-align: left;}
ul.process-lst li .process-hd-left h3{color: #EA9142}
.process-hd{display: none}

.process-hd h4{font-size: 25px;color: #000;}
.process-hd h3{font-size: 25px;color: #1597C0;font-weight: 600}

.process-content-img{}

.process-content-text{text-align: left;display: none}
.process-content-text h5{font-size: 18px;color: #EA9142;font-weight: 600}
.process-content-text p{font-size: 16px;color: #000;}
.process-content-text p span{color: #EA9142;font-weight: 500}
.process-content-text ul{padding-left: 20px;}
.process-content-text ul li{text-transform: uppercase;width: 100%!important;display:block; text-align: left!important;margin-top: 0}
.process-content-text  ul li p{font-size: 14px}


/*OUR PROCESS*/





@media (max-width:1440px){

	.banner-wrap{padding-left: 7%;}
	.logo{margin-left: 30px;}
	.side-info-wrap{top: 23%;}

	.my-tab{text-align: center;}
	.tab button{font-size: 14px;}
	.my-tab:after{left: 0;right: 0;margin: auto;}


	.inner-banner{height: 100vh;}
	ul.ban-port li{width: 20%!important}
ul.ban-port li:nth-child(10), ul.ban-port li:nth-child(11), ul.ban-port li:nth-child(12){display:inline-block;}





}
@media (max-width:1200px){
	img{max-width:100%;height:auto;}
	.menu-Bar{display:block;top:auto}
	.menu-Bar2{display:none;top:auto}
	.menuWrap.open{display:flex;left:0px;}
	.menuWrap{position:fixed;left:-210%;right:0;top:0;bottom:0;margin:auto;background:linear-gradient(50deg, #18A5C3 0%, #1263A3 100%);;height:100vh;
		display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all 0.4s ease;
		z-index:9;width:100vw;}
	ul.menu li{display:block;margin-left: 0;}
	ul.menu li a{margin-bottom:10px;padding:0;display:block;text-align:left;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;
		font-size:15px;text-transform:capitalize;}
	.logo img{max-width:50%;}
	.container{position:relative;}
	header .header-top{display:none;}
	header .main-header ul.menu>li{display:block;padding:0px;}
	header .main-header ul.menu>li a{color:#fff;padding:0px;}
	header .main-header ul.menu>li a:before{display:none;}

	ul.sub-item{position:relative;display: block;animation: none;top: 0;background-color:transparent ;box-shadow: none;padding: 0;}
	ul.sub-item li a{color: #fff!important;}
	ul.sub-item li{position: relative;padding: 0 0 0 25px;}
	ul.sub-item li:before{content: '';position: absolute;left: 0;top: 0; bottom: 0;margin: auto;background-color: #000;width: 10px;height: 2px;}
	ul.menu li.menu-dev:hover ul.sub-item{animation: none;}

	/*Home Page*/
			
	.banner-wrap h1{font-size: 50px;}

	ul.fan-list li{width: 33%;margin-bottom: 0;}
	ul.fan-list li a{padding: 20px;}
	.fan-wrap h4{font-size: 22px;}

	ul.desig-list li{margin: 0;width: 33%;}
	ul.desig-list li a{padding: 20px;}

	ul.port-lst li{width: 45%;}
	ul.plans-offer li{width: 100%;}

	.port-multi-lst li{width: 100%!important;}
	ul.port-multi-lst li .plan-multi-wrap{justify-content: center;}
	ul.port-multi-lst li .plans-lst-scroll{margin: 25px 10px;}

	.my-tab:after{display: none;}
	.tab button{font-size: 10px;margin-right: 6px;padding: 13px;}
	.tab button:after{display: none;}

	.my-tab button.active:after{display: none;}

	.app-txt p br{display: none;}

	/*Home Page*/


}
@media (max-width:1024px){


	ul.side-menu li a{font-size: 22px;}
	.side-info-wrap h3{font-size: 20px;}
	ul.side-call li a{font-size: 13px;}


	.new-testi-sec {padding: 25px 0 25px;}
	.new-testi-content{padding: 10px }
	.new-testi-content p {font-size: 12px;line-height: 14px;}
	.new-testi-content h2 {font-size: 18px;padding: 10px 0 5px;}
	.new-testi-content h5 {font-size: 10px;}

	.new-testi-hd h1 {font-size: 74px;}

	.tech{padding: 50px 0}

	ul.team-lst li{width: 16%}

	ul.done-work-count li{padding: 15px 0}
	ul.icon-verified li{width: 12%}


	.walk-sec{padding: 25px 0}
	.walk-hd h2{font-size: 25px;}
	.walk-hd h3{font-size: 22px;}
	.walk-hd p{font-size: 13px; line-height: 17px}

	.begin-hd h2{font-size: 25px;}

	.process-wrap{padding-top: 25px;}
	.process-wrap h2{font-size: 25px;}

	.process-hd h4{font-size: 22px}
	.process-hd h3{font-size: 22px;}
	ul.process-lst li{margin-top: 100px}
	ul.process-lst li.lst-cntr:before{top: -75px;}

	.process-content-text h5{font-size: 16px;}
	.process-content-text p{font-size: 12px;line-height: 18px;}

	.process-content-text ul li p {font-size: 11px;}
	.process-content-text ul li{margin: 0}
}


@media (max-width:824px){

	.pad-zero{padding-left: 15px;padding-right: 15px;}
	.pad-l-zero{padding-left: 15px;}
	.pad-r-zero{padding-right: 15px;}
	.menagerie, .menagerie2, .want:before, .want:after, .bud-txt:before, .bud-txt:after{display: none;}
	
	header{position: unset;}
	.mainBanner{padding: 50px 0;height: auto;}
	.mainBanner:before, .mainBanner:after, .banner-img{display: none;}
	.side-header{display: none;}

	.menu-Bar span:nth-child(4) {top: 0px;}

	.banner-wrap{padding-left: 0}
	.banner-wrap h1{font-size:24px;}	
	.banner-wrap p{font-size: 14px;line-height:normal;padding-bottom: 15px;}
	.banner-btn a{font-size: 14px;width: 130px;height: 50px;line-height: 50px;border-radius: 15px;}


	.fan{padding: 25px 0;}
	.fan:after{display: none;}
	.fan-txt{width: 100%;}
	.fan-txt h3{font-size: 25px;line-height: normal;}
	.fan-txt p{font-size: 14px; line-height: normal;padding: 15px 0;}

	ul.fan-list{padding-top:15px;}
	ul.fan-list li{width: 49%;margin-bottom: 15px;}
	ul.fan-list li a{padding: 15px;}
	.fan-wrap img{width: auto;}
	.fan-wrap h4{font-size: 18px;padding: 0}
	.fan-wrap p{font-size: 14px;padding: 15px 0;min-height: auto;}
	ul.fan-list ul.slick-dots{padding-top: 0;}
	ul.fan-list ul.slick-dots li{width: auto;margin: 0 7.5px;}
	ul.fan-list ul.slick-dots li.slick-active button{background:#EA9142 ;}
	

	.design-wrap h2{font-size: 25px;padding: 15px 0;}
	ul.desig-list li{width: 49%;margin: 0 0 15px;}
	ul.desig-list li a{padding:15px ;height: auto;}
	ul.desig-list ul.slick-dots{padding-top: 0;}
	ul.desig-list ul.slick-dots li{width: auto;margin: 0 7.5px;}
	ul.desig-list ul.slick-dots li.slick-active button{background:#EA9142 ;}

	.desig-wrap img{padding-bottom: 0;}
	.desig-wrap h4{font-size: 18px;}
	.desig-wrap p{font-size: 14px;padding: 15px 0;line-height: normal;}

	.trust{padding: 25px 0;}
	.trust-wrap{height: auto;padding:25px;}
	.trust-wrap h1{font-size: 25px;}
	ul.trust-lst li {width: 31%;margin-right: 5px;}
	ul.trust-lst li .trust-wrap-lst{padding: 10px;}
	ul.trust-lst li .star span{padding-right: 4px;font-size: 14px;}
	ul.trust-lst li.last .star{margin-top: 0px;}

	.want{padding-bottom: 0;}
	.want-txt h1{font-size: 25px;}
	.want-txt p{font-size: 14px;line-height: normal;}
	.want-txt p br{display: none;}

	.tab{display: inline-block;padding-bottom: 15px;}
	.tab button{font-size: 12px;padding: 10px;border-radius: 10px;float: left;
		margin-right:5px;margin-bottom: 7px;}

	.tab button:after{display: none;}
	.my-tab:after{display: none;}

	.portf-tab{padding-top:0px;overflow: hidden;}

	ul.port-lst li{width: 47%;margin: 0;}
	.portf-sec-new ul.port-lst li{width: auto}
	ul.port-lst li a{}
	ul.port-lst ul.slick-dots{padding-top: 0;}
	ul.port-lst ul.slick-dots li{width: auto;margin: 0 7.5px;}
	ul.port-lst ul.slick-dots li.slick-active button{background:#EA9142 ;}
	ul.port-lst li:hover a img{transform: none;}
	
	ul.port-multi-lst{padding-top: 25px;}
	ul.port-multi-lst li .plan-multi-wrap{display: block;}
	ul.port-multi-lst li .plans-lst-scroll{width: 92%;}


	ul.ban-port{padding-top: 25px;display: none;}
	ul.app-list li{width: 100%;}

	.plans-offer li{width: 100%!important;}

	.combo{padding: 25px 0;}
	.combo-wrap{background-size: cover;background-repeat: no-repeat;}
	.combo-img{display: none;}
	.combo-txt h2{font-size: 24px;padding: 15px 0 0;}
	.combo-list-wrap{padding-top:10px ;}
	ul.combo-lst li{margin-bottom: 0;}

	ul.call-lst li{margin-bottom: 5px;margin-right: 5px;}
	ul.call-lst li a{font-size: 16px;}
	.combo-call{text-align: center;}
	.combo-call h5{font-size: 16px;padding: 5px 0;}
	.combo-call h3{font-size: 25px;line-height: 30px;}

	.incre-hd h3{font-size: 25px;}
	.incre-hd h2{font-size: 30px;line-height: normal;}
	.incre-hd h2 br{display: none;}
	.incre-hd p{font-size: 14px;padding: 15px 0;}
	.combo-pkg-price {padding: 45px 30px;}
	.combo-pkg-price{margin: auto;}
	.combo-pkg-price h4{font-size: 18px;}
	.combo-pkg-price h2{font-size: 45px;}
	.incre-wrap h3{margin-top: 20px;}
	ul.incre-lst li p{font-size: 13px;}
	ul.incre-lst li{padding-bottom: 5px;}
	ul.incre-lst li span{font-size: 13px;}
	ul.incre-lst li span br{display: none;}

	.digi-img{display: none;}


	.budget{padding:25px 15px ;}
	.bud-txt{padding-bottom: 15px;}
	.bud-txt h1{font-size: 25px;}
	.bud-txt h6{font-size: 18px;line-height: normal;padding: 15px 0;}

	ul.bud-lst ul.slick-dots{padding-top: 0;}
	ul.bud-lst ul.slick-dots li{width: auto;margin: 0 7.5px;}
	ul.bud-lst ul.slick-dots li.slick-active button{background:#EA9142 ;}
	.budget-wrap{padding: 25px;margin-bottom: 15px;}
	.budget-wrap h3{font-size: 25px;}
	.budget-wrap h6{font-size: 12px;padding: 12px 0;}
	.budget-wrap h2{font-size: 25px;}
	.budget-wrap a{font-size: 12px;padding: 10px 0;margin: 15px 0;}
	.budget-wrap ul.lst-offer{padding: 0;}
	.budget-wrap ul.lst-offer li{margin-bottom: 0;}
	.budget-wrap ul.lst-offer li p{font-size: 14px;}

	.tech{padding:25px 0;}
	.digi{padding: 25px 0;}
	.digi-wrap h3{font-size: 25px;}
	.digi-wrap h5{font-size: 18px;padding: 15px 0;}
	.digi-wrap p{font-size: 14px;}
	.digi-wrap a{padding: 10px 15px;font-size: 14px;border-radius: 10px;margin-top: 15px;}
	
	.port-full-offer{display: block;}
	.port-full-offer ul{margin-bottom: 20px;}


	ul.icon-verified li{width: 15%;margin-bottom: 10px;margin-right: 0px}
	ul.icon-verified li img{width:100%}
	ul.new-testi-slider button{padding: 8px 26px;}
	.new-testi-hd{left: 0}
	.new-testi-hd h1{font-size: 40px}
	.new-testi-sec{padding-bottom: 40px;}
	ul.new-testi-slider .slick-prev, ul.new-testi-slider .slick-next{bottom: -70px;}

	.straight-sec{padding: 25px 0}
	.straight-form-wrap{padding:20px 15px;}

	ul.done-work-count li h6{font-size: 12px;}

	.portfolio-hd h2{font-size: 24px;}
	.portfolio-hd h3{font-size: 16px;}
	.portfolio-hd p{font-size: 13px; line-height: 16px;}

}

@media (max-width:768px){ 
    header.mobile-header .menu-mob .nav ul li.active .sub-menu {
        min-height: 360px;
    }
}


@media (max-width:425px){
    
ul.process-lst li {
    width: 28% !important;
    margin-left: 5px;
    margin-right: 5px;
}
  header.mobile-header .menu-mob .nav ul li.active .sub-menu {
        min-height: 360px;
    }
}



