@charset "utf-8";
/* CSS Document */
@media (min-width:1680px){
	.container-fluid {
    	width: 92%;
	}
	.headerSec {
	padding: 10px 0;
	}
	.weareBox {
		padding: 45px 30px;
	}
	.portfolioBg::after {
	right: -92px;
}
.portFolioright {
	width: 45%;
	padding-right: 100px;
}
.portFolioLeft {
	padding-left: 100px;
	max-width: 37%;
}
.portfolioBg {
	padding-top: 90px;
}
.makerSec::after{
	width: 220px;
}
ul.leftIcon li:first-child {
	top: 150px;
	text-align: right;
}
ul.leftIcon li:nth-child(2) {
	top: 130px;
}
ul.leftIcon li:nth-child(3) {
	top: 330px;
}
ul.leftIcon li:nth-child(4) {
	top: 300px;
}
ul.leftIcon li:nth-child(5) {
	top: 270px;
	left: 156px;
}
ul.rightIcon li:first-child {
	top: 86px;
	text-align: left;
	left: -190px;
}
ul.rightIcon li:nth-child(2) {
	text-align: left;
	top: 160px;
	left: -55px;
}
ul.rightIcon li:nth-child(3) {
	top: 79px;
	left: -55px;
}
ul.rightIcon li:nth-child(4) {
	top: 210px;
}
ul.rightIcon li:nth-child(5) {
	top: 226px;
	text-align: left;
	left: -52px;
}
ul.rightIcon li:nth-child(6) {
	text-align: left;
	top: 70px;
	left: -177px;
}
.bannerIcon li img {
	max-width: 235px;
}
}
@media (max-width:1440px){
	.mainNav .navbar-nav.mr-auto li .nav-link {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 12px;
	}
	.allsec {
		top: 0;
	}
	.headerSec .mainNav .navbar {
		padding: 0 30px;
	}
    .container {
        max-width: 1100px;
    }
    .weRaeSec h3 {
        font-size: 30px;
	}
	.processHead h4 {
		font-size: 30px;
	}
    .weareBox p {
        font-size: 13px;
        line-height: 22px;
    }
    .weareBox h4 {
        font-size: 20px;
    }
    .weareBox i {
        margin-bottom: 10px;
    }
    .weareBox ul li {
        font-size: 15px;
        padding: 6px 0;
        position: relative;
        font-family: 'Roboto', sans-serif;
        padding-left: 27px;
    }
	.makerSec::after {
		width: 12.5%;
	}
	.weareBox a {
		color: #1c1b20;
		font-size: 13px;
		text-transform: uppercase;
		line-height: 24px;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
	}
	.weareBox a {
		font-size: 13px;
	}
	.makerSec h4 {
		font-size: 30px;
	}
	.comonHead h4 {
		font-size: 30px;
	}
	.comonHead h5 {
		font-size: 18px;
	}
	.makerSec .container {
		padding-left: 100px;
	}
	.bannerSec h1 {
		left: 7%;
	}
	.makerSec{
		height: auto;
	}
}
@media (max-width:1280px){

    .container {
        max-width: 1000px;
    }
    .makerSec {
	   min-height: 230px;
    }
.makerSec .container {
    padding-left: 100px;
}
.makerSec::after {
	width: 11.5%;
}
.WhatwedoImg img {
    max-width: 90px;
    top: 25px;
}
.portfolioBg {
	padding-top: 65px;
}
.portfolioBg::after {
	right: -51px;
	transform: rotate(34deg);
}
.portFolioLeft h4 {
	font-size: 35px;
}
.portFolioLeft h5 {
	font-size: 14px;
}
.portFolioLeft p ,.clientSecleft p, .clientSlideCnt p,.blogCont p,.developTypeCnt p{
	font-size: 13px;
	line-height: 23px;
}
.clientSecleft h4 {
	font-size: 20px;
}
.blogSec .container-fluid,.whatWeDo .container-fluid,.footerSec .container-fluid {
	padding: 0 50px;
}
.blogList ul li {
	margin-bottom: 10px;
}
.WhatwedoImg {
	height: 355px;
}
.whatWeDo {
	padding: 25px 0;
	height: 100vh;
}
.touchHead h4 {
	padding-bottom: 22px;
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: 600;
}
.touchList h4 {
	font-size: 20px;
}
.footerMenu li a {
	line-height: 30px;
	font-size: 14px;
}
.topFooter h4 {
	font-size: 20px;
	margin-bottom: 15px;
}
.footerMenu .address li {
	padding-left: 30px;
	margin-bottom: 15px;
	font-size: 13px;
}
.ftr_social ul li a {
	height: 35px;
	width: 35px;
	line-height: 35px;
}
.ftr_social ul li {
	margin-right: 10px;
}
.developTypeCnt h4 {
	font-size: 26px;
	margin-bottom: 20px;
}
.developTypeCnt ul {
	padding-top: 30px;
	margin-top: 30px;
}
.developTypeCnt ul li h5 {
	font-size: 22px;
}
.mainNav .navbar-nav.mr-auto li .nav-link {
	padding-right: 10px;
	padding-left: 10px;
}
.mainNav .navbar-nav.mr-auto li:last-child .nav-link {

    padding-right: 52px;

}
.bannerSec h1 {
	font-size: 30px;
}
}
@media (min-width:1200px){
	

}
@media (min-width:992px) and (max-width:1200px){}

