/*****************************************  min media ************************************************/

@media (min-width: 992px) {
  .nav-animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; }
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.2rem; padding-left: 1.2rem;}
  .logo-onScroll { display:none;}
  .dropdown:hover>.dropdown-menu { display: block;}
  .dropdown>.dropdown-toggle:active { pointer-events: none;}

}
@media (min-width: 1025px){
	.navbar { padding: 1.5rem 5%; transition: padding .4s steps(60),top .4s steps(60); }
	
}




/*****************************************  max media ************************************************/

@media (max-width: 991px) {
	
	.navbar-light .navbar-brand { padding-top: 0px; position: relative;     margin-left: 15px;}
	.top-banner { padding-top: 90px; }
	.Logo { display:none;}
	.fixed-top{ background-color: #00a5c9 !important; transition: background-color 500ms linear; padding: 5px 0%; transition: 0.5s ease; border-bottom: 1px solid #52c4df; }
	.fixed-top.scrolled { padding: 5px 0%;}
	.navbar-collapse { /*margin-top: 8px;*/ position: fixed; height: 100%; overflow: scroll; bottom: 0px; top: 52px; width: 100%; padding-bottom: 53px;}
	.navbar-light .navbar-nav .nav-link { color: #333333; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; padding-top: 10px; padding-bottom: 10px; background: #fff; padding-left: 15px; margin-bottom: -1px;}
	.navbar-nav .dropdown-menu:before { display:none;}
	.navbar-light .navbar-toggler { /*margin-right: 15px;*/ }
	.dropdown-toggle::after {right: 15px;  position: absolute; top: 21px; transition:0.5s ease;}
	.show>.dropdown-toggle::after{ transform: rotate(180deg);  }

	.doubleMenu { width:100%;}
	.navbar-nav .dropdown-menu { box-shadow: none; padding: 0.5rem 0rem; border-radius: 0px; margin-top: -2px; width: 100%; }
    .fixed-top.scrolled .nav-link { color: #333333 !important;}
	.dropdown-menu-container { margin-left:0px; max-width: 100%; }
	.navbar-light .navbar-nav .nav-link:focus { background:#fbfeff;}
	.signInBtn { text-align:left; margin-right: 0px; border-radius: 0px; font-weight: 500 !important;}
	.signInBtn:hover { background: #03566a !important; opacity: 1;}
	.fixed-top.scrolled .signInBtn:hover { color:#fff !important;}
	.top-GetStartedBtn{ background: #d2f4ff !important; width: 100%; border-radius: 0px; margin: 0px; text-align: left; font-weight: 500 !important;}
	.top-GetStartedBtn:hover{ background: #03566a !important; opacity:1;}
	.fixed-top.scrolled .top-GetStartedBtn:hover { color:#fff !important;}
	.top-banner-container { padding: 0px 10px;}
	.banner-btn {  margin: 0px;}
	.section3 { padding: 1rem 0rem 4rem;}
	.section4 { padding: 3.5rem 0rem;}
	.section5 { padding: 4rem;}
	.section8 { padding: 6rem 0rem; }
	.w-section2 { padding: 4rem 0rem; }
	.w-section2 img { margin-bottom: 5px; margin-top: 20px; }
	.app-section2 { padding: 4rem 0rem; }
	.app-section2 img { margin-bottom: 5px; margin-top: 20px; }
	.top-banner-white-bg { padding-top: 90px;}
	.api-section3 { padding: 2rem 0rem 2rem; }
	.api-section3 img { margin-bottom: 0px; margin-top: 15px; }
	.Prm-section3 .col-lg-6 { margin-bottom:30px;}
	.Prm-section3 .heading-black { margin-bottom:15px;}
	.Prm-section3 { padding: 3rem 0rem 2rem;}
	.pt-section3 { padding: 0rem 0rem 1rem; }
	.pt-section2 { padding: 3rem 0rem 1rem;}
	.oc-section2 iframe { height: 200px;}
	.navbar { min-height: 53px;}
	.mobileSmallImg  { margin-top:20px;}
	.websiteMobileImg { padding:15px 50px;}
	
	
}

@media (max-width: 767px) {
	.top-banner { background: linear-gradient(ellipse at center,#fff 11%,#e3f8ff 100%); background: radial-gradient(ellipse at center,#fff 11%,#e3f8ff 100%); padding-bottom: 2rem; padding-left: 0px; padding-right: 0px;}
	.section2-left-div { padding-bottom:30px;}
	.section2 { padding: 1rem 0rem; }
	.section2-left-div { padding-top: 4rem;}
	.section5 { background-size:cover;}
	.section8-left-div { padding-bottom:2rem;}
	.section9 { padding-bottom: 4rem;}
	.footer { padding: 1.5rem 0rem 1rem;}
	.common-p-heading { margin-bottom: 10px; }
	.app-section3 { padding: 3rem 0rem 2rem; }
	.app-section3-carousel { text-align:center; margin-top: 1rem; } 
	.app-section3 .carousel-control-next, .carousel-control-prev { width: 15%; }
	.carousel-heading {font-size: 16px; color: #00a5c9;}
	.pp-section9 { padding-bottom: 4rem;}
	.pt-section3 { padding: 0rem 0rem 1rem;}
	
	.filter-gallery .f-row .d-flex { display:block !important;}
	.filter-gallery .btn { margin: 0px 0px; width: 49%; margin-bottom: 5px; box-shadow: none; }
	.login-section .btn { margin-bottom:5px; margin-top: 5px;}
	.rqst-section1 .carousel { margin-top: 4rem; margin-bottom:3rem;     }
	.rqst-card {transform: none;}
	.rqst-section2 { padding:3rem 0rem 0rem;}
	.rqst-section3 { padding:1rem 0rem 0rem;}
	.rqst-section4 { padding: 4rem 0rem; margin-top: 1rem;}
}

@media (max-width: 575px) {
  .common-p-heading { margin-bottom: 10px; }
  .brands-img { width: 120px; margin-bottom: 20px;}
  .trusted-slogan { font-size: 20px; font-weight: 500; margin-top: 20px;}
  .section2 { padding: 0rem 0rem 1rem; }
  .section2-left-div { text-align:center;}
  .section3 { text-align:center; padding: 0rem 0rem 1.5rem;}
  .section4 { text-align:center; padding: 2rem 0rem 0rem;}
  .section5 { text-align:center; margin: 2rem 0rem 2rem; padding: 4rem 1rem;}
  .section6 { text-align:center; padding: 2rem 0rem;}
  .section7 { text-align:center; padding: 2rem 0rem 3rem;}
  .section8 { text-align:center; padding: 3rem 0rem 3rem;}
  .section9 { text-align:center; padding: 3rem 0rem;}
  .section10 { padding: 1rem 0rem 2rem; text-align: center;}
  .section11 { padding: 4rem 0rem 4rem;}
  .footer-social span:before, .footer-social span:after { display:none;}
  .feedback-modal-body { padding: 2.5rem 2rem; }
  .feedback-modal-div { margin-bottom: 10px;}
  .feedback-div-img { width: 120px;}
  .feedback-powered { margin-top: 2.5rem; }
  .w-section3 { text-align: center; padding: 3rem 0rem 1rem;}
  .w-section4 { text-align: center; padding: 2rem 0rem 1rem;}
  .w-section5 { text-align: center; padding: 2rem 0rem 1rem;}
  .w-section6 { text-align:center; padding: 2rem 0rem 1rem;}
  .w-section7 { text-align:center; padding: 2rem 0rem 2rem;}
  .w-section8 { padding: 4rem 0rem 3.5rem; background: #03566a; color: #fff; text-align: center; }
  .app-section2 { padding: 3rem 0rem; }
  .app-section3-carousel-control { display:none !important;}
  .app-section4 { text-align:center; padding: 2rem 0rem 1rem;}
  .app-section5 { text-align:center; padding: 2rem 0rem 1rem;}
  .app-section6 { text-align:center; padding: 2rem 0rem 0.5rem; }
  .heading-black { font-size:1.5rem; line-height: 2rem;}
  .common-p-heading img { display: none; }
  .banner-heading { font-size: 1.7rem; font-weight: 500 }
  .banner-slogan { font-size: 22px;}  
  .section-p { line-height:1.5;}
  .section4 { line-height: 1.5;}
  .section8 h1 { font-size:2rem;}
  .section11-h3 { font-weight: 300; line-height: 1.5; font-size: 18px;}
  .btn-lg{ padding: 8px 20px; font-size: 16px; font-weight: 400; }
  .email-customer-form-input { margin-bottom:10px;}
  .in-section6 { padding: 3rem 0rem; text-align: center; }
  .in-section6 h2 { margin: 10px 0px 15px; }
  .api-section2 { text-align:center;}
  .top-banner-white-bg { padding-bottom: 2rem; /*background: #cdf2fe; margin-bottom: 2rem;*/}
  .integration-section2 .card { font-size: 16px; }
  .integration-section2 .card-body { min-height: auto; }
  .Prm-section2 { text-align:center;}
  .pp-section9 { text-align:center;}
  .Prm-section2 .heading-black { margin-bottom:20px;}
  .pp-ul li { font-size: 18px; line-height: 36px;}
  .pt-section2 { text-align:center; padding: 3rem 0rem 0.5rem;}
  .pt-section3 { text-align:center;}
  .pt-section4 { text-align:center;}
  .section11-h1 { font-size: 1.5rem }
  .oc-section2 iframe { height: 250px;}
  .About-section2 { text-align:center; margin-bottom: 2rem;}
  .ourteam-section2 { padding: 0rem 0rem 1rem; }
  .filter-gallery .btn { width: 100%;}
  .login-div {  padding: 1rem 0rem;}
  .rqst-section2 { text-align:center;}
  .rqst-section3 { text-align:center;}
  .rqst-section4 { text-align:center;}
  .rqst-img-set { margin-top: 1rem; }
  .rqst-support-div { margin-top: 3rem; padding: 3rem 2rem 3rem;}
  .mobileSmallImg { padding: 20px 50px; }
  
 
 
}