/*Prathmesh responsive css*/

@media screen and (max-width: 1980px) and (min-width: 1367px) {}

@media screen and (max-width: 1920px) and (min-width: 1367px) {}

@media screen and (max-width: 1680px) and (min-width: 1367px) {}

@media screen and (max-width: 1600px) and (min-width: 1367px) {}

@media screen and (max-width: 1440px) and (min-width: 1367px) {}

@media screen and (max-width: 1280px) {
	.blog-inner-content{
		padding-left: 80px;
	}
	.about-us .figure:after {
		width: 30%;
	}
	.about-us .figure-img:after {
		left: 60%;
	}
	.about-us .about-banner{
		height: 555px;
		min-height: 555px;
	}
	#ingenico-menus > ul li a {
	    font-size: 14px;
	}
	.multiple-payment-mode li{
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 1024px) {
	.banner .redbutton a {
		margin: 0;
	}
	.OnePlatform {
	    text-align: center;
	    flex-wrap: wrap;
	    justify-content: center;
    }
}

@media screen and (max-width: 990px) {
	.desktop-navbar{
		display: 	none;	
	}
	.nav-mobile{
		display: 	block;	
	}
	.nav-mobile .nav-logo-sec{
		display:flex;
		justify-content:space-between;	
		align-items: 	center;		
	}
	.nav-mobile
	.dropdown-item{
		white-space: unset;	
	}
	.dropdown-item{
		padding:0;
	}
	.transaction-fee, .feature-including{
		margin-bottom: 20px;
	}
	.blog-inner figure{
		text-align: center;
	}
	.blog-inner .payments-gateway .info-section{
		justify-content: initial;
	}
	.blog-inner .payments-gateway li{
		width: 100%;
	}
	.blog-inner-content, .blog-inner-img{
		width: 100%;
	}
	.blog-inner-content{
		padding: 0 30px;
	}
	.blog-inner-img img{
		height: auto;
		margin-bottom: 20px;
	}
	.reachus-page .powering-business-bg iframe {
		height: 200px;
	}
	header .navbar .form-search ul{
		margin-bottom: 15px;
	}
	.banner-section{
		height: 300px !important;
	}
	main{
		padding-top: 195px;
	}
	.blog-landing-page .about-us .about-us-content-inner {
		transform: inherit;
	}
	.about-us-menu .submenu{
		margin-top: 0 !important;
	}
	#ingenico-menus > ul li.about-us-menu .dropdown-menu .submenu-title, #ingenico-menus > ul li.newsblog-menu .dropdown-menu .submenu-title{
		margin-bottom: 0;
	}
	#ingenico-menus > ul li a{
		padding-left:0 ;
	}
	#ingenico-menus > ul li .dropdown-menu .submenu-title{
		padding-left: 15px;
		padding-top: 10px;
		margin-bottom: 20px;
	}
	#ingenico-menus > ul li .dropdown-menu .submenu{
		padding-left: 15px;
		float: left;
    	margin-top: 20px;
	}
	#ingenico-menus > ul li .dropdown-menu .submenu-title .title, #ingenico-menus > ul li .dropdown-menu .submenu .sub-title{
		font-size: 15px;
	}
	.small, small{
		float: none;
		display: block;
	}
	.person-cards  .justify-content-center{
		margin-bottom: 30px;
	}
	.person-cards {
		margin-top: 20px !important;
	}
	.person-content{
		order: 2;
		text-align: center;
	}
	.person-image{
		order: 1;
		margin-bottom: 20px;
		text-align: center;
	}
	.person-image img{
		float: none !important;
	}
	.paddinglr, .paddingrl{
		padding: 0;
	}
	.title {
		font-size: 20px;
	}
	header .navbar .upper-section {
		display: unset;
	}
	header .navbar-toggler {
		border: none;
		padding: 0;
	}
	header #ingenico-menus {
		margin-top: 0;
	}
	header .form-search {
		display: unset;
	}
	.form-search input {
		width: 100%;
	}
	.banner-content h2 {
		font-size: 25px;
	}
	.about-us-sec2 {
		display: unset;
		text-align: center;
	}
	.about-us .figure:after,
	.figure-img:before,
	.figure-img:after {
		content: unset;
	}
	.about-us .figure-caption {
		width: 100%;
	}
	.circular--landscape{
		margin: 20px 0;
	}
	.pr0 {
		padding-right: 0 !important;
	}
	.bottom-banner img{
		width: 80%;
		float: right;
	}
	#ingenico-menus > ul li:hover .dropdown-menu{
		display: block;
		position: static;
		width: 100%;
		float:left;	
		padding: 10px;
		height: 45vh;
    overflow-y: scroll;
	}
	.success-stories ul li{
    	margin: 1rem 0;
    	width: 100%;
	}
	
}