@media (min-width:992px) and (max-width:1150px){
	
	.sectionTitle{
		font-size: 175px;
	}
	.portfolio img{
		height: auto;
	}
	#portfoliolist .portfolio{height: auto;}
	.mainNav .navbar-nav.mr-auto li .nav-link {
		padding-right: 5px;
		padding-left: 5px;
	}
	.allsectxt h2 {
		line-height: 30px;
		font-size: 23px;}
	}
	
	
	
@media (min-width:768px) and (max-width:991px){
	.static_box{height: 280px;}
	.portfolio img{
		height: auto;
	}
	#portfoliolist .portfolio{height: auto;}
	.serviceBanerCnt {
		position: absolute;
		top: 7%;
	}
	.blogSec1 .blogright .recentblogright{padding-left:12px;}
	.allsec {
		top: 70px;
	}
	.blogSec1 .blogright .recentblogright h5 {
		font-size: 14px;
	}
	.mainNav .navbar-brand img {
		max-width: 160px;
	}
	.headerSec {
		background: #fff;
		box-shadow: 0px 0px 10px #aaa;
	}
	.navbar-toggler.navbar-toggler-right::after {
		content: "";
		position: absolute;
		height: 2px;
		width: 78%;
		background: #30bfe4;
		right: 0;
		top: 9px;
	}
	.navbar-toggler.navbar-toggler-right {
		border: 2px solid #30bfe4;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		height: 23px;
		width: 31px;
		position: relative;
	}
  	.blogSlider .slick-prev, .blogSlider .slick-next {
		bottom: -57px;
	}
	.blogSlider .slick-prev.slick-arrow {
		left: 0;
	}
	.blogSlider .slick-next.slick-arrow {
		left: 50px;
	}
	.weRaeSec {
		margin-top: 60px;
	}
	.wedevelop ul {
		justify-content: flex-start;
	}
	.wedevelop ul li {
		flex: 0 0 33%;
		height: 60px;
		margin-bottom: 20px;	
	}
	.bannerIcon li img {
		max-width: 135px;
		position: relative;
	}
	.processList::after {
		display: none;
	}
	.processList {
		background-image: none;
	}
	.processList li:nth-child(4) {
		left: 15px;
		top: 30px;
	}
	.processList li:nth-child(3) {
		float: left;
		margin-top: 22px;
	}
	.whatWeDo {
		padding: 25px 0;
		height: 38vh;
	}
    .clientSlider .swiper-pagination {
		bottom: 10px;
	}
	.swiper-slide-next {
		margin-top: 68px;
	}
	.blogCont a {
		margin-bottom: 10px;
	}
}
	
@media (max-width:1450px){
.message_sec .headeing {
    margin-top: 140px;
    margin-bottom: 60px;
}
.message_sec{
	padding-bottom: 200px;
}

}	

