/*-------min-width: 200px & Max-width: 699px--------*/
@media screen and (min-width: 200px) and (max-width: 699px) {
	header {
    margin-top: 43px;
}
.hero .hero-slide img{
	height: auto;
}
.hero-text h1 {
    font-size: 0.8rem;
    line-height: 1.2;
}
.hero-text h1.mb-4 {
    margin-bottom: 1rem!important;
}
.sliderCommonText, .sliderPaymodes{
	font-size: 11px;
    line-height: 1.2;
}
.hero .hero-slide .header-content.slider-center, .hero .hero-slide .header-content {
    top: 0%;
    margin-left: 0;
}
.sbiepay-faq .header .title-mn, .header h4, .sbiepay-tokens .header .title-mn, .sbiepay-mobileapp .header .title-mn, .sbiepay-timeline-block .header .title-mn, .sbiepay-contact .title-mn {
    padding-top: 30px;
    padding-bottom: 30px;
}
.sbiepay-timeline-block .header, .sbiepay-webapp .header {
    padding-bottom: 0;
}
.sbiepay-webapp .dtls-bx {
    padding-top: 10px;
}
.title-mn {
    font-size: 22px !important;
}
.owlBtnNew .customPreviousBtn {
    left: 0px;
}
.owlBtnNew .customNextBtn {
    right: 0px;
}
.owl-carousel.partnersNewCarousel .owl-item img {
    width: 200px;
}
.faqMainNew .tab-content {
    margin-top: 10px;
}
.links .footer-link li {
    width: 100%;
    padding: 15px 48px;
}
.sbiepay-faq .tab-content p {
    font-size: 14px;
}
#navbarSupportedContent{
	padding-bottom: 10px;
}
#navbarSupportedContent>ul>li.active>a:before{
	left: 14px;
    width: 92%;
}
.navbar-logo {
    padding: 10px 15px 5px;
}
.sbiepay-mobileapp .detail-block .btn{
	padding: 5px 15px;
	font-size: 12px;
}
.bgBtnCommon{
	margin-right: 45px;
    margin-left: 25px;
    max-width: 100% !important;
}
.navbar-toggler:focus{
	box-shadow: none;
}
/* .slider3 {
	
} */
.hero .hero-slide .header-content.slider3{
    padding: 0rem 2rem 0;	
}
.slider3 .mt-4 {
    margin-top: 0.8rem!important;
}
.hero-text .slider3 h1.mb-4 {
    margin-bottom: 0.6rem!important;
}
.newSlider .sliderBtn{
	font-size: 10px;
    min-width: 80px;
    padding: 5px 15px;
    margin-top: 10px !important;
}
.slick-dots li button{
	width: 7px;
    height: 7px;
}
.slick-dots{
	bottom: -3px;
}
.slick-active button {
    background: #0485ea;
}
.hero-text .hero .hero-slide a {
    padding-top: 0.3rem;
}
.hero .hero-slide .header-content{
	padding: 0.5rem 2rem;
}
.hero .hero-slide .header-content.slider-center{
	padding: 1rem 2rem;
}
.aboutMobile {
    width: 250px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.sbiepay-mobileapp .detail-block p, .sbiepay-feature .header p, .faqMainNew .accordion-body p, .faqMainNew .accordion-body li, .sbiepay-contact p, .feature-block p {
	font-size: 14px;
}
.sbiepay-webapp .dtls-bx li{
	padding-left: 15px;
}
.sbiepay-feature, .sbiepay-tokens, .sbiepay-webapp, .sbiepay-faq, .sbiepay-contact, .sbiepay-mobileapp {
	padding-top: 30px;
    padding-bottom: 15px;
}
.sbiepay-mobileapp .header{
	padding-bottom: 0px;
}
.feature-block h5 {
    font-size: 18px;
}
.mobileViewBg {
	padding: 5px;
    background: rgba(255, 255, 255, 0.49);
    border-radius: 10px;
}

}
/*-------Min-width: 700px & Max-width: 1000px--------*/
@media screen and (min-width: 700px) and (max-width: 1000px)  {
header {
    margin-top: 58px;
}
.hero .hero-slide .header-content.slider-center, .hero .hero-slide .header-content, .hero .hero-slide .header-content.slider-center {
    top: 0%;
    margin-left: 0rem;
}
.hero-text h1 {
    font-size: 1.5rem;
    line-height: 1.2;
}
.mobileViewBg {
    padding: 5px;
    background: rgba(255, 255, 255, 0.49);
    border-radius: 10px;
}
}

