/*CSS FOR RESPONSIVE LAYOUTS*/

@media (min-width: 1920px) and (max-width: 2560px)  {
    .right_lines{ position:absolute; right:-40%; top:-40%; width:1370px; }
    .left_lines{ position:absolute; left:-10%; top:15%;  }
}
@media only screen and (min-width: 1020px) and (max-width: 1024px) {

}
/*---------------iPad & Tablets Landscape ---------------*/
@media only screen and (min-width: 1024px) {


}

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {



}
/*---------------iPhone & Samsung Mobiles landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .becomeapartner_pp .modal-dialog{  margin:0 auto; width:95%; margin-top:20px;  }

}
/*---------------iPhone & Samsung Mobiles landscape---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .div_space .div_width { width:auto !important; }
    .landing-page .header-back.one {
  background: url('../Images/landing/header_one_small.jpg') center top no-repeat !important;
  background-size:100% 100% !important;}
 .landing-page .header-back.two {
  background: url('../Images/landing/header_two_small.jpg') center 70px no-repeat !important;
  background-size:100% 100% !important;}
 .landing-page .header-back.three {
  background: url('../Images/landing/header_three_small.jpg') center 80px no-repeat !important;
  background-size:100% auto !important;}
  .landing-page .header-back.four {
  background: url('../Images/landing/header_four_small.jpg') center 80px no-repeat !important;
  background-size:100% auto !important;}
 .landing-page .carousel .item { height:300px !important; margin-top:110px; }
 .landing-page .header-back { height:300px !important; }
 .landing-page .carousel { height:300px !important; margin-top:110px; }
 .benefits h2{ text-align:center; }
 .howtopay h2 { text-align:center; }
 .howtopay p { text-align:center; }
 .landing-page address{ text-align:center; }

.panel_heading h2{ margin:0 0 0.5em 1em; }
.pt-10{ padding-top: auto;}
.pt-20{ padding-top: auto;}
.pt-30{ padding-top: auto;}
.pt-40{ padding-top: auto;}
.pt-50{ padding-top: auto;}

.mt-10{ margin-top: auto;}
.mt-20{ margin-top: auto;}
.mt-30{ margin-top: auto;}
.mt-40{ margin-top: auto;}
.mt-50{ margin-top: auto;}
.mt-60{ margin-top: auto;}
.mt-70{ margin-top: auto;}
.mt-80{ margin-top: auto;}
.mt-90{ margin-top: auto;}
.mt-100{ margin-top: auto;}

.m-l-xl{ margin-left:0; }
.div-height{ height:auto;}
.green_blue_lines { background:none; }
.red_yellow_lines { background:url(/Content/payprofiles/images/red_yellow_lines.svg) 240px -150px no-repeat #FFF; }
.p-t-b-30{ padding-top:10px; }

.openNav{ top:100px; } 

.owl-carousel .owl-buttons .owl-prev { left:-10px !important; }
.owl-carousel .owl-buttons .owl-next { right:-10px !important; }
.tlwViewer .zoomMobile a img{ width:100%; }
.error_panel ol{ width:60%;}
.partnersbank .text-right{ text-align:left; }
.becomeapartner_pp .modal-dialog{  margin:0 auto; width:95%; margin-top:20px;  }
}
@media only screen and (min-width: 479px) and (max-width: 767px) {
  .landing-page .header-back.one {
  background: url('../Images/landing/header_one_small.jpg') center top no-repeat !important;
  background-size:100% 100% !important;}
  .landing-page .header-back.two {
  background: url('../Images/landing/header_two_small.jpg') center top no-repeat !important;
  background-size:100% 100% !important;}
  .landing-page .header-back.three {
  background: url('../Images/landing/header_three_small.jpg') center top no-repeat !important;
  background-size:100% auto !important;}
  .landing-page .header-back.four {
  background: url('../Images/landing/header_four_small.jpg') center top no-repeat !important;
  background-size:100% auto !important;}
  .landing-page .carousel .item { margin-top:110px; }
  .benefits h2{ text-align:center; }
  .howtopay h2 { text-align:center; }
  .howtopay p { text-align:center; }
  .landing-page address{ text-align:center; }
  .landing-page .carousel { height:300px !important; margin-top:110px; }
.panel_heading h2{ margin:0 0 0.5em 1em; }
.pt-10{ padding-top: auto;}
.pt-20{ padding-top: auto;}
.pt-30{ padding-top: auto;}
.pt-40{ padding-top: auto;}
.pt-50{ padding-top: auto;}

.mt-10{ margin-top: auto;}
.mt-20{ margin-top: auto;}
.mt-30{ margin-top: auto;}
.mt-40{ margin-top: auto;}
.mt-50{ margin-top: auto;}
.mt-60{ margin-top: auto;}
.mt-70{ margin-top: auto;}
.mt-80{ margin-top: auto;}
.mt-90{ margin-top: auto;}
.mt-100{ margin-top: auto;}

.m-l-xl{ margin-left:0; }
.div-height{ height:auto;}
.green_blue_lines { background:none; }
.red_yellow_lines { background:url(/Content/payprofiles/images/red_yellow_lines.svg) 240px -150px no-repeat #FFF; }




.owl-carousel .owl-buttons .owl-prev { left:-10px !important; }
.owl-carousel .owl-buttons .owl-next { right:-10px !important; }
.tlwViewer .zoomMobile a img{ width:100%; }
.error_panel ol{ width:60%;}
.partnersbank .text-right{ text-align:left; }
.becomeapartner_pp .modal-dialog{  margin:0 auto; width:95%; margin-top:20px;  }
}