@media only screen and (max-width: 767px) {
	/*header .logo{
		width: 30%;
	}*/
	.banner-logo {
    	left: 20px;
	}
	.bottom-div button{
		margin-top: 10px;
	}
	.pricing-page .banner-section .banner-content-pricing{
		margin-top: 60px;
	}
	.pricing-page .banner-section .banner-content-pricing h1{
		font-size: 24px;
	}
	.pricing-page .banner-section .banner-content-pricing h3{
		font-size: 20px;
	}
	.partner-logo img{
		margin: 10px;
	}
	.success-stories ul li:first-child {
		padding-right: 0px;
		margin-right: 30px;
	}
	.linkpay-page iframe {
		margin: 0 auto;
		width: 100%;
		height: 300px;
	}
	.bottom-banner h1 {
		font-size: 16px;
	}
	.bottom-banner .head-title {
		font-size: 25px;
	}
	.blog-landing-page .signup-now-section label, .blog-landing-page .signup-now-section input{
		margin-bottom: 10px;
	}
	.person-name{
		font-size: 23px;
	}
	.meet-team-page .person-cards .title {
		font-size: 16px;
	}
	.person-cards {
		margin-top: 0px !important;
	}
	.reachus-page .powering-business{
		display: block !important;
	}
	.reachus-page .powering-business.img-right .container{
		order: 1;
	}
	.reachus-page .powering-business.img-right .powering-business-bg{
		order: 2;
		display: table;
	}
	.reachus-page .powering-business-bg2{
		padding: 30px 25px;
	}
	.reachus-page .powering-business{
		margin-top: 0 !important;
	}
	.linkpay-page .payments-gateway li, .payment-gateway-page .why-us li {
		width: 100%;
		padding: 0;
	}
	.linkpay-page .payments-gateway .info-section, .payment-gateway-page .payments-gateway .info-section{
		justify-content: start;
		align-items: center;
		margin-bottom: 10px;
	}
	.toyota-page .banner-section, .blog-landing-page .banner-section, .meet-team-page .banner-section, .sarda-farms .banner-section, .hdfc-life .banner-section, .reachus-page .banner-section, .utilities .banner-section, .ecommerce .banner-section, .financial .banner-section, .linkpay-page .banner-section, .payment-gateway-page .banner-section {
	    height: 300px;
	}
	.automated-payment-banner{
		background-position: 25% 100%;
		height: 300px;
	}
	.bbps-page .banner-section.bbps-banner{
	    background-position: 20% 100%;
	    height: 300px;
	}
	.automated-banner-img{
		background-position: 30% 100% !important;
	}
	.banner .owl-carousel .item{
		height: 250px !important;
	}
	.about-us .about-banner{
		height: 100%;
		min-height: 100%;
	}
	
	main{
		padding-top: 145px;
	}
	.navbar-brand {
		display: inline;
	}
	#country-home .country-name {
		vertical-align: initial;
	}
	#country-home:before {
		top: -5px;
		height: 30px;
	}
	#country-home {
		padding-left: 15px;
	}
	.navbar-toggler {
		float: right;
	}
	.form-search {
		width: 100%;
		text-align: center;
	}
	.banner .owl-carousel .item img {
		height: 200px;
	}
	.block-title h1 {
		font-size: 20px;
	}
	.about-us-content-inner .title {
		font-size: 24px;
	}
	.about-us .about-us-content-inner p {
		font-size: 16px;
	}
	.title-submenu ul li a {
		font-size: 13px;
	}
	.powering-business-bg1,
	.powering-business-bg2,
	.powering-business-bg3 {
		height: 300px;
		width: 100%;
		position: static;
	}
	.powering-business.img-left .container {
		order: 2;
	}
	.powering-business.img-left .powering-business-bg {
		order: 1;
	}
	.companies .owl-carousel .owl-item img {
		/*  width: 100%;*/
		height: auto;
	}
	.figure-img:before,
	.figure-img:after,
	.about-us .figure:after {
		width: 0px;
	}
	.companies .owl-dots {
		display: block;
	}
	.trusted-epayments {
		margin-top: 10px;
	}
	.new-section,
	.blog-section {
		width: 100%;
		/*    display: block;*/
		height: auto;
	}
	.quote-img-section img{
		float: right;
		width: 60%;
	}
	.indsutries-cients > ul{
		padding-left: 10px;
	}
	.bbps-onestop-section li {
	    width: calc(100% / 1);
	    border-right: 0px;
	    margin-bottom: 20px;
	}
	.right-border{
		border-right: 0;
	}
	
	.block-title-outer{
		margin: 20px 0;
	}
	.title, .indsutries .title{
		font-size: 18px;
	}
	.payments-gateway li,
	.contactless li,
	.payment-collection .payments-gateway li,
	.financial .solution-section .payments-gateway li,
	.financial .payment-collection1 .payments-gateway li {
		width: calc(100% / 1);
		border: none;
		text-align: center;
	}
	.worldline-addition{
	    display: block;
	 }
	 .worldline-addition .main-heading h2 {
	    font-size: 20px;
	 }
	 .payment-gateway-sec p {
   		 width: 100%;
    	text-align: justify;
    	margin: 	0;
		}
		.faq__ .card-title {
    		width: 83%;
		}
		.OnePlatform li {
		    width: calc(100% / 1);
		}
		.ulli {
		    width: 100%;
		}
		.max__img{
			margin:1rem auto;
		}
		.max__{
			display:block;	
		}

		/* CSS for Nect Gen Payment Gateway */
		.method__, .Countries__{
              width: 40%;
           }  
          .mpm_ li{
            width:calc(100% / 1);
          }
          .sadf ul ,.upi__{
            margin-bottom:  0;
          }
          .box__{
            justify-content:  center; 
          }
          .tl_{
            text-align:   center; 
          }
          .bulk__ li {
            font-size: 20px;
          }
          .order1{
            order:  1;
          }
          .order2{
            order:2;
          }
}

