
@media only screen and (max-width : 1199px){
	
}
@media only screen and (max-width : 1024px){
	.slidr-text .text-main-text { margin: 0px 0 0;}
	.slidr-text{top: 87px;}
	.slidr-text .text-main-text h1{font-size: 40px; line-height: 40px;}
}

@media only screen and (max-width : 1112px){
	.slidr-text .text-main-text { margin: 0px 0 0;}
	.slidr-text{top: 87px;}
	.slidr-text .text-main-text h1{font-size: 40px; line-height: 40px;}
}

@media only screen and (max-width : 834px){	
	.navbar-nav{background: #4a1533; text-align: center; line-height: 40px;}
	.slidr-text{top: 100px;}
	.text-main-img{display: none;}
	.top-slider img{width: auto; height: 700px;}
	.slidr-text .text-main-text h1 { color: #fff; font-size: 33px; font-weight: 500; line-height: 45px;}
	.slidr-text .text-main-text{text-align: center; margin: 40px 0 0;}
	.about-text h4{font-size: 30px;}
	.feautre-body-img img{margin: 90px 0 0;}
	.screens-right { padding: 100px 0 0 0px; margin: 0 0 0 0;}
	.section-download-right img {width: 380px; top: -130px;}
	.section-progress .progress-img{width: 380px; margin-top: -130px;}
	
}

@media only screen and (max-width : 812px){	
	.navbar-nav{background: #4a1533; text-align: center; line-height: 40px; margin: 4px 0 0;}    
	.slidr-text{top: 100px;}
	.top-slider img{width: auto; height: 600px;}
	.slidr-text .text-main-text h1 { color: #fff; font-size: 33px; font-weight: 500; line-height: 45px;}
	.slidr-text .text-main-text{text-align: center; margin: 40px 0 0;}
	.about-text h4{font-size: 30px;}
	/*.section-progress{background: none;}*/
	.feautre-body-img img{margin: 90px 0 0;}
	.screens-right { padding: 100px 0 0 0px; margin: 0 0 0 0;}
	.section-download-right img {width: 380px;}
	.section-progress .progress-img img{width: 380px;}
	.text-main-img{display: none;}
	
	
}

@media only screen and (max-width : 736px){	 
	.bx-wrapper img { max-width: initial;}
	.top-slider img{width: auto; height: 900px;}
	.text-main-img{display: none;}
	.slidr-text .text-main-text h1{font-size: 42px; line-height: 50px;}
	.slidr-text .text-main-text{text-align: center; margin: 40px 0 0;}
	.slidr-text .text-main-text p{text-align: center;}
	.about-text p {width: 100%;}
	.progress-img{display: none;}
	.progress-text{text-align: center; padding: 0;}	 
	.progress-text p { padding: 0; text-align: center;}
	.section-download-left{text-align: center;}
	.section-download-right{display: none;}
	.section-about, .section-progress, .section-feature, .section-testimonials, .section-screens, .section-download, .section-footer {padding: 50px 0;}
	.copy-right .copy-r p{text-align: center;}
	.copy-right .copy-l p{text-align: center;}
	.screens-right{text-align: center;}
	.heading h5:before { position: absolute; content: ''; width: 100px; height: 1px; background: #e1e1e1; left: -125px; top: 8px;}
	.screens-right, .progress-text, .heading{margin: 0;}
	.section-screens p{text-align: center;}
	.screens-right{padding: 30px 0 0 0px;}
	.feautre-body-img img{margin: 0;}
	.feautre-body-text{margin: 60px auto 60px; width: 80%;}
	.feautre-body-text p{text-align: center;}
	.section-progress{background: none;}
	
}

@media only screen and (max-width : 768px){	
	.section-download-right img{top: -132px;}
	.section-progress .progress-img{margin-top: -73px;}
	.new-navbar{padding: 15px 0;}
	.new-navbar img{top: -15px;}  
}


@media only screen and (max-width : 480px){
	.inner-text h4{font-size: 30px;}
}
@media only screen and (max-width : 425px){
	

}
@media only screen and (max-width : 414px){
	
}

@media (min-width: 320px) and (max-width : 480px){
	
}

@media only screen and (max-width : 375px){
	.heading-center h5:after{ width: 70px; right: -80px;}
	.heading-center h5:before{ width: 70px; right: -80px;}
	.heading h5:after{ width: 70px; right: -80px;}
	.heading h5:before{ width: 70px; right: -80px;}
	.slidr-text .text-main-text h1 { font-size: 32px; line-height: 43px;}
	.slidr-text .text-main-text{margin: 0;}
	.about-text h4{font-size: 28px; line-height: 40px;}
	.copy-right .copy-r p{font-size: 14px;}
}

@media only screen and (max-width : 320px){
	.heading-center h5:after{ width: 70px; right: -80px;}
	.heading-center h5:before{ width: 70px; right: -80px;}
	.heading h5:after{ width: 70px; right: -80px;}
	.heading h5:before{ width: 70px; right: -80px;}
	.slidr-text .text-main-text h1 { font-size: 32px; line-height: 43px;}
	.slidr-text .text-main-text{margin: 0;}
	.about-text h4{font-size: 28px; line-height: 40px;}
	.copy-right .copy-r p{font-size: 14px;}
}