@media only screen and (min-device-width : 768px) and (max-device-width :1024px){

}


@media only screen and (min-device-width : 481px) and (max-device-width : 768px) {
 .how::before, .how::after{ opacity: 0.2;}
}


@media only screen and (min-device-width : 481px) and (max-device-width : 660px){
 .how::before, .how::after{ opacity: 0.2;}

}





@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	 .banner {background-image: url(./folonil/mob-banner.jpg);}
	 .how::before{    width: 210px;
    height: 140px;    opacity: 0.2;}
    .how::after{    opacity: 0.2;}
    .section-title h2{    font-size: 26px;}

    .imagefaceinfo {
    flex-wrap: wrap;
    margin-bottom: 64px;
}

.imgface {
    width: 26%;
}

.imgtext {
    width: 80%;
    align-self: center;
    text-align: center;
    background: #ddd5ed;
    min-height: 185px;
    display: flex;
    align-items: center;
    padding: 20px;
    position: relative;
    margin-left: -30px;
}


.imgtext::after{display: none;}

.textparastwo p {
    padding-left: 0px;
    padding-right: 0px;
}

.what .section-title h2::before,.what  .section-title h2::after{display: none;}
.what .section-title h2{    font-weight: bold;    font-size: 28px;}

.desktopbg{display: none;}
.mobilebg{display: block;}

}



/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

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


}


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.section-title h2 {
    font-size: 20px;
}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {





@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait){


}

@media only screen and (min-device-width : 411px) and (max-device-width : 823px) and (orientation : portrait){


}

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {



}


@media only screen and (min-device-width : 1024px) and (max-device-width :1366px) and (orientation : portrait){

}


@media only screen and (min-device-width : 1024px) and (max-device-width :1366px) and (orientation : landscape){

}