@media screen and (max-width: 768px) {
	.epayments-section .col-md-4{
		margin: 10px 0;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
	.companies .owl-carousel .owl-nav button.owl-prev {
		left: 0;
		font-size: 18px;
		height: 25px;
		width: 25px;
		top: 17px;
	}
	.companies .owl-carousel .owl-nav button.owl-next {
		right: 0;
		font-size: 18px;
		height: 25px;
		width: 25px;
		top: 17px;
	}
	footer .footer-menu {
		border: none;
		border-top: 1px solid #fff;
    margin-top: 10px;
    padding-top: 30px;
	}
	.payment-collection .payments-gateway li {
		width: 50%;
	}
	.inner-logo {
		position: absolute;
		top: 14px;
		left: 0;
	}
	.industry-clients ul li {
		padding: 0;
	}
	
	.industry-clients ul li{
		margin: 15px 0;
		width: 100%;
		border: none;
		text-align: center;
	}
	.redbutton {
		margin: 20px 0;
		text-align: center;
	}
	.utilities .solution-section .payments-gateway li {
		width: 100%;
		text-align: center;
	}
	.utilities .payments-gateway li .figure-caption {
		/* padding: 15px 100px 15px 10px; */
		padding: unset;
	}
	.figure {
		/*text-align: center*/
		;
	}
	.utilities .payment-collection1 .payments-gateway li {
		width: calc(100% / 2);
	}
	.utilities .payment-collection2 .payments-gateway li {
		width: calc(100% / 2);
	}
	.success-story .quote-img-section {
    
    right: 10%;
}
.success-story .quote-img-section img {
    max-width: 85%;
}
}

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

@media screen and (max-width: 600px) {
	header .logo {
		width: 100%;
	}
	.bottom-banner {
		top: 10px;
		right: unset;
	}
	.ingenico-btn {
		font-size: 12px;
	}
}

@media screen and (max-width: 480px) {

	.sub-title{
		margin: 20px 0 0;
	}
	.tc{
		text-align: center;
		margin: 20px 0 0;
	}
	.success-story .figure{
		text-align: center;
	}
	.powering-business-content {
		padding: 15px;
	}
	.utilities .payment-collection2 .payments-gateway li {
		width: calc(100% / 1);
	}
	.epayments-section label {
		font-size: 15px;
	}
	.epayments-section img {
		width: 45px;
		height: 45px;
	}
	.block-title span {
		display: none;
	}
	.block-title-outer:before {
		content: unset;
	}
	.banner .banner-content {
		width: 90%;
	}
	.banner-content h2 {
		font-size: 16px;
	}
	header .logo {
		width: 75%;
	}
	.payments-gateway{
		display: block;
	}
	.payments-gateway li,
	.contactless li,
	.payment-collection .payments-gateway li {
		width: calc(100% / 1);
		border: none;
	}
	.payments-gateway > li{
		margin-bottom: 20px;
	}
	.payments-gateway .info-section {
		justify-content: space-between;
		align-items: start;
	}
	.companies .owl-carousel .owl-item img {
		max-width: 60%;
		max-height: 70px;
		width: 100%;
	}
	header .navbar-brand {
		padding: 0;
		margin: 0;
	}
	header {
		padding: 10px 0;
	}
	header .navbar .form-search ul {
		margin: 0 0 8px 0;
	}
	.about-us-content-inner .title {
		font-size: 20px;
	}
	.new-section .content,
	.blog-section .content {
		left: 0;
		width: 100%;
		margin: auto;
		right: 0;
		top: 30px;
		bottom: 0;
	}
	.success-story .quote-img-section img{
		max-width: 90%;
	}
	.success-story .quote-img-section{
		position: unset;
	}
	.banner-section .logo{
		width: 250px;
	}
	.success-stories ul li{
		width: 100%;
		margin: 1.5rem 0;
	}
	.expert-view .blog-inner h2 ,
	.blog-section_ .blog-content h2{
    	font-size: 18px;
	}
	.blog-section_ .blog-content p{
		font-size: 16px;
	}
	.blog-section_ .blog-content .date{
		font-size: 	14px;
	}
	.blog-section_ .expert-view .heading h1 {
    		font-size: 21px;
	}
	.max__ h2 {
		text-align: center;
	}
}

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

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

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

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

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

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