Breakṕoints para media query

@tablet: ~"screen and (min-width: 768px)";
@smartphones: ~"screen and (min-width: 320px) and (max-width: 480px)";

@ipads: ~"screen and (min-width: 768px) and (max-width: 1024px)";

// para iPhones
@iphone4: ~"screen and (min-width: 320px) and (max-width: 480px)";
@iphone5: ~"screen and (min-width: 320px) and (max-height: 568px)";
@iphone678: ~"screen and (min-width: 375px) and (max-height: 667px)";
@iphone678more: ~"screen and (min-width: 414px) and (max-height: 736px)";
@iphonex: ~"screen and (min-width: 375px) and (max-height: 812px)";
@iphonexsmaxxr: ~"screen and (min-width: 414px) and (max-height: 896px)";

// para Samsung Galaxy 3, 4 e 5
@samsungs3: ~"screen and (min-width: 320px) and (max-height: 640px)";
@samsungs4: ~"screen and (min-width: 320px) and (max-height: 640px)";
@samsungs5: ~"screen and (min-width: 360px) and (max-height: 640px)";