/* ======================================== */
/* -------------------MEDIA---------------- */
/* ======================================== */


/* retina display */
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 2560px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 2560px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 2560px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 2560px),
only screen and (                min-resolution: 192dpi) and (min-width: 2560px),
only screen and (                min-resolution: 2dppx)  and (min-width: 2560px) { 
    .latest-new-head{
        padding-bottom: 0.5em;
    }
    .para-limit{
            -webkit-line-clamp: 2;
    line-clamp: 2;
    }
}
@media (max-width: 1665px) {
.latest-new-block{
    height: 100%;    
}    
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1665px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1665px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1665px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1665px),
only screen and (                min-resolution: 192dpi) and (min-width: 1665px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1665px) { 
.latest-new-block{
    height: 100%;    
} 
}*/
@media all and (max-width: 1600px){
    .banner-cover:after{
        height:2em;
    }
    .app-box{
    padding-bottom: 3em;
}
}

@media all and (max-width: 1500px){
.banner-head h1 {
    font-size: 2.8em;    
}
}
@media all and (max-width: 1400px){
.banner-head h1 {
    font-size: 2.5em;    
}
}
@media all and (max-width: 1300px){
.about-block:after{
    height: 5em;
}
.banner-cover:after{
    height: 1em;
}

}
@media all and (max-width: 1250px){
.banner-cover:after{
    height: 3em;
}
.banner-head h1,.text-head h2,.about-txt h4 {
    font-size: 2em;    
}
.text-head span, .steps-box p,.pay h6,.banner-head p,.about-txt p{
    font-size: 1em;    
}
h6,.offer-box h6 {
    font-size: 1.1em;
}
.about-block:after{
    height: 7em;
}
.chain {
    width: 7em;
}
.site-navbar .site-navigation .site-menu>li>a,.lang-group .form-select{
    font-size: 14px;
}
.lang-group .form-select option{
    background: transparent;

}

}
@media all and (max-width: 1200px){
.about-block:after {
    height: 1em;
}
.banner-head br,.offer-txt h4 br {
/*display: none;*/
content: "";
}
.banner-head br:after,.offer-txt h4 br:after {
  content: " "; // note we've added space here.
}
.pay img{
    width: 50%;
}
.about-txt img {
    padding-right: 2em;
    width: 75%;
}
.banner-head h1 {
    font-size: 2em;
}
.text-head h2 {
    font-size: 1.8em;
}

.about-txt h4,.offer-txt h4 {
    font-size: 1.4em;
}
.about-txt {
    padding: 4em 0 2em;
}
.main-header .navbar{
    padding-left: 1.5em;
}
.site-navbar .site-navigation .site-menu>li>a {
    padding: 10px 15px;
}
.offer-txt p{
    font-size: 14px;
}
.offer-txt{
    padding-bottom: 0;
}
/*.app-dwn{
    align-items: flex-start;
}*/
/*.app-dwn a{
    width: 30%;
}
.app-dwn img{
    padding-right: 1em;
}*/
.logo-lg, .steps-box img{
width: 70%;
}
.offer-txt img{
width: 70%;
padding-right: 0;
}
.aligner-end{align-items: flex-start;}
.pay {
    padding-bottom: 3em;
}
.banner-head{
    padding-bottom: 2em;
}
}
@media all and (max-width: 990px){
.banner-cover{
    padding: 0 3em;    
}
.steps-box img{
width: 7em;
}
.steps-block{
    padding: 1em 3em;
}
a.site-menu-toggle{
    text-decoration: none;
}
.about-txt{
    padding-right: 3em;
}
.steps-block{
    padding-top: 0;
}
}
@media all and (max-width: 850px){
.banner-head h1 {
    font-size: 1.5em;
}
.text-head span, .steps-box p, .pay h6, .banner-head p, .about-txt p,.contact h6,.contact ul li{
    font-size: 14px;
}
.steps-block {
    display: block;
    columns: 2;
}
.chain{
    display: none;
}
.child-1,.child-2,.child-3,.child-4{
    position: relative;
}
.child-1:after{
    background: #7b8289;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    content: "1";
    color:#fff;
    top:0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    position: absolute;
    align-items: center;
}
.child-2:after{
    background: #7b8289;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    content: "2";
    color:#fff;
    top:0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    position: absolute;
    align-items: center;
}
.child-3:after{
    background: #7b8289;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    content: "3";
    color:#fff;
    top:0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    position: absolute;
    align-items: center;
}
.child-4:after{
    background: #7b8289;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    content: "4";
    color:#fff;
    top:0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    position: absolute;
    align-items: center;
}
.about-block:after{
    visibility: hidden;
}
.about-txt {
    padding-bottom: 10px;
    padding-top: 25px;
}
.mob-img{
    padding-left: 3em;
}
.pay{
    padding-bottom: 20px;
}

}
@media all and (max-width: 767px){
    .offer-txt,.about-txt{
        padding: 0 3em;
    text-align: center;        
    }
    .offer-block {
    text-align: left;
}
.mob-img {
    padding-left: 0;
    width: 15em;
    margin: 0 auto;
}
.pay {
    padding: 1em 3em;
    text-align: center;
}
.contact {
    padding: 2em 3em 1em;
    text-align: center;
}
.justi-box{
    justify-content: center;
}
.justi-box a img{
    padding-right: 0;
}
.about-block:after {
    visibility: visible;
    height: 7em;
}
.logo-lg {
    width: 100%;
}
}
@media all and (max-width: 767px){
.banner-cover:after {
    height: 0;
}
/*.app-dwn a {
     width: auto; 
}*/
.banner-head{
        padding: 1em 0;
    text-align: center;            
}
/*.app-dwn{
    justify-content: center;
}*/
}

@media all and (max-width: 530px){
    .steps-block {
    padding: 1em 0em;
}
.offer-box {
    width: 100%;
}
.offer-box {
    width: 100%;
    text-align: center;
    display: block;
}
.offer-txt img {
     width: auto; 
}
.steps-block {
    columns: 1;
}
.hidd-txt {
   display: none;
}
.text-head{
    padding: 1em 0;
}
.app-box {
    padding-bottom: 1em;
}
.child-1, .child-2, .child-3 {
    padding-bottom: 2em;
}
.offer-txt, .about-txt {
    padding: 0 2em;
}
.pay img {
    width: 100%;
}
}
@media all and (max-width: 350px){
    .main-header .navbar{
        display: none;
    }
.logo-lg {
     width: 70%; 
}  
.banner-cover,.offer-txt, .about-txt {
    padding: 0 1.5em;
}  
}