@media( max-width: 585px) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
	}
	.whatWeDo {
		padding: 30px 0;
		height: 45vh;
	}
}	
@media (max-width:767px){

	.cloudeSec ul li {
	    width: 45%;
	      padding: 31px 49px;
	    min-height: 180px;
	}

	.sportServiceSec ul li {
	    width: 30%;
	    font-size: 16px;
	}

	.slideLeft, .slideRight {
	    flex: 0 0 100%;
	}
	.workAtSec{margin-top: 0;}
	
	.mt-8 {
		margin-top: 0;
	}
	.ourteamcont {
		padding: 20px 30px;
	}
	.globeBox ul{top:8px;}
	.globeBox ul li:nth-child(4){
		margin-top: 0;
		margin-right: 0;
	}
	.globeBox ul li:nth-child(3){margin-top: 0;}
	.portfolio1.allsectxt h2 {
		font-size: 26px;}

	.portfolio1.allsectxt h2 span {
		font-weight: 400;
		font-size: 24px;
	}
	.sectionTitle{font-size: 85px;}

	#portfoliolist .portfolio {
		width:100%;
		height: auto;
	}
	.static_box{height: 300px;;}	
	.portfolio img{height: auto;}
	#ads {
		display:none;
	}

	.globeBox img {

		max-width: 100%;

	}
	.mainNav .navbar-nav li.nav-item.dropdown:hover a.nav-link::after {
	left: 63px;
	}
	.mainNav .navbar-nav li:nth-child(2) ul.megamenu {
		top: 39%;
	}
	.mainNav .navbar-nav li:first-child .megamenu, .mainNav .navbar-nav li:nth-child(3) .megamenu{
		width:100%;}
	.headerSec .mainNav .navbar {
		padding: 0 12px;
	}
	.mainNav .navbar-nav li:nth-child(2) li{
		width: 100%;
	}
	
	.mainNav .navbar-brand img {
		max-width: 160px;
	}
	.headerSec {
		background: #fff;
		box-shadow: 0px 0px 10px #aaa;
	}
	.navbar-toggler.navbar-toggler-right::after {
		content: "";
		position: absolute;
		height: 2px;
		width: 78%;
		background: #30bfe4;
		right: 0;
		top: 9px;
	}
	.navbar-toggler.navbar-toggler-right {
		border: 2px solid #30bfe4;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		height: 23px;
		width: 31px;
		position: relative;
	}
	.bannerSec {
		margin-top: 64px;
	}
	.bannerSec h1 {
		font-size: 24px;
		margin-top: 10px;
	}
	.bannerSec h1 span {
		width: 64%;
	}
	.weRaeSec {
		margin-top: 0;
	}
	.wedevelop ul {
		justify-content: flex-start;
		flex-direction: row;
	}
	.wedevelop ul li img {
		position: unset;
		margin-bottom: 5px;
	}
	.wedevelop ul li {
		margin-bottom: 10px;
		height: auto;
		padding-left: 0;
		max-width: 48%;
		flex: 0 0 48%;
		text-align: center;
	}
	.wedevelop ul li:hover {
		border-radius: 0;
	}
	/*.developTypeCnt.serviceDevlop ul li{
		width: 100%;
	}*/
	.developTypeCnt ul li {
		padding-left: 10px;
		
	}
	.developTypeCnt ul li i {
		left: 0;
	}
	.bannerIcon ul {
		width: 100%;
		display: none;
	}
	.bannerIcon li {
		position: static;
	}
	.gatIdeaimg {
		max-width: 130px;
        top: -60px;
	}
	.WhatwedoImg {
		margin-top: 25px;
	}
	.WhatwedoImg img {
		max-width: 45px;
		top: 15px;
	}
	.makerSec::after,.makerSec h4::after,.developTypeCnt ul::after{
		display: none;
	}
	.makerSec .container {
		padding-left: 15px;
	}
	.makerSec h4 {
		font-size: 22px;
	}
	.makerSec {
		min-height: inherit;
		height: auto;
		padding: 30px 0;
	}
	.makerSec h4 {
		font-size: 22px;
		padding: 0;
	}
	.developTypeCnt {
		padding-left: 0;
		padding-top: 20px;
	}
	.developTypeCnt ul {
		padding-top: 0px;
		margin-top: 10px;
	}
	.developTypeCnt h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.developTypeCnt ul li h5 {
		font-size: 20px;
		padding: 0;
	}
	.webFullImg {
		position: static;
		padding: 0 15px;
		max-width: 100%;
		width: 100%;
	}
	.mobileSec {
		padding: 40px 0 0;
	}
	.mobileSec.webSec {
		padding-top: 0;
	}
	.workProcess {
		padding: 30px 0 20px;
	}
	.processList::after{
		display: none;
	}
	.processList{
		background-image: none;
		margin-top: 30px;
	}
	.processList li {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
		text-align: center;
	}
	.processList ul li i {
		margin: 0 auto;
	}
	.address li {
		margin-top: 20px;
	}
	.processList li:first-child {
		clear: both;
		margin: 0 0 30px;
	}
	.processList li:nth-child(4) {
		left: 0;
		top: 0;
	}
	.processList li:last-child {
		margin-left: 0;
		margin-top: 0;
	}
	.processList ul li h4 {
		padding: 15px 0 0px;
	}
	.blogSec .container-fluid, .whatWeDo .container-fluid, .footerSec .container-fluid {
		padding: 0 15px;
	}
	.footerLogo a {
		max-width: 180px;
		margin-bottom: 15px;
	}
	.googleRating {
		padding: 15px 0 15px;
	}
	.ftr_social {
		padding-top: 5px;
		text-align: center;
	}
	.topFooter h4 {
		margin-bottom: 5px;
	}
	.footerMenu {
		margin-bottom: 10px;
	}
	.footerSec {
		padding-top: 0;
	}
	.getinTouchSec {
		padding: 15px 0;
	}
	.touchHead h4 {
		padding-bottom: 8px;
		margin-bottom: 30px;
		font-size: 24px;
		font-weight: 600;
	}
	.touchList ul li {
		margin-bottom: 10px;
	}
	.touchList h4 {
		font-size: 18px;
		margin: 0 0 10px;
	}
	.blogSec {
		padding: 20px 0 70px;
	}
	.blogSlider .slick-prev, .blogSlider .slick-next {
		bottom: -57px;
	}
	.blogSlider .slick-prev.slick-arrow {
		left: 0;
	}
	.blogSlider .slick-next.slick-arrow {
		left: 60px;
	}
	.blogList ul {
		padding-top: 10px;
	}
	.blogList h4 {
		font-size: 24px;
	}
	.clientSec {
		padding: 0 0 30px;
	}
	.bannerIcon li img {
		max-width: 100px;
		position: relative;
	}
	.weRaeSec h3 {
		font-size: 18px;
		padding: 38px 0 0;
		border: 0;
	}
	.weRaeSec h3::after{
		display: none;
	}
	.clientSlide.swiper-slide.swiper-slide-active {
		padding-left: 0;
	}
	.swiper-slide-active .clientSlideCnt {
		padding-right: 0;
		top: 0;
	}
	.clientSlideCnt {
		padding: 0;
	}
	.clientView {
		position: static;
		margin-top: 20px;
		max-width: 100%;
	}
	.clientimgBox h4 {
		font-size: 12px;
	}
	.clientimgBox h4 span {
		font-size: 15px;
	}
	.clientSlider .swiper-pagination{
		display: none;
	}
	.clientSlider.swiper-container-vertical {
		height: 400px;
	}
	.portFolioLeft {
		padding-left: 15px;
		max-width: 100%;
	}
	.portFolioright {
		width: 100%;
		padding-right: 0;
		padding: 15px;
	}
	
	.portfolioBg::after{
		display: none;
	}
	.portfolioBg {
		padding-top: 30px;
		background: #000;
		margin-top: 20px;
	}
	.portFolioLeft h4 {
		font-size: 25px;
	}
	.portfolioSec {
		padding: 30px 0 30px;
	}
	.comonHead h4 {
		font-size: 24px;
	}
	.comonHead h5 {
		font-size: 14px;
	}
/* 
	<========contactpage==========> */
	.contactUsSec h1 {
		font-size: 2em;
	}
	.serviceBanerCnt{position: static;}

}	

@media (min-width:320px) and (max-width:480px){
	.cloudeSec ul li{
		width: 60%;
	}
	.developTypeCnt.serviceDevlop ul li{width: 49%;}
	.technologyslide.slick-slide h4{font-size: 12px;}
	.technologyslide.slick-slide img {
		display: inline-block;
		max-width: 70px;
		max-height: 35px;
	}
	.trastedOption ul li img {
		 max-width: 58px;
	}
}