/* mobile responsive */


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

    section.about-section .container{
        max-width: 840px;
    }

    section.about-section .about-img img{
        height: 330px;
    }
    section.about-section .about-img{
        padding: 25px 0 25px 25px;
    }

    section.about-section .about-cont{
        padding: 25px 0 0 25px ;
        gap: 5px;
    }

    section.about-section .about-cont .about-title h3{
        font-size: 30px;
    }
    section.about-section .about-cont .about-title h5{
        font-size: 14px;
    }

    button#myBtn{
        width: 30%;
    }

    button#myBtn1{
        width: 30%;
    }

    
  

}

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

    .about-section .col-6{
        width: 100%;
    }

    section.about-section .about-cont{
        padding: 0;
    }

    section.about-section h2{
        font-size: 35px;
    }
    section.about-section .about-cont .about-title h3 {
        font-size: 25px;
    }

    section.about-section .about-cont .about-title h5{
        font-size: 12px;
    }

    section.about-section .about-cont p{
        font-size: 12px;
    }

    section.about-section .about-cont{
        gap: 8px;
    }

    button#myBtn {
        width: 25%;
        height: 30px;
        font-size: 12px;
    }

    section.about-section .about-img{
        padding: 10px 0;
    }

    section.about-section .about-img img{
        border-radius: 10px;
    }

    section.about-section h2::before{
        bottom: -2px;
        width: 80px;
    }

    button#myBtn1{
        width: 25%;
        height: 30px;
        font-size: 10px;
    }



    
}

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

    .about-section .col-6{
        width: 100%;
    }

    section.about-section .about-cont{
        padding: 0;
    }

    section.about-section h2::before{
        bottom: -2px;
        width: 80px;
    }

    section.about-section h2{
        font-size: 40px;
    }
    section.about-section .about-cont .about-title h3 {
        font-size: 25px;
    }

    section.about-section .about-cont .about-title h5{
        font-size: 12px;
        margin-bottom: 0;
    }

    section.about-section .about-cont p{
        font-size: 11px;
        line-height: 20px;
    }

    section.about-section .about-cont{
        gap: 8px;
    }

    button#myBtn {
        width: 30%;
        height: 30px;
        font-size: 11px;
    }

    button#myBtn1{
        width: 30%;
        height: 30px;
        font-size: 11px;
    }

    section.about-section .about-img{
        padding: 10px 0;
    }

    section.about-section .about-img img{
        border-radius: 10px;
    }


 
}