@media only screen and (max-width:1400px) and (min-width:1200px){

}

@media only screen and (max-width:1200px )and (min-width:992px){
    .logo{
        width:180px;
    }

}



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

}

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

    .heading{
    width:30px
}
}


@media only screen and (max-width:576px){
.logo{
    width:200px;
}
.heading{
    width:30px
}
}