@media screen and (max-width:350px){
    /* start header */
    header{
        height:50vh;
    }
    .header-desc {
        width: 60%;
    }
    .header-desc h1{
        font-size: 40px;
        line-height: normal;
    }
    .header-desc p{
        font-size: 18px;
        margin-bottom:10px;
        line-height: normal;
    }
    .button1{
        padding: 5px;
        margin:10px;
    }
    .nav-right{
        display:none;
    }
    /* end header */

     /* start features */
     .feature .box{
        width:40%;
     }
    /* end features */
    /* start desc */
    .desc-left{
        width: 100%;
    }
    .desc-right{
        width: 100%;
    }
    
    /* end desc */
    /* start features */
    .features .row .box{
        width: 80%;
    }
    /* end features */
    /* start testimonials */
    .content p{
        font-size: 20px;
    }
    /* end testimonials */
    /* start footer */
    footer .foot-left{
        width: 100%;
    }
    footer .foot-right{
        width: 100%;
    }
    /* end footer */
}
@media screen and (min-width:351px) and (max-width:576px){
    /* start header */
    header{
        height:70vh;
    }
    .header-desc {
        width: 60%;
    }
    .header-desc h1{
        font-size: 40px;
        line-height: normal;
    }
    .header-desc p{
        font-size: 18px;
        margin-bottom:10px;
        line-height: normal;
    }
    .button1{
        padding: 5px;
        margin:10px;
    }
    .nav-right{
        display:none;
    }
    /* end header */
    /* start features */
    .feature .box{
        width:40%;
     }
    /* end features */
    /* start desc */
    .desc-left{
        width: 100%;
    }
    .desc-right{
        width: 100%;
    }
    
    /* end desc */
     /* start features */
     .features .row .box{
        width: 80%;
    }
    /* end features */
    /* start testimonials */
    .content p{
        font-size: 20px;
    }
    /* end testimonials */
    /* start footer */
    footer .foot-left{
        width: 100%;
    }
    footer .foot-right{
        width: 100%;
    }
    /* end footer */

}
@media screen and (min-width:577px) and (max-width:768px){
    /* start header */
    .header-desc {
        width: 60%;
    }
    .header-desc h1{
        font-size: 50px;
    }
    .header-desc p{
        font-size: 18px;
        margin-bottom:10px;
    }
    .button1{
        padding: 5px;
        margin:10px;
    }
    .nav-right{
        display:none;
    }
    /* end header */
    /* start desc */
    .desc-left{
        width: 100%;
    }
    .desc-right{
        width: 100%;
    }
    
    /* end desc */
    /* start contact */
    .contact-left{
        float: none;
        width: 80%;
    }
    .contact-right{
        float:none;
        width: 80%;

    }
    /* end contact */
     /* start features */
     .features .row .box{
        width: 30%;
    }
    /* end features */
    /* start footer */
    footer .foot-left{
        width: 100%;
    }
    footer .foot-right{
        width: 100%;
    }
    /* end footer */
}
@media screen and (min-width:769px) and (max-width:992px){
    /* start header */
    .header-desc h1{
        font-size: 50px;
    }
    .button-toggler{
        display:none;
    }
    /* end header */
    /* start desc */
    .desc-left{
        width: 100%;
    }
    .desc-right{
        width: 100%;
    }
    
    /* end desc */
     /* start features */
     .features .row .box{
        width: 30%;
    }
    /* end features */

}
@media screen and (min-width:993px) {
    /* start header */
    .button-toggler{
        display:none;
    }
    .nav-left{
        width:10%;
    }
    /* end header */
}