/*-------Min-width: 700px & Max-width: 1280px--------*/
@media screen and (min-width: 700px) and (max-width: 1280px)  {
.sbiepay-tle-fnce {
    border-top: 0;
}
.hero .hero-slide img {
    height: auto;
}

.sbiepay-feature, .sbiepay-tokens, .sbiepay-webapp, .sbiepay-faq, .sbiepay-contact, .sbiepay-mobileapp {
    padding-top: 30px;
    padding-bottom: 15px;
}
.sbiepay-faq .header .title-mn, .header h4, .sbiepay-tokens .header .title-mn, .sbiepay-mobileapp .header .title-mn, .sbiepay-timeline-block .header .title-mn, .sbiepay-contact .title-mn {
    padding-top: 30px;
    padding-bottom: 30px;
}
.links .footer-link li {
    padding: 15px 30px;
}
.owlBtnNew .customPreviousBtn {
    left: -30px;
}
.owlBtnNew .customNextBtn {
    right: -30px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.bgBtnCommon {
	max-width: 250px;
}
.hero .hero-slide .header-content{
	margin-left: 3rem;
	top: 10%;
}
.mobileViewBg {
    padding: 5px;
    background: rgba(255, 255, 255, 0.49);
    border-radius: 10px;
}
}
/*-------Min-width: 1367px & Max-width: 1499px--------*/
@media screen and (min-width: 1367px) and (max-width: 1499px)  {
	.owlBtnNew .customPreviousBtn {
    left: -20px;
}
.owlBtnNew .customNextBtn {
    right: -20px;
}
}

@media (min-width: 1200px){
.modal-xlg {
    width: 90%;
    min-width: 90%;
}
}

/*-------Min-width: 1300px & Max-width: 1500px--------*/
@media screen and (min-width: 1301px) and (max-width: 1500px)  {
#navbarSupportedContent ul li a{
	    font-size: 11px;
	    padding: 14px 13px;
}
}

@media (min-width: 1200px){
.modal-xlg {
    width: 90%;
    min-width: 90%;
}
}
@media(max-width: 1300px){
	.next-btn, .prev-btn{
	    top: 35%;
	}
	#navbarSupportedContent {
    padding-bottom: 20px;
    padding-left: 20px;
}
}
/*-------Min-width: 1300px & Max-width: 1500px--------*/
@media screen and (min-width: 1280px) and (max-width: 1300px)  {
#navbarSupportedContent ul li a{
	    font-size: 10px;
    padding: 14px 12px;
}
#navbarSupportedContent {
        padding-bottom: 0px;
    padding-left: 0px;
}
}
@media(max-width: 1200px){
	.next-btn, .prev-btn{
	    top: 30%;
	}
}

@media screen and (min-width: 700px) and (max-width: 800px){
.hero .hero-slide .header-content {
    margin-left: 0rem;
    top: -3%;
}
}
@media (max-width: 1150px){
.next-btn, .prev-btn {
    top: 13%;
    display:none;
}
.contactDetailsFlex {
	display: inline-block;
    width: 100%;
}
.contactDetailsFlex p:first-child, .contactDetailsFlex p:last-child{
	width: 100%;
}
}
@media(max-width: 1579px){

.bgBtnCommon {
    max-width: 250px;
}
}
/*-------Min-width: 1501px & Max-width: 1700px--------*/
@media screen and (min-width: 1501px) and (max-width: 1700px)  {
#navbarSupportedContent ul li a{
	    font-size: 13px;
    padding: 14px 12px;
}
}