@media directive is used to set style rules to different media types. It supports and extends the @media rules. This directive can be nested inside the selector SASS but the main impact is displayed to the top level of the style sheet. For example :h2{
color: red;
}
.style{
width: 450px;
@media screen and (orientation: portrait){
width:180px;
margin-left: 90px;
}
}​