@media screen and (max-width: 1024px){ body{ #start{ width: $Wi80-m; #text_figli{ #item_list{ .card{ width: $Wi33-m; #item{ width: calc(300% + (.5rem * 2)); } } } } } } } @media screen and (max-width: 414px) { body{ #start{ width: $Wi-m; #text_figli{ p{ font-size: 1.7rem; line-height: 2.3rem; } #item_list{ width: $Wi-m; .card{ width: calc(100%); margin: 0 0 0.5rem 0; #item{ width: 100%; padding: 1rem; .content-title{ h2{ font-size: 2rem !important; line-height: 2.5rem !important; } & > div{ line-height: 1rem; } } } } } } } .sidebar-right{ display: none; } } .circle_hover.open{ width: 0!important; height: 0!important; } }