@media all and (min-width:1650px){
	.jira-on-cloud{
		background-position:left top;
		text-align: left;
		padding-left: 30px;
	}
}
@media all and (min-width:1200px) and (max-width:1450px){
	.banner-tex-2 .banner-text-heading{
		max-width: 600px;
	}
	.slick-slide{
		height: 670px !important;
		min-height: auto !important;
	}

	.banner-text-heading{
		font-size: 38px;
		font-weight: 700;
		line-height: 42px;
	}
	.banner-text-content{
		font-size:16px;
		line-height: 22px;
	}
	.jira-on-cloud > span{
		font-size:14px;
	}
	
	
		}

		@media all and (min-width:768px) and (max-width:1199px){

			.banner-tex-2 .banner-text-heading{
				font-size: 45px !important;
				margin-top: 0;
				line-height: 50px;
			}
			.banner-tex-2 .banner-text-content{
				line-height: 30px !important;
				font-size: 26px;
				margin: 0 auto;
			}
			.banner-btn-view-details-second, .banner-btn-view-details-third{
				margin-top:20px;
			}
		}

		@media all and (max-width:1199px){
			
			.jira-on-cloud > span{
				font-size: 16px;
			}
			.slick-slide{
				min-height: auto !important;
			}
			.slide_row{
				display: table;
				height: 100%;
				width: 100%;
				margin: 0 !important;
			}
			.slide_col{
				height: calc(100vh - 85px);
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				width: 100% !important;
				float:none !important;
			}
			.banner-tex-1, .banner-tex-2{
				    margin: auto !important;
					position: relative;
					left: auto;
					 z-index: 999;
					text-align: center;
					width: 100%;
			}
			.banner_video_div {
				position: relative;
				left: auto;
				margin-left: auto;
				bottom: auto; 
			}
			
			#features-page .wrap-white .img-responsive, #features-page .wrap-gray .img-responsive{
				margin-top:25px;
				width:100%;
			}
			#features-page .readMoreBtn{
				margin: 0 auto !important;
				display: table;
			}
			.banner-tex-2{
				
				margin-left: auto !important;
				padding:0 15px;
			}
	
	
	.banner-btn-view-details{
		margin-top: 30px;
		}
	.tabel-cell-holder
	{
				background: rgba(0, 0, 0, 0.45);
		}
		.banner-tex-2{
			text-align: center;
		}
		.kuggi{
			margin: 0px auto 20px !important;
		}
		.kuggi_text{
			margin-top:30px;
		}
			}	

@media only screen and (max-width :1000px) {
.banner-text-heading {
	font-size: 38px;
	line-height: 48px;
	margin-bottom: 20px
}
}
@media only screen and (max-width :1100px) {
.feature-content-container h3 {
	font-size: 20px
}

.featureBoxContent p{
    margin-top: 0 !important;
}


}
@media all and (max-width:767px) {
.banner-tex-2 .banner-text-heading{
				font-size: 36px !important;
				margin-top: 0;
				line-height: 40px;
			}
			.banner-tex-2 .banner-text-content{
				line-height: 26px !important;
				font-size: 20px;
				margin: 0 auto;
			}
			.banner-btn-view-details-second, .banner-btn-view-details-third{
				margin-top:20px;
			}
	
.contetnBG, .input-email{
	width: 100%
}
.input-first-name, .input-last-name {
	width: 100%;
	margin-bottom: 5px
}
.feature-content-container h3 {
	font-size: 18px
}
.pricing-content {
	text-align: center;
	float: none;
	margin-bottom: 30px
}
.pricing-image {
	float: none
}
.pricing-section p {
	margin-bottom: 5px
}
.pricing-text {
	max-width: 100%
}
.plan-pro {
	margin-bottom: 15px!important
}
.content-item {
	margin-bottom: 20px;
	text-align: center
}
.ftr-image {
	float: none;
	height: auto;
	left: auto;
	padding-right: 0;
	position: relative;
	top: auto;
	width: auto
}
.ftr-content {
	float: none;
	padding-left: 0
}
.wrap-mapping p, .wrap-white ol, .wrap-white p, .wrap-white ul {
	margin-left: 0
}
.copy-txt, .footer-links, .social-links {
	text-align: center;
	margin-bottom: 15px
}
.footer-links ul, .social-links ul {
	margin-right: 0!important;
	padding: 0!important
}

.features-list-outer>li {
	display: block;
	margin: 0 auto 40px;
	width: 70%
}

.blog-posts-outer li {
	display: block;
	margin-bottom: 20px;
	width: 100%
}

.blog-posts-outer li .post-image img{
    width: 100%;
    height: auto;
}

.banner-tex {
    margin: 0 auto;
    max-width: 825px;
    padding: 60px 15px;
}

 .image-container>img{
    padding-bottom: 50px;
    padding-top: 43px;
    width: 70px;
}


.featureBoxContent{
    text-align: center;
    margin-bottom: 50px;
    
}
.featureBoxImage{
    max-width: 570px;
    margin: 0 auto;
}



}
@media only screen and (max-width :480px) {
.contetnBG {
	width: 100%
}
.signup-form-outer {
	padding-top: 2px
}
.left-section-content h2 {
	font-size: 22px
}


.search-wrap-help .search-bar {
	width: 100%
}
.help-title {
	color: #2c2f43;
	font-weight: 700;
	float: none!important;
	text-align: center
}


.image-container>img{
    padding-bottom: 40px;
    padding-top: 33px;
    width: 50px;
}

}



/*SDK responsive*/


@media only screen and (max-width : 1200px) {
}
 @media only screen and (max-width : 992px) {
.sckMainImg img {
	margin-bottom: 0px;
}
}
 @media only screen and (max-width : 768px) {
.counterContainer ul {
	max-width: 300px;
	margin: 0 auto;
}
.counterContainer ul li {
	display: block;
	margin-bottom: 40px;
}
.sckMainContent {
	text-align: center;
}
.sckMainContent h2 {
	font-size: 38px;
}
.sckMainContent h3 {
	font-size: 30px;
}
.sckMainContent p {
	font-size: 18px;
}
.sckMainContent p b {
	font-size: 16px;
}
.sckMainImg img {
	margin-bottom: -250px;
}
.sdkSectionBox {
	margin-bottom: 50px;
}
.sdkBannerContent p {
	font-size: 34px;
}
.sdkSectionContent p {
	font-size: 16px;
}
.sdkFeatureContent h2 {
	font-size: 24px;
}
.sdkFeatureContent p {
	font-size: 18px;
}
/*home page*/

.banner-text-heading {
	font-size: 40px;
}
.content-item {
	margin-bottom: 50px;
}
.pricing-section h2, .blog-section h2, .contact-form-outer h2, .feature-heading, .counterContainer h2 {
	font-size: 30px;
}


.pricing-image{ margin-bottom:50px !important; }


.support-wrap{ width:80%; }
#login-content{ width:80% !important; }

.wrap-gray p, .wrap-mapping p, .wrap-white p{ text-align:center; margin:0 0 30px 0; padding:0; }

.wrap-gray ul{ list-style:none; padding:0; margin-bottom:40px; }
.wrap-gray ul li{ text-align:center; }

.wrap-gray h2, .wrap-mapping h2, .wrap-white h2{ font-size:24px; margin-bottom:20px; }


.social-links{ float:none; text-align:center; }

}
 @media only screen and (max-width : 480px) {
	.banner-text-content{
		font-size: 16px;
		line-height: 20px;
	}
.sdkBannerContent p {
	font-size: 24px;
}
.counterContainer ul li span {
	font-weight: normal;
}
.counterContainer ul li strong {
	padding: 6px 10px;
}
.banner-text-heading {
	font-size: 24px;
	line-height: 30px;
}
.jira-on-cloud {
	background: rgba(0, 0, 0, 0) url("../images/orange-responsive.png") no-repeat scroll center top;
	background-size:100% 43px;

}
.jira-on-cloud > span {
	font-size: 15px;
	padding:0px 0 0 12px;
}

.support-wrap{ width:100%; }
#login-content{ width:100% !important; }

.features-bottom-section {
	background:#FFFBFB;
}


}


/*Css added by bilal for integrations*/
@media only screen and (max-width : 1200px) {
	
.priceBoxContent ul {
    padding: 0 15px;
}

.priceBoxContent ul li {
    
    padding: 18px 10px;
    
}

	
}
 @media only screen and (max-width : 992px) {
	 
	 .integratebannerContent > strong {
	font-size: 40px;
}
.integratebannerContent span {
	font-size: 45px;
	margin-bottom: 10px;
}
.integratebannerContent p {
	font-size: 15px;
	margin-bottom: 10px;
}



	 
}
 @media only screen and (max-width : 767px) {
	




.integratebannerContent > strong {
	font-size: 30px;
}
.integratebannerContent span {
	font-size: 35px;
	margin-bottom: 10px;
}
.integratebannerContent p {
	font-size: 16px;
	margin-bottom: 10px;
}
.integratebannerContent a {
	padding: 10px 18px;
	font-size: 16px;
}
.artSectionTop h2 {
	font-size: 24px;
}
.artSectionTop p {
	font-size: 16px;
}
.artSectionTop {
	margin-bottom: 20px;
}
.artBgWrap {
	background: none;
	height: auto;
	padding-top:50px;
}



.bitbucket-logo, .kualitee-logo, .jira-logo, .jenkins-logo {
	position: inherit !important;
	margin: 0 auto;
	margin-top: -40px;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}


.seamlessTop h2 {
    font-size: 24px;
    margin: 0 0 15px 0;
}

.pageCategoryLogo {
	margin-bottom: 25px;
}
.integrateCatContent{
	margin-bottom:50px;
	}
.integrateCatContent h2{
	font-size:26px;
	margin:0 0 15px 0;
 }





/*pricing page*/

.priceBoxContent ul li {
	padding: 18px 10px;
}
.priceTitle {
    font-size: 18px;
    width: 150px;
    margin-left: -75px;
}


.priceFilterBox	ul li{
    width:100px;
}

}
 @media only screen and (max-width : 480px) {
.integratebannerContent > strong {
	font-size: 20px;
	margin-bottom: 10px;
}
.integratebannerContent span {
	font-size: 24px;
	margin-bottom: 15px;
}
.integratebannerContent p {
	line-height: 22px;
}

.priceFilterBox	ul{
        padding: 10px 10px;
		border-radius: 5px;
		width:100%;
}
.priceFilterBox	ul li{
     width:auto;
}
#login-extra span, #login-extra a{
	display:block;
}
}