@media (max-width:1200px ){

    .left-col h1 {
    margin-top: 0px;
}

.sec3 h3 {
    margin-top: 0px;
}
.sec4 h3 {
    margin-top: 70px;
    
}

.sec5Row .left-col {
    margin-top: 0px;
}

}
/* desktop veiw */

@media(max-width:992px){
    .left-col h1 {
    font-size: 22px;
    margin-top: 20px;
}
.pera1 {
    font-size: 15px;
}
.pera2 {
    font-size: 15px;
}
.btn1 {
    font-size: 13px;
}
.sec1Row .right-col img {
    width: 125%;
    margin-top: 0px;
}

/* sec1 end */


.sec2 h1 {
    font-size: 22px;
}
.sec2Row i {
    font-size: 40px;
}
.sec2Row p {
    font-size: 15px;
    
}
/* sec2 end */


.sec3 h3 {
    font-size: 22px;
}

.sec3 p {
    font-size: 15px;
}
.btn2 {
    font-size: 13px;
}
.sec3Row .left-col img {
    width: 100%;
    margin-top: 100px;
}


/* sec3 end */

.sec4 h3 {
    font-size: 22px;
}
.sec4 p {
    font-size: 15px;
}
.btn3 {
    font-size: 13px;
}
.sec4Row .right-col img {
    width: 125%;
}
.sec4 h3 {
    font-size: 22px;
    margin-top: 0px;
}

/* sec4 end */

.sec5 h1 {
    font-size: 22px;
}
.sec5Row .left-col img {
    width: 80%;
    margin-left: 0px;
    margin-top: -50px;
}
.sec5 h3 {
    margin-top: 25px;
    font-size: 22px;
}
.sec5 p {
    font-size: 15px;
}
.sec5Row .left-col {
    margin-top: 0px;
}
.sec3Row .right-col {
    flex-basis: 46%;
}
.sec3Row .left-col {
    flex-basis: 46%;
}
}

/* laptop veiw */


@media(max-width:768px){

    .sec1Row .left-col {
    flex-basis: 100%;

}

.sec1Row .right-col {
    flex-basis: 100%;
    
}
.sec1Row .right-col img {
    width: 100%;
}

.left-col h1 {
    font-size:25px;
    margin-top: 10px;
   
}

.pera1 {
    font-size: 16px;
   
}
.pera2 {
    font-size: 16px;
   
}
.btn1 {
    font-size: 13px;
}
/* sec1 end */

.sec2Row .Box1 {
    flex-basis: 100%;
    
}

.sec2Row .Box2 {
    flex-basis: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    
}
.sec2Row .Box3 {
    flex-basis: 100%;
   
}


.sec2 h1 {
    font-size: 24px;
}

.sec2Row i {
    font-size: 40px;
}
.sec2Row p {
   
    font-size: 16px;
   
}

/* sec2 end */

.sec3Row .left-col {
    flex-basis: 100%;
}

.sec3Row .right-col {
    flex-basis: 100%;
}

.sec3Row .left-col img {
    width: 100%;
}
.sec3 h3 {
    margin-top: 50px;
    font-size: 25px;
}

.sec3 p {
    font-size: 16px;
}

.btn2 {
    font-size: 13px;
}
/* sec3 end */


.sec4Row .left-col {
    flex-basis: 100%;
}

.sec4Row .right-col {
    flex-basis: 100%;
}
.sec4 h3 {
    margin-top: 20px;
    font-size: 25px;
}
.sec4 p {
    font-size: 16x;
}

.btn3 {
    font-size: 13px;
}
.sec4Row .right-col img {
    margin-top: 44px;
}
/* sec4 end */


 .sec5Row .left-col {
    flex-basis: 100%;
    
}

.sec5Row .right-col {
    flex-basis: 100%;
} 

.sec5Row .left-col img {
    width: 100%;
    margin-left: 0px;

}
.sec5 h1 {
    margin-bottom: 70px;
    font-size: 25px;
}
.sec5 h3 {
    margin-top: 25px;
    font-size: 25px;
}
.sec5 p {
    font-size: 16px;
}

/* sec5 end */

footer h3 {
    font-size: 15px;
}
.diffrent-foot {
    font-size: 15px;
}

footer p {
    font-size: 15px;
}


}
/* tablet veiw */


@media(max-width:576px){

.sec1Row .left-col {
    flex-basis: 100%;

}

.sec1Row .right-col {
    flex-basis: 100%;
    
}
.sec1Row .right-col img {
    width: 100%;
}

.left-col h1 {
    font-size:22px;
    margin-top: 10px;
   
}

.pera1 {
    font-size: 14px;
   
}
.pera2 {
    font-size: 14px;
   
}
.btn1 {
    font-size: 12px;
}

/* sec1 end */

.sec2Row .Box1 {
    flex-basis: 100%;
    
}

.sec2Row .Box2 {
    flex-basis: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    
}
.sec2Row .Box3 {
    flex-basis: 100%;
   
}

.sec3Row .left-col img {
    width: 200%;
}

.sec2 h1 {
    font-size: 25px;
}

.sec2Row i {
    font-size: 40px;
}
.sec2Row p {
   
    font-size: 14px;
   
}

/* sec2 end */

.sec3Row .left-col {
    flex-basis: 100%;
}

.sec3Row .right-col {
    flex-basis: 100%;
}

.sec3Row .left-col img {
    width: 100%;
}

.sec3 h3 {
    margin-top: 50px;
    font-size: 22px;
}

.sec3 p {
    font-size: 14px;
}

.btn2 {
    font-size: 12px;
}
/* sec3 end */


.sec4Row .left-col {
    flex-basis: 100%;
}

.sec4Row .right-col {
    flex-basis: 100%;
}
.sec4 h3 {
    margin-top: 20px;
    font-size: 22px;
}
.sec4 p {
    font-size: 14px;
}

.btn3 {
    font-size: 12px;
}
.sec4Row .right-col img {
    margin-top: 44px;
}
/* sec4 end */


 .sec5Row .left-col {
    flex-basis: 100%;
    
}

.sec5Row .right-col {
    flex-basis: 100%;
} 

.sec5Row .left-col img {
    width: 100%;
    margin-left: 0px;

}
.sec5 h1 {
    margin-bottom: 70px;
    font-size: 21px;
}
.sec5 h3 {
    margin-top: 25px;
    font-size: 22px;
}
.sec5 p {
    font-size: 14px;
}

/* sec5 end */

footer h3 {
    font-size: 15px;
}
.diffrent-foot {
    font-size: 15px;
}

footer p {
    font-size: 15px;
}
} 
/* mobail